@import"https://fonts.googleapis.com/css2?family=Arimo:wght@400;500;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Arimo:wght@400;500;600;700&display=swap";.app{width:100%;height:100vh;background:#0f172a;color:#e2e8f0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.app-loading{display:flex;justify-content:center;align-items:center;height:100vh;background:#0f172a;color:#e2e8f0}.loading-spinner{text-align:center}.spinner{width:40px;height:40px;border:4px solid #334155;border-top:4px solid #6366f1;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1rem}.loading-spinner p{color:#94a3b8;font-size:1rem}.dashboard{min-height:100vh;background:linear-gradient(135deg,#0f172a,#1e293b);padding:2rem}.dashboard-header{text-align:center;margin-bottom:3rem}.dashboard-header h1{font-size:2.5rem;font-weight:700;margin-bottom:1rem;background:linear-gradient(135deg,#fbbf24,#f59e0b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.dashboard-subtitle{font-size:1.25rem;color:#94a3b8;margin-bottom:2rem}.dashboard-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;max-width:1200px;margin:0 auto}.info-card{background:#0f172acc;border:1px solid #334155;border-radius:.75rem;padding:1.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.info-card h3{color:#fbbf24;margin-bottom:.75rem;font-size:1.125rem}.info-card p{color:#cbd5e1;line-height:1.6}.info-card code{background:#fbbf241a;color:#fbbf24;padding:.25rem .5rem;border-radius:.25rem;font-family:Monaco,Menlo,Ubuntu Mono,monospace}.role-cards{max-width:1200px;margin:0 auto;text-align:center}.role-cards h2{font-size:1.875rem;margin-bottom:.5rem;color:#fbbf24}.role-cards>p{color:#94a3b8;margin-bottom:2rem;font-size:1.125rem}.cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:3rem}.role-card{background:linear-gradient(135deg,#1e293b,#334155);border:2px solid #475569;border-radius:1rem;padding:2rem;text-decoration:none;color:inherit;transition:all .3s ease;position:relative;overflow:hidden}.role-card:hover{transform:translateY(-4px);border-color:#fbbf24;box-shadow:0 8px 25px #fbbf2433}.role-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#fbbf24,#f59e0b)}.role-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.role-icon{font-size:2rem}.role-header h3{font-size:1.25rem;font-weight:600;margin:0;color:#e2e8f0}.role-permissions{color:#fbbf24;font-weight:600;margin-bottom:.5rem}.role-desc{color:#94a3b8;margin:0;line-height:1.5}.role-card.director{border-left:4px solid #dc2626}.role-card.administration{border-left:4px solid #2563eb}.role-card.content{border-left:4px solid #7c3aed}.role-card.sales{border-left:4px solid #059669}.role-card.brokers{border-left:4px solid #ea580c}.role-card.employee{border-left:4px solid #0891b2}.main-test-link{background:#0f172acc;border:2px solid #334155;border-radius:1rem;padding:2rem;margin-top:2rem}.test-components-btn{display:inline-block;background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#0f172a;padding:1rem 2rem;border-radius:.75rem;text-decoration:none;font-weight:600;font-size:1.125rem;transition:all .3s ease;margin-bottom:1rem}.test-components-btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px #fbbf2466}.main-test-link p{color:#94a3b8;margin:0}.role-page-content{padding:2rem;max-width:1200px;margin:0 auto}.page-header{text-align:center;margin-bottom:3rem;padding-bottom:2rem;border-bottom:2px solid #334155}.page-header h1{font-size:2.5rem;font-weight:700;margin-bottom:1rem;background:linear-gradient(135deg,#fbbf24,#f59e0b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.page-subtitle{font-size:1.25rem;color:#94a3b8;margin:0;font-weight:400}.development-notice{display:flex;flex-direction:column;gap:2rem;align-items:center}.notice-card{background:linear-gradient(135deg,#1e293b,#334155);border:2px solid #475569;border-radius:1rem;padding:2rem;max-width:600px;width:100%;text-align:center;position:relative;overflow:hidden}.notice-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#fbbf24,#f59e0b)}.notice-card h3{color:#fbbf24;font-size:1.5rem;margin-bottom:1rem;font-weight:600}.notice-card p{color:#cbd5e1;font-size:1.125rem;margin-bottom:1.5rem;line-height:1.6}.notice-card ul{list-style:none;padding:0;margin:0;text-align:left}.notice-card li{background:#0f172a99;border:1px solid #475569;border-radius:.5rem;margin-bottom:.5rem;color:#e2e8f0;position:relative;padding:.75rem 1rem .75rem 2rem}.notice-card li:before{content:"✓";position:absolute;left:.75rem;color:#fbbf24;font-weight:700}.notice-card li:last-child{margin-bottom:0}.test-link{text-align:center}.btn-primary{display:inline-block;background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#0f172a;padding:1rem 2rem;border-radius:.75rem;text-decoration:none;font-weight:600;font-size:1.125rem;transition:all .3s ease;border:none;cursor:pointer}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 15px #fbbf2466;color:#0f172a;text-decoration:none}.placeholder-actions{display:flex;gap:1rem;margin-top:1.5rem;flex-wrap:wrap}.placeholder-actions .btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:.75rem 1.5rem;border-radius:8px;text-decoration:none;font-weight:500;transition:all .3s ease;display:inline-flex;align-items:center;gap:.5rem}.placeholder-actions .btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #667eea66}.placeholder-actions .btn-secondary{background:#ffffff1a;color:#667eea;border:2px solid #667eea;padding:.75rem 1.5rem;border-radius:8px;text-decoration:none;font-weight:500;transition:all .3s ease;display:inline-flex;align-items:center;gap:.5rem}.placeholder-actions .btn-secondary:hover{background:#667eea;color:#fff;transform:translateY(-2px)}.notice-card{background:#fffffff2;padding:2rem;border-radius:12px;box-shadow:0 4px 20px #0000001a;border-left:4px solid #f39c12}.notice-card h3{color:#f39c12;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.notice-card p{color:#666;line-height:1.6;margin-bottom:1rem}@media (max-width: 768px){.dashboard{padding:1rem}.dashboard-header h1{font-size:2rem}.dashboard-subtitle{font-size:1.125rem}.cards-grid{grid-template-columns:1fr}.role-page-content{padding:1rem}.page-header h1{font-size:2rem}.page-subtitle{font-size:1.125rem}.notice-card{padding:1.5rem}.notice-card h3{font-size:1.25rem}.notice-card p{font-size:1rem}}@media (max-width: 480px){.dashboard-header h1,.page-header h1{font-size:1.75rem}.role-card{padding:1.5rem}.test-components-btn,.btn-primary{padding:.875rem 1.5rem;font-size:1rem}}@media (max-width: 768px){.placeholder-actions{flex-direction:column}.placeholder-actions .btn-primary,.placeholder-actions .btn-secondary{text-align:center;justify-content:center}}html{font-size:16px}@media (max-width: 1200px){html{font-size:15px}}@media (max-width: 768px){html{font-size:14px}}@media (max-width: 480px){html{font-size:13px}}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 1rem}@media (min-width: 768px){.container{padding:0 2rem}}@media (min-width: 1024px){.container{padding:0 3rem}}.row{display:flex;flex-wrap:wrap;margin:0 -.5rem}.col{flex:1;padding:0 .5rem}.col-1{flex:0 0 8.333333%}.col-2{flex:0 0 16.666667%}.col-3{flex:0 0 25%}.col-4{flex:0 0 33.333333%}.col-6{flex:0 0 50%}.col-8{flex:0 0 66.666667%}.col-9{flex:0 0 75%}.col-12{flex:0 0 100%}@media (max-width: 768px){.col-md-12{flex:0 0 100%}.col-md-6{flex:0 0 50%}.col-md-4{flex:0 0 33.333333%}.col-md-3{flex:0 0 25%}}@media (max-width: 480px){.col-sm-12{flex:0 0 100%}.col-sm-6{flex:0 0 50%}}.spacing-xs{margin:.25rem}.spacing-sm{margin:.5rem}.spacing-md{margin:1rem}.spacing-lg{margin:1.5rem}.spacing-xl{margin:2rem}.padding-xs{padding:.25rem}.padding-sm{padding:.5rem}.padding-md{padding:1rem}.padding-lg{padding:1.5rem}.padding-xl{padding:2rem}@media (max-width: 768px){.spacing-mobile-sm{margin:.5rem}.spacing-mobile-md{margin:.75rem}.spacing-mobile-lg{margin:1rem}.padding-mobile-sm{padding:.5rem}.padding-mobile-md{padding:.75rem}.padding-mobile-lg{padding:1rem}}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}@media (max-width: 768px){.text-mobile-center{text-align:center}.text-mobile-left{text-align:left}}.d-none{display:none}.d-block{display:block}.d-flex{display:flex}.d-inline{display:inline}.d-inline-block{display:inline-block}@media (min-width: 768px){.d-md-none{display:none}.d-md-block{display:block}.d-md-flex{display:flex}.d-md-inline{display:inline}.d-md-inline-block{display:inline-block}}@media (max-width: 767px){.d-mobile-none{display:none}.d-mobile-block{display:block}.d-mobile-flex{display:flex}}@media (max-width: 768px){button,.btn,.btn-primary,.btn-secondary{min-height:44px;min-width:44px;padding:.75rem 1.25rem;font-size:1rem}.btn-small{min-height:36px;min-width:36px;padding:.5rem 1rem;font-size:.875rem}}.mobile-menu-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:999}.mobile-menu-open .mobile-menu-overlay{display:block}.mobile-menu{position:fixed;top:0;left:-100%;width:280px;height:100vh;background:#1f2a37;z-index:1000;transition:left .3s ease;overflow-y:auto}.mobile-menu-open .mobile-menu{left:0}.mobile-menu-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-bottom:1px solid #374151}.mobile-menu-close{background:none;border:none;color:#f9fafb;font-size:1.5rem;cursor:pointer;padding:.5rem;border-radius:4px;transition:background .2s ease}.mobile-menu-close:hover{background:#ffffff1a}.img-responsive{max-width:100%;height:auto;display:block}.table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch}@media (max-width: 768px){.table-responsive table{min-width:600px}}.card-responsive{margin-bottom:1rem}@media (max-width: 768px){.card-responsive{margin-bottom:.75rem;border-radius:8px}}@media (max-width: 1200px){.hide-xl{display:none!important}}@media (max-width: 1024px){.hide-lg{display:none!important}}@media (max-width: 768px){.hide-md{display:none!important}.show-mobile{display:block!important}.show-mobile-flex{display:flex!important}.show-mobile-inline{display:inline!important}}@media (max-width: 480px){.hide-sm{display:none!important}}.flex-column-mobile{display:flex}@media (max-width: 768px){.flex-column-mobile{flex-direction:column}}.flex-wrap-mobile{display:flex}@media (max-width: 768px){.flex-wrap-mobile{flex-wrap:wrap}}.gap-responsive{gap:1.5rem}@media (max-width: 768px){.gap-responsive{gap:1rem}}@media (max-width: 480px){.gap-responsive{gap:.5rem}}@media print{.d-print-none,.mobile-menu,.mobile-menu-overlay{display:none!important}body{font-size:12pt;line-height:1.4;color:#000;background:#fff}}.director-page{padding:40px;background-color:#111928;min-height:calc(100vh - 88px);display:flex;justify-content:center;align-items:flex-start}.director-content{max-width:1200px;width:100%;display:flex;flex-direction:column;align-items:center;gap:40px;margin-top:60px}.director-header{text-align:center}.director-title{display:flex;align-items:center;justify-content:center;gap:16px;font-size:48px;font-weight:600;color:#f9fafb;margin:0 0 16px}.crown-icon{font-size:48px}.director-subtitle{font-size:18px;color:#9ca3af;margin:0}.ready-components-panel{background-color:#1f2a37;border-radius:12px;padding:32px;max-width:800px;width:100%;box-shadow:0 4px 6px -1px #0000001a}.panel-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.panel-header h2{font-size:24px;font-weight:600;color:#fbe54d;margin:0}.panel-icon{font-size:24px}.panel-description{font-size:16px;color:#e5e7eb;margin:0 0 24px}.components-list{display:flex;flex-direction:column;gap:16px}.component-item{display:flex;align-items:center;gap:12px;padding:16px;background-color:#374151;border-radius:8px;transition:background-color .2s ease}.component-item:hover{background-color:#4b5563}.component-item.completed{background-color:#065f46;border-left:4px solid #10B981}.component-icon{font-size:20px;flex-shrink:0}.component-text{font-size:16px;color:#f9fafb;font-weight:500}.director-actions{display:flex;gap:20px;flex-wrap:wrap;justify-content:center}.action-button{display:inline-flex;align-items:center;gap:8px;padding:14px 28px;border-radius:8px;font-size:16px;font-weight:600;text-decoration:none;transition:all .2s ease}.action-button.primary{background-color:#fbe54d;color:#111928}.action-button.primary:hover{background-color:#f59e0b;transform:translateY(-2px)}.action-button.secondary{background-color:#374151;color:#f9fafb;border:1px solid #4B5563}.action-button.secondary:hover{background-color:#4b5563;transform:translateY(-2px)}.content-page{padding:24px;width:100%;background:#2d3748;min-height:100vh;box-sizing:border-box;margin:0}@media (max-width: 1023px){.content-page{padding-left:1.5rem;padding-right:1.5rem}}@media (max-width: 767px){.content-page{padding-left:1rem;padding-right:1rem}}@media (max-width: 480px){.content-page{padding-left:.75rem;padding-right:.75rem}}.content-page h1{font-family:Arimo,Inter,system-ui,sans-serif;font-weight:600;font-size:24px;color:#f9fafb;margin-bottom:16px}.content-page p{font-family:Arimo,Inter,system-ui,sans-serif;font-weight:400;font-size:16px;color:#cbd5e1;line-height:1.5}.submenu-item:first-child .submenu-label{color:#fff;font-weight:500}.admin-layout .admin-main-content{background:#2d3748!important}.admin-layout .admin-page-content{padding:0!important;background:#2d3748!important;margin-top:88px;min-height:calc(100vh - 88px)}.admin-layout .mobile-menu-toggle{display:none;z-index:1001!important;background:#1f2a37!important;color:#f9fafb!important;border:none!important;border-radius:8px!important;padding:.75rem!important;position:fixed!important;top:1rem!important;left:1rem!important;box-shadow:0 4px 12px #00000026!important;min-height:44px!important;min-width:44px!important}@media (max-width: 1023px){.admin-layout .mobile-menu-toggle{display:block!important}}@media (max-width: 767px){.admin-layout .mobile-menu-toggle{top:.75rem!important;left:.75rem!important;padding:.5rem!important}}.admin-layout .admin-sidebar-wrapper{z-index:1000!important;background:#1f2a37!important}@media (min-width: 1024px){.admin-layout .admin-sidebar-wrapper{position:relative!important;left:auto!important;width:auto!important;height:auto!important;top:auto!important;box-shadow:none!important}}@media (max-width: 1023px){.admin-layout .admin-sidebar-wrapper{position:fixed!important;top:0!important;left:-265px!important;height:100vh!important;width:265px!important;transition:left .3s ease!important;box-shadow:2px 0 10px #0000001a!important;z-index:1000!important;border:2px solid red!important}.admin-layout.mobile-menu-open .admin-sidebar-wrapper{left:0!important;border:2px solid green!important}.admin-layout .admin-content-overlay{display:none!important;position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;background:#00000080!important;z-index:999!important}.admin-layout.mobile-menu-open .admin-content-overlay{display:block!important}}@media (max-width: 767px){.admin-layout .admin-sidebar-wrapper{left:-280px!important;width:280px!important}}.component-showcase{min-height:100vh;background:linear-gradient(135deg,#0f172a,#1e293b);color:#e2e8f0;padding:2rem}.showcase-header{text-align:center;margin-bottom:3rem;max-width:1200px;margin-left:auto;margin-right:auto}.header-content{position:relative}.back-button{position:absolute;top:0;left:0;background:linear-gradient(135deg,#374151,#4b5563);color:#e2e8f0;padding:.75rem 1.5rem;border-radius:.5rem;text-decoration:none;font-weight:500;transition:all .3s ease;border:1px solid #6b7280}.back-button:hover{background:linear-gradient(135deg,#4b5563,#6b7280);transform:translateY(-1px);box-shadow:0 4px 12px #0003;color:#e2e8f0;text-decoration:none}.showcase-header h1{font-size:2.5rem;font-weight:700;margin-bottom:1rem;background:linear-gradient(135deg,#fbbf24,#f59e0b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.showcase-subtitle{font-size:1.25rem;color:#94a3b8;margin:0}.components-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;max-width:1200px;margin:0 auto 3rem}.component-card{background:linear-gradient(135deg,#1e293b,#334155);border:2px solid #475569;border-radius:1rem;padding:2rem;transition:all .3s ease;position:relative;overflow:hidden}.component-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#fbbf24,#f59e0b)}.component-card:hover{transform:translateY(-4px);border-color:#fbbf24;box-shadow:0 8px 25px #fbbf2433}.component-header{margin-bottom:1.5rem}.component-name{font-size:1.5rem;font-weight:600;color:#fbbf24;margin-bottom:.5rem}.component-description{color:#cbd5e1;margin:0;line-height:1.6}.component-features{margin-bottom:2rem}.component-features h3{color:#e2e8f0;font-size:1rem;font-weight:600;margin-bottom:.75rem}.component-features ul{list-style:none;padding:0;margin:0}.component-features li{background:#0f172a99;border:1px solid #475569;border-radius:.375rem;margin-bottom:.5rem;color:#cbd5e1;font-size:.875rem;position:relative;padding:.5rem .75rem .5rem 2rem}.component-features li:before{content:"✓";position:absolute;left:.75rem;color:#10b981;font-weight:700}.component-features li:last-child{margin-bottom:0}.component-actions{display:flex;gap:1rem;flex-wrap:wrap}.preview-button,.fullscreen-button{flex:1;min-width:120px;padding:.875rem 1.5rem;border-radius:.5rem;text-decoration:none;font-weight:600;text-align:center;transition:all .3s ease;font-size:.875rem}.preview-button{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:1px solid #2563eb}.preview-button:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d;color:#fff;text-decoration:none}.fullscreen-button{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:1px solid #059669}.fullscreen-button:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d;color:#fff;text-decoration:none}.showcase-info{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.info-section{background:#0f172acc;border:1px solid #334155;border-radius:.75rem;padding:2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.info-section h3{color:#fbbf24;font-size:1.25rem;margin-bottom:1rem;font-weight:600}.info-section p{color:#cbd5e1;line-height:1.6;margin-bottom:1rem}.info-section ul{list-style:none;padding:0;margin:0}.info-section li{color:#cbd5e1;margin-bottom:.75rem;padding-left:1.5rem;position:relative;line-height:1.5}.info-section li:before{content:"→";position:absolute;left:0;color:#fbbf24;font-weight:700}.info-section li strong{color:#e2e8f0}@media (max-width: 768px){.component-showcase{padding:1rem}.showcase-header h1{font-size:2rem}.showcase-subtitle{font-size:1.125rem}.back-button{position:static;display:inline-block;margin-bottom:1rem}.components-grid{grid-template-columns:1fr;gap:1.5rem}.component-card{padding:1.5rem}.component-actions{flex-direction:column}.preview-button,.fullscreen-button{flex:none}}@media (max-width: 480px){.showcase-header h1{font-size:1.75rem}.component-card{padding:1rem}.component-name{font-size:1.25rem}.preview-button,.fullscreen-button{padding:.75rem 1rem;font-size:.8rem}}.top-navigation{display:flex;flex-direction:column;align-items:center;padding:0;position:fixed;top:0;left:265px;right:0;height:88px;background:#1f2a37;z-index:999;border-bottom:1px solid #374151;font-family:Arimo,Inter,system-ui,sans-serif;transition:all .3s ease}.top-nav-container{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:24px;width:100%;height:88px;background:#1f2a37}.navbar-content{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:0;gap:32px;width:100%;max-width:1095px;height:40px}.navbar-left{display:flex;flex-direction:row;align-items:center;gap:16px}.header-logo{display:flex;align-items:center;height:32px}.header-logo-image{height:100%;width:auto;object-fit:contain}.banks-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:6px;cursor:pointer;transition:all .2s ease;min-height:32px;min-width:32px}.banks-icon:hover{background:#ffffff1a}.banks-icon svg{transition:all .2s ease}.banks-icon:hover svg path{stroke:#f9fafb}.navbar-right{display:flex;flex-direction:row;align-items:center;gap:32px}.language-selector-wrapper{display:flex;align-items:center;position:relative}.language-selector{display:flex;align-items:center;gap:8px;cursor:pointer;padding:8px 12px;border-radius:6px;transition:all .2s ease;background:transparent;border:none;color:#f9fafb;font-family:Arimo;font-size:14px;height:40px;min-width:100px;justify-content:space-between}.language-selector:hover{background:#ffffff1a}.language-selector:focus{outline:2px solid #FBE54D;outline-offset:1px;box-shadow:0 0 0 1px #fbe54d}.selected-language{display:flex;align-items:center;gap:8px}.flag-icon{width:20px;height:15px;border-radius:2px;display:flex;align-items:center;justify-content:center;overflow:hidden}.language-text{flex:1;font-family:Arimo;font-weight:500;font-size:14px;line-height:150%;color:#f9fafb;text-align:left;display:block;min-width:70px;white-space:nowrap}.language-arrow{width:16px;height:16px;transition:transform .2s ease}.language-arrow.open{transform:rotate(180deg)}[dir=rtl] .language-arrow svg{transform:scaleX(-1)}[dir=rtl] .language-arrow.open svg{transform:scaleX(-1) rotate(180deg)}[dir=rtl] .user-profile-btn .arrow-icon svg{transform:scaleX(-1)}[dir=rtl] .profile-dropdown{left:0;right:auto}.language-dropdown{position:absolute;top:100%;left:0;margin-top:8px;background:#1f2a37;border:1px solid #374151;border-radius:8px;box-shadow:0 10px 25px #00000040;z-index:1000;min-width:100%;opacity:1;visibility:visible;transform:translateY(0);transition:all .2s ease}.language-option{display:flex;align-items:center;gap:12px;padding:12px 16px;cursor:pointer;transition:background .2s ease;font-family:Arimo;font-size:14px;color:#f9fafb;border:none;background:transparent;width:100%;text-align:left}.language-option:hover{background:#ffffff1a}.language-option:focus{outline:2px solid #FBE54D;outline-offset:-2px}.language-option.selected{background:#fbe54d1a;color:#fbe54d}.language-flag{font-size:16px;width:20px;height:15px;display:flex;align-items:center;justify-content:center}.language-name{font-family:Arimo;font-weight:400;font-size:14px;color:inherit}.bank-name{display:flex;align-items:center;padding:8px 12px;background:#ffffff0d;border-radius:6px;border:1px solid rgba(255,255,255,.1)}.bank-name-text{font-family:Arimo;font-weight:500;font-size:14px;color:#f9fafb;white-space:nowrap}.submenu-name{font-family:Arimo;font-weight:500;font-size:14px;color:#2d3748;white-space:nowrap}.tech-support-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:transparent;border:none;border-radius:6px;cursor:pointer;transition:all .2s ease;color:#9ca3af}.tech-support-btn:hover{background:#ffffff1a;color:#f9fafb}.tech-support-btn:focus{outline:2px solid #FBE54D;outline-offset:2px}.tech-support-btn svg{width:20px;height:20px}.notifications-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:transparent;border:none;border-radius:6px;cursor:pointer;transition:all .2s ease;color:#9ca3af;position:relative}.notifications-btn:hover{background:#ffffff1a;color:#f9fafb}.notifications-btn:focus{outline:2px solid #FBE54D;outline-offset:2px}.notifications-btn svg{width:20px;height:20px}.notification-badge{position:absolute;top:8px;right:8px;background:#ef4444;color:#fff;border-radius:50%;width:16px;height:16px;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:600;font-family:Arimo}.user-profile-btn{display:flex;align-items:center;gap:12px;background:transparent;border:none;border-radius:6px;cursor:pointer;transition:all .2s ease;padding:8px;color:#f9fafb;position:relative;min-height:44px}.user-profile-btn:hover{background:#ffffff1a}.user-profile-btn:focus{outline:2px solid #FBE54D;outline-offset:2px}.user-avatar{width:32px;height:32px;border-radius:50%;background:#667eea;display:flex;align-items:center;justify-content:center;font-family:Arimo;font-weight:600;font-size:12px;color:#fff;flex-shrink:0}.user-info{display:flex;flex-direction:column;align-items:flex-start;text-align:left}.user-name{font-family:Arimo;font-weight:500;font-size:14px;color:#f9fafb;line-height:1.2;margin-bottom:2px}.user-role{font-family:Arimo;font-weight:400;font-size:12px;color:#9ca3af;line-height:1.2}.profile-arrow{width:16px;height:16px;color:#9ca3af;transition:transform .2s ease;margin-left:4px}.user-profile-btn.open .profile-arrow{transform:rotate(180deg)}.profile-dropdown{position:absolute;top:100%;right:0;margin-top:8px;background:#1f2a37;border:1px solid #374151;border-radius:8px;box-shadow:0 10px 25px #00000040;z-index:1000;min-width:280px;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .2s ease}.profile-dropdown.open{opacity:1;visibility:visible;transform:translateY(0)}.profile-dropdown-header{padding:16px;border-bottom:1px solid rgba(255,255,255,.1)}.profile-dropdown-user{display:flex;align-items:center;gap:12px}.profile-dropdown-avatar{width:40px;height:40px;border-radius:50%;background:#667eea;display:flex;align-items:center;justify-content:center;font-family:Arimo;font-weight:600;font-size:16px;color:#fff}.profile-dropdown-details{flex:1}.profile-dropdown-name{font-family:Arimo;font-weight:600;font-size:16px;color:#f9fafb;margin-bottom:4px}.profile-dropdown-email{font-family:Arimo;font-weight:400;font-size:14px;color:#9ca3af}.profile-dropdown-menu{padding:8px 0}.profile-dropdown-item{display:flex;flex-direction:row;align-items:center;padding:12px 16px;gap:12px;background:transparent;border:none;cursor:pointer;width:100%;text-align:left;font-family:Arimo;font-weight:500;font-size:14px;line-height:150%;color:#f9fafb;transition:background-color .2s ease}.profile-dropdown-item:hover{background:#ffffff1a}.profile-dropdown-item:focus{outline:2px solid #FBE54D;outline-offset:-2px}.profile-dropdown-item.logout{color:#ef4444}.profile-dropdown-item.logout:hover{background:#ef44441a}.profile-dropdown-separator{height:1px;background:#ffffff1a;margin:8px 0}@media (min-width: 1400px){.navbar-content{gap:40px;max-width:1200px}.navbar-right{gap:40px}}@media (max-width: 1399px) and (min-width: 1200px){.top-navigation{left:265px}.navbar-content,.navbar-right{gap:28px}}@media (max-width: 1199px) and (min-width: 1024px){.top-navigation{left:265px}.navbar-content,.navbar-right{gap:24px}.user-info{display:none}.bank-name-text{font-size:12px}}@media (max-width: 1023px) and (min-width: 768px){.top-navigation{left:0;height:70px;padding-left:60px}.top-nav-container{height:70px;padding:16px 20px}.navbar-content{gap:20px;height:38px}.navbar-left{gap:12px}.navbar-right{gap:20px}.header-logo{height:28px}.banks-icon{width:28px;height:28px}.banks-icon svg{width:20px;height:20px}.bank-name,.user-info{display:none}.language-selector-wrapper{width:70px}.language-text{width:40px;font-size:12px}.profile-dropdown{width:240px;right:-20px}.tech-support-btn,.notifications-btn{width:36px;height:36px}.user-avatar{width:28px;height:28px}}@media (max-width: 767px){.top-navigation{left:0;height:60px;padding-left:55px}.top-nav-container{height:60px;padding:12px 16px}.navbar-content{gap:16px;height:36px}.navbar-left{gap:10px}.navbar-right{gap:16px}.header-logo{height:24px}.banks-icon{width:28px;height:28px}.banks-icon svg{width:18px;height:18px}.bank-name,.user-info{display:none}.language-selector-wrapper{width:60px}.language-text{width:30px;font-size:11px}.tech-support-btn,.notifications-btn{width:36px;height:36px}.user-avatar{width:28px;height:28px}.profile-dropdown{width:240px;right:-20px}}@media (max-width: 480px){.top-navigation{height:55px;padding-left:50px}.top-nav-container{height:55px;padding:10px 12px}.navbar-content{gap:12px;height:35px}.navbar-left{gap:8px}.navbar-right{gap:12px}.header-logo{height:20px}.banks-icon{width:24px;height:24px}.banks-icon svg{width:16px;height:16px}.language-selector-wrapper{width:50px}.language-text{width:30px;font-size:10px}.tech-support-btn,.notifications-btn{width:32px;height:32px}.tech-support-btn svg,.notifications-btn svg{width:16px;height:16px}.user-avatar{width:24px;height:24px;font-size:10px}.profile-dropdown{width:200px;right:-40px}.notification-badge{width:14px;height:14px;font-size:8px;top:6px;right:6px}}@media (max-width: 768px){.language-selector,.tech-support-btn,.notifications-btn,.user-profile-btn{min-height:44px;min-width:44px}.language-option,.profile-dropdown-item{min-height:44px;padding:12px 16px}}@media (prefers-contrast: high){.top-navigation{border-bottom:2px solid #F9FAFB}.language-selector:focus,.tech-support-btn:focus,.notifications-btn:focus,.user-profile-btn:focus{outline:3px solid #FBE54D;outline-offset:2px}}@media (prefers-reduced-motion: reduce){.language-arrow,.profile-arrow,.language-selector,.tech-support-btn,.notifications-btn,.user-profile-btn,.profile-dropdown-item,.language-dropdown,.profile-dropdown{transition:none}}@media print{.top-navigation{display:none!important}}.sidebar{display:flex;flex-direction:row;align-items:flex-start;padding:0;position:relative;width:265px;height:100vh;background:#1f2a37;transition:all .3s ease}[dir=rtl] .sidebar{position:fixed;right:0;left:auto;z-index:100}.content{display:flex;flex-direction:column;align-items:flex-start;padding:0;gap:24px;width:264px;height:100%;flex:none;order:0;align-self:stretch;flex-grow:1}.logo{display:flex;flex-direction:column;align-items:flex-start;padding:20px 0 0 20px;gap:10px;width:264px;height:48.58px;flex:none;order:0;align-self:stretch;flex-grow:0}[dir=rtl] .logo{align-items:flex-end;padding:20px 20px 0 0}.logo-container{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:0;gap:10px;width:64px;height:28.58px;flex:none;order:0;flex-grow:0}.frame-3{width:64px;height:28.58px;flex:none;order:0;flex-grow:0}.logo-image{width:64px;height:28.58px;object-fit:contain;transition:transform .2s ease}.main{display:flex;flex-direction:column;align-items:flex-start;padding:16px 12px 0;gap:8px;width:100%;flex:1}.navlink-sidebar{display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:12px 8px;width:100%;min-height:48px;background:transparent;border-radius:6px;cursor:pointer;transition:all .2s ease;position:relative;margin-bottom:2px}.navlink-sidebar:hover{background:#ffffff0d}.left-content{display:flex;flex-direction:row;align-items:center;padding:0;gap:12px;width:100%;height:24px;flex:1}.icon{width:24px;height:24px;flex-shrink:0;flex:none;order:0;flex-grow:0}.icon svg{width:24px;height:24px;transition:all .2s ease}.pages{height:24px;font-family:Arimo,Arial,sans-serif;font-style:normal;font-weight:500;font-size:16px;line-height:150%;color:#fff;flex:none;order:1;flex-grow:0;display:flex;align-items:center;white-space:nowrap}.navlink-sidebar.active{background:#fbe54d1a;border:1px solid rgba(251,229,77,.3)}.navlink-sidebar.active .pages{color:#fbe54d;font-weight:600}.navlink-sidebar.active .icon svg path{fill:#fbe54d!important;stroke:#fbe54d!important}.icon-badge{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:0;display:none;width:29px;height:20px;flex:none;order:3;flex-grow:0}.badge{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:2px 10px;width:20px;height:20px;background:#374151;border-radius:80px;flex:none;order:0;flex-grow:0}.text{width:7px;height:18px;font-family:Arimo;font-style:normal;font-weight:500;font-size:12px;line-height:150%;text-align:center;color:#f98080;flex:none;order:0;flex-grow:0}.separator{width:264px;height:1px;background:#374151;flex:none;order:2;align-self:stretch;flex-grow:0;margin:12px 0}.bottom{display:flex;flex-direction:column;align-items:flex-start;padding:0 12px 20px;gap:12px;width:264px;height:auto;flex:none;order:3;align-self:stretch;flex-grow:0}.sidebar-separator{width:1px;height:100%;background:#374151;flex:none;order:1;align-self:stretch;flex-grow:0}.navlink-sidebar:focus{outline:2px solid #FBE54D;outline-offset:2px;border-radius:6px}.navlink-sidebar:focus-visible{outline:2px solid #FBE54D;outline-offset:2px;border-radius:6px}.navlink-sidebar.disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.navlink-sidebar.disabled:hover{background:transparent}.navlink-sidebar.disabled .pages{color:#6b7280}.navlink-sidebar.disabled .icon svg path{fill:#6b7280;stroke:#6b7280}.navlink-sidebar:hover:not(.active) .pages{color:#e5e7eb}.navlink-sidebar:hover:not(.active) .icon svg path{fill:#e5e7eb;stroke:#e5e7eb}.mobile-menu-close-btn{display:none;position:absolute;top:1rem;right:1rem;background:none;border:none;color:#f9fafb;cursor:pointer;padding:.5rem;border-radius:4px;transition:background .2s ease;z-index:101}.mobile-menu-close-btn:hover{background:#ffffff1a}.mobile-menu-close-btn svg{width:20px;height:20px}@media screen{.sidebar{position:fixed;left:0;top:0;height:100vh;z-index:100;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#374151 #1F2A37}.sidebar::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-track{background:#1f2a37}.sidebar::-webkit-scrollbar-thumb{background:#374151;border-radius:3px}.sidebar::-webkit-scrollbar-thumb:hover{background:#4b5563}.content{height:100vh;min-height:100vh}.sidebar-separator{height:100vh}}@media (min-width: 1400px){.navlink-sidebar{padding:14px 10px;min-height:52px}.pages{font-size:17px}.icon{width:26px;height:26px}.icon svg{width:26px;height:26px}}@media (max-width: 1399px) and (min-width: 1200px){.sidebar{width:265px}.content,.main,.bottom,.separator{width:264px}}@media (max-width: 1199px) and (min-width: 1024px){.sidebar{width:265px}.navlink-sidebar{min-height:46px}.pages{font-size:15px}.icon{width:22px;height:22px}.icon svg{width:22px;height:22px}}@media (max-width: 1023px) and (min-width: 768px){.sidebar{width:265px;position:fixed;left:-265px;top:0;height:100vh;z-index:100;transition:left .3s ease;box-shadow:2px 0 10px #0000001a}.mobile-menu-close-btn{display:block}.logo{padding:16px 0 0 20px}.main{padding:0 8px;gap:12px;width:240px}.bottom{padding:0 12px 16px;gap:8px}.navlink-sidebar{width:225px;height:40px;padding:8px}.pages{font-size:15px}}@media (max-width: 767px){.sidebar{width:280px;position:fixed;left:-280px;top:0;height:100vh;z-index:100;transition:left .3s ease;box-shadow:4px 0 15px #00000026}.content{width:280px}.main{width:280px;padding:12px 16px 0;gap:18px}.bottom{width:280px;padding:0 16px 16px;gap:8px}.separator{width:280px;margin:8px 0}.mobile-menu-close-btn{display:block;top:.75rem;right:.75rem}.logo{padding:16px 0 0 20px;width:280px}.navlink-sidebar{width:248px;min-height:44px;padding:12px 10px;border-radius:8px}.left-content{width:228px;gap:14px}.pages{font-size:16px;font-weight:500}.icon{width:24px;height:24px}.icon svg{width:24px;height:24px}}@media (max-width: 480px){.sidebar{width:100%;left:-100%}.content{width:100%}.main{width:100%;padding:12px 20px 0;gap:16px}.bottom{width:100%;padding:0 20px 20px;gap:12px}.separator{width:calc(100% - 40px);margin:12px 20px}.logo{width:100%;padding:16px 0 0 20px}.navlink-sidebar{width:calc(100% - 40px);min-height:48px;padding:14px 12px;margin:0 20px;border-radius:10px}.left-content{width:calc(100% - 24px);gap:16px}.pages{font-size:16px;font-weight:500}.icon{width:26px;height:26px}.icon svg{width:26px;height:26px}.mobile-menu-close-btn{top:1rem;right:1rem;padding:.75rem}.mobile-menu-close-btn svg{width:24px;height:24px}}@media (max-width: 768px){.navlink-sidebar{min-height:44px;touch-action:manipulation}.navlink-sidebar:active{transform:scale(.98);background:#ffffff1a}}@media (prefers-contrast: high){.navlink-sidebar.active .pages{color:#ff0;font-weight:600}.navlink-sidebar.active .icon svg path{fill:#ff0!important;stroke:#ff0!important}.navlink-sidebar.active{background:#ff03;border:2px solid #FFFF00}.pages{font-weight:500}.sidebar{border-right:2px solid #F9FAFB}}@media (prefers-reduced-motion: reduce){.navlink-sidebar,.logo-image,.icon svg,.sidebar{transition:none}.navlink-sidebar:active{transform:none}}@media (prefers-color-scheme: dark){.sidebar{background:#0f172a;border-right:1px solid #1E293B}.separator,.sidebar-separator{background:#1e293b}.navlink-sidebar:hover{background:#ffffff14}.navlink-sidebar.active{background:#fbe54d26}}@media print{.sidebar{display:none!important}}@media (max-width: 1024px) and (orientation: landscape){.sidebar{width:260px}.logo{padding:12px 0 0 16px}.main{padding:8px 12px 0;gap:16px}.bottom{padding:0 12px 12px}.navlink-sidebar{min-height:40px;padding:8px}.pages{font-size:14px}}@media (min-width: 1600px){.sidebar{width:280px}.content{width:279px}.main{width:279px;padding:20px 16px 0;gap:28px}.bottom{width:279px;padding:0 16px 24px}.separator{width:279px}.navlink-sidebar{width:247px;padding:16px 12px;min-height:56px}.pages{font-size:18px}.icon{width:28px;height:28px}.icon svg{width:28px;height:28px}}.nav-item-container{display:flex;flex-direction:column;align-items:flex-start;padding:0;gap:0px;width:100%;margin-bottom:4px}.dropdown-arrow{display:flex;flex-direction:row;justify-content:flex-end;align-items:center;padding:0;width:24px;height:24px;flex:none;order:1;flex-grow:0;transition:transform .2s ease}.dropdown-arrow.expanded{transform:rotate(180deg)}.navlink-sidebar.has-dropdown{justify-content:space-between}.submenu{display:flex;flex-direction:column;align-items:flex-start;padding:8px 0 8px 48px;gap:8px;width:100%;background:transparent;animation:slideDown .2s ease-out;overflow:hidden}@keyframes slideDown{0%{max-height:0;opacity:0}to{max-height:300px;opacity:1}}.submenu-item{display:flex;flex-direction:row;align-items:center;padding:8px 12px;width:177px;min-height:32px;cursor:pointer;transition:all .15s ease;border-radius:4px;background:transparent}.submenu-item:hover{background:#ffffff0d}.submenu-item .sublink-sidebar{display:flex;flex-direction:row;align-items:center;width:100%;height:100%}.submenu-item .left-content{display:flex;flex-direction:row;align-items:center;gap:12px;width:100%;height:100%}.submenu-label{font-family:Arimo,Arial,sans-serif;font-style:normal;font-weight:500;font-size:14px;line-height:150%;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center}.submenu-item:hover .submenu-label{color:#fbe54d}.submenu-item.active .submenu-label,.submenu-item:first-child .submenu-label{color:#fbe54d;font-weight:600}.navlink-sidebar{display:flex;align-items:center;justify-content:space-between;width:100%}[dir=rtl] .navlink-sidebar,[dir=rtl] .left-content{flex-direction:row-reverse}[dir=rtl] .pages,[dir=rtl] .submenu-label{text-align:right}[dir=rtl] .sublink-sidebar{flex-direction:row-reverse}[dir=rtl] .dropdown-arrow{transform:scaleX(-1)}[dir=rtl] .dropdown-arrow.expanded{transform:scaleX(-1) rotate(180deg)}[dir=rtl] .icon-badge{order:-1}[dir=rtl] .main,[dir=rtl] .bottom{padding:0 20px 0 0}[dir=rtl] .submenu,[dir=rtl] .submenu-item{padding-right:0;padding-left:16px}@media (max-width: 768px){[dir=rtl] .sidebar{right:-265px;left:auto}[dir=rtl] .sidebar.mobile-open{right:0}}@media (max-width: 1200px){[dir=rtl] .sidebar{position:fixed;right:0;left:auto}}.admin-layout{min-height:100vh;background:#1f2a37;color:#f9fafb;font-family:Arimo,Inter,system-ui,sans-serif;display:flex;position:relative}.mobile-menu-toggle{display:none;position:fixed;top:1rem;left:1rem;z-index:1001;background:#1f2a37;border:none;color:#f9fafb;padding:.75rem;border-radius:8px;cursor:pointer;box-shadow:0 4px 12px #00000026;transition:all .3s ease;min-height:44px;min-width:44px}[dir=rtl] .mobile-menu-toggle{left:auto;right:1rem}.mobile-menu-toggle:hover{background:#374151;transform:translateY(-2px);box-shadow:0 6px 16px #0003}.mobile-menu-toggle svg{width:24px;height:24px}.admin-sidebar-wrapper{position:relative;z-index:100}.admin-main-content{flex:1;margin-left:265px;display:flex;flex-direction:column;min-height:100vh;transition:all .3s ease;background:#1f2a37}[dir=rtl] .admin-main-content{margin-left:0;margin-right:265px}.admin-page-content{flex:1;padding:2rem;overflow-y:auto;background:#2d3748;margin-top:88px;min-height:calc(100vh - 88px);transition:all .3s ease}.admin-page-title{color:#fff;font-size:30px;font-weight:700;margin:40px 0 40px 105px;font-family:Inter,sans-serif;padding:0}.admin-content-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:99;opacity:0;transition:opacity .3s ease}.admin-content-overlay.active{opacity:1}@media (min-width: 1400px){.admin-page-content{padding:3rem}}@media (max-width: 1399px) and (min-width: 1200px){.admin-main-content{margin-left:265px}.admin-page-content{padding:2rem}}@media (max-width: 1199px) and (min-width: 1024px){.admin-main-content{margin-left:265px}.admin-page-content{padding:1.5rem}}@media (max-width: 1023px) and (min-width: 768px){.admin-main-content{margin-left:0}.admin-page-content{padding:1.5rem;margin-top:70px}.mobile-menu-toggle{display:block}.admin-sidebar-wrapper{position:fixed;top:0;left:-265px;height:100vh;z-index:100;transition:left .3s ease;box-shadow:2px 0 10px #0000001a}.admin-layout.mobile-menu-open .admin-sidebar-wrapper{left:0}.admin-layout.mobile-menu-open .admin-content-overlay{display:block}}@media (max-width: 1440px){.admin-page-title{margin:40px 0 40px 40px}}@media (max-width: 1200px){.admin-page-title{margin:40px 0 40px 20px}}@media (max-width: 768px){.admin-page-title{margin:20px 0 20px 20px;font-size:24px}}@media (max-width: 480px){.admin-page-title{margin:20px 0 20px 10px;font-size:20px}}@media (max-width: 767px){.admin-main-content{margin-left:0}.admin-page-content{padding:1rem;margin-top:60px;min-height:calc(100vh - 60px)}.mobile-menu-toggle{display:block;top:.75rem;left:.75rem;padding:.5rem}.mobile-menu-toggle svg{width:20px;height:20px}.admin-sidebar-wrapper{position:fixed;top:0;left:-280px;width:280px;height:100vh;z-index:100;transition:left .3s ease;box-shadow:4px 0 15px #00000026}.admin-layout.mobile-menu-open .admin-sidebar-wrapper{left:0}.admin-layout.mobile-menu-open .admin-content-overlay{display:block}}@media (max-width: 480px){.admin-page-content{padding:.75rem;margin-top:55px;min-height:calc(100vh - 55px)}.mobile-menu-toggle{top:.5rem;left:.5rem;padding:.5rem}.mobile-menu-toggle svg{width:18px;height:18px}.admin-sidebar-wrapper{left:-100%;width:100%}}.admin-page-content.centered{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.admin-page-content.full-width{padding:0}@media (max-width: 768px){.admin-page-content.full-width{margin-top:60px}}.admin-page-content.compact{padding:1rem}@media (max-width: 768px){.admin-page-content.compact{padding:.75rem;margin-top:60px}}.admin-layout.loading{pointer-events:none}.admin-layout.loading .admin-page-content{opacity:.7}.admin-layout *{box-sizing:border-box}.admin-layout:focus-within .mobile-menu-toggle{outline:2px solid #FBE54D;outline-offset:2px}@media (prefers-contrast: high){.admin-layout{background:#000;color:#fff}.admin-main-content{background:#000}.admin-page-content{background:#111}.mobile-menu-toggle{background:#000;color:#fff;border:2px solid #ffffff}}@media (prefers-reduced-motion: reduce){.admin-main-content,.admin-page-content,.admin-sidebar-wrapper,.admin-content-overlay,.mobile-menu-toggle{transition:none}}@media (prefers-color-scheme: dark){.admin-layout{background:#1f2a37;color:#f9fafb}.admin-main-content{background:#1f2a37}.admin-page-content{background:#2d3748}}@media print{.mobile-menu-toggle,.admin-sidebar-wrapper{display:none!important}.admin-main-content{margin-left:0!important}.admin-page-content{margin-top:0!important;padding:0!important}}@media (max-width: 1024px) and (orientation: landscape){.admin-page-content{padding:1rem 2rem}}@media (min-width: 1600px){.admin-page-content{max-width:1400px;margin-left:auto;margin-right:auto;padding:3rem}}.qa-showcase{min-height:100vh;background:#0f172a;color:#e2e8f0;font-family:Inter,system-ui,sans-serif;padding:2rem;overflow-x:hidden}.qa-header{text-align:center;margin-bottom:3rem;padding:2rem;background:linear-gradient(135deg,#1e293b,#334155);border-radius:1rem;border:1px solid #475569}.qa-header h1{font-size:2.5rem;font-weight:800;color:#fbbf24;margin-bottom:1rem;text-shadow:0 2px 4px rgba(0,0,0,.3)}.qa-header p{font-size:1.25rem;color:#94a3b8;font-weight:400}.qa-section{background:#1e293b;border-radius:1rem;border:1px solid #334155;margin-bottom:2rem;overflow:hidden;box-shadow:0 4px 6px -1px #0000001a}.qa-section-header{background:linear-gradient(135deg,#334155,#475569);padding:1.5rem;border-bottom:1px solid #475569}.qa-section-header h2{font-size:1.5rem;font-weight:700;color:#fbbf24;margin-bottom:.5rem}.confluence-link{font-size:.875rem;color:#64748b}.confluence-link a{color:#3b82f6;text-decoration:none;font-weight:500}.confluence-link a:hover{color:#60a5fa;text-decoration:underline}.implementation-status{display:inline-block;background:#065f46;color:#d1fae5;padding:.5rem 1rem;border-radius:.5rem;font-size:.875rem;font-weight:600;margin:1rem 1.5rem;border:1px solid #059669}.component-demo{padding:1.5rem}.implementation-location{background:#0f172a;padding:1rem 1.5rem;border-top:1px solid #334155;font-size:.875rem;color:#94a3b8}.implementation-location code{background:#334155;color:#fbbf24;padding:.25rem .5rem;border-radius:.25rem;font-family:Monaco,Consolas,monospace;font-size:.8rem}.demo-topnav,.demo-shared-nav{background:#242529;border:1px solid #333535;border-radius:.5rem;padding:1rem;display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.demo-topnav-left,.demo-nav-left,.demo-topnav-right,.demo-nav-right{display:flex;align-items:center;gap:1rem}.demo-logo{font-weight:700;color:#fbbf24;font-size:1.1rem}.demo-action{position:relative;display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:.5rem;border-radius:.5rem;transition:background-color .2s}.demo-action:hover{background:#3b82f61a}.demo-btn{background:#334155;border:1px solid #475569;color:#e2e8f0;padding:.5rem 1rem;border-radius:.375rem;cursor:pointer;font-size:.875rem;transition:all .2s}.demo-btn:hover{background:#475569;border-color:#fbbf24}.demo-select{background:#334155;border:1px solid #475569;color:#e2e8f0;padding:.5rem;border-radius:.375rem;font-size:.875rem}.action-label{font-size:.75rem;color:#64748b;text-align:center;font-weight:500;max-width:120px;line-height:1.2}.demo-bank-logo{background:#065f46;color:#d1fae5;padding:.5rem 1rem;border-radius:.375rem;font-weight:600;font-size:.875rem}.demo-user-profile{display:flex;align-items:center;gap:.5rem;background:#1e293b;padding:.5rem 1rem;border-radius:.375rem;border:1px solid #334155}.demo-sidebar{background:#242529;border:1px solid #333535;border-radius:.5rem;padding:1rem;max-width:300px;margin:0 auto}.demo-sidebar-header{padding-bottom:1rem;border-bottom:1px solid #333535;margin-bottom:1rem}.demo-sidebar-nav{margin-bottom:2rem}.demo-nav-item{padding:.75rem;border-radius:.375rem;margin-bottom:.5rem;transition:background-color .2s}.demo-nav-item:hover{background:#3b82f61a}.demo-sidebar-bottom{border-top:1px solid #333535;padding-top:1rem}.demo-cabinet-layout{background:#242529;border:1px solid #333535;border-radius:.5rem;overflow:hidden;min-height:200px}.demo-cabinet-header{background:#334155;padding:1rem;text-align:center;color:#e2e8f0;font-weight:600}.demo-cabinet-content{display:flex;min-height:120px}.demo-cabinet-sidebar{background:#1e293b;width:200px;display:flex;align-items:center;justify-content:center;color:#94a3b8;font-weight:500;text-align:center;padding:1rem}.demo-cabinet-main{flex:1;display:flex;align-items:center;justify-content:center;color:#94a3b8;font-weight:500}.demo-cabinet-footer{background:#0f172a;padding:1rem;text-align:center;color:#64748b;font-size:.875rem}.qa-instructions{background:linear-gradient(135deg,#1e3a8a,#3730a3);border-color:#3730a3}.qa-summary{background:linear-gradient(135deg,#065f46,#047857);border-color:#047857}.qa-test-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;padding:1.5rem}.qa-test-card{background:#ffffff1a;border-radius:.75rem;padding:1.5rem;border:1px solid rgba(255,255,255,.2)}.qa-test-card h3{color:#fbbf24;font-size:1.125rem;font-weight:600;margin-bottom:1rem}.qa-test-card ul{list-style:none;padding:0}.qa-test-card li{padding:.5rem 0;color:#e2e8f0;font-size:.875rem}.qa-test-card strong{color:#fbbf24;font-weight:600}.summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;padding:1.5rem}.summary-item{text-align:center;background:#ffffff1a;border-radius:.75rem;padding:1.5rem;border:1px solid rgba(255,255,255,.2)}.summary-number{font-size:2.5rem;font-weight:800;color:#fbbf24;margin-bottom:.5rem}.summary-label{font-size:.875rem;color:#94a3b8;font-weight:500;margin-bottom:.25rem}.summary-desc{font-size:.75rem;color:#64748b;font-weight:400}.summary-status{text-align:center;padding:1.5rem}.status-indicator{display:inline-block;padding:1rem 2rem;border-radius:.75rem;font-weight:700;font-size:1.125rem}.status-complete{background:#065f46;color:#d1fae5;border:2px solid #059669;box-shadow:0 4px 6px -1px #0596694d}@media (max-width: 768px){.qa-showcase{padding:1rem}.qa-header h1{font-size:2rem}.qa-header p{font-size:1rem}.demo-topnav,.demo-shared-nav{flex-direction:column;gap:1rem;align-items:stretch}.demo-topnav-right,.demo-nav-right{flex-wrap:wrap;justify-content:center}.demo-cabinet-content{flex-direction:column}.demo-cabinet-sidebar{width:100%;min-height:60px}.qa-test-grid{grid-template-columns:1fr}.summary-grid{grid-template-columns:repeat(2,1fr)}}.navbar-container{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:28px 189px;width:100%;height:98px;background:#111928;position:sticky;top:0;z-index:100;box-sizing:border-box}.navbar-content{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:100%}.logo-section{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:0;gap:10px;width:96px;height:42px;flex:none;order:0;flex-grow:0}.logo-button{background:none;border:none;cursor:pointer;padding:0;width:96px;height:42px;display:flex;align-items:center;justify-content:center}.logo-frame{width:96px;height:42.86px;position:relative;flex:none;order:0;flex-grow:0}.logo-image{width:96px;height:42.86px;object-fit:contain;cursor:pointer;transition:transform .2s ease}.logo-image:hover{transform:scale(1.05)}.language-selector-frame{display:flex;flex-direction:column;justify-content:center;align-items:flex-end;padding:0;gap:8px;isolation:isolate;width:90px;height:24px;flex:none;order:1;flex-grow:0;position:relative}.language-selector{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:0;gap:12px;width:90px;height:24px;flex:none;order:0;flex-grow:0;z-index:0}.language-button{background:none;border:none;cursor:pointer;display:flex;align-items:center;gap:12px;padding:0;font-family:Arimo,sans-serif}.selected-language{width:54px;height:21px;font-family:Arimo,sans-serif;font-style:normal;font-weight:500;font-size:14px;line-height:150%;color:#fff;flex:none;order:0;flex-grow:0}.dropdown-arrow{width:24px;height:24px;transform:rotate(180deg);transition:transform .2s ease;flex:none;order:1;flex-grow:0}.dropdown-arrow.open{transform:rotate(0)}.dropdown-menu{display:flex;flex-direction:column;align-items:flex-start;padding:0;position:absolute;width:155px;height:83px;left:-70px;top:32px;background:#374151;box-shadow:0 1px 2px #0000000f,0 1px 3px #0000001a;border-radius:8px;flex:none;order:1;flex-grow:0;z-index:1}.dropdown-content{display:flex;flex-direction:column;align-items:flex-start;padding:4px 0;width:155px;height:82px;flex:none;order:0;align-self:stretch;flex-grow:0}.nav-link{display:flex;flex-direction:row;align-items:center;padding:8px 16px;gap:12px;width:155px;height:37px;background:none;border:none;cursor:pointer;transition:background-color .2s ease;flex:none;order:0;align-self:stretch;flex-grow:0}.nav-link:hover{background:#ffffff1a}.nav-link.active{background:#ffffff26;border-left:3px solid #F59E0B}.flag-icon{width:18px;height:18px;position:relative;flex:none;order:0;flex-grow:0}.russia-flag{position:relative}.russia-flag .flag-white{position:absolute;left:0%;right:0%;top:0%;bottom:67.39%;background:#f0f0f0}.russia-flag .flag-blue{position:absolute;left:0%;right:0%;top:32.61%;bottom:28.26%;background:#0052b4}.russia-flag .flag-red{position:absolute;left:3.11%;right:3.11%;top:67.39%;bottom:0%;background:#d80027}.israel-flag{position:relative}.israel-flag .flag-white-bg{position:absolute;left:0%;right:0%;top:0%;bottom:0%;background:#f0f0f0}.israel-flag .star-of-david{position:absolute;left:31.17%;right:31.18%;top:28.27%;bottom:28.26%;background:#0052b4}.israel-flag .flag-blue-stripe-top{position:absolute;left:7.34%;right:7.34%;top:10.87%;bottom:76.08%;background:#0052b4}.israel-flag .flag-blue-stripe-bottom{position:absolute;left:7.34%;right:7.34%;top:76.09%;bottom:10.87%;background:#0052b4}.usa-flag{position:relative;overflow:hidden}.usa-flag .flag-stripes{position:absolute;left:0%;right:0%;top:0%;bottom:0%;background:linear-gradient(to bottom,#b22234,#b22234 7.69%,#fff 7.69%,#fff 15.38%,#b22234 15.38%,#b22234 23.08%,#fff 23.08%,#fff 30.77%,#b22234 30.77%,#b22234 38.46%,#fff 38.46%,#fff 46.15%,#b22234 46.15%,#b22234 53.85%,#fff 53.85%,#fff 61.54%,#b22234 61.54%,#b22234 69.23%,#fff 69.23%,#fff 76.92%,#b22234 76.92%,#b22234 84.62%,#fff 84.62%,#fff 92.31%,#b22234 92.31%,#b22234)}.usa-flag .flag-canton{position:absolute;left:0%;right:60%;top:0%;bottom:46.15%;background:#3c3b6e}.language-text{height:21px;font-family:Arimo,sans-serif;font-style:normal;font-weight:400;font-size:14px;line-height:150%;color:#f9fafb;flex:none;order:1;flex-grow:0}@media (max-width: 1440px){.navbar-container{padding:28px 40px}}@media (max-width: 768px){.navbar-container{padding:16px 20px;height:70px}.logo-section,.logo-button,.logo-frame,.logo-image{width:60px;height:28px}.language-selector-frame,.language-selector{width:70px;height:20px}.selected-language{font-size:12px;width:40px}.dropdown-arrow{width:20px;height:20px}.dropdown-menu{width:130px;left:-50px}.dropdown-content{width:130px}.nav-link{width:130px;height:32px;padding:6px 12px}}@media (max-width: 480px){.navbar-container{padding:12px 15px;height:60px}.logo-section,.logo-button,.logo-frame,.logo-image{width:50px;height:24px}.selected-language{font-size:11px;width:35px}}.table-bank{display:flex;flex-direction:column;align-items:flex-start;padding:0;position:absolute;width:925px;height:507px;left:63px;top:636px;background:#1f2a37;box-shadow:0 1px 3px #0000001a,0 1px 2px -1px #0000001a;border-radius:8px}.table-header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:16px;gap:10px;width:925px;height:74px;flex:none;order:0;align-self:stretch;flex-grow:0}.table-header__content{margin:0 auto;width:893px;height:42px;position:relative;flex:none;order:0;flex-grow:0}.input-field{display:flex;flex-direction:column;align-items:flex-start;padding:0;gap:8px;position:absolute;width:409px;height:45px;left:0;top:0}.input-field__wrapper{box-sizing:border-box;display:flex;flex-direction:row;align-items:center;padding:12px 16px;gap:10px;width:409px;height:45px;background:#374151;border:1px solid #4B5563;border-radius:8px;flex:none;order:1;flex-grow:0}.input-content{display:flex;flex-direction:row;align-items:center;padding:0;gap:10px;width:377px;height:21px;flex:none;order:0;flex-grow:0}.search-icon{width:16px;height:16px;flex:none;order:0;flex-grow:0}.input-text{width:351px;height:21px;border:none;background:transparent;outline:none;font-family:Arimo;font-style:normal;font-weight:400;font-size:14px;line-height:150%;display:flex;align-items:center;color:#9ca3af;flex:none;order:1;flex-grow:0}.input-text::placeholder{color:#9ca3af}.datepicker{box-sizing:border-box;display:flex;flex-direction:row;align-items:flex-start;padding:12px 16px;position:absolute;visibility:hidden;width:325px;height:42px;left:436px;top:0;background:#374151;border:1px solid #4B5563;border-radius:8px}.datepicker--visible{visibility:visible}.datepicker__content{display:flex;flex-direction:row;align-items:flex-start;padding:0;gap:8px;width:293px;height:18px;flex:none;order:0;flex-grow:1}.calendar-icon{width:18px;height:18px;flex:none;order:0;flex-grow:0}.date-input{width:267px;height:18px;border:none;background:transparent;outline:none;font-family:Arimo;font-style:normal;font-weight:400;font-size:14px;line-height:125%;display:flex;align-items:center;color:#9ca3af;flex:none;order:1;align-self:stretch;flex-grow:1}.filter-button{box-sizing:border-box;display:flex;flex-direction:row;justify-content:center;align-items:center;padding:8px 12px;gap:8px;position:absolute;width:99px;height:34px;left:794px;top:4px;background:#1f2a37;border:1px solid #4B5563;border-radius:8px;cursor:pointer;transition:all .2s ease}.adjustments-icon{width:16px;height:16px;flex:none;order:0;flex-grow:0}.filter-button__text{width:51px;height:18px;font-family:Arimo;font-style:normal;font-weight:500;font-size:12px;line-height:150%;letter-spacing:-.01em;color:#f9fafb;flex:none;order:1;flex-grow:0}.table-columns{display:flex;flex-direction:row;align-items:center;padding:0;width:925px;height:380px;flex:none;order:1;align-self:stretch;flex-grow:0}.column{display:flex;flex-direction:column;align-items:flex-start;padding:0;height:380px;flex:none;flex-grow:0}.column--names{width:172px;order:0}.column--type{width:167px;order:1}.column--status{width:202px;order:2}.column--access{width:185px;order:3}.column--actions{width:199px;order:4}.table-cell{display:flex;flex-direction:row;align-items:center;padding:16px;flex:none;align-self:stretch;flex-grow:0}.table-cell--header{height:50px;background:#374151;border-radius:0;order:0}.table-cell--data{height:54px;order:2}.header-text{font-family:Arimo;font-style:normal;font-weight:600;font-size:12px;line-height:150%;text-transform:uppercase;color:#9ca3af;flex:none;order:0;flex-grow:0}.data-text{font-family:Arimo;font-style:normal;font-weight:600;font-size:14px;line-height:150%;color:#fff;flex:none;order:0;flex-grow:1}.border-bottom{width:100%;height:1px;background:#374151;flex:none;order:1;align-self:stretch;flex-grow:0}.badge{box-sizing:border-box;display:flex;flex-direction:row;justify-content:center;align-items:center;padding:2px 10px;min-width:59px;height:22px;background:#374151;border-radius:6px;flex:none;order:0;flex-grow:0}.badge--active{border:.5px solid #31C48D}.badge--inactive{border:.5px solid #6B7280}.badge--pending{border:.5px solid #FACA15}.badge--blocked,.badge--verification{border:.5px solid #F98080}.badge__text{font-family:Arimo;font-style:normal;font-weight:500;font-size:12px;line-height:150%;text-align:center;flex:none;order:0;flex-grow:0}.badge--active .badge__text{color:#31c48d}.badge--inactive .badge__text{color:#d1d5db}.badge--pending .badge__text{color:#faca15}.badge--blocked .badge__text,.badge--verification .badge__text{color:#f98080}.table-footer{box-sizing:border-box;display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:16px;gap:10px;width:925px;height:53px;border-top:1px solid #374151;flex:none;order:2;align-self:stretch;flex-grow:0}.view-all-button{margin:0 auto;width:174px;height:21px;border:none;background:transparent;cursor:pointer;font-family:Inter;font-style:normal;font-weight:400;font-size:14px;line-height:150%;text-align:center;letter-spacing:-.01em;color:#fbe54d;flex:none;order:0;flex-grow:0;transition:all .2s ease}.view-all-button:hover{color:#f9e71e;text-decoration:underline}@media (max-width: 1024px){.table-bank{width:100%;max-width:925px;left:0;position:relative;top:0}.table-header,.table-columns,.table-footer{width:100%}.table-header__content{width:calc(100% - 32px)}.filter-button{position:relative;left:auto;top:auto;margin-left:auto}}@media (max-width: 768px){.table-columns{overflow-x:auto}.column{min-width:150px}.input-field{width:100%;max-width:300px}.datepicker{width:100%;max-width:250px;left:0;top:50px}}.admin-login{min-height:100vh;display:flex;flex-direction:column;background:#111928;font-family:system-ui,-apple-system,sans-serif}.login-header{display:flex;align-items:center;justify-content:space-between;padding:1.75rem 12rem;margin-bottom:7rem}.logo-container{display:flex;align-items:center}.logo-image{width:6.5rem;height:3rem;object-fit:contain}.language-selector{display:flex;align-items:center;flex-shrink:0}.language-dropdown{background:#ffffff1a;color:#fff;border:1px solid rgba(251,229,77,.5);border-radius:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;cursor:pointer;outline:none;min-width:120px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .2s ease}.language-dropdown:hover{background:#ffffff26;border-color:#fbe54d}.language-dropdown:focus{border-color:#fbe54d;background:#fff3;box-shadow:0 0 0 2px #fbe54d4d}.language-dropdown option{background:#1f2a37;color:#fff;padding:.5rem;border:none}.language-dropdown option:hover{background:#374151}.login-container{background:#1f2a37;border-radius:.5rem;padding:2.5rem 1.5rem;box-shadow:0 1px 2px #0000001a;width:100%;max-width:28rem;margin:0 auto 7rem;display:flex;flex-direction:column;gap:2rem}.form-header{display:flex;flex-direction:column;gap:.75rem}.form-title{color:#f9fafb;font-size:1.5rem;font-weight:700;margin:0}.form-subtitle{color:#9ca3af;font-size:.875rem;margin:0}.login-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-label{color:#fff;font-size:.875rem;font-weight:700;margin:0}.input-container{position:relative;display:flex;align-items:center;background:#374151;border:1px solid #4B5563;border-radius:.5rem;padding:.75rem 1rem;gap:.625rem;width:100%;box-sizing:border-box}.input-icon{width:1rem;height:1rem;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#9ca3af}.form-input{flex:1;background:transparent;border:none;outline:none;color:#9ca3af;font-size:.875rem;min-width:0;width:100%}.form-input::placeholder{color:#9ca3af}.form-input:focus{color:#fff}.password-toggle{background:none;border:none;color:#9ca3af;cursor:pointer;padding:0;font-size:1rem;width:1rem;height:1rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.password-toggle:hover{color:#fff}.select-container{position:relative;display:flex;align-items:center;background:#374151;border:1px solid #4B5563;border-radius:.5rem;padding:.75rem}.form-select{flex:1;background:transparent;border:none;outline:none;color:#9ca3af;font-size:.875rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.form-select:focus{color:#fff}.form-select option{background:#374151;color:#fff}.select-arrow{color:#9ca3af;font-size:1rem;width:1rem;height:1rem;display:flex;align-items:center;justify-content:center;flex-shrink:0;pointer-events:none;transform:rotate(180deg)}.error-message{background:#ef44441a;color:#ef4444;padding:.75rem;border-radius:.5rem;font-size:.875rem;text-align:center;border:1px solid rgba(239,68,68,.2)}.login-btn{background:#fbe54d;color:#111928;border:none;padding:.625rem;border-radius:.5rem;font-size:.875rem;font-weight:700;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.login-btn:hover:not(:disabled){background:#f59e0b;transform:translateY(-1px)}.login-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.footer-logo{display:flex;justify-content:center;align-items:center;height:3rem;margin-top:auto}.footer-brand{font-size:1.5rem;color:#fff;font-weight:700}@media (max-width: 768px){.login-header{padding:1.75rem 2rem;margin-bottom:4rem}.login-container{margin:0 1rem 4rem;padding:2rem 1.5rem}}@media (max-width: 480px){.login-header{padding:1rem;margin-bottom:2rem}.login-container{margin:0 1rem 2rem;padding:1.5rem 1rem;gap:1.5rem}.form-title{font-size:1.25rem}.language-text{font-size:.75rem}}.tab-navigation{align-self:stretch;display:flex;align-items:flex-start;border-radius:8px 8px 0 0;box-shadow:0 1px 2px #00000012;margin:0;background:#1f2a37;overflow:hidden}.tab-item{flex-shrink:0;display:flex;flex-direction:column;align-items:center;background:#1f2a37;padding:16px 60px 17px;cursor:pointer;transition:background-color .2s ease}.tab-item.active{background:#374151}.tab-item:hover{background:#4b5563}.tab-text{color:#9ca3af;font-size:14px;font-weight:700;font-family:Inter,sans-serif}.tab-item.active .tab-text{color:#fff}.tab-separator{width:1px;height:53px;background:#374151}@media (max-width: 768px){.tab-navigation{flex-direction:column;gap:8px}.tab-item{width:100%}.tab-separator{display:none}}.main-content-frame{display:flex;flex-direction:column;align-items:flex-start;background:#111928;padding:0;min-height:100vh;color:#f9fafb;font-family:Arimo,Arial,sans-serif;width:100%}.page-title{color:#fff;font-size:30px;font-weight:700;margin:40px 0 40px 105px;font-family:Inter,sans-serif}.content-with-tabs{display:flex;flex-direction:column;width:100%;padding:0 105px;box-sizing:border-box}@media (max-width: 1440px){.content-with-tabs{padding:0 40px}.page-title{margin:40px 0 40px 40px}}@media (max-width: 1200px){.content-with-tabs{padding:0 20px}.page-title{margin:40px 0 40px 20px}}@media (max-width: 768px){.page-title{margin:20px 0 20px 20px;font-size:24px}.content-with-tabs{padding:0 16px}}@media (max-width: 480px){.content-with-tabs{padding:0 10px}.page-title{margin:20px 0 20px 10px;font-size:20px}}.navigation-tree{background:#1f2937;border-radius:8px;overflow:hidden;border:1px solid #374151}.tree-node-wrapper{position:relative}.tree-node{display:flex;align-items:center;min-height:48px;cursor:pointer;transition:background-color .2s ease;border-bottom:1px solid #374151}.tree-node:hover{background-color:#37415180}.tree-node-content{display:flex;align-items:center;width:100%;padding-right:16px;gap:12px}.tree-expand-btn{display:flex;align-items:center;justify-content:center;width:20px;height:20px;padding:0;background:transparent;border:none;color:#9ca3af;cursor:pointer;transition:color .2s ease}.tree-expand-btn:hover{color:#e5e7eb}.tree-node-spacer{width:20px;height:20px}.tree-node-title{flex:1;color:#e5e7eb;font-size:14px;line-height:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.tree-node-count{display:flex;align-items:center;justify-content:center;min-width:40px;padding:2px 8px;background:#3b82f61a;color:#60a5fa;border-radius:12px;font-size:12px;font-weight:500}.tree-node-date{color:#6b7280;font-size:12px;white-space:nowrap;margin-left:auto}.tree-node-action{padding:4px 12px;background:transparent;border:1px solid #4B5563;border-radius:4px;color:#9ca3af;font-size:12px;cursor:pointer;transition:all .2s ease;white-space:nowrap}.tree-node-action:hover{background:#374151;color:#e5e7eb;border-color:#6b7280}.tree-children{position:relative}.tree-children:before{content:"";position:absolute;left:28px;top:0;bottom:0;width:1px;background:#374151}.tree-node.level-0{font-weight:500}.tree-node.level-1{font-size:14px}.tree-node.level-2{font-size:13px}.tree-node-wrapper:has(.tree-children)>.tree-node{background:#1f293780;font-weight:500}.tree-node-wrapper:has(.tree-children)>.tree-node:hover{background:#374151b3}.tree-node.active{background:#3b82f61a;border-left:3px solid #3B82F6}.tree-node.active .tree-node-title{color:#60a5fa;font-weight:500}.navigation-tree-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;color:#6b7280;text-align:center}.navigation-tree-empty svg{width:48px;height:48px;margin-bottom:16px;opacity:.5}.navigation-tree-empty p{margin:0;font-size:14px;line-height:20px}.pagination-container{display:flex;justify-content:space-between;align-items:center;width:100%;font-family:Inter,system-ui,sans-serif}.pagination-info{font-size:14px;font-weight:400;color:#9ca3af;flex-shrink:0;margin-right:24px}.pagination-controls{display:flex;align-items:center;gap:0;border-radius:6px;border:1px solid #374151;overflow:hidden;background:#1f2a37}.pagination-btn{display:flex;align-items:center;justify-content:center;border:none;background:#1f2a37;color:#9ca3af;font-family:Inter,system-ui,sans-serif;font-weight:600;cursor:pointer;transition:all .2s ease;outline:none;position:relative}.pagination-btn:not(.disabled):hover{background:#374151;color:#fff;transform:translateY(-1px);box-shadow:0 2px 4px #0003}.pagination-btn:not(.disabled):active{transform:translateY(0);box-shadow:0 1px 2px #0000001a}.pagination-btn.disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.pagination-btn:focus-visible{outline:2px solid #3B82F6;outline-offset:2px;z-index:1}.pagination-prev,.pagination-next{padding:8px 12px;border-right:1px solid #374151}.pagination-next{border-right:none;border-left:1px solid #374151}.pagination-prev svg,.pagination-next svg{transition:transform .2s ease}.pagination-prev:not(.disabled):hover svg{transform:translate(-2px)}.pagination-next:not(.disabled):hover svg{transform:translate(2px)}.pagination-numbers{display:flex;align-items:center;gap:0}.pagination-number{min-width:40px;padding:8px 12px;font-size:14px;border-right:1px solid #374151}.pagination-number:last-child{border-right:none}.pagination-number.active{background:#3b82f6;color:#fff;font-weight:700;box-shadow:inset 0 2px 4px #0000001a}.pagination-number.active:hover{background:#2563eb;transform:none}.pagination-ellipsis{display:flex;align-items:center;justify-content:center;min-width:40px;padding:8px 12px;font-size:14px;font-weight:600;color:#6b7280;background:#1f2a37;border-right:1px solid #374151;-webkit-user-select:none;user-select:none}.pagination-container.small{font-size:12px}.pagination-container.small .pagination-btn{padding:6px 10px;min-width:32px}.pagination-container.small .pagination-number,.pagination-container.small .pagination-ellipsis{min-width:32px;padding:6px 10px;font-size:12px}.pagination-container.large{font-size:16px}.pagination-container.large .pagination-btn{padding:12px 16px;min-width:48px}.pagination-container.large .pagination-number,.pagination-container.large .pagination-ellipsis{min-width:48px;padding:12px 16px;font-size:16px}.pagination-container.medium .pagination-btn,.pagination-container.medium .pagination-number,.pagination-container.medium .pagination-ellipsis{height:40px}.pagination-container.small .pagination-btn,.pagination-container.small .pagination-number,.pagination-container.small .pagination-ellipsis{height:32px}.pagination-container.large .pagination-btn,.pagination-container.large .pagination-number,.pagination-container.large .pagination-ellipsis{height:48px}@media (max-width: 768px){.pagination-container{flex-direction:column;gap:16px;align-items:center}.pagination-info{margin-right:0;order:2}.pagination-controls{order:1}.pagination-number{min-width:36px;padding:8px 10px}}@media (max-width: 480px){.pagination-numbers{max-width:280px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.pagination-numbers::-webkit-scrollbar{display:none}}@media (prefers-color-scheme: dark){.pagination-container{color-scheme:dark}}.pagination-btn:focus{outline:none}.pagination-btn:focus-visible{outline:2px solid #3B82F6;outline-offset:2px;border-radius:4px}.pagination-container.loading{pointer-events:none;opacity:.6}.pagination-container.loading .pagination-btn{cursor:wait}.pagination-container{transition:opacity .2s ease}@media (prefers-contrast: high){.pagination-btn{border:2px solid}.pagination-number.active{border-color:#fff}}.inline-edit-container{display:flex;align-items:center;gap:8px;min-height:40px;position:relative}.inline-edit-container.display{border:1px solid transparent;border-radius:4px;padding:8px 12px;transition:all .2s ease}.inline-edit-container.display:hover{background-color:#3741511a;border-color:#37415133}.inline-edit-container.editing{background-color:#3741510d;border:1px solid #374151;border-radius:4px;padding:8px 12px}.inline-edit-display{flex:1;min-width:0}.inline-edit-text{display:block;word-wrap:break-word;color:#fff;font-size:14px;line-height:1.4}.inline-edit-text.placeholder{color:#9ca3af;font-style:italic}.inline-edit-input-container{flex:1;min-width:0}.inline-edit-input{width:100%;padding:8px 12px;border:1px solid #374151;border-radius:4px;background-color:#1f2937;color:#fff;font-size:14px;line-height:1.4;resize:vertical;min-height:38px}.inline-edit-input:focus{outline:none;border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa1a}.inline-edit-input::placeholder{color:#9ca3af}.inline-edit-input[dir=rtl],.inline-edit-text[dir=rtl]{text-align:right}.inline-edit-trigger{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:1px solid #374151;border-radius:4px;background-color:transparent;color:#9ca3af;cursor:pointer;transition:all .2s ease;flex-shrink:0}.inline-edit-trigger:hover:not(:disabled){background-color:#374151;color:#fff;border-color:#4b5563}.inline-edit-trigger:disabled{opacity:.5;cursor:not-allowed}.inline-edit-actions{display:flex;gap:4px;flex-shrink:0}.inline-edit-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:1px solid;border-radius:4px;font-size:16px;font-weight:700;cursor:pointer;transition:all .2s ease}.inline-edit-btn.save{background-color:#10b981;border-color:#10b981;color:#fff}.inline-edit-btn.save:hover{background-color:#059669;border-color:#059669}.inline-edit-btn.cancel{background-color:#ef4444;border-color:#ef4444;color:#fff}.inline-edit-btn.cancel:hover{background-color:#dc2626;border-color:#dc2626}@media (max-width: 768px){.inline-edit-container{flex-direction:column;align-items:stretch;gap:12px}.inline-edit-container.editing{padding:12px}.inline-edit-actions{justify-content:flex-end}.inline-edit-btn{width:40px;height:40px;font-size:18px}.inline-edit-trigger{width:40px;height:40px}}.inline-edit-container.editing .inline-edit-input{animation:focusIn .2s ease-out}@keyframes focusIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.inline-edit-container.loading .inline-edit-trigger{pointer-events:none;opacity:.6}.inline-edit-container.loading .inline-edit-trigger:after{content:"";position:absolute;width:16px;height:16px;border:2px solid #374151;border-top:2px solid #60A5FA;border-radius:50%;animation:spin 1s linear infinite}.dropdown-edit-page{width:100%;min-height:100vh;background:var(--gray-900, #111928);position:relative;z-index:1;margin:-40px;padding:40px}.dropdown-edit-main{padding:24px 24px 120px;margin:0;width:100%;background:transparent;display:flex;flex-direction:column;align-items:center}.breadcrumb{border-radius:6px;justify-content:flex-start;align-items:center;gap:16px;display:inline-flex;width:925px}.breadcrumb-item{justify-content:center;align-items:center;display:flex;color:var(--gray-400, #9CA3AF);font-size:14px;font-family:Arimo,sans-serif;font-weight:500;line-height:21px;cursor:pointer}.breadcrumb-active{font-weight:600}.breadcrumb-arrow{width:20px;height:20px;position:relative;overflow:hidden}.breadcrumb-arrow:after{content:"";width:6.67px;height:11.67px;left:6.67px;top:4.17px;position:absolute;background:var(--gray-400, #9CA3AF);clip-path:polygon(0 0,60% 50%,0 100%)}.page-title-section{width:925px;justify-content:flex-start;align-items:flex-start;display:inline-flex;margin-top:24px}.page-title-content{flex-direction:column;justify-content:center;align-items:flex-start;gap:12px;display:inline-flex}.page-title-row{justify-content:flex-start;align-items:center;gap:12px;display:inline-flex}.page-title{justify-content:center;display:flex;flex-direction:column;color:var(--gray-50, #F9FAFB);font-size:30px;font-family:Arimo,sans-serif;font-weight:600;line-height:45px}.page-subtitle{justify-content:flex-start;align-items:center;gap:8px;display:flex;color:var(--gray-400, #9CA3AF);font-size:14px;font-family:Arimo,sans-serif;font-weight:400;line-height:21px}.last-modified-card{width:295px;padding:24px;background:var(--gray-800, #1F2A37);overflow:hidden;border-radius:8px;justify-content:flex-start;align-items:flex-start;display:inline-flex;margin-top:24px;align-self:flex-start}.last-modified-content{flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:12px;display:inline-flex}.last-modified-label{color:var(--gray-400, #9CA3AF);font-size:14px;font-family:Arimo,sans-serif;font-weight:400;line-height:21px}.last-modified-date{color:var(--gray-50, #F9FAFB);font-size:18px;font-family:Arimo,sans-serif;font-weight:600;line-height:27px}.section-header{color:var(--gray-50, #F9FAFB);font-size:20px;font-family:Arimo,sans-serif;font-weight:600;line-height:30px;margin-bottom:24px;white-space:nowrap;text-align:left}.action-headers-section{margin-top:24px;background:transparent;width:925px}.headers-input-row{display:flex;gap:20px;width:100%;justify-content:flex-start;align-items:flex-start}.input-group{width:295px;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:8px;display:flex}.input-label{align-self:stretch;color:var(--white, white);font-size:14px;font-family:Arimo,sans-serif;font-weight:500;line-height:21px}.input-label-right{text-align:right}.input-container{align-self:stretch;padding:0;background:var(--gray-700, #374151);border-radius:8px;outline:1px var(--gray-600, #4B5563) solid;outline-offset:-1px;justify-content:flex-start;align-items:stretch;gap:0;display:inline-flex}.input-wrapper{flex:1 1 0;justify-content:flex-start;align-items:stretch;gap:0;display:flex}.text-input{flex:1 1 0;background:transparent;border:none;outline:none;padding:8px 16px 9px;color:var(--white, white);font-size:14px;font-family:Arimo,sans-serif;font-weight:400;line-height:21px;min-height:21px}.text-input-right{text-align:right;padding:8px 20px 9px 16px;direction:rtl}.text-input,.text-input-right{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.add-option-section{display:flex;justify-content:flex-end;margin-top:24px;margin-bottom:16px;width:925px}.add-option-button{padding:8px 12px;border-radius:8px;outline:1px var(--gray-400, #9CA3AF) solid;outline-offset:-1px;justify-content:center;align-items:center;gap:8px;display:inline-flex;cursor:pointer;background:transparent;border:none;transition:background-color .2s ease}.add-option-button:hover{background:var(--gray-800, #1F2A37)}.add-icon{width:16px;height:16px;position:relative;overflow:hidden}.add-icon:after{content:"";width:9.33px;height:9.33px;left:3.33px;top:3.33px;position:absolute;background-image:url("data:image/svg+xml,%3Csvg width='10' height='10' viewBox='0 0 10 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 1V9M1 5H9' stroke='%23F9FAFB' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:contain}.add-option-text{color:var(--gray-50, #F9FAFB);font-size:14px;font-family:Arimo,sans-serif;font-weight:500;line-height:21px}.dropdown-options-section{margin-top:24px;background:transparent;display:flex;flex-direction:column;align-items:center;width:100%}.options-list{width:925px;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:24px;display:inline-flex}.option-row{align-self:stretch;justify-content:center;align-items:center;gap:48px;display:inline-flex}.option-drag-section{width:55px;height:24px;position:relative;display:flex;align-items:center;gap:22px}.option-number{color:#fff;font-size:16px;font-family:Arimo,sans-serif;font-weight:600;line-height:24px;position:absolute;left:46px;top:0}.hamburger-icon{width:24px;height:24px;position:absolute;left:0;top:0;display:flex;justify-content:center;align-items:center}.hamburger-icon:after{content:"";width:16px;height:12px;background-image:url("data:image/svg+xml,%3Csvg width='16' height='12' viewBox='0 0 16 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1H15M1 6H15M1 11H15' stroke='%23F9FAFB' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:contain}.option-inputs{justify-content:center;align-items:center;gap:20px;display:flex}.option-input-group{width:295px;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:8px;display:inline-flex}.option-actions{justify-content:center;align-items:center;gap:16px;display:flex}.action-button{padding:4px;border-radius:9999px;justify-content:center;align-items:center;display:flex;cursor:pointer;border:none;transition:background-color .2s ease}.edit-button{background:var(--gray-700, #374151)}.edit-button:hover{background:var(--gray-600, #4B5563)}.delete-button{background:var(--red-400, #F98080)}.delete-button:hover{background:var(--red-500, #EF4444)}.edit-icon{width:24px;height:24px;display:flex;justify-content:center;align-items:center;position:relative}.edit-icon:after{content:"";width:16px;height:16px;background-image:url("data:image/svg+xml,%3Csvg width='17' height='17' viewBox='0 0 17 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.5 14.875H15.375M12.0625 2.0625C12.3398 1.78516 12.7207 1.625 13.125 1.625C13.3242 1.625 13.5215 1.66431 13.7041 1.74063C13.8867 1.81694 14.0508 1.92861 14.1875 2.0625C14.3242 2.19639 14.4359 2.36049 14.5122 2.54309C14.5885 2.72569 14.6279 2.92298 14.6279 3.12213C14.6279 3.32127 14.5885 3.51856 14.5122 3.70116C14.4359 3.88376 14.3242 4.04786 14.1875 4.18175L4.9375 13.4375L1.625 14.375L2.5625 11.0625L12.0625 2.0625Z' stroke='%23F9FAFB' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:16px 16px}.delete-icon{width:24px;height:24px;display:flex;justify-content:center;align-items:center;position:relative}.delete-icon:after{content:"";width:16px;height:18px;background-image:url("data:image/svg+xml,%3Csvg width='18' height='20' viewBox='0 0 18 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16 5L15.1327 17.1425C15.0579 18.1891 14.187 19 13.1378 19H4.86224C3.81296 19 2.94208 18.1891 2.86732 17.1425L2 5M7 9V15M11 9V15M12 5V2C12 1.44772 11.5523 1 11 1H7C6.44772 1 6 1.44772 6 2V5M1 5H17' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:16px 18px}.bottom-actions{width:100%;padding:24px 0;position:fixed;bottom:0;left:265px;right:0;background:var(--gray-800, #1F2A37);overflow:hidden;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:10px;display:flex;box-shadow:0 -2px 4px #0000001a;z-index:10}.bottom-actions-row{align-self:stretch;justify-content:center!important;align-items:center;display:flex;padding:0 2rem;max-width:1200px;margin:0 auto;width:100%}.bottom-actions-spacer{width:225px;padding:10px;justify-content:space-between;align-items:flex-start;display:flex}.bottom-actions-buttons{justify-content:space-between;align-items:center;gap:16px;display:flex;width:100%;position:relative}.back-button{width:225px;padding:10px 20px;border-radius:8px;outline:1px var(--gray-400, #9CA3AF) solid;outline-offset:-1px;justify-content:center;align-items:center;gap:8px;display:flex;cursor:pointer;background:transparent;border:none;transition:background-color .2s ease;position:absolute;left:50%;transform:translate(-50%);box-sizing:border-box;will-change:background-color;min-width:225px;max-width:225px;min-height:41px;max-height:41px}.back-button:hover{background:var(--gray-700, #374151);width:225px;padding:10px 20px;border-radius:8px;outline:1px var(--gray-400, #9CA3AF) solid;outline-offset:-1px;transform:translate(-50%);position:absolute;left:50%}.back-button-text{color:var(--gray-50, #F9FAFB);font-size:14px;font-family:Arimo,sans-serif;font-weight:500;line-height:21px}.save-button{width:225px;padding:10px 20px;overflow:hidden;border-radius:8px;justify-content:center;align-items:center;gap:8px;display:flex;border:none;transition:background-color .2s ease;margin-left:auto}.save-button-enabled{background:#fbe54d!important;cursor:pointer}.save-button-enabled:hover{background:var(--primary-600, #F7DC0B)}.save-button-disabled{background:var(--gray-600, #4B5563);cursor:not-allowed}.save-button-text-enabled{color:var(--gray-900, #111928);font-size:14px;font-family:Arimo,sans-serif;font-weight:500;line-height:21px}.save-button-text-disabled{color:var(--gray-400, #9CA3AF);font-size:14px;font-family:Arimo,sans-serif;font-weight:500;line-height:21px}@media screen and (max-width: 1023px){.bottom-actions{left:0}.bottom-actions-row{padding:0 1.5rem}.page-title-section,.options-list{max-width:100%}.headers-input-row{flex-direction:column;gap:16px}.input-group{width:100%}.option-row{flex-direction:column;gap:16px;align-items:flex-start}.option-inputs{width:100%;flex-direction:column;gap:16px}.option-input-group{width:100%}}@media screen and (max-width: 767px){.bottom-actions-row{padding:0 1rem;flex-direction:column;gap:16px}.bottom-actions-buttons{width:100%;justify-content:center!important;gap:16px;position:static}.back-button{position:static;transform:none;width:calc(50% - 8px)}.save-button{margin-left:0;width:calc(50% - 8px)}.option-drag-section{display:none}.option-actions{justify-content:flex-end;width:100%}}.header-preview{min-height:100vh;background:linear-gradient(135deg,#0f172a,#1e293b);color:#e2e8f0}.preview-container{max-width:1200px;margin:0 auto;padding:2rem}.preview-header{text-align:center;margin-bottom:3rem;position:relative}.back-link{position:absolute;top:0;left:0;background:linear-gradient(135deg,#374151,#4b5563);color:#e2e8f0;padding:.75rem 1.5rem;border-radius:.5rem;text-decoration:none;font-weight:500;transition:all .3s ease}.back-link:hover{background:linear-gradient(135deg,#4b5563,#6b7280);transform:translateY(-1px);color:#e2e8f0;text-decoration:none}.preview-header h1{font-size:2.5rem;font-weight:700;margin-bottom:1rem;background:linear-gradient(135deg,#fbbf24,#f59e0b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.preview-description{font-size:1.125rem;color:#94a3b8;margin:0}.preview-content{display:grid;gap:2rem}.preview-section,.config-section,.info-section,.code-section,.actions-section{background:linear-gradient(135deg,#1e293b,#334155);border:1px solid #475569;border-radius:1rem;padding:2rem;position:relative;overflow:hidden}.preview-section:before,.config-section:before,.info-section:before,.code-section:before,.actions-section:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#fbbf24,#f59e0b)}.preview-section h2,.config-section h2,.info-section h2,.code-section h2,.actions-section h2{color:#fbbf24;font-size:1.5rem;margin-bottom:1.5rem;font-weight:600}.component-preview{background:#0f172a;border:2px solid #334155;border-radius:.75rem;overflow:hidden;box-shadow:0 4px 12px #0003}.preset-configs{margin-bottom:2rem}.preset-configs h3,.config-controls h3{color:#e2e8f0;font-size:1.125rem;margin-bottom:1rem;font-weight:600}.preset-buttons{display:flex;gap:1rem;flex-wrap:wrap}.preset-button{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:.5rem;cursor:pointer;font-weight:500;transition:all .3s ease}.preset-button:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.config-controls{border-top:1px solid #475569;padding-top:1.5rem}.config-row{margin-bottom:1rem}.config-label{display:block;color:#cbd5e1;font-weight:500;margin-bottom:.5rem}.config-input{width:100%;max-width:300px;padding:.75rem 1rem;background:#0f172a;border:1px solid #475569;border-radius:.5rem;color:#e2e8f0;font-size:.875rem;margin-top:.5rem;transition:border-color .3s ease}.config-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.config-checkbox{display:flex;align-items:center;gap:.75rem;color:#cbd5e1;cursor:pointer;font-weight:500}.config-checkbox input[type=checkbox]{width:1rem;height:1rem;background:#334155;border:1px solid #475569;border-radius:.25rem;cursor:pointer}.config-checkbox input[type=checkbox]:checked{background:#3b82f6;border-color:#3b82f6}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.feature-card{background:#0f172a99;border:1px solid #475569;border-radius:.75rem;padding:1.5rem;transition:transform .3s ease}.feature-card:hover{transform:translateY(-2px)}.feature-card h3{color:#fbbf24;font-size:1.125rem;margin-bottom:.75rem;font-weight:600}.feature-card p{color:#cbd5e1;line-height:1.6;margin:0}.code-block{background:#0f172a;border:1px solid #334155;border-radius:.5rem;padding:1.5rem;overflow-x:auto}.code-block pre{margin:0;color:#e2e8f0;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.875rem;line-height:1.6}.action-buttons{display:flex;gap:1rem;flex-wrap:wrap}.action-button{padding:.875rem 1.5rem;border-radius:.5rem;text-decoration:none;font-weight:600;text-align:center;transition:all .3s ease;border:none;cursor:pointer;font-size:.875rem}.action-button.fullscreen{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.action-button.fullscreen:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-1px);color:#fff;text-decoration:none}.action-button.refresh{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.action-button.refresh:hover{background:linear-gradient(135deg,#d97706,#b45309);transform:translateY(-1px)}.action-button.back{background:linear-gradient(135deg,#6b7280,#4b5563);color:#fff}.action-button.back:hover{background:linear-gradient(135deg,#4b5563,#374151);transform:translateY(-1px);color:#fff;text-decoration:none}.fullscreen-preview{min-height:100vh;background:#0f172a;color:#e2e8f0}.fullscreen-content{padding:2rem;display:flex;justify-content:center;align-items:center;min-height:calc(100vh - 4rem)}.fullscreen-info{text-align:center;background:linear-gradient(135deg,#1e293b,#334155);border:1px solid #475569;border-radius:1rem;padding:2rem;max-width:500px}.fullscreen-info h2{color:#fbbf24;margin-bottom:1rem}.fullscreen-info p{color:#cbd5e1;margin-bottom:1.5rem;line-height:1.6}.exit-fullscreen{background:linear-gradient(135deg,#374151,#4b5563);color:#e2e8f0;padding:.75rem 1.5rem;border-radius:.5rem;text-decoration:none;font-weight:500;transition:all .3s ease}.exit-fullscreen:hover{background:linear-gradient(135deg,#4b5563,#6b7280);transform:translateY(-1px);color:#e2e8f0;text-decoration:none}@media (max-width: 768px){.preview-container{padding:1rem}.preview-header h1{font-size:2rem}.back-link{position:static;display:inline-block;margin-bottom:1rem}.preset-buttons{flex-direction:column}.preset-button{width:100%}.features-grid{grid-template-columns:1fr}.action-buttons{flex-direction:column}.action-button{width:100%}}@media (max-width: 480px){.preview-header h1{font-size:1.75rem}.preview-section,.config-section,.info-section,.code-section,.actions-section{padding:1.5rem}.feature-card{padding:1rem}}.calculator-formula-page{padding:32px;background-color:transparent;min-height:calc(100vh - 80px);max-width:1200px;margin:0 auto}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;padding-bottom:20px;border-bottom:1px solid #E5E7EB}.page-title{font-family:Arimo,sans-serif;font-size:32px;font-weight:600;color:#f9fafb;margin:0;line-height:1.2}.edit-formula-btn{display:flex;align-items:center;gap:8px;padding:12px 20px;background-color:#3b82f6;color:#fff;border:none;border-radius:8px;font-family:Arimo,sans-serif;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.edit-formula-btn:hover{background-color:#2563eb;transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.edit-formula-btn:disabled{background-color:#9ca3af;cursor:not-allowed;transform:none;box-shadow:none}.edit-formula-btn svg{flex-shrink:0}.loading-indicator{display:flex;justify-content:center;align-items:center;padding:40px;font-family:Arimo,sans-serif;font-size:16px;color:#6b7280}.formula-content{display:flex;flex-direction:column;gap:32px}.formula-section{background-color:#1f2a3780;border-radius:12px;padding:24px;box-shadow:0 1px 3px #0000001a;border:1px solid rgba(55,65,81,.5)}.section-title{font-family:Arimo,sans-serif;font-size:20px;font-weight:600;color:#f9fafb;margin:0 0 20px;padding-bottom:12px}.formula-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.formula-input-group{display:flex;flex-direction:column;gap:8px}.formula-label{font-family:Arimo,sans-serif;font-size:14px;font-weight:500;color:#9ca3af;margin:0}.formula-input-wrapper{display:flex;flex-direction:column;gap:4px}.formula-input{padding:12px 32px 12px 16px;border:2px solid rgba(75,85,99,.5);border-radius:8px;font-family:Arimo,sans-serif;font-size:14px;color:#f9fafb;background-color:#3741514d;transition:all .2s ease;width:100%;box-sizing:border-box}.formula-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.formula-input.error{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.formula-input:disabled{background-color:#37415133;color:#6b7280;cursor:not-allowed}.formula-error-message{font-family:Arimo,sans-serif;font-size:12px;color:#ef4444;margin:0;line-height:1.4}.formula-display-value{padding:12px 16px;background-color:#37415133;border:2px solid rgba(75,85,99,.5);border-radius:8px;font-family:Arimo,sans-serif;font-size:14px;color:#f9fafb;font-weight:500;min-height:20px;display:flex;align-items:center}.formula-actions{display:flex;justify-content:flex-end;gap:12px;padding:24px;background-color:#1f2a3780;border-radius:12px;border:1px solid rgba(55,65,81,.5);box-shadow:0 1px 3px #0000001a}.save-btn{padding:12px 24px;background-color:#10b981;color:#fff;border:none;border-radius:8px;font-family:Arimo,sans-serif;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.save-btn:hover{background-color:#059669;transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.save-btn:disabled{background-color:#9ca3af;cursor:not-allowed;transform:none;box-shadow:none}.cancel-btn{padding:12px 24px;background-color:#fff;color:#6b7280;border:2px solid #D1D5DB;border-radius:8px;font-family:Arimo,sans-serif;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.cancel-btn:hover{background-color:#f9fafb;border-color:#9ca3af;color:#374151}.cancel-btn:disabled{background-color:#f3f4f6;color:#9ca3af;cursor:not-allowed}@media (max-width: 768px){.calculator-formula-page{padding:20px}.page-header{flex-direction:column;gap:16px;align-items:flex-start}.page-title{font-size:28px}.edit-formula-btn{align-self:flex-end}.formula-row,.formula-grid{grid-template-columns:1fr;gap:16px}.formula-section{padding:20px}.formula-actions{flex-direction:column-reverse;gap:8px}.save-btn,.cancel-btn{width:100%;justify-content:center}}@media (max-width: 480px){.calculator-formula-page{padding:16px}.page-header{margin-bottom:24px;padding-bottom:16px}.page-title{font-size:24px}.formula-content{gap:24px}.formula-section{padding:16px}.section-title{font-size:18px;margin-bottom:16px}.formula-grid{grid-template-columns:1fr;gap:12px}.formula-input,.formula-display-value{padding:10px 28px 10px 12px;font-size:14px}.edit-formula-btn{padding:10px 16px;font-size:13px}.save-btn,.cancel-btn{padding:10px 20px;font-size:13px}}@media (prefers-contrast: high){.formula-input{border-width:3px}.formula-input:focus{border-width:3px;box-shadow:0 0 0 4px #3b82f633}.formula-input.error{border-width:3px;box-shadow:0 0 0 4px #ef444433}}@media (prefers-reduced-motion: reduce){.edit-formula-btn,.save-btn,.cancel-btn,.formula-input{transition:none}.edit-formula-btn:hover,.save-btn:hover{transform:none}}@media print{.calculator-formula-page{background-color:#fff;box-shadow:none;padding:0}.edit-formula-btn,.formula-actions{display:none}.formula-section{box-shadow:none;border:1px solid #000;break-inside:avoid;margin-bottom:20px}.page-title,.section-title{color:#000}}.permission-notice{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;color:#6c757d;font-size:.9rem;margin-left:auto}.notice-icon{font-size:1rem}.current-role{color:#495057;font-size:.85rem;margin-left:.5rem;font-style:italic}.bank-selection-section{background-color:#1f2a3780;border-radius:12px;padding:24px;box-shadow:0 1px 3px #0000001a;border:1px solid rgba(55,65,81,.5);margin-bottom:24px}.bank-selector{display:flex;flex-direction:column;gap:8px;max-width:400px}.bank-dropdown{padding:12px 16px;border:2px solid rgba(75,85,99,.5);border-radius:8px;font-family:Arimo,sans-serif;font-size:14px;color:#f9fafb;background-color:#3741514d;cursor:pointer;transition:all .2s ease;width:100%;box-sizing:border-box}.bank-dropdown:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.bank-dropdown:disabled{background-color:#37415133;color:#6b7280;cursor:not-allowed}.bank-dropdown option{padding:8px;font-family:Arimo,sans-serif;font-size:14px}.current-bank-info{background-color:#eff6ff;border:1px solid #BFDBFE;border-radius:8px;padding:16px;margin-bottom:24px}.current-bank-info h3{font-family:Arimo,sans-serif;font-size:16px;font-weight:600;color:#1e40af;margin:0 0 8px}.no-config-notice{font-family:Arimo,sans-serif;font-size:14px;color:#b45309;background-color:#fef3c7;border:1px solid #F59E0B;border-radius:6px;padding:8px 12px;margin-top:8px}.permission-notice{display:flex;align-items:center;gap:8px;padding:12px 16px;background-color:#fef2f2;border:1px solid #FECACA;border-radius:8px;font-family:Arimo,sans-serif;font-size:14px;color:#991b1b}.notice-icon{font-size:16px;flex-shrink:0}.notice-text{font-weight:500}.current-role{font-weight:400;color:#7f1d1d;font-style:italic}.formula-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.formula-input[type=number]{-moz-appearance:textfield}.formula-input[type=number]::-webkit-outer-spin-button,.formula-input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.formula-section .section-title{position:relative}.formula-section .section-title:before{content:"";position:absolute;bottom:-2px;left:0;right:0;height:2px;background:linear-gradient(90deg,#fbe54d,#f59e0b);border-radius:1px}.formula-display-value{padding:12px 32px 12px 16px;background-color:#37415133;border:2px solid rgba(75,85,99,.5);border-radius:8px;font-family:Arimo,sans-serif;font-size:14px;color:#f9fafb;font-weight:600;min-height:20px;display:flex;align-items:center;position:relative}.formula-display-value:after{content:"";position:absolute;right:12px;top:50%;transform:translateY(-50%);width:6px;height:6px;background-color:#10b981;border-radius:50%;opacity:.7}.loading-indicator{display:flex;justify-content:center;align-items:center;padding:40px;font-family:Arimo,sans-serif;font-size:16px;color:#9ca3af;background-color:#1f2a3780;border-radius:8px;border:1px solid rgba(55,65,81,.5)}.loading-indicator:before{content:"";width:20px;height:20px;border:2px solid #E5E7EB;border-top:2px solid #3B82F6;border-radius:50%;animation:spin 1s linear infinite;margin-right:12px}.content-table{display:flex;flex-direction:column;gap:16px;background:#1f2a37;border-radius:8px;border:1px solid #374151;overflow:hidden;font-family:Arimo,Arial,sans-serif}.table-controls{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:#374151;border-bottom:1px solid #4B5563;gap:16px}.selection-info{display:flex;align-items:center;gap:12px}.selected-count{font-size:14px;color:#9ca3af;font-weight:500}.bulk-actions{display:flex;gap:8px}.bulk-action-btn{padding:6px 12px;background:#6366f1;color:#fff;border:none;border-radius:4px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease;outline:none}.bulk-action-btn:hover{background:#5855d6;transform:translateY(-1px)}.bulk-action-btn:focus{box-shadow:0 0 0 2px #6366f166}.bulk-action-btn:active{transform:translateY(0)}.table-wrapper{overflow-x:auto;overflow-y:visible;border-radius:6px;border:1px solid #374151}.data-table{width:100%;border-collapse:collapse;background:#1f2a37;font-size:14px}.data-table thead{background:#374151;border-bottom:1px solid #4B5563}.data-table thead th{padding:12px 16px;text-align:left;font-weight:600;color:#f3f4f6;font-size:13px;text-transform:uppercase;letter-spacing:.5px;border-right:1px solid #4B5563;position:relative;-webkit-user-select:none;user-select:none}.data-table thead th:last-child{border-right:none}.data-table thead th.sortable{cursor:pointer;transition:all .2s ease}.data-table thead th.sortable:hover{background:#4b5563;color:#fff}.data-table thead th.sortable:focus{outline:2px solid #6366F1;outline-offset:-2px}.data-table thead th.checkbox-column{width:48px;text-align:center}.data-table thead th.actions-column{width:120px;text-align:center}.sort-indicator{margin-left:8px;font-size:12px;color:#9ca3af;transition:color .2s ease}.sort-indicator.asc,.sort-indicator.desc{color:#6366f1}.sort-indicator.neutral{opacity:.5}.data-table thead th.sortable:hover .sort-indicator{color:#fff}.data-table tbody tr{border-bottom:1px solid #374151;transition:all .2s ease;cursor:pointer}.data-table tbody tr:last-child{border-bottom:none}.data-table tbody tr:hover{background:#6366f10d}.data-table tbody tr.selected{background:#6366f11a;border-color:#6366f1}.data-table tbody tr.selected:hover{background:#6366f126}.data-table tbody tr:focus{outline:2px solid #6366F1;outline-offset:-2px}.data-table tbody td{padding:12px 16px;color:#d1d5db;border-right:1px solid #374151;vertical-align:middle;font-family:Arimo,Arial,sans-serif;font-size:16px;font-weight:500;line-height:150%}.data-table tbody td:last-child{border-right:none}.checkbox-cell{text-align:center;width:48px}.checkbox-cell input[type=checkbox]{width:16px;height:16px;cursor:pointer;accent-color:#6366F1}.page-number{text-align:center;width:80px}.page-number-badge{background:#6366f1;color:#fff;padding:4px 8px;border-radius:4px;font-weight:600;font-size:12px}.page-title{min-width:250px;max-width:350px}.title-content{display:flex;flex-direction:column;gap:4px}.title-main{color:#fff;font-weight:500;line-height:1.4;word-break:break-word}.title-url{color:#9ca3af;font-size:12px;font-family:Courier New,monospace;opacity:.8}.page-category{width:120px}.category-badge{display:inline-block;padding:4px 8px;background:#374151;color:#9ca3af;border-radius:4px;font-size:12px;font-weight:500;text-transform:capitalize}.action-count{text-align:center;width:80px}.count-badge{background:#10b981;color:#fff;padding:4px 8px;border-radius:12px;font-weight:600;font-size:12px;min-width:24px;display:inline-block;text-align:center}.page-status{width:120px}.status-badge{display:inline-block;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500;text-transform:capitalize}.last-modified{min-width:160px}.date-content{display:flex;flex-direction:column;gap:2px}.date-main{color:#d1d5db;font-size:13px;font-weight:500}.date-by{color:#9ca3af;font-size:11px}.actions-cell{width:120px;text-align:center}.row-actions{display:flex;justify-content:center;gap:4px}.action-btn{width:28px;height:28px;border:none;border-radius:4px;background:#374151;color:#9ca3af;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;font-size:12px;outline:none}.action-btn:hover{background:#4b5563;color:#fff;transform:scale(1.1)}.action-btn:focus{box-shadow:0 0 0 2px #6366f166}.action-btn.view:hover{background:#3b82f6;color:#fff}.action-btn.edit:hover{background:#f59e0b;color:#fff}.action-btn.delete:hover{background:#ef4444;color:#fff}.action-btn.confirm:hover{background:#10b981;color:#fff}.table-footer{padding:12px 20px;background:#374151;border-top:1px solid #4B5563}.table-summary{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:#9ca3af;gap:16px}.selection-summary{color:#6366f1;font-weight:500}.content-table.loading,.content-table.empty{justify-content:center;align-items:center;min-height:400px;text-align:center}.table-loading,.empty-state{padding:40px 20px;display:flex;flex-direction:column;align-items:center;gap:16px}.table-loading p,.empty-state p{font-size:16px;color:#9ca3af;margin:0}.empty-icon{font-size:48px;opacity:.5}.empty-state h3{font-size:20px;color:#d1d5db;margin:0;font-weight:600}@media (max-width: 1024px){.table-controls{padding:14px 16px;flex-direction:column;align-items:stretch;gap:12px}.selection-info,.bulk-actions{justify-content:center}.data-table{font-size:13px}.data-table thead th,.data-table tbody td{padding:10px 12px}.title-content{max-width:200px}.title-main{font-size:13px}.title-url{font-size:11px}}@media (max-width: 768px){.content-table{border-radius:6px}.table-controls{padding:12px}.bulk-actions{flex-direction:column;gap:6px}.bulk-action-btn{width:100%;justify-content:center}.table-wrapper{border-radius:4px}.data-table{font-size:12px}.data-table thead th,.data-table tbody td{padding:8px 6px}.data-table thead th{font-size:11px}.page-category,.last-modified{display:none}.title-content{max-width:150px}.title-main{font-size:12px;line-height:1.3}.title-url{display:none}.row-actions{flex-direction:column;gap:2px}.action-btn{width:24px;height:24px;font-size:10px}.table-summary{flex-direction:column;align-items:center;gap:8px;font-size:12px}}@media (max-width: 480px){.table-controls{padding:10px}.data-table thead th,.data-table tbody td{padding:6px 4px}.table-wrapper{display:none}.mobile-card-view{display:block;padding:0}.content-card{background:#374151;border-radius:6px;padding:16px;margin-bottom:12px;border:1px solid #4B5563}.content-card .card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.content-card .card-title{font-weight:600;color:#fff;font-size:14px}.content-card .card-meta{display:grid;grid-template-columns:1fr 1fr;gap:8px;font-size:12px}.content-card .meta-item{display:flex;flex-direction:column;gap:2px}.content-card .meta-label{color:#9ca3af;font-size:10px;text-transform:uppercase;letter-spacing:.5px}.content-card .meta-value{color:#d1d5db;font-weight:500}}@media (prefers-reduced-motion: no-preference){.data-table tbody tr,.action-btn,.bulk-action-btn{transition:all .2s ease}}@media (prefers-reduced-motion: reduce){.data-table tbody tr,.action-btn,.bulk-action-btn,.loading-spinner{transition:none;animation:none}}@media (prefers-contrast: high){.data-table{border:2px solid #FFFFFF}.data-table thead th{border-right:2px solid #FFFFFF}.data-table tbody td{border-right:2px solid #6B7280}.data-table tbody tr.selected{border:2px solid #FFFFFF}.action-btn:focus{border:2px solid #FFFFFF}}@media print{.content-table{background:#fff;color:#000;border:1px solid black}.table-controls,.actions-cell,.checkbox-cell{display:none}.data-table{background:#fff;color:#000}.data-table thead th{background:#f0f0f0;color:#000;border:1px solid black}.data-table tbody td{border:1px solid black}}.breadcrumb{display:flex;align-items:center;padding:0;margin:0;font-family:Arimo,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.breadcrumb-container{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.breadcrumb-item{display:flex;align-items:center}.breadcrumb-link{font-family:Arimo;font-style:normal;font-weight:500;font-size:14px;line-height:150%;color:#9ca3af;text-decoration:none;transition:color .2s ease;padding:0;margin:0}.breadcrumb-link:hover{color:#d1d5db}.breadcrumb-text{font-family:Arimo;font-style:normal;font-weight:500;font-size:14px;line-height:150%;color:#9ca3af;margin:0}.breadcrumb-text.active{font-weight:600;color:#9ca3af}.breadcrumb-separator{display:flex;align-items:center;margin:0;padding:0;opacity:.6}.breadcrumb-separator svg{width:20px;height:20px;flex-shrink:0}@media (max-width: 768px){.breadcrumb-container{gap:12px}.breadcrumb-link,.breadcrumb-text{font-size:13px}.breadcrumb-separator svg{width:16px;height:16px}}@media (max-width: 480px){.breadcrumb-container{gap:8px}.breadcrumb-link,.breadcrumb-text{font-size:12px}.breadcrumb-separator svg{width:14px;height:14px}}.user-info-cards{display:flex;flex-direction:row;flex-wrap:wrap;align-items:flex-start;gap:20px;width:100%}.info-card{display:flex;flex-direction:row;align-items:flex-start;padding:24px;width:295px;height:108px;background:#1f2a37;border-radius:8px;box-sizing:border-box}.card-content{display:flex;flex-direction:column;align-items:flex-start;gap:12px;width:100%}.card-label{font-family:Arimo;font-style:normal;font-weight:400;font-size:14px;line-height:150%;color:#9ca3af;margin:0}.card-value{font-family:Arimo;font-style:normal;font-weight:600;font-size:18px;line-height:150%;color:#f9fafb;margin:0}@media (max-width: 768px){.user-info-cards{flex-direction:column;gap:16px}.info-card{width:100%;height:auto;min-height:108px;padding:20px}}@media (max-width: 480px){.info-card{padding:16px;min-height:96px}.card-label{font-size:13px}.card-value{font-size:16px}}.page-gallery{display:flex;flex-direction:column;align-items:flex-start;gap:32px;width:100%;font-family:Arimo,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.gallery-header{width:100%}.gallery-title{font-family:Arimo;font-style:normal;font-weight:600;font-size:24px;line-height:150%;color:#fff;margin:0}.gallery-main{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:30px 78px;gap:10px;width:100%;background:#1f2a37;border-radius:8px;box-sizing:border-box}.main-image-container{display:flex;justify-content:center;align-items:center;width:100%;max-width:503px}.main-image{display:flex;flex-direction:column;align-items:flex-start;padding:10px;gap:10px;width:100%;max-width:503px;height:427px;background:#111928;border-radius:8px;box-sizing:border-box;overflow:hidden}.preview-image{width:100%;height:100%;object-fit:cover;border-radius:4px}.gallery-carousel{display:flex;flex-direction:row;align-items:center;gap:21px;width:100%}.carousel-button{display:flex;align-items:center;justify-content:center;padding:10px;width:44px;height:44px;background:#1f2a37;border:1px solid #4B5563;border-radius:50%;cursor:pointer;transition:all .2s ease;flex-shrink:0}.carousel-button:disabled{opacity:.5;cursor:not-allowed}.carousel-button:not(:disabled):hover{background:#374151;border-color:#6b7280}.carousel-button:not(:disabled):hover svg path{stroke:#d1d5db}.thumbnail-container{display:flex;flex-direction:row;align-items:center;gap:16px;flex:1;overflow-x:auto;padding:0 4px}.thumbnail{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:10px;gap:10px;width:115px;height:110px;background:#1f2a37;border-radius:8px;cursor:pointer;transition:all .2s ease;flex-shrink:0;box-sizing:border-box;border:1px solid transparent}.thumbnail.selected{border:1px solid #FBE54D}.thumbnail:hover{background:#374151}.thumbnail-image{width:100%;height:100%;object-fit:cover;border-radius:4px}@media (max-width: 1024px){.gallery-main{padding:24px 40px}.main-image{height:350px}.thumbnail-container{gap:12px}.thumbnail{width:100px;height:95px}}@media (max-width: 768px){.page-gallery{gap:24px}.gallery-title{font-size:20px}.gallery-main{padding:20px 24px}.main-image{height:300px}.gallery-carousel{gap:16px}.carousel-button{width:36px;height:36px;padding:8px}.carousel-button svg{width:20px;height:20px}.thumbnail-container{gap:8px}.thumbnail{width:85px;height:80px;padding:8px}}@media (max-width: 480px){.page-gallery{gap:20px}.gallery-title{font-size:18px}.gallery-main{padding:16px 20px}.main-image{height:250px}.gallery-carousel{gap:12px}.carousel-button{width:32px;height:32px;padding:6px}.carousel-button svg{width:16px;height:16px}.thumbnail{width:70px;height:65px;padding:6px}}.thumbnail-container::-webkit-scrollbar{height:4px}.thumbnail-container::-webkit-scrollbar-track{background:#374151;border-radius:2px}.thumbnail-container::-webkit-scrollbar-thumb{background:#6b7280;border-radius:2px}.thumbnail-container::-webkit-scrollbar-thumb:hover{background:#9ca3af}.content-management{display:flex;flex-direction:column;gap:24px;padding:24px;background:#1f2a37;border-radius:8px;border:1px solid #374151;min-height:600px;font-family:Arimo,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.content-management-new{display:flex;flex-direction:column;gap:40px;padding:0;background:transparent;min-height:100vh;font-family:Arimo,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;position:relative;width:100%}.breadcrumb-section{position:relative;margin-top:40px;margin-left:0;margin-right:0;padding:16px 24px}.page-header-section{display:flex;flex-direction:column;align-items:flex-start;gap:32px;margin-left:0;margin-right:0;padding-left:24px;padding-right:24px}.page-title-container{display:flex;flex-direction:column;align-items:flex-start;gap:16px;width:100%}.page-title{font-family:Arimo;font-style:normal;font-weight:600;font-size:30px;line-height:150%;color:#fff;margin:0}.info-cards-section{width:100%}.gallery-section{margin-left:0;margin-right:0;padding-left:24px;padding-right:24px}.content-management-new .content-table-section{flex:1;display:flex;flex-direction:column;gap:0;margin-left:0;margin-right:0;margin-top:24px;padding-left:24px;padding-right:24px}.content-management-new .content-table-section .table-container{background:#1f2a37;border-radius:8px;box-shadow:0 1px 3px #0000001a,0 1px 2px -1px #0000001a;overflow:hidden}.content-management-new .table-header{padding:0 0 32px;border-bottom:none;background:transparent}.content-management-new .table-header h2{font-family:Arimo;font-style:normal;font-weight:600;font-size:24px;line-height:150%;color:#fff;margin:0}.content-management-new .content-filters{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:16px;gap:10px;background:#1f2a37;border-radius:0;border:none;border-bottom:1px solid #374151}.content-management-new .search-input-group{max-width:403px}.content-management-new .search-input{padding:12px 16px 12px 44px;background:#374151;border:1px solid #4B5563;border-radius:8px;color:#fff;font-size:14px;width:100%;box-sizing:border-box}.content-management-new .search-input::placeholder{color:#9ca3af}.content-management-new .search-button{left:16px;right:auto;font-size:16px;color:#1f2a37}.content-management-new .filter-controls{gap:0;flex-wrap:nowrap}.filter-button{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:8px 12px;gap:8px;background:#1f2a37;border:1px solid #4B5563;border-radius:8px;color:#f9fafb;font-family:Arimo;font-style:normal;font-weight:500;font-size:12px;line-height:150%;cursor:pointer;transition:all .2s ease}.filter-button:hover{background:#374151;border-color:#6b7280}.filter-button svg{width:16px;height:16px}.content-header{display:flex;justify-content:space-between;align-items:flex-start;padding-bottom:20px;border-bottom:1px solid #374151;gap:20px}.header-info h1{font-size:28px;font-weight:600;color:#fff;margin:0 0 8px;line-height:1.2}.header-info p{font-size:16px;color:#9ca3af;margin:0;line-height:1.5}.header-stats{display:flex;gap:24px;flex-shrink:0}.stat-item{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.stat-label{font-size:12px;color:#9ca3af;text-transform:uppercase;letter-spacing:.5px}.stat-value{font-size:24px;font-weight:600;color:#6366f1}.content-filters{display:flex;flex-direction:column;gap:16px;padding:20px;background:#374151;border-radius:6px;border:1px solid #4B5563}.search-section{width:100%}.search-input-group{display:flex;position:relative;width:100%;max-width:500px}.search-input{flex:1;padding:12px 44px 12px 16px;background:#1f2a37;border:1px solid #4B5563;border-radius:6px;color:#fff;font-size:14px;font-family:inherit;transition:all .2s ease;outline:none}.search-input:focus{border-color:#6366f1;box-shadow:0 0 0 2px #6366f133}.search-button{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:none;border:none;color:#9ca3af;font-size:16px;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease;outline:none}.search-button:hover{color:#6366f1;background:#6366f11a}.search-button:focus{box-shadow:0 0 0 2px #6366f166}.filter-controls{display:flex;gap:12px;flex-wrap:wrap}.filter-select{padding:10px 32px 10px 12px;background:#1f2a37;border:1px solid #4B5563;border-radius:6px;color:#fff;font-size:14px;font-family:inherit;cursor:pointer;transition:all .2s ease;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url('data:image/svg+xml;charset=US-ASCII,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%239CA3AF" stroke-width="2"><polyline points="6,9 12,15 18,9"></polyline></svg>');background-repeat:no-repeat;background-position:right 8px center;background-size:16px;min-width:140px}.filter-select:focus{border-color:#6366f1;box-shadow:0 0 0 2px #6366f133}.filter-select:hover{border-color:#6b7280}.filter-select option{background:#1f2a37;color:#fff}.content-table-section{flex:1;display:flex;flex-direction:column;gap:16px}.table-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:12px;border-bottom:1px solid #374151}.table-header h2{font-size:20px;font-weight:600;color:#fff;margin:0;line-height:1.3}.content-table-placeholder{flex:1;display:flex;justify-content:center;align-items:center;min-height:300px;background:#374151;border-radius:6px;border:2px dashed #4B5563}.placeholder-content{text-align:center;padding:40px 20px;max-width:500px}.placeholder-content h3{font-size:18px;font-weight:600;color:#f59e0b;margin:0 0 12px;line-height:1.3}.placeholder-content p{font-size:14px;color:#d1d5db;margin:0 0 24px;line-height:1.5}.results-preview{text-align:left;background:#1f2a37;border-radius:6px;padding:16px;border:1px solid #4B5563}.results-preview p{font-size:14px;font-weight:500;color:#9ca3af;margin:0 0 12px}.page-preview{display:flex;gap:12px;padding:8px 0;border-bottom:1px solid #374151;font-size:13px;align-items:center}.page-preview:last-child{border-bottom:none}.page-number{font-weight:600;color:#6366f1;min-width:40px}.page-title{flex:1;color:#fff;font-weight:500}.page-category{color:#9ca3af;font-size:12px;padding:2px 8px;background:#374151;border-radius:4px;text-transform:capitalize}.page-status{color:#10b981;font-size:12px;font-weight:500;padding:2px 8px;background:#10b9811a;border-radius:4px;text-transform:capitalize}.page-status[data-status=draft]{color:#f59e0b;background:#f59e0b1a}.page-status[data-status=archived]{color:#6b7280;background:#6b72801a}.content-management.loading{justify-content:center;align-items:center;min-height:400px}.loading-container{display:flex;flex-direction:column;align-items:center;gap:16px}.loading-container p{font-size:16px;color:#9ca3af;margin:0}.content-management.error,.content-management.unauthorized{justify-content:center;align-items:center;min-height:400px;text-align:center}.error-container,.unauthorized-container{max-width:500px;padding:40px 20px}.error-container h2,.unauthorized-container h2{font-size:24px;font-weight:600;color:#ef4444;margin:0 0 16px;line-height:1.3}.unauthorized-container h2{color:#f59e0b}.error-container p,.unauthorized-container p{font-size:16px;color:#d1d5db;margin:0 0 12px;line-height:1.5}.unauthorized-container p:last-child{font-size:14px;color:#9ca3af;font-style:italic}@media (max-width: 1024px){.content-management{padding:20px;gap:20px}.content-header{flex-direction:column;align-items:flex-start;gap:16px}.header-stats{align-self:stretch;justify-content:space-around}.stat-item{align-items:center}.header-info h1{font-size:24px}.content-filters{padding:16px}.filter-controls{justify-content:stretch}.filter-select{flex:1;min-width:120px}.content-management-new{gap:24px}.breadcrumb-section,.page-header-section,.gallery-section,.content-management-new .content-table-section{padding-left:16px;padding-right:16px}.breadcrumb-section{margin-top:24px}.page-title{font-size:28px}.content-management-new .content-filters{flex-direction:column;align-items:stretch;gap:16px}.content-management-new .search-input-group{max-width:none}.content-management-new .filter-controls{justify-content:flex-start}}@media (max-width: 768px){.content-management{padding:16px;gap:16px}.header-info h1{font-size:22px}.header-info p{font-size:14px}.header-stats{gap:16px}.stat-value{font-size:20px}.content-filters{padding:14px;gap:12px}.search-input-group{max-width:none}.search-input{font-size:16px}.filter-controls{flex-direction:column;gap:8px}.filter-select{width:100%}.table-header h2{font-size:18px}.placeholder-content{padding:24px 16px}.placeholder-content h3{font-size:16px}.results-preview{padding:12px}.page-preview{flex-direction:column;align-items:flex-start;gap:6px;padding:12px 0}.page-preview>*{align-self:stretch}.content-management-new{gap:20px}.breadcrumb-section,.page-header-section,.gallery-section,.content-management-new .content-table-section{padding-left:12px;padding-right:12px}.breadcrumb-section{margin-top:20px}.page-title{font-size:24px}.content-management-new .table-header{padding:16px 0 24px}.content-management-new .table-header h2{font-size:20px}.content-management-new .content-filters{padding:12px}.content-management-new .search-input{font-size:16px}}@media (max-width: 480px){.content-management{padding:12px;gap:12px}.header-stats{flex-direction:column;gap:12px}.content-filters{padding:12px}.placeholder-content{padding:20px 12px}.content-management-new{gap:16px}.breadcrumb-section,.page-header-section,.gallery-section,.content-management-new .content-table-section{padding-left:8px;padding-right:8px}.breadcrumb-section{margin-top:16px}.page-title{font-size:20px}.content-management-new .table-header{padding:12px 0 20px}.content-management-new .table-header h2{font-size:18px}.content-management-new .content-filters{padding:10px}}@media (prefers-reduced-motion: no-preference){.search-input,.filter-select,.search-button{transition:all .2s ease}}@media (prefers-reduced-motion: reduce){.search-input,.filter-select,.search-button,.loading-spinner{transition:none;animation:none}}@media (prefers-contrast: high){.search-input,.filter-select{border-width:2px}.search-input:focus,.filter-select:focus{border-color:#fff}.content-table-placeholder{border-width:3px}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.chat-page{display:flex;flex-direction:column;gap:24px;min-height:calc(100vh - 140px);font-family:Arimo,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:#fff}.chat-navigation{background:#1f2a37;border-radius:8px;padding:24px;border:1px solid #374151}.nav-header{margin-bottom:24px}.nav-header h1{font-size:28px;font-weight:600;color:#fff;margin:0 0 8px;line-height:1.2}.nav-header p{font-size:16px;color:#9ca3af;margin:0;line-height:1.5}.section-tabs{display:flex;gap:12px;flex-wrap:wrap}.section-tab{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#374151;border:1px solid #4B5563;border-radius:6px;color:#d1d5db;font-family:inherit;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;outline:none}.section-tab:hover{background:#4b5563;border-color:#6b7280;color:#f3f4f6}.section-tab:focus{border-color:#6366f1;box-shadow:0 0 0 2px #6366f133}.section-tab.active{background:#6366f1;border-color:#6366f1;color:#fff}.section-tab.active:hover{background:#5855d6;border-color:#5855d6}.tab-icon{font-size:16px;line-height:1}.tab-title{white-space:nowrap}.chat-content{flex:1;background:#1f2a37;border-radius:8px;border:1px solid #374151;overflow:hidden}.chat-section{padding:24px;min-height:400px}.section-header{margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid #374151}.section-header h2{font-size:24px;font-weight:600;color:#fff;margin:0 0 8px;line-height:1.3}.section-header p{font-size:16px;color:#9ca3af;margin:0;line-height:1.5}.development-notice{display:flex;justify-content:center;align-items:center;min-height:300px}.notice-card{background:#374151;border:1px solid #4B5563;border-radius:8px;padding:32px;text-align:center;max-width:500px;width:100%}.notice-card h3{font-size:20px;font-weight:600;color:#f59e0b;margin:0 0 12px;line-height:1.3}.notice-card p{font-size:16px;color:#d1d5db;margin:0 0 24px;line-height:1.5}.placeholder-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.btn-primary{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;background:#6366f1;color:#fff;border:none;border-radius:6px;font-family:inherit;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none;outline:none}.btn-primary:hover{background:#5855d6;transform:translateY(-1px)}.btn-primary:focus{box-shadow:0 0 0 2px #6366f166}.btn-primary:active{transform:translateY(0)}.chat-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:16px}.loading-spinner{width:40px;height:40px;border:3px solid #374151;border-top:3px solid #6366F1;border-radius:50%;animation:spin 1s linear infinite}.chat-loading p{font-size:16px;color:#9ca3af;margin:0}.default-section{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;text-align:center}.default-section .section-header{border-bottom:none;padding-bottom:0}.default-section h2{color:#ef4444}@media (max-width: 1024px){.chat-page{gap:16px}.chat-navigation{padding:20px}.nav-header h1{font-size:24px}.section-tabs{gap:8px}.section-tab{padding:10px 14px;font-size:13px}.chat-section{padding:20px}.section-header h2{font-size:22px}}@media (max-width: 768px){.chat-page{gap:12px}.chat-navigation{padding:16px}.nav-header{margin-bottom:16px}.nav-header h1{font-size:22px}.nav-header p{font-size:14px}.section-tabs{flex-direction:column;gap:6px}.section-tab{justify-content:center;padding:12px 16px;width:100%}.chat-section{padding:16px;min-height:300px}.section-header{margin-bottom:16px;padding-bottom:12px}.section-header h2{font-size:20px}.section-header p{font-size:14px}.notice-card{padding:24px 20px}.notice-card h3{font-size:18px}.notice-card p{font-size:14px}.placeholder-actions{flex-direction:column;align-items:center}.btn-primary{width:100%;justify-content:center;max-width:200px}}@media (max-width: 480px){.chat-navigation,.chat-section{padding:12px}.notice-card{padding:20px 16px}.development-notice{min-height:250px}}@media (prefers-reduced-motion: no-preference){.section-tab,.btn-primary{transition:all .2s ease}}@media (prefers-reduced-motion: reduce){.section-tab,.btn-primary,.loading-spinner{transition:none;animation:none}}@media (prefers-contrast: high){.section-tab{border-width:2px}.section-tab.active{border-color:#fff}.btn-primary{border:2px solid #FFFFFF}}.content-main-drill{padding:0;background-color:#111928;min-height:100vh;font-family:Arimo,Arial,sans-serif}.content-main-drill.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh}.content-main-drill.loading p{margin-top:20px;color:#9ca3af;font-size:14px}.content-main-drill.error{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;text-align:center}.content-main-drill.error p{color:#f9fafb;font-size:16px;margin-bottom:20px}.content-main-drill.error button{padding:10px 20px;background-color:#6366f1;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:14px;transition:background-color .2s}.content-main-drill.error button:hover{background-color:#5558e3}.header-input-group{display:flex;flex-direction:column;gap:8px}.heb-input{align-items:flex-end}.input-wrapper{display:flex;flex-direction:column;align-items:flex-start;background:#374151;border-radius:8px;border:1px solid #4B5563;padding:8px 16px 9px;min-width:212px}.header-text-input{background:transparent;border:none;outline:none;color:#fff;font-size:14px;width:100%}.header-text-input.heb-text{text-align:right;direction:rtl}.add-option-section{display:flex;justify-content:flex-end;padding-right:145px;margin-bottom:24px}.add-option-btn{display:flex;align-items:center;background:none;border-radius:8px;border:1px solid #9CA3AF;padding:8px 12px;gap:8px;cursor:pointer;transition:all .2s}.add-option-btn:hover{background-color:#374151;border-color:#4b5563}.add-option-btn .add-icon{color:#f9fafb;font-size:16px;font-weight:700}.add-option-btn{color:#f9fafb;font-size:14px;font-weight:700}.option-row{display:flex;align-items:center;padding:0 42px;gap:48px}.drag-handle{cursor:grab;color:#fff;font-size:24px;-webkit-user-select:none;user-select:none;display:flex;align-items:center}.drag-handle:active{cursor:grabbing}.option-inputs-section{display:flex;align-items:flex-start;gap:48px;flex:1}.option-input-group{display:flex;flex-direction:column;gap:8px;flex-shrink:0}.option-input-wrapper{display:flex;flex-direction:column;align-items:flex-start;background:#374151;border-radius:8px;border:1px solid #4B5563;padding:8px 16px 9px;min-width:212px}.option-text-input{background:transparent;border:none;outline:none;color:#fff;font-size:14px;width:100%}.option-text-input.heb-text{text-align:center;direction:rtl}.action-btn{width:32px;height:32px;border-radius:4px;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.edit-btn,.delete-btn{background:#374151}@media (max-width: 1440px){.page-header,.last-modified-card,.action-headers-section,.options-section{padding-left:40px;padding-right:40px}.action-buttons{margin-left:0;padding-left:40px;padding-right:40px}.add-option-section{padding-right:40px}}@media (max-width: 768px){.headers-container{flex-direction:column;gap:16px}.option-row{flex-direction:column;align-items:flex-start;gap:16px}.option-inputs-section{flex-direction:column;width:100%;gap:16px}.action-buttons{flex-direction:column;gap:16px}}.content-main-confirm{padding:0;background-color:#111928;min-height:100vh;font-family:Arimo,Arial,sans-serif}.content-main-confirm.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh}.loading-spinner{width:48px;height:48px;border:3px solid #374151;border-top-color:#6366f1;border-radius:50%;animation:spin 1s linear infinite}.content-main-confirm.loading p{margin-top:20px;color:#9ca3af;font-size:14px}.content-main-confirm.error{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;text-align:center}.content-main-confirm.error p{color:#f9fafb;font-size:16px;margin-bottom:20px}.content-main-confirm.error button{padding:10px 20px;background-color:#6366f1;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:14px;transition:background-color .2s}.content-main-confirm.error button:hover{background-color:#5558e3}.breadcrumb-section{padding:16px 40px;background-color:#1f2a37;border-bottom:1px solid #374151}.page-header{padding:16px 370px 0;background-color:#111928}.page-title-main h1{font-family:Arimo,Arial,sans-serif;font-size:30px;font-weight:700;color:#f9fafb;margin:0 0 8px;line-height:1.2}.page-subtitle{font-size:14px;color:#9ca3af;margin:0}.last-modified-card{display:flex;flex-direction:column;align-items:flex-start;background:#1f2a37;border-radius:8px;padding:24px;margin:32px 370px;gap:12px}.last-modified-label{color:#9ca3af;font-size:14px;margin:0}.last-modified-time{color:#f9fafb;font-size:18px;font-weight:700;margin:0}.action-headers-section{padding:0 370px;margin-bottom:24px}.section-title{font-family:Arimo,Arial,sans-serif;font-size:20px;font-weight:700;color:#f9fafb;margin:0 0 16px}.headers-container{display:flex;gap:315px}.header-display-group{display:flex;flex-direction:column;gap:8px}.heb-display{align-items:flex-end}.display-label{font-size:14px;font-weight:700;color:#fff}.display-wrapper{display:flex;flex-direction:column;align-items:flex-start;background:#374151;border-radius:8px;border:1px solid #4B5563;padding:8px 16px 9px;min-width:212px}.header-display-text{color:#fff;font-size:14px;width:100%}.header-display-text.heb-text{text-align:right;direction:rtl}.publish-section{display:flex;justify-content:flex-end;padding-right:145px;margin-bottom:40px}.publish-all-btn{display:flex;align-items:center;background:none;border-radius:8px;border:1px solid #9CA3AF;padding:8px 12px;gap:8px;cursor:pointer;color:#f9fafb;font-size:14px;font-weight:700;transition:all .2s}.publish-all-btn:hover:not(:disabled){background-color:#374151;border-color:#4b5563}.publish-all-btn:disabled{opacity:.5;cursor:not-allowed}.publish-all-btn .publish-icon{color:#f9fafb;font-size:16px;font-weight:700}.options-section{padding:0 370px 40px}.option-row{display:flex;align-items:center;padding:0 42px;gap:48px;transition:all .2s}.option-row.changed{background-color:#fbe54d0d;border-radius:8px;padding:12px 42px}.option-left-section{display:flex;align-items:flex-start;gap:22px}.change-indicator{width:24px;height:24px;display:flex;align-items:center;justify-content:center}.change-icon{font-size:12px;font-weight:700}.change-icon.change-added{color:#10b981}.change-icon.change-modified{color:#f59e0b}.change-icon.change-deleted{color:#ef4444}.option-number{color:#fff;font-size:16px;font-weight:700;min-width:16px;display:flex;align-items:center;justify-content:center}.option-content-section{display:flex;align-items:flex-start;gap:48px;flex:1}.option-display-group{display:flex;flex-direction:column;gap:8px;flex-shrink:0}.option-label{font-size:14px;font-weight:700;color:#fff}.option-display-wrapper{display:flex;flex-direction:column;align-items:flex-start;background:#374151;border-radius:8px;border:1px solid #4B5563;padding:8px 16px 9px;min-width:212px}.option-display-text{color:#fff;font-size:14px;width:100%}.option-display-text.heb-text{text-align:center;direction:rtl}.option-actions{display:flex;align-items:flex-start;gap:16px}.action-btn{width:32px;height:32px;border-radius:4px;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;background:#374151}.action-btn:hover{background:#4b5563}.btn-icon{font-size:20px}.action-buttons{display:flex;align-items:flex-start;background:#1f2a37;padding:24px 145px 24px 564px;margin:5px 0 0 264px;gap:16px}.back-button{display:flex;flex-direction:column;align-items:flex-start;background:none;border-radius:8px;border:1px solid #9CA3AF;padding:10px 92px;text-align:left;cursor:pointer;color:#f9fafb;font-size:14px;font-weight:700;transition:all .2s}.back-button:hover{background-color:#374151;border-color:#4b5563}.save-publish-button{display:flex;flex-direction:column;align-items:flex-start;background:#fbe54d;border-radius:8px;border:none;padding:10px 23px;text-align:left;cursor:pointer;color:#111928;font-size:14px;font-weight:700;transition:all .2s}.save-publish-button:hover:not(:disabled){background:#f4dc1a}.save-publish-button:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 1440px){.page-header,.last-modified-card,.action-headers-section,.options-section{padding-left:40px;padding-right:40px}.action-buttons{margin-left:0;padding-left:40px;padding-right:40px}.publish-section{padding-right:40px}}@media (max-width: 768px){.headers-container{flex-direction:column;gap:16px}.option-row{flex-direction:column;align-items:flex-start;gap:16px}.option-content-section{flex-direction:column;width:100%;gap:16px}.action-buttons{flex-direction:column;gap:16px}}.content-main-text{display:flex;flex-direction:column;gap:24px;padding:24px;background-color:#111928;color:#f9fafb;min-height:100vh}.content-main-text__navigation{margin-bottom:16px}.content-main-text__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px}.header-left .page-title{font-family:Arimo,sans-serif;font-weight:600;font-size:30px;line-height:1.5;color:#f9fafb;margin:0 0 8px}.header-left .page-subtitle{font-family:Arimo,sans-serif;font-weight:400;font-size:14px;color:#9ca3af;margin:0}.content-main-text__body{display:flex;flex-direction:column;gap:40px;flex:1;max-width:885px}.text-section{display:flex;flex-direction:column;gap:24px}.section-title{font-family:Arimo,sans-serif;font-weight:600;font-size:20px;color:#f9fafb;margin:0}.language-inputs-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.language-input-group{display:flex;flex-direction:column;gap:8px}.input-label{font-family:Arimo,sans-serif;font-weight:600;font-size:14px;color:#f9fafb}.input-field{position:relative}.text-input{width:100%;padding:8px 16px;background-color:#374151;border:1px solid #4B5563;border-radius:8px;color:#f9fafb;font-family:Arimo,sans-serif;font-size:14px;line-height:1.5;transition:border-color .2s ease}.text-input:focus{outline:none;border-color:#fbe54d;box-shadow:0 0 0 2px #fbe54d33}.text-input::placeholder{color:#6b7280}.heb-input{text-align:right;direction:rtl}.textarea-input{min-height:120px;resize:vertical}.additional-text-items{display:flex;flex-direction:column;gap:24px}.text-item{display:flex;align-items:flex-start;gap:20px;position:relative}.item-number{width:32px;height:32px;background-color:transparent;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:Arimo,sans-serif;font-weight:600;font-size:16px;color:#f9fafb;flex-shrink:0;margin-top:8px}.text-item .language-inputs-row{flex:1}.edit-item-btn{width:32px;height:32px;background:transparent;border:none;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s ease;margin-top:8px;flex-shrink:0}.edit-item-btn:hover{background-color:#374151}.edit-icon{font-size:16px}.content-main-text__actions{display:flex;justify-content:space-between;align-items:center;padding-top:24px;border-top:1px solid #374151;margin-top:auto}.back-button{padding:12px 24px;background:transparent;border:2px solid #4B5563;border-radius:8px;color:#f9fafb;font-family:Arimo,sans-serif;font-weight:500;font-size:14px;cursor:pointer;transition:all .2s ease}.back-button:hover:not(:disabled){border-color:#6b7280;background-color:#374151}.save-publish-button{padding:12px 32px;background-color:#fbe54d;border:none;border-radius:8px;color:#111928;font-family:Arimo,sans-serif;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s ease}.save-publish-button:hover:not(:disabled){background-color:#f59e0b;transform:translateY(-1px);box-shadow:0 4px 12px #fbe54d4d}.save-publish-button:disabled,.back-button:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.content-main-text.loading,.content-main-text.error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;text-align:center}.loading-spinner{width:40px;height:40px;border:3px solid #374151;border-top:3px solid #FBE54D;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.content-main-text.loading p,.content-main-text.error p{font-family:Arimo,sans-serif;font-size:16px;color:#9ca3af;margin:0}.content-main-text.error button{margin-top:16px;padding:8px 16px;background-color:#374151;border:1px solid #4B5563;border-radius:6px;color:#f9fafb;font-family:Arimo,sans-serif;font-size:14px;cursor:pointer}@media (max-width: 768px){.content-main-text{padding:16px;gap:16px}.content-main-text__body{gap:24px}.language-inputs-row{grid-template-columns:1fr;gap:16px}.text-item{flex-direction:column;gap:12px;align-items:stretch}.item-number{align-self:flex-start;margin-top:0}.edit-item-btn{align-self:flex-end;margin-top:0}.content-main-text__actions{flex-direction:column;gap:12px;align-items:stretch}.back-button,.save-publish-button{width:100%;text-align:center}}.drill-table-inline-edit{flex:1;min-width:0}.drill-table-inline-edit .inline-edit-container.display{background-color:transparent;border:1px solid transparent;padding:4px 8px;border-radius:4px;min-height:32px}.drill-table-inline-edit .inline-edit-container.display:hover{background-color:#3741514d;border-color:#4b556380}.drill-table-inline-edit .inline-edit-text{color:#fff;font-size:14px;font-family:Arimo,sans-serif;font-weight:600;line-height:21px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.drill-table-inline-edit .inline-edit-text.placeholder{color:#9ca3af;font-weight:400}.drill-table-inline-edit .inline-edit-trigger{background-color:transparent;border:1px solid #4B5563;color:#9ca3af;width:24px;height:24px;flex-shrink:0}.drill-table-inline-edit .inline-edit-trigger:hover{background-color:#374151;border-color:#6b7280;color:#fff}.drill-table-inline-edit .inline-edit-trigger svg{width:12px;height:12px}.drill-table-inline-edit .inline-edit-input{background-color:#1f2937;border:1px solid #374151;color:#fff;padding:4px 8px;border-radius:4px;font-size:14px;font-family:Arimo,sans-serif;font-weight:600;line-height:21px;min-height:32px}.drill-table-inline-edit .inline-edit-input:focus{border-color:#60a5fa;box-shadow:0 0 0 2px #60a5fa1a}.drill-table-inline-edit .inline-edit-actions{gap:2px}.drill-table-inline-edit .inline-edit-btn{width:24px;height:24px;font-size:12px}.inline-edit-trigger:hover{background-color:#374151!important;border-color:#6b7280!important;color:#fff!important}.mortgage-drill-page{display:flex;flex-direction:column;min-height:100vh;background-color:#111827;color:#f9fafb}.mortgage-drill-main{flex:1;padding:0;width:100%}.breadcrumb-container{display:flex;align-items:center;gap:8px;margin-bottom:32px;padding-top:24px}.breadcrumb-item{font-size:14px;color:#9ca3af;cursor:pointer;transition:color .2s}.breadcrumb-item:hover{color:#f9fafb}.breadcrumb-item.active{color:#f9fafb;font-weight:500}.breadcrumb-separator{width:1px;height:16px;background-color:#4b5563}.page-header-row{margin-bottom:32px}.page-title{font-size:32px;font-weight:700;color:#f9fafb;margin:0}.info-cards-row{display:flex;justify-content:center;gap:24px;margin-bottom:40px}.info-card{display:flex;flex-direction:column;gap:8px;padding:24px;background-color:#1f2937;border-radius:12px;border:1px solid #374151;min-width:200px}.info-label{font-size:14px;color:#9ca3af;font-weight:500}.info-value{font-size:24px;font-weight:700;color:#f9fafb}.section-title{font-size:24px;font-weight:600;color:#f9fafb;margin:0 0 24px}.page-preview-section{margin-bottom:32px}.page-preview-container{background-color:#1f2937;border-radius:12px;border:1px solid #374151;padding:24px;margin-bottom:24px}.page-preview-placeholder{width:100%;height:487px;background-color:#374151;border-radius:8px;display:flex;align-items:center;justify-content:center;border:2px dashed #4B5563}.page-preview-placeholder span{color:#9ca3af;font-size:18px;font-weight:500}.page-state-thumbnails{display:flex;align-items:center;justify-content:center;gap:20px;margin-bottom:56px;padding:0}.nav-thumbnail{width:44px;height:44px;background-color:#fbe54d;color:#000;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;cursor:pointer;transition:opacity .2s}.nav-thumbnail:hover{opacity:.8}.state-thumbnail{width:115px;height:110px;background-color:#374151;color:#fff;border-radius:8px;border:2px solid #4B5563;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;cursor:pointer;transition:border-color .2s,transform .2s}.state-thumbnail:hover{border-color:#fbe54d;transform:scale(1.05)}.table-section{display:flex;justify-content:flex-start;align-items:flex-start;width:100%;padding:0 20px;overflow-x:auto}.drill-table-columns{align-self:stretch;justify-content:flex-start;align-items:center;display:inline-flex;min-width:1111px;width:max-content}.table-column{flex-direction:column;justify-content:flex-start;align-items:flex-start;display:inline-flex}.column-header{align-self:stretch;padding:16px;background:var(--gray-700, #374151);justify-content:flex-start;align-items:center;display:inline-flex}.column-divider{align-self:stretch;height:1px;background:var(--gray-700, #374151)}.column-cell{align-self:stretch;height:53px;padding:16px;justify-content:flex-start;align-items:center;display:inline-flex}.edit-icon-button{display:flex;align-items:center;justify-content:center;cursor:pointer;transition:opacity .2s}.edit-icon-button:hover{opacity:.8}.mortgage-drill-loading,.mortgage-drill-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;background-color:#111827;color:#f9fafb}.loading-spinner{width:40px;height:40px;border:4px solid #374151;border-top:4px solid #3B82F6;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.mortgage-drill-error p{font-size:16px;margin-bottom:16px;color:#ef4444}.mortgage-drill-error button{padding:12px 24px;background-color:#3b82f6;border:none;border-radius:8px;color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s}.mortgage-drill-error button:hover{background-color:#2563eb}@media (max-width: 1200px){.mortgage-drill-main{padding:24px}.table-header-row,.table-row{grid-template-columns:2fr 1fr 1fr 1.5fr 1.5fr 60px;gap:12px}.info-cards-row{flex-direction:column;gap:16px}.info-card{min-width:auto}.page-state-thumbnails{padding:0 24px;gap:12px}.state-thumbnail{width:90px;height:85px}}@media (max-width: 768px){.mortgage-drill-main{padding:16px}.page-title{font-size:24px}.section-title{font-size:20px}.table-header-controls{padding:16px}.search-container{flex-direction:column;align-items:stretch}.search-input-wrapper{max-width:none}.table-header-row,.table-row{grid-template-columns:1fr;gap:8px;padding:12px 16px}.header-cell,.cell{justify-content:flex-start;border-bottom:1px solid #374151;padding:8px 0}.header-cell:before,.cell:before{content:attr(data-label);font-weight:600;color:#9ca3af;margin-right:8px;min-width:100px}.breadcrumb-container{flex-wrap:wrap}.page-preview-container{padding:16px}.page-state-thumbnails{padding:0 16px;gap:8px;flex-wrap:wrap;justify-content:center}.state-thumbnail{width:70px;height:65px}.nav-thumbnail{width:32px;height:32px}}@media (prefers-contrast: high){.table-row:hover{background-color:#4b5563}.search-input:focus{border-color:#fff;box-shadow:0 0 0 2px #fff}.edit-button{border:2px solid #FFFFFF}}@media (prefers-reduced-motion: reduce){.loading-spinner{animation:none}.edit-button,.language-selector,.filters-button{transition:none}}.mortgage-drill-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;background-color:#1f2937;padding:60px 40px;margin:20px;border-radius:12px;border:1px solid #374151}.mortgage-drill-placeholder .placeholder-container{max-width:600px;margin:0 auto;text-align:center}.mortgage-drill-placeholder h2{color:#f9fafb;margin-bottom:20px;font-size:28px;font-weight:600}.mortgage-drill-placeholder .placeholder-message{color:#9ca3af;font-size:16px;margin-bottom:30px;line-height:1.5}.mortgage-drill-placeholder .placeholder-info{background:#111827;padding:24px;border-radius:8px;margin-bottom:30px;border:1px solid #374151}.mortgage-drill-placeholder .placeholder-info p{margin:12px 0;color:#d1d5db;font-size:14px;line-height:1.6}.mortgage-drill-placeholder .back-button{padding:12px 30px;background-color:#3b82f6;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:16px;font-weight:500;transition:background-color .2s}.mortgage-drill-placeholder .back-button:hover{background-color:#2563eb}.qa-mortgage-container{max-width:1200px;margin:0 auto;padding:2rem;background-color:#1a1f2a;min-height:100vh;color:#fff}.qa-header{margin-bottom:2rem}.qa-header h1{font-size:2rem;margin-bottom:.5rem;color:#6366f1}.qa-header p{color:#8c94a6}.qa-controls{margin-bottom:2rem}.run-tests-btn{background-color:#6366f1;color:#fff;border:none;padding:.75rem 2rem;border-radius:.5rem;font-size:1rem;cursor:pointer;transition:background-color .2s}.run-tests-btn:hover:not(:disabled){background-color:#5255d4}.run-tests-btn:disabled{background-color:#4a4e5a;cursor:not-allowed}.test-results{background-color:#252b3b;border-radius:.5rem;padding:1.5rem;margin-bottom:2rem}.test-results h2{margin-bottom:1rem;color:#fff}.no-tests{text-align:center;color:#8c94a6;padding:2rem}.test-list{display:flex;flex-direction:column;gap:1rem}.test-item{background-color:#1a1f2a;border:1px solid #3a3f4b;border-radius:.375rem;padding:1rem}.test-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.test-status{font-size:1.25rem}.test-name{font-weight:600;color:#fff}.test-message{color:#8c94a6;margin-bottom:.5rem}.test-data{margin-top:.5rem}.test-data summary{cursor:pointer;color:#6366f1;font-size:.875rem;margin-bottom:.5rem}.test-data pre{background-color:#0d111a;border:1px solid #3a3f4b;border-radius:.375rem;padding:1rem;overflow-x:auto;font-size:.75rem;color:#a8b2c7;margin-top:.5rem}.test-pending{color:#f59e0b}.test-running{color:#3b82f6}.test-passed{color:#10b981}.test-failed{color:#ef4444}.qa-info{background-color:#252b3b;border-radius:.5rem;padding:1.5rem}.qa-info h3{color:#6366f1;margin-bottom:1rem}.qa-info ul{list-style:disc;margin-left:2rem;color:#8c94a6}.qa-info li{margin-bottom:.5rem}.qa-info code{background-color:#0d111a;padding:.125rem .375rem;border-radius:.25rem;font-family:SF Mono,Monaco,monospace;font-size:.875rem;color:#6366f1}.verification-container{max-width:1200px;margin:0 auto;padding:2rem;background-color:#111928;min-height:100vh}.page-title{font-size:2rem;font-weight:600;color:#fff;margin-bottom:2rem}.tabs{display:flex;gap:2rem;border-bottom:1px solid #3a3f4b;margin-bottom:2rem}.tab{padding:.75rem 1rem;font-size:.875rem;color:#8c94a6;cursor:pointer;background:none;border:none;position:relative;transition:color .2s}.tab:hover{color:#fff}.tab.active{color:#6366f1}.tab.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background-color:#6366f1}.content-section{background-color:#1a1f2a;border-radius:.75rem;padding:2rem}.content-section h2{font-size:1.5rem;font-weight:600;color:#fff;margin-bottom:1.5rem}.flow-diagram{display:flex;flex-direction:column;gap:1rem}.flow-step{background-color:#252b3b;border:1px solid #3a3f4b;border-radius:.5rem;padding:1.5rem}.step-header{display:flex;align-items:center;gap:1rem;margin-bottom:.5rem}.step-number{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background-color:#6366f1;color:#fff;border-radius:50%;font-weight:600;font-size:.875rem}.step-header h3{font-size:1.125rem;font-weight:600;color:#fff;margin:0}.step-description{color:#8c94a6;margin-bottom:1rem}.code-block{background-color:#1a1f2a;border:1px solid #374151;border-radius:.375rem;padding:1rem;overflow-x:auto}.code-block code{font-family:SF Mono,Monaco,monospace;font-size:.75rem;color:#60a5fa;white-space:pre}.flow-arrow{text-align:center;font-size:1.5rem;color:#6366f1;margin:.5rem 0}.summary-box{background-color:#252b3b;border:1px solid #3a3f4b;border-radius:.5rem;padding:1.5rem;margin-top:2rem}.summary-box h3{font-size:1.125rem;font-weight:600;color:#fff;margin-bottom:1rem}.summary-box ul{list-style:none;padding:0;margin:0}.summary-box li{color:#8c94a6;padding:.5rem 0 .5rem 1.5rem;position:relative}.summary-box li:before{content:"✓";position:absolute;left:0;color:#10b981}.schema-section{margin-bottom:2rem}.schema-section h3{font-size:1.125rem;font-weight:600;color:#fff;margin-bottom:1rem}.schema-table,.data-table{width:100%;background-color:#252b3b;border:1px solid #3a3f4b;border-radius:.5rem;overflow:hidden}.schema-table th,.data-table th{background-color:#1a1f2a;padding:.75rem 1rem;text-align:left;font-size:.75rem;font-weight:600;color:#8c94a6;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid #3a3f4b}.schema-table td,.data-table td{padding:.75rem 1rem;font-size:.875rem;color:#fff;border-bottom:1px solid #3a3f4b}.schema-table tr:last-child td,.data-table tr:last-child td{border-bottom:none}.schema-table td:first-child{font-family:SF Mono,Monaco,monospace;font-size:.75rem;color:#60a5fa}.sample-data{margin-top:2rem}.api-info{display:flex;flex-direction:column;gap:1.5rem}.endpoint-box{background-color:#252b3b;border:1px solid #3a3f4b;border-radius:.5rem;padding:1.5rem}.endpoint-box h3{font-size:1rem;font-weight:600;color:#fff;margin-bottom:.5rem}.endpoint-box code{font-family:SF Mono,Monaco,monospace;font-size:.875rem;color:#60a5fa}.response-stats{display:flex;gap:2rem;background-color:#252b3b;border:1px solid #3a3f4b;border-radius:.5rem;padding:1.5rem}.stat{display:flex;flex-direction:column;gap:.25rem}.stat-label{font-size:.75rem;color:#8c94a6;text-transform:uppercase;letter-spacing:.05em}.stat-value{font-size:1.125rem;font-weight:600;color:#fff}.stat-value.success{color:#10b981}.json-response{background-color:#252b3b;border:1px solid #3a3f4b;border-radius:.5rem;padding:1.5rem}.json-response h3{font-size:1rem;font-weight:600;color:#fff;margin-bottom:1rem}.json-response .code-block{max-height:400px;overflow-y:auto}.query-explanation{background-color:#252b3b;border:1px solid #3a3f4b;border-radius:.5rem;padding:1.5rem}.query-explanation h3{font-size:1rem;font-weight:600;color:#fff;margin-bottom:1rem}.loading{text-align:center;color:#8c94a6;padding:2rem}.verification-footer{margin-top:2rem;padding:1.5rem;background-color:#252b3b;border:1px solid #3a3f4b;border-radius:.5rem;text-align:center}.verification-footer p{color:#8c94a6;margin:0}.qa-language-container{padding:2rem;max-width:1200px;margin:0 auto;background:#1f2937;color:#f9fafb;min-height:100vh}.qa-language-container h1{color:#f59e0b;margin-bottom:2rem;font-size:2rem}.qa-section{background:#374151;border-radius:8px;padding:1.5rem;margin-bottom:2rem;border:1px solid #4B5563}.qa-section h2{color:#60a5fa;margin-bottom:1rem;font-size:1.5rem}.qa-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.qa-info-item{background:#1f2937;padding:1rem;border-radius:4px;border:1px solid #4B5563}.qa-info-item strong{color:#9ca3af;margin-right:.5rem}.qa-button-group{display:flex;gap:1rem;flex-wrap:wrap}.qa-btn{padding:.75rem 1.5rem;border:none;border-radius:4px;background:#4b5563;color:#f9fafb;cursor:pointer;font-size:1rem;transition:all .2s}.qa-btn:hover{background:#6b7280}.qa-btn.active{background:#f59e0b;color:#1f2937}.qa-table{width:100%;border-collapse:collapse;margin-top:1rem}.qa-table th{background:#1f2937;padding:.75rem;text-align:left;color:#9ca3af;border-bottom:2px solid #4B5563}.qa-table td{padding:.75rem;border-bottom:1px solid #4B5563}.qa-table code{background:#1f2937;padding:.25rem .5rem;border-radius:4px;font-size:.875rem;color:#60a5fa}.qa-status{font-size:.875rem;font-weight:700}.qa-status.success{color:#10b981}.qa-status.error{color:#ef4444}.qa-test-item{background:#1f2937;padding:1rem;border-radius:4px;line-height:1.8}.qa-ui-examples{display:flex;gap:1rem;flex-wrap:wrap;align-items:center}.qa-example-btn{padding:.5rem 1rem;border:none;border-radius:4px;background:#3b82f6;color:#fff;cursor:pointer;font-size:.875rem}.qa-example-btn:hover{background:#2563eb}.qa-example-btn.danger{background:#ef4444}.qa-example-btn.danger:hover{background:#dc2626}.qa-example-input{padding:.5rem 1rem;border:1px solid #4B5563;border-radius:4px;background:#1f2937;color:#f9fafb;font-size:.875rem;min-width:200px}.qa-example-input::placeholder{color:#6b7280}.qa-coverage{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.5rem}.qa-coverage-item{background:#1f2937;padding:.5rem 1rem;border-radius:4px;font-size:.875rem}.qa-debug{background:#1f2937;padding:1rem;border-radius:4px;overflow-x:auto}.qa-debug pre{margin:0;font-size:.875rem;color:#60a5fa}[dir=rtl] .qa-language-container,[dir=rtl] .qa-table th,[dir=rtl] .qa-table td{text-align:right}[dir=rtl] .qa-info-item strong{margin-right:0;margin-left:.5rem}.content-list-container{display:flex;flex-direction:column;width:100%;gap:0}.search-section{margin-bottom:24px}.search-container{width:100%}.search-input-wrapper{position:relative;display:flex;align-items:center;background-color:#374151;border:1px solid #4B5563;border-radius:8px;padding:12px 16px;gap:10px}.search-input{background:transparent;border:none;outline:none;color:#9ca3af;font-family:Arimo,sans-serif;font-weight:400;font-size:14px;line-height:1.5em;flex:1}.table-section{align-self:stretch;background-color:#1f2a37;border-radius:0 0 8px 8px;box-shadow:0 1px 2px #0000001a;overflow:hidden}.page-list-title{font-family:Inter,sans-serif;font-weight:700;font-size:24px;color:#fff;margin:0;padding:24px 16px 16px}.content-table{display:flex;flex-direction:column;width:100%;overflow-x:auto}.table-header-row{display:flex;align-items:stretch;background:#374151;min-height:50px}.header-cell{display:flex;align-items:center;padding:16px;background:#374151}.header-cell.column6{flex:1}.header-cell.column12{width:160px;min-width:160px}.header-cell.column7{width:115px;min-width:115px}.table-divider{height:1px;background:#374151;width:100%}.row-view11{display:flex;align-items:flex-start;align-self:stretch}.column6{flex:1;display:flex;flex-direction:column;align-items:flex-start;min-width:0;max-width:600px}.column7{width:115px;min-width:115px;max-width:115px;flex-shrink:0;display:flex;flex-direction:column;align-items:center}.text8{font-family:Inter,sans-serif;font-weight:700;font-size:12px;color:#9ca3af;margin-left:16px}.text10{font-family:Inter,sans-serif;font-weight:700;font-size:12px;color:#9ca3af}.text9{font-family:Inter,sans-serif;font-weight:700;font-size:14px;color:#fff;padding:16px;min-height:53px;max-height:53px;display:flex;align-items:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;max-width:550px}.text9:hover{background-color:#3741514d}.text15{font-family:Inter,sans-serif;font-weight:700;font-size:14px;color:#fff;padding:16px;min-height:53px;max-height:53px;display:flex;align-items:center;justify-content:center;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text20{font-family:Inter,sans-serif;font-weight:700;font-size:14px;color:#9ca3af;padding:16px;min-height:53px;max-height:53px;display:flex;align-items:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.box3{height:1px;align-self:stretch;background:#374151;flex-shrink:0}.box4{width:224px;height:1px;background:#374151;flex-shrink:0}.box6{width:115px;height:1px;background:#374151;flex-shrink:0}.image8{width:115px;height:53px;object-fit:fill;cursor:pointer}.column12{width:160px;min-width:160px;max-width:160px;flex-shrink:0;display:flex;flex-direction:column;align-items:center}.row-view12{display:flex;align-items:center;padding:16px;align-self:stretch}.text18{font-family:Inter,sans-serif;font-size:14px;color:#9ca3af;flex:1}.row-view13{display:flex;align-items:flex-start;border-radius:4px;border:1px solid #374151;flex-shrink:0}.pagination-arrow{display:flex;align-items:center;justify-content:center;width:44px;height:33px;background:#1f2a37;border:1px solid #374151;border-radius:4px;cursor:pointer;transition:all .2s ease}.pagination-arrow:hover{background:#374151}.pagination-arrow.left{border-top-right-radius:0;border-bottom-right-radius:0}.pagination-arrow.right{border-top-left-radius:0;border-bottom-left-radius:0}.view5{display:flex;align-items:center;justify-content:center;background:#1f2a37;border:1px solid #374151;padding:6px 12px;min-width:40px;height:33px;cursor:pointer}.view6{display:flex;align-items:center;justify-content:center;background:#374151;border:1px solid #374151;padding:6px 12px;min-width:40px;height:33px;cursor:pointer}.text19{font-family:Inter,sans-serif;font-weight:700;font-size:14px;color:#9ca3af}.content-list-loading,.content-list-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px;background-color:#111928;color:#fff;min-height:50vh}.loading-spinner{width:40px;height:40px;border:3px solid #374151;border-top:3px solid #3B82F6;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.content-list-error button{margin-top:16px;background-color:#3b82f6;color:#fff;border:none;border-radius:6px;padding:8px 16px;cursor:pointer;font-family:Arimo,sans-serif;font-weight:500;transition:background-color .2s ease}.content-list-error button:hover{background-color:#2563eb}@media (max-width: 1440px){.header-cell.column12,.column12{width:200px;min-width:200px;max-width:200px}}@media (max-width: 1200px){.header-cell.column12,.column12{width:180px;min-width:180px;max-width:180px}.header-cell.column7,.column7{width:100px;min-width:100px;max-width:100px}}@media (max-width: 768px){.search-section{margin-bottom:16px}.page-list-title{font-size:20px;padding:16px}.content-table{min-width:600px}.header-cell.column12,.column12{width:120px;min-width:120px;max-width:120px}.header-cell.column7,.column7{width:60px;min-width:60px;max-width:60px}.text8,.text10{font-size:10px}.text9,.text15,.text20{font-size:12px;padding:10px;min-height:45px;max-height:45px}.table-section:after{content:"← Прокрутите горизонтально →";display:block;text-align:center;font-size:12px;color:#9ca3af;padding:8px;background:#1f2a37;border-radius:4px;margin-top:8px}}@media (max-width: 480px){.search-input{font-size:12px}.search-input-wrapper{padding:10px 12px}}.content-main{width:100%;min-height:100vh;background:#111928;padding:0}.content-main__header{background-color:#1f2a37;padding:24px 40px;box-shadow:0 2px 4px #0000000d;margin-bottom:40px}.content-main__title{font-family:Inter,system-ui,sans-serif;font-size:30px;font-weight:700;color:#fff;margin:0}.content-main__content{margin:0 0 40px}.content-main__subtitle{font-family:Inter,system-ui,sans-serif;font-size:24px;font-weight:700;color:#fff;margin:0 0 24px}.content-main__table-container{background-color:#1f2a37;border-radius:8px;box-shadow:0 1px 2px #0000001a;overflow:hidden}.content-main__search{position:relative;margin:16px}.search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#9ca3af;width:16px;height:16px}.search-input{width:100%;padding:12px 16px 12px 44px;background-color:#374151;border:1px solid #4B5563;border-radius:8px;color:#9ca3af;font-family:Inter,system-ui,sans-serif;font-size:14px;transition:all .2s}.search-input::placeholder{color:#9ca3af}.search-input:focus{outline:none;border-color:#6366f1;background-color:#374151;color:#fff}.content-main__table{width:100%}.table-header{display:flex;background-color:#374151;padding:16px;align-items:center}.header-cell{font-family:Inter,system-ui,sans-serif;font-size:12px;font-weight:700;color:#9ca3af;text-transform:uppercase;display:flex;align-items:center}.header-cell.page-name{flex:1;padding-left:0}.header-cell.actions-count{width:160px;padding-left:16px}.header-cell.last-modified{width:224px;padding-left:16px}.header-cell.actions{width:115px}.table-body{background-color:transparent}.table-row{display:flex;align-items:center;border-bottom:1px solid #374151;transition:background-color .2s;min-height:53px}.table-row:hover{background-color:#3741514d}.table-cell{font-family:Inter,system-ui,sans-serif;font-size:14px;font-weight:700;color:#fff;display:flex;align-items:center;padding:16px}.table-cell.page-name{flex:1;padding-left:16px}.table-cell.actions-count{width:160px;padding-left:16px}.table-cell.last-modified{width:224px;padding-left:16px}.table-cell.actions{width:115px;padding:0;justify-content:center}.action-button{width:115px;height:53px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;cursor:pointer;transition:all .2s;padding:0}.action-button:hover{background-color:#37415180}.action-button svg{width:24px;height:24px;stroke:#fff;stroke-width:2}.content-main__pagination{display:flex;justify-content:space-between;align-items:center;padding:16px;background-color:transparent}.pagination-info{font-family:Inter,system-ui,sans-serif;font-size:14px;color:#9ca3af;flex:1}.pagination-controls{display:flex;gap:0;align-items:center}.pagination-btn{width:44px;height:33px;display:flex;align-items:center;justify-content:center;background:#1f2a37;border:1px solid #374151;color:#9ca3af;cursor:pointer;transition:all .2s}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-btn:hover:not(:disabled){background-color:#374151;color:#fff}.pagination-btn.prev{border-radius:4px 0 0 4px}.pagination-btn.next{border-radius:0 4px 4px 0}.pagination-btn svg{width:24px;height:24px}.pagination-numbers{display:flex;gap:0}.page-number{width:auto;min-width:44px;height:33px;display:flex;align-items:center;justify-content:center;background:#1f2a37;border:1px solid #374151;border-left:none;border-right:none;color:#9ca3af;font-family:Inter,system-ui,sans-serif;font-size:14px;font-weight:700;cursor:pointer;transition:all .2s;padding:6px 12px}.page-number:hover,.page-number.active{background-color:#374151;color:#fff}.page-ellipsis{width:auto;min-width:44px;height:33px;display:flex;align-items:center;justify-content:center;background:#1f2a37;border:1px solid #374151;border-left:none;border-right:none;color:#9ca3af;font-family:Inter,system-ui,sans-serif;font-size:14px;font-weight:700;padding:6px 12px}@media screen and (max-width: 1440px){.content-main__content{margin:0 40px 40px}.content-main__header{padding:24px 30px}}@media screen and (max-width: 1200px){.content-main__content{margin:0 20px 20px}.table-header,.table-row{min-width:900px}.content-main__table-container{overflow-x:auto}}@media screen and (max-width: 768px){.content-main__content{margin:0 10px 20px}.content-main__header{padding:16px 20px}.content-main__title{font-size:24px}.content-main__subtitle{font-size:20px}.table-header{padding:12px;font-size:11px}.table-cell{padding:12px;font-size:13px}.action-button{width:50px}.content-main__pagination{flex-direction:column;gap:1rem;align-items:center}.pagination-info{font-size:12px}}@media screen and (max-width: 480px){.content-main__content{margin:0 8px 16px}.content-main__header{padding:12px 16px}.content-main__title{font-size:20px}.content-main__subtitle{font-size:18px;margin-bottom:16px}.content-main__search{margin:8px}.search-input{font-size:13px;padding:10px 14px 10px 40px}.table-header{padding:10px;font-size:10px}.table-cell{padding:10px;font-size:12px}.action-button{width:44px;height:44px}.action-button svg{width:20px;height:20px}.content-main__pagination{padding:12px}.pagination-btn,.page-number{width:36px;height:28px;font-size:12px}}.loading-message,.error-message,.no-data-message{display:flex;justify-content:center;align-items:center;padding:3rem 2rem;text-align:center;color:#9ca3af;font-family:Inter,system-ui,sans-serif;font-size:16px}.loading-message{background:#37415180;border-radius:8px;margin:1rem}.error-message{background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;margin:1rem;color:#fca5a5}.no-data-message{background:#4b55634d;border-radius:8px;margin:1rem;font-style:italic}.language-selector-container{padding:16px;border-bottom:1px solid #374151}.language-selector{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background-color:#374151;border:1px solid #4B5563;border-radius:6px;cursor:pointer;transition:all .2s}.language-selector:hover{background-color:#4b5563;border-color:#6366f1}.language-text{font-family:Inter,system-ui,sans-serif;font-size:14px;font-weight:500;color:#9ca3af}.language-selector:hover .language-text{color:#fff}.language-selector svg{color:#9ca3af;transition:color .2s}.language-selector:hover svg{color:#fff}.loading-container,.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.loading-spinner{width:40px;height:40px;border:4px solid #374151;border-top:4px solid #6366F1;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.loading-container p,.error-container p{font-family:Inter,system-ui,sans-serif;font-size:16px;color:#9ca3af;margin:0}.error-container button{margin-top:16px;padding:8px 16px;background-color:#6366f1;color:#fff;border:none;border-radius:6px;cursor:pointer;font-family:Inter,system-ui,sans-serif;font-size:14px;font-weight:500;transition:background-color .2s}.error-container button:hover{background-color:#4f46e5}@media (max-width: 768px){.language-selector-container{padding:12px}.language-selector{padding:6px 12px}.language-text{font-size:13px}}@media (max-width: 480px){.language-selector-container{padding:8px}.language-selector{padding:6px 10px}.language-text{font-size:12px}}.main-content-frame .page-title{margin:40px 0 40px 105px;padding:0;font-family:Inter,system-ui,sans-serif;font-weight:700;position:relative;left:0;box-sizing:border-box}.content-table-container{width:100%;background:var(--gray-800, #1F2A37);box-shadow:0 1px 2px -1px #0000001a;border-radius:8px;display:flex;flex-direction:column}.content-table-header{padding:16px;display:flex;justify-content:space-between;align-items:center}.content-table-search{width:100%;max-width:403px}.search-input-wrapper{display:flex;align-items:center;gap:10px;padding:12px 16px;background:var(--gray-700, #374151);border-radius:8px;outline:1px var(--gray-600, #4B5563) solid;outline-offset:-1px}.search-icon{width:16px;height:16px;flex-shrink:0}.search-input{flex:1;background:transparent;border:none;outline:none;color:var(--gray-400, #9CA3AF);font-size:14px;font-family:Arimo,sans-serif;font-weight:400;line-height:21px}.search-input::placeholder{color:var(--gray-400, #9CA3AF)}.content-table-wrapper{display:flex;flex-direction:column}.content-table-row{display:flex;align-items:stretch}.content-table-header-row{background:var(--gray-700, #374151)}.content-table-header-cell{padding:16px;display:flex;align-items:center}.header-text{color:var(--gray-400, #9CA3AF);font-size:12px;font-family:Arimo,sans-serif;font-weight:600;text-transform:uppercase;line-height:18px}.content-table-divider{height:1px;background:var(--gray-700, #374151);align-self:stretch}.content-table-body{display:flex;flex-direction:column}.content-table-cell{padding:16px;display:flex;align-items:center;flex:1;min-height:53px}.content-table-cell.align-center{justify-content:center}.content-table-cell.align-right{justify-content:flex-end}.cell-text{color:var(--white, white);font-size:14px;font-family:Arimo,sans-serif;font-weight:500;line-height:21px}.action-cell{width:115px;flex:0 0 115px;justify-content:center}.action-button{background:transparent;border:none;padding:0;cursor:pointer;color:var(--white, white);display:flex;align-items:center;justify-content:center;width:22px;height:22px}.action-button:hover{opacity:.8}.content-table-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px;gap:16px;background:var(--gray-800, #1F2A37);border-radius:8px}.loading-spinner{width:40px;height:40px;border:3px solid var(--gray-700, #374151);border-top-color:var(--white, white);border-radius:50%;animation:spin 1s linear infinite}.content-table-loading p{color:var(--gray-400, #9CA3AF);font-family:Arimo,sans-serif;font-size:14px}.content-table-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px;gap:16px;background:var(--gray-800, #1F2A37);border-radius:8px}.content-table-error p{color:#ef4444;font-family:Arimo,sans-serif;font-size:14px}.content-table-error button{padding:8px 16px;background:var(--gray-700, #374151);border:1px solid var(--gray-600, #4B5563);border-radius:6px;color:var(--white, white);font-family:Arimo,sans-serif;font-size:14px;cursor:pointer;transition:background-color .2s}.content-table-error button:hover{background:var(--gray-600, #4B5563)}.content-table-empty{display:flex;align-items:center;justify-content:center;padding:48px;color:var(--gray-400, #9CA3AF);font-family:Arimo,sans-serif;font-size:14px}@media (max-width: 768px){.content-table-header{padding:12px}.content-table-search{max-width:100%}.content-table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}.content-table-row{min-width:600px}.content-table-cell{padding:12px}.action-cell{width:80px;flex:0 0 80px}}.content-list-page{display:flex;flex-direction:column;width:100%}.content-list-main{flex:1;display:flex;flex-direction:column;gap:40px;padding:40px 105px}.page-title{color:#fff;font-size:30px;font-weight:700;font-family:Inter,sans-serif;margin:0}.tab-navigation{display:flex;align-items:stretch;background:#1f2a37;border-radius:8px;box-shadow:0 1px 2px #0000001a;overflow:hidden}.tab-button{flex:1;padding:16px 32px;background:transparent;border:none;cursor:pointer;font-family:Arimo,sans-serif;font-size:14px;font-weight:700;color:#9ca3af;transition:all .2s;position:relative}.tab-button:hover{background:#ffffff0d}.tab-button.active{background:#374151;color:#fff}.tab-separator{width:1px;background:#374151;align-self:stretch}.content-section{display:flex;flex-direction:column;gap:24px}.section-title{color:#fff;font-size:24px;font-weight:700;font-family:Inter,sans-serif;margin:0}.content-list-pagination{display:flex;justify-content:space-between;align-items:center;padding:16px;background:#1f2a37;border-radius:0 0 8px 8px;margin-top:-8px}.pagination-info{color:#9ca3af;font-size:14px;font-family:Arimo,sans-serif}.pagination-info strong{color:#fff;font-weight:600}@media (max-width: 1440px){.content-list-main{padding:32px 60px}}@media (max-width: 1024px){.content-list-main{padding:24px 40px}.page-title{font-size:24px}.section-title{font-size:20px}}@media (max-width: 768px){.content-list-main{padding:20px;gap:24px}.tab-navigation{flex-direction:column}.tab-button{padding:12px 16px;text-align:left}.tab-separator{width:100%;height:1px}.content-list-pagination{flex-direction:column;gap:16px;align-items:flex-start}}@media (max-width: 480px){.page-title{font-size:20px}.section-title{font-size:18px}}.shared-text-edit{flex:1;display:flex;flex-direction:column;background-color:#111928;color:#f9fafb;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh}.shared-text-edit-main{flex:1;padding:51px 145px 100px 106px;width:100%;box-sizing:border-box;background-color:#111928;position:relative}.shared-text-edit-loading,.shared-text-edit-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;text-align:center;color:#9ca3af}.shared-text-edit-error{color:#ef4444}.loading-spinner{width:32px;height:32px;border:3px solid #374151;border-top:3px solid #3B82F6;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.language-selector-container{position:absolute;top:20px;right:145px;z-index:10}.language-selector{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#1f2a37;border:1px solid #374151;border-radius:8px;cursor:pointer;transition:all .2s ease}.language-selector:hover{background:#374151;border-color:#4b5563}.language-text{color:#f9fafb;font-size:14px;font-weight:500}.breadcrumb-container{display:inline-flex;align-items:center;gap:16px;border-radius:6px;margin-bottom:32px}.breadcrumb-item{color:#9ca3af;font-size:14px;font-weight:500;line-height:21px;cursor:pointer;transition:color .2s ease}.page-title-section{margin-bottom:40px}.page-title{color:#f9fafb;font-size:30px;font-weight:700;line-height:45px;margin:0 0 12px;word-wrap:break-word}.page-info{display:flex;align-items:center;gap:8px}.page-info-text{color:#9ca3af;font-size:14px;font-weight:400;line-height:21px}.info-card{background:#1f2a37;border-radius:8px;padding:24px;margin-bottom:40px;display:flex;flex-direction:column;gap:12px;width:fit-content}.info-label{color:#9ca3af;font-size:14px;font-weight:400;line-height:21px}.info-value{color:#f9fafb;font-size:18px;font-weight:700;line-height:27px}.section-header{color:#f9fafb;font-size:20px;font-weight:700;line-height:30px;margin:0 0 24px}.input-group{margin-bottom:24px}.language-tabs{display:flex;align-items:center;margin-bottom:8px}.language-tab{background:#374151;color:#f9fafb;padding:8px 16px;border-radius:6px 6px 0 0;font-size:12px;font-weight:600;line-height:18px;letter-spacing:.5px;text-transform:uppercase}.language-tab.active{background:#4b5563}.input-field{width:100%;background:#1f2a37;border:1px solid #374151;border-radius:0 8px 8px;padding:16px;color:#f9fafb;font-size:16px;font-weight:400;line-height:24px;outline:none;transition:border-color .2s ease;box-sizing:border-box}.input-field:focus{border-color:#3b82f6}.input-field.rtl{direction:rtl;text-align:right}.input-field::placeholder{color:#6b7280}.additional-text-section{margin-top:40px}.additional-text-list{margin-bottom:24px}.additional-text-item{display:flex;align-items:flex-start;gap:16px;margin-bottom:24px;background:#1f2a37;border-radius:8px;padding:20px}.text-item-number{background:#374151;color:#f9fafb;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;flex-shrink:0;margin-top:8px}.text-item-content{flex:1;display:flex;gap:16px}.text-item-inputs{flex:1;display:flex;flex-direction:column;gap:16px}.text-item-field{display:flex;flex-direction:column}.text-item-actions{display:flex;align-items:flex-start;padding-top:8px}.icon-button{background:none;border:none;color:#9ca3af;cursor:pointer;padding:8px;border-radius:4px;transition:all .2s ease}.icon-button:hover{background:#374151;color:#ef4444}.delete-icon{font-size:16px}.add-variant-button{background:#1f2a37;border:2px dashed #374151;color:#9ca3af;padding:16px 24px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;width:fit-content}.add-variant-button:hover{border-color:#4b5563;color:#f9fafb;background:#374151}.bottom-actions{background:#1f2a37;border-top:1px solid #374151;padding:24px 145px 24px 106px;margin-top:auto}.actions-container{display:flex;justify-content:space-between;align-items:center}.actions-buttons{display:flex;gap:16px}.button{padding:12px 24px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;border:none;outline:none}.button-secondary{background:#374151;color:#f9fafb;border:1px solid #4B5563}.button-secondary:hover{background:#4b5563;border-color:#6b7280}.button-primary{background:#3b82f6;color:#fff}.button-primary:hover:not(:disabled){background:#2563eb}.button-primary:disabled{background:#374151;color:#6b7280;cursor:not-allowed}@media (max-width: 1440px){.shared-text-edit-main{padding:40px 40px 80px}.language-selector-container{right:40px}.bottom-actions{padding:24px 40px}}@media (max-width: 768px){.shared-text-edit-main{padding:20px 20px 60px}.language-selector-container{position:static;margin-bottom:24px}.page-title{font-size:24px;line-height:36px}.text-item-content{flex-direction:column}.actions-buttons{flex-direction:column;width:100%}.button{width:100%;text-align:center}.bottom-actions{padding:20px}}.content-mortgage-page{padding:24px;background:#111827;min-height:100vh}.content-mortgage-loading,.content-mortgage-error{display:flex;align-items:center;justify-content:center;min-height:400px;color:#9ca3af;font-size:14px}.loading-spinner{padding:20px;color:#60a5fa}.error-message{padding:20px;color:#ef4444;background:#ef44441a;border-radius:8px;border:1px solid rgba(239,68,68,.2)}.view-mode-toggle{display:flex;gap:8px;margin-bottom:24px;background:#1f2937;padding:4px;border-radius:8px;width:fit-content}.view-mode-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;background:transparent;border:none;border-radius:6px;color:#9ca3af;font-size:14px;cursor:pointer;transition:all .2s ease;font-family:inherit}.view-mode-btn:hover{background:#37415180;color:#e5e7eb}.view-mode-btn.active{background:#374151;color:#60a5fa}.view-mode-btn svg{width:16px;height:16px}.search-container{margin-bottom:24px}.search-input{width:100%;max-width:400px;padding:10px 16px;background:#1f2937;border:1px solid #374151;border-radius:8px;color:#e5e7eb;font-size:14px;transition:all .2s ease}.search-input:focus{outline:none;border-color:#60a5fa;background:#111827}.search-input::placeholder{color:#6b7280}.shared-edit-container{padding:0;background:#111928;min-height:100vh;color:#f9fafb;font-family:Arimo,Arial,sans-serif;display:flex;flex-direction:column}.loading-state,.error-state,.shared-edit-error{display:flex;align-items:center;justify-content:center;min-height:400px;font-size:18px;color:#9ca3af}.error-state,.shared-edit-error{color:#ef4444}.breadcrumb-container{display:flex;align-items:center;gap:16px;padding:32px 0 16px;margin-left:105px;margin-right:145px;background:transparent}.breadcrumb-item{color:#9ca3af;font-size:14px;cursor:pointer;transition:color .2s ease}.breadcrumb-item:hover:not(.active){color:#e5e7eb}.breadcrumb-item.active{color:#f9fafb;cursor:default}.breadcrumb-separator{color:#4b5563;font-size:20px;opacity:.5}.breadcrumb-separator:after{content:"›"}.page-header-edit{display:flex;flex-direction:column;align-items:flex-start;gap:16px;margin-left:105px;margin-right:145px;margin-bottom:32px}.page-title-edit{font-size:30px;font-weight:700;color:#f9fafb;margin:0;line-height:1.2}.page-subtitle{font-size:14px;color:#9ca3af}.last-edit-info{display:flex;flex-direction:column;gap:12px;background:#1f2a37;border-radius:8px;padding:24px 89px 24px 24px;margin-bottom:32px;margin-left:105px;width:fit-content}.last-edit-label{font-size:14px;color:#9ca3af}.last-edit-date{font-size:18px;font-weight:700;color:#f9fafb}.section-container{margin:0 0 40px 105px}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.section-title{font-size:20px;font-weight:700;color:#f9fafb;margin:0 0 16px 129px}.input-group{display:flex;flex-direction:column;gap:8px;margin-bottom:24px}.input-label{font-size:14px;font-weight:700;color:#fff}.text-input{background:#374151;border:1px solid #4B5563;border-radius:8px;padding:8px 16px 9px;font-size:14px;color:#fff;width:290px;transition:all .2s ease}.text-input:focus{outline:none;border-color:#6366f1;background:#1f2a37}.text-input.rtl{direction:rtl;text-align:right}.add-option-btn{display:flex;align-items:center;gap:8px;background:transparent;border:1px solid #9CA3AF;border-radius:8px;padding:8px 12px;color:#f9fafb;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.add-option-btn:hover{background:#ffffff0d;border-color:#e5e7eb}.add-icon{display:flex;align-items:center;justify-content:center;width:16px;height:16px;background:#6366f1;border-radius:4px;color:#fff;font-size:16px;font-weight:700}.options-list{display:flex;flex-direction:column;gap:24px}.no-options-message{padding:40px;text-align:center;color:#9ca3af;background:#3741514d;border-radius:8px;margin-bottom:20px}.no-options-message p{margin:0;font-size:16px}.option-row{display:flex;align-items:center;gap:24px;padding:20px;background:#1f2a37;border-radius:8px;border:1px solid #374151}.option-number{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#374151;border-radius:50%;color:#fff;font-size:16px;font-weight:700;flex-shrink:0}.option-inputs{display:flex;gap:20px;flex:1}.option-input-group{display:flex;flex-direction:column;gap:8px;flex:1}.option-input{background:#374151;border:1px solid #4B5563;border-radius:8px;padding:8px 16px;font-size:14px;color:#fff;width:100%;transition:all .2s ease}.option-input:focus{outline:none;border-color:#6366f1;background:#111928}.option-input.rtl{direction:rtl;text-align:right}.option-actions{display:flex;gap:8px;flex-shrink:0}.option-action-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#374151;border:1px solid #4B5563;border-radius:6px;color:#9ca3af;font-size:18px;cursor:pointer;transition:all .2s ease}.option-action-btn:hover:not(:disabled){background:#4b5563;color:#fff}.option-action-btn:disabled{opacity:.5;cursor:not-allowed}.option-action-btn.delete{color:#ef4444}.option-action-btn.delete:hover{background:#ef44441a;border-color:#ef4444}.action-buttons{display:flex;justify-content:center;align-items:center;background:#1f2a37;padding:24px 0;margin-left:264px;margin-top:auto;min-height:89px}.action-buttons-row{width:885px;display:flex;justify-content:space-between;align-items:flex-start}.action-buttons-inner{display:flex;align-items:center;gap:16px}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;background:transparent;border-radius:8px;border:1px solid #9CA3AF;padding:10px 92px;color:#f9fafb;font-size:14px;font-weight:700;cursor:pointer;transition:all .2s ease;white-space:nowrap}.btn-secondary:hover:not(:disabled){background:#ffffff0d;border-color:#e5e7eb}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.btn-primary{display:inline-flex;align-items:center;justify-content:center;background:#fbe54d;border-radius:8px;border:none;padding:10px 23px;color:#111928;font-size:14px;font-weight:700;cursor:pointer;transition:all .2s ease;white-space:nowrap}.btn-primary:hover:not(:disabled){background:#fcd34d;transform:translateY(-1px);box-shadow:0 4px 12px #fbe54d4d}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}@media (max-width: 768px){.shared-edit-container{padding:0}.breadcrumb-container,.page-header-edit,.section-container,.last-edit-info{margin-left:20px;margin-right:20px}.section-title{margin-left:20px}.action-buttons{margin-left:0;padding:24px 20px}.action-buttons-row{width:100%;flex-direction:column;gap:16px}.action-buttons-inner{width:100%;flex-direction:column}.page-title-edit{font-size:24px}.option-inputs{flex-direction:column}.option-row{flex-wrap:wrap}.option-actions{width:100%;justify-content:flex-end;margin-top:16px}.btn-secondary,.btn-primary{width:100%;padding:12px 24px}}.shared-dropdown-edit-page{background:#111928;min-height:100vh;padding-bottom:311px}.shared-dropdown-edit-page input[type=text]{background-color:#374151!important;border:1px solid #4B5563!important;outline:none!important;box-shadow:none!important}.shared-dropdown-edit-page input[type=text]:focus{background-color:#374151!important;border-color:#4b5563!important;outline:none!important;box-shadow:none!important}.option-inline-edit{width:100%}.option-inline-edit .inline-edit-container.display{background-color:#374151;border:1px solid #4B5563;padding:12px 16px;border-radius:8px;min-height:44px}.option-inline-edit .inline-edit-container.display:hover{background-color:#4b5563;border-color:#6b7280}.option-inline-edit .inline-edit-text{color:#fff;font-size:14px;line-height:1.4}.option-inline-edit .inline-edit-text.placeholder{color:#9ca3af}.option-inline-edit .inline-edit-trigger{background-color:transparent;border:1px solid #6B7280;color:#9ca3af}.option-inline-edit .inline-edit-trigger:hover{background-color:#4b5563;border-color:#9ca3af;color:#fff}.option-inline-edit .inline-edit-input{background-color:#1f2937;border:1px solid #374151;color:#fff;padding:12px 16px;border-radius:8px;font-size:14px}.option-inline-edit .inline-edit-input:focus{border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa1a}.shared-dropdown-edit-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;margin-left:370px;margin-right:145px}.loading-spinner{width:48px;height:48px;border:3px solid #374151;border-top-color:#fbe54d;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}@keyframes spin{to{transform:rotate(360deg)}}.shared-dropdown-edit-loading p{color:#9ca3af;font-size:14px}.shared-dropdown-edit-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;margin-left:370px;margin-right:145px}.shared-dropdown-edit-error p{color:#f87171;font-size:16px;margin-bottom:24px}.shared-dropdown-edit-error button{background:#374151;border:1px solid #4B5563;border-radius:8px;padding:10px 24px;color:#f9fafb;font-size:14px;font-weight:700;cursor:pointer;transition:all .2s}.shared-dropdown-edit-error button:hover{background:#4b5563}.breadcrumb-container{display:flex;align-items:center;gap:15px;margin-bottom:51px;margin-left:370px;margin-right:145px;padding-top:24px}.breadcrumb-item{color:#9ca3af;font-size:14px;cursor:pointer;transition:color .2s;white-space:nowrap}.breadcrumb-item:hover:not(.active){color:#f9fafb;text-decoration:underline}.breadcrumb-item.active{color:#9ca3af;cursor:default}.breadcrumb-separator{width:20px;height:20px;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><path d="M7.5 5L12.5 10L7.5 15" stroke="%239CA3AF" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>') no-repeat center;background-size:contain;flex-shrink:0}.page-title-section{margin-left:370px;margin-right:145px;margin-bottom:32px}.page-title{color:#f9fafb;font-size:30px;font-weight:700;margin:0 0 8px;line-height:1.2}.page-subtitle{color:#9ca3af;font-size:14px;margin:0}.last-modified-box{background:#1f2a37;border-radius:8px;padding:24px 89px 24px 24px;margin-left:370px;margin-bottom:32px;display:inline-flex;flex-direction:column;gap:12px}.last-modified-label{color:#9ca3af;font-size:14px}.last-modified-date{color:#f9fafb;font-size:18px;font-weight:700}.dropdown-edit-form{margin-bottom:40px}.section-title{color:#f9fafb;font-size:20px;font-weight:700;margin:0 0 16px 370px}.section-header{display:flex;justify-content:space-between;align-items:center;margin:40px 145px 24px 370px}.section-header .section-title{margin:0}.form-section{margin-bottom:40px;background:transparent}.language-fields{display:flex;flex-direction:column;gap:8px;margin-left:370px;background:transparent}.language-group{display:flex;flex-direction:column;gap:8px;background:transparent}.language-label{color:#fff;font-size:14px;font-weight:700}.form-input{background:#374151;border:1px solid #4B5563;border-radius:8px;padding:8px 16px 9px;color:#fff;font-size:14px;width:264px;height:37px;box-sizing:border-box;outline:none;transition:all .2s}.form-input:focus{border-color:#4b5563;outline:none}.form-input::placeholder{color:#6b7280;opacity:1}.form-group{background:transparent}.form-input.rtl{direction:rtl;text-align:right}.btn-add-option{display:flex;align-items:center;gap:8px;background:transparent;border:1px solid #9CA3AF;border-radius:8px;padding:8px 12px;color:#f9fafb;font-size:14px;font-weight:700;cursor:pointer;transition:all .2s;white-space:nowrap}.btn-add-option:hover{background:#374151}.add-icon{width:16px;height:16px;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M8 3V13M3 8H13" stroke="%23F9FAFB" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>') no-repeat center;background-size:contain}.options-list{display:flex;flex-direction:column;gap:0}.option-item *{background-clip:content-box}.option-item:before,.option-item:after,.option-number:before,.option-number:after,.option-index:before,.option-index:after{display:none}.option-item{display:flex;align-items:center;gap:48px;padding-left:42px;padding-right:42px;margin-bottom:24px;margin-left:370px}.option-item:last-child{margin-bottom:0}.option-number{display:flex;align-items:center;gap:22px;flex-shrink:0;background:transparent}.option-reorder-icon{width:24px;height:24px;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><circle cx="8" cy="6" r="1.5" fill="%239CA3AF"/><circle cx="12" cy="6" r="1.5" fill="%239CA3AF"/><circle cx="16" cy="6" r="1.5" fill="%239CA3AF"/><circle cx="8" cy="12" r="1.5" fill="%239CA3AF"/><circle cx="12" cy="12" r="1.5" fill="%239CA3AF"/><circle cx="16" cy="12" r="1.5" fill="%239CA3AF"/><circle cx="8" cy="18" r="1.5" fill="%239CA3AF"/><circle cx="12" cy="18" r="1.5" fill="%239CA3AF"/><circle cx="16" cy="18" r="1.5" fill="%239CA3AF"/></svg>') no-repeat center;background-size:contain;cursor:move;opacity:.6}.option-index{color:#fff;font-size:16px;font-weight:700;min-width:12px;background:transparent;border:none;padding:0}.option-fields{display:flex;gap:20px;align-items:flex-start}.option-language-group{display:flex;flex-direction:column;gap:8px}.option-label{color:#fff;font-size:14px;font-weight:700}.option-input{background:#374151;border:1px solid #4B5563;border-radius:8px;padding:8px 16px 9px;color:#fff;font-size:14px;height:37px;box-sizing:border-box;outline:none;transition:all .2s;width:228px}.option-input:focus{border-color:#4b5563;outline:none}.option-input::placeholder{color:#6b7280;opacity:1}.option-input.rtl{direction:rtl;text-align:right;padding:8px 16px 9px}.option-actions{display:flex;gap:16px;align-items:center;margin-left:auto}.btn-icon{background:transparent;border:none;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:opacity .2s}.btn-icon:hover:not(:disabled){opacity:.8}.btn-icon:disabled{opacity:.5;cursor:not-allowed}.btn-icon svg{width:32px;height:32px}.btn-icon[title="Переместить вверх"] svg{background:#60a5fa;border-radius:6px}.btn-icon[title="Переместить вниз"] svg{background:#60a5fa;border-radius:6px}.btn-icon.btn-edit svg{background:#60a5fa;border-radius:6px}.btn-icon.btn-delete svg{background:#f87171;border-radius:6px}.form-actions{display:flex;gap:16px;justify-content:flex-start;margin-top:5px;padding:24px 145px 24px 564px;background:#1f2a37;margin-left:-105px;margin-right:-145px;box-shadow:0 2px 4px #0000000d}.btn{font-size:14px;font-weight:700;border-radius:8px;cursor:pointer;transition:all .2s;border:none;display:flex;align-items:center;justify-content:center}.btn-secondary{background:transparent;border:1px solid #9CA3AF;padding:10px 92px;color:#f9fafb;height:42px}.btn-secondary:hover{background:#374151}.btn-primary{background:#fbe54d;padding:10px 23px;color:#111928;height:42px}.btn-primary:hover:not(:disabled){background:#fbbf24}.btn-primary:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 1400px){.breadcrumb-container,.page-title-section,.last-modified-box,.section-title,.section-header,.language-fields,.option-item{margin-left:40px}.breadcrumb-container,.page-title-section,.section-header{margin-right:40px}.form-actions{padding-left:40px;padding-right:40px;margin-left:0;margin-right:0}}@media (max-width: 768px){.language-fields{gap:16px}.option-item{flex-direction:column;align-items:flex-start;gap:16px;padding:16px}.option-fields{flex-direction:column;width:100%;gap:16px}.option-actions{width:100%;justify-content:flex-end;margin-left:0}.form-input,.option-input{width:100%;max-width:100%;min-width:unset}.form-actions{flex-direction:column;gap:12px}.btn-secondary,.btn-primary{width:100%;padding:10px 24px}}.language-demo{background:#374151;padding:1.5rem;border-radius:8px;margin:1rem 0}.language-demo h2{color:#f59e0b;margin-bottom:1rem}.demo-buttons{display:flex;gap:1rem;margin-bottom:1rem}.demo-btn{padding:.5rem 1rem;border:none;border-radius:4px;background:#4b5563;color:#f9fafb;cursor:pointer;font-size:.875rem;transition:all .2s}.demo-btn:hover{background:#6b7280}.demo-btn.primary{background:#3b82f6}.demo-btn.primary:hover{background:#2563eb}.demo-btn.danger{background:#ef4444}.demo-btn.danger:hover{background:#dc2626}.demo-info p{color:#d1d5db;margin:.5rem 0}.dropdown-editor{max-width:1200px;margin:0 auto;padding:20px;background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a}.dropdown-editor-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:2px solid #e0e0e0}.dropdown-editor-header h2{margin:0;color:#333;font-size:24px}.completion-indicator{display:flex;align-items:center;gap:12px}.completion-indicator span{font-size:14px;color:#666;font-weight:500}.completion-bar{width:200px;height:20px;background:#f0f0f0;border-radius:10px;overflow:hidden}.completion-fill{height:100%;background:linear-gradient(90deg,#4caf50,#45a049);transition:width .3s ease}.error-messages{background:#ffebee;border:1px solid #ffcdd2;border-radius:4px;padding:16px;margin-bottom:20px}.error-messages h4{margin:0 0 8px;color:#c62828;font-size:16px}.error-messages ul{margin:0;padding-left:20px}.error-messages li{color:#d32f2f;font-size:14px;line-height:1.5}.language-tabs{display:flex;gap:8px;margin-bottom:24px;border-bottom:2px solid #e0e0e0}.language-tab{position:relative;padding:12px 24px;background:transparent;border:none;border-bottom:3px solid transparent;color:#666;font-size:16px;font-weight:500;cursor:pointer;transition:all .2s ease}.language-tab:hover{background:#f5f5f5}.language-tab.active{color:#2196f3;border-bottom-color:#2196f3}.incomplete-indicator{position:absolute;top:8px;right:8px;width:8px;height:8px;background:#ff9800;border-radius:50%;display:inline-block}.editor-content{min-height:400px}.form-section{margin-bottom:32px}.form-section h3{margin:0 0 12px;color:#555;font-size:18px;font-weight:500}.form-input{width:100%;padding:12px;border:1px solid #ddd;border-radius:4px;font-size:16px;transition:border-color .2s ease}.form-input:focus{outline:none;border-color:#2196f3;box-shadow:0 0 0 2px #2196f31a}.options-list{margin-bottom:16px}.option-item{display:flex;align-items:center;gap:12px;padding:12px;margin-bottom:12px;background:#f9f9f9;border:1px solid #e0e0e0;border-radius:4px;transition:background .2s ease}.option-item:hover{background:#f5f5f5}.option-controls{display:flex;align-items:center;gap:8px}.btn-icon{width:28px;height:28px;padding:0;background:#fff;border:1px solid #ddd;border-radius:4px;color:#666;font-size:14px;cursor:pointer;transition:all .2s ease}.btn-icon:hover:not(:disabled){background:#2196f3;border-color:#2196f3;color:#fff}.btn-icon:disabled{opacity:.4;cursor:not-allowed}.option-number{min-width:40px;color:#999;font-size:14px;font-weight:500}.option-fields{flex:1;display:flex;gap:12px}.option-value{flex:0 0 200px;padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px;font-family:Courier New,monospace}.option-text{flex:1;padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px}.option-value:focus,.option-text:focus{outline:none;border-color:#2196f3}.btn-remove{width:32px;height:32px;padding:0;background:#ff5252;border:none;border-radius:4px;color:#fff;font-size:20px;font-weight:700;cursor:pointer;transition:background .2s ease}.btn-remove:hover{background:#ff1744}.option-language-status{display:flex;gap:4px}.lang-status{padding:4px 8px;border-radius:3px;font-size:11px;font-weight:600}.lang-status.complete{background:#c8e6c9;color:#2e7d32}.lang-status.incomplete{background:#ffecb3;color:#f57c00}.btn-add-option{padding:12px 24px;background:#4caf50;border:none;border-radius:4px;color:#fff;font-size:16px;font-weight:500;cursor:pointer;transition:background .2s ease}.btn-add-option:hover{background:#45a049}.editor-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:32px;padding-top:24px;border-top:2px solid #e0e0e0}.btn-cancel,.btn-save{padding:12px 32px;border:none;border-radius:4px;font-size:16px;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-cancel{background:#f5f5f5;color:#666}.btn-cancel:hover:not(:disabled){background:#e0e0e0}.btn-save{background:#2196f3;color:#fff}.btn-save:hover:not(:disabled){background:#1976d2}.btn-cancel:disabled,.btn-save:disabled{opacity:.5;cursor:not-allowed}[dir=rtl] .form-input,[dir=rtl] .option-text{text-align:right}[dir=rtl] .option-fields,[dir=rtl] .option-language-status{flex-direction:row-reverse}@media (max-width: 768px){.dropdown-editor{padding:16px}.dropdown-editor-header{flex-direction:column;align-items:flex-start;gap:16px}.completion-indicator{width:100%}.completion-bar{flex:1}.language-tabs{overflow-x:auto;-webkit-overflow-scrolling:touch}.option-item{flex-direction:column;align-items:stretch}.option-controls{justify-content:space-between}.option-fields{flex-direction:column}.option-value{flex:auto}.editor-actions{flex-direction:column}.btn-cancel,.btn-save{width:100%}}.dropdown-admin-container{max-width:1400px;margin:0 auto;padding:24px}.dropdown-admin-header{margin-bottom:32px}.dropdown-admin-header h1{display:flex;align-items:center;gap:12px;margin:0 0 8px;color:#333;font-size:32px}.jsonb-badge{display:inline-block;padding:4px 12px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:14px;font-weight:600;border-radius:20px;text-transform:uppercase;letter-spacing:.5px}.subtitle{margin:0;color:#666;font-size:16px}.alert{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;margin-bottom:20px;border-radius:4px;font-size:14px}.alert-error{background:#ffebee;border:1px solid #ffcdd2;color:#c62828}.alert-success{background:#e8f5e9;border:1px solid #c8e6c9;color:#2e7d32}.alert button{background:none;border:none;color:inherit;font-size:20px;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;opacity:.7;transition:opacity .2s}.alert button:hover{opacity:1}.dropdown-controls{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:32px;padding:24px;background:#f9f9f9;border-radius:8px;border:1px solid #e0e0e0}.screen-selector,.language-selector{display:flex;flex-direction:column;gap:8px}.screen-selector label,.language-selector label{font-size:14px;font-weight:600;color:#555}.screen-selector select{padding:10px;border:1px solid #ddd;border-radius:4px;font-size:14px;background:#fff;cursor:pointer;transition:border-color .2s}.screen-selector select:hover:not(:disabled){border-color:#2196f3}.screen-selector select:disabled{opacity:.6;cursor:not-allowed}.language-buttons{display:flex;gap:8px}.lang-btn{flex:1;padding:8px 16px;background:#fff;border:1px solid #ddd;border-radius:4px;font-size:14px;cursor:pointer;transition:all .2s}.lang-btn:hover:not(:disabled){background:#f5f5f5;border-color:#2196f3}.lang-btn.active{background:#2196f3;color:#fff;border-color:#2196f3}.lang-btn:disabled{opacity:.6;cursor:not-allowed}.search-box{grid-column:span 2}.search-box input{width:100%;padding:10px;border:1px solid #ddd;border-radius:4px;font-size:14px;transition:border-color .2s}.search-box input:focus{outline:none;border-color:#2196f3;box-shadow:0 0 0 2px #2196f31a}.search-box input:disabled{opacity:.6;cursor:not-allowed}.btn-create{grid-column:span 2;padding:12px 24px;background:#4caf50;color:#fff;border:none;border-radius:4px;font-size:16px;font-weight:500;cursor:pointer;transition:background .2s}.btn-create:hover:not(:disabled){background:#45a049}.btn-create:disabled{background:#ccc;cursor:not-allowed}.loading-indicator{display:flex;align-items:center;justify-content:center;gap:12px;padding:40px;color:#666}.spinner{width:24px;height:24px;border:3px solid #f3f3f3;border-top:3px solid #2196F3;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.dropdown-list{margin-top:32px}.dropdown-list h3{display:flex;align-items:center;gap:12px;margin:0 0 20px;color:#333;font-size:20px}.dropdown-list .count{color:#666;font-size:16px;font-weight:400}.no-dropdowns{text-align:center;padding:60px 20px;background:#f9f9f9;border-radius:8px;border:2px dashed #ddd}.no-dropdowns p{margin:0 0 20px;color:#666;font-size:16px}.btn-create-first{padding:12px 32px;background:#2196f3;color:#fff;border:none;border-radius:4px;font-size:16px;font-weight:500;cursor:pointer;transition:background .2s}.btn-create-first:hover{background:#1976d2}.dropdown-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:20px}.dropdown-card{background:#fff;border:1px solid #e0e0e0;border-radius:8px;overflow:hidden;transition:box-shadow .2s}.dropdown-card:hover{box-shadow:0 4px 12px #0000001a}.dropdown-card-header{padding:16px;background:#f5f5f5;border-bottom:1px solid #e0e0e0}.dropdown-card-header h4{margin:0 0 4px;color:#333;font-size:18px}.dropdown-key{display:inline-block;padding:2px 8px;background:#e3f2fd;color:#1976d2;font-size:12px;font-family:Courier New,monospace;border-radius:3px}.dropdown-card-body{padding:16px}.dropdown-info{display:flex;justify-content:space-between;margin-bottom:12px}.dropdown-info label{color:#666;font-size:13px;font-weight:600}.dropdown-info span{color:#333;font-size:13px}.dropdown-preview{margin-top:16px;padding-top:16px;border-top:1px solid #f0f0f0}.preview-select{width:100%;padding:8px;border:1px solid #ddd;border-radius:4px;font-size:13px;background:#fff;cursor:pointer}.dropdown-meta{margin-top:12px;padding-top:12px;border-top:1px solid #f0f0f0;color:#999;font-size:12px}.dropdown-card-actions{display:flex;gap:8px;padding:16px;background:#f9f9f9;border-top:1px solid #e0e0e0}.btn-edit,.btn-delete{flex:1;padding:8px 16px;border:none;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.btn-edit{background:#2196f3;color:#fff}.btn-edit:hover{background:#1976d2}.btn-delete{background:#fff;color:#f44336;border:1px solid #f44336}.btn-delete:hover{background:#f44336;color:#fff}.select-screen-prompt{text-align:center;padding:80px 20px;color:#666;font-size:16px}.create-dropdown-form{max-width:800px;margin:0 auto;padding:24px;background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a}.create-dropdown-form h3{margin:0 0 24px;color:#333;font-size:24px}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;color:#555;font-size:14px;font-weight:600}.form-group input{width:100%;padding:10px;border:1px solid #ddd;border-radius:4px;font-size:14px}.form-group input:disabled{background:#f5f5f5;color:#666}@media (max-width: 768px){.dropdown-controls{grid-template-columns:1fr}.search-box,.btn-create{grid-column:span 1}.dropdown-grid{grid-template-columns:1fr}.language-buttons,.dropdown-card-actions{flex-direction:column}}*{margin:0;padding:0;box-sizing:border-box}html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#0f172a;color:#e2e8f0}#root{min-height:100vh}h1,h2,h3,h4,h5,h6{margin:0;font-weight:600}p{margin:0}a{color:inherit;text-decoration:none}a:hover{text-decoration:none}button{cursor:pointer;border:none;background:none;font-family:inherit}button:focus,a:focus,input:focus,select:focus,textarea:focus{outline:2px solid #fbbf24;outline-offset:2px}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#1e293b}::-webkit-scrollbar-thumb{background:#475569;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#64748b}