@import "https://fonts.googleapis.com/css2?family=Cairo:wght@300;400;500;600;700;800;900&family=Inter:wght@300;400;500;600;700;800;900&display=swap";:root{--color-bg-primary:#050811;--color-bg-secondary:#0a0d18;--color-bg-card:#11182773;--color-bg-card-hover:#1f2a4099;--color-bg-elevated:#222d45b3;--color-bg-input:#0d142380;--color-bg-sidebar:#080c15bf;--color-border:#ffffff0d;--color-border-active:#639bff73;--color-text-primary:#f8fafc;--color-text-secondary:#94a3b8;--color-text-muted:#64748b;--color-text-accent:#60a5fa;--color-accent-blue:#60a5fa;--color-accent-blue-soft:#60a5fa1f;--color-accent-cyan:#38bdf8;--color-accent-emerald:#34d399;--color-accent-emerald-soft:#34d3991f;--color-accent-amber:#fbbf24;--color-accent-amber-soft:#fbbf241f;--color-accent-rose:#f87171;--color-accent-rose-soft:#f871711f;--color-accent-violet:#c084fc;--color-accent-violet-soft:#c084fc1f;--gradient-blue:linear-gradient(135deg, #4f46e5 0%, #3b82f6 50%, #06b6d4 100%);--gradient-emerald:linear-gradient(135deg, #10b981 0%, #059669 100%);--gradient-amber:linear-gradient(135deg, #fbbf24 0%, #d97706 100%);--gradient-rose:linear-gradient(135deg, #f87171 0%, #dc2626 100%);--gradient-card:linear-gradient(145deg, #1a223580 0%, #11182799 100%);--shadow-sm:0 1px 3px #0006;--shadow-md:0 4px 20px #00000059;--shadow-lg:0 10px 40px #00000080;--shadow-glow-blue:0 0 25px #60a5fa40;--shadow-glow-emerald:0 0 25px #34d39933;--font-family:"Inter", "Segoe UI", Tahoma, Arial, sans-serif;--font-size-xs:.6875rem;--font-size-sm:.8125rem;--font-size-base:.9375rem;--font-size-lg:1.125rem;--font-size-xl:1.375rem;--font-size-2xl:1.75rem;--font-size-3xl:2.25rem;--font-size-4xl:3rem;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-base:.25s cubic-bezier(.4, 0, .2, 1);--transition-slow:.4s cubic-bezier(.4, 0, .2, 1);--sidebar-width:260px;--sidebar-collapsed:72px;--header-height:64px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}html[lang=ar]{--font-family:"Cairo", "Segoe UI", Tahoma, Arial, sans-serif}body{font-family:var(--font-family);background-color:var(--color-bg-primary);color:var(--color-text-primary);direction:inherit;text-align:start;font-variant-numeric:tabular-nums;line-height:1.6;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:0;background-color:#0000;background-image:radial-gradient(circle at 15% 15%,#6366f124,#0000 45%),radial-gradient(circle at 85% 85%,#a78bfa1a,#0000 40%),radial-gradient(circle,#34d3990f,#0000 35%),linear-gradient(#ffffff03,#0000 30%);background-position:0 0,0 0,0 0,0 0;background-repeat:repeat,repeat,repeat,repeat;background-size:200% 200%;background-attachment:scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box;animation:25s infinite meshGlow;position:fixed;inset:0}@keyframes meshGlow{0%,to{background-position:0 0}50%{background-position:100% 100%}}#root{z-index:1;min-height:100vh;position:relative}a{color:var(--color-accent-blue);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--color-accent-cyan)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--color-bg-secondary)}::-webkit-scrollbar-thumb{background:var(--color-text-muted);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-secondary)}.app-layout{min-height:100vh;display:flex}.app-main{transition:margin-inline-start var(--transition-base);flex-direction:column;flex:1;min-width:0;margin-inline-start:var(--sidebar-width);display:flex}.app-content{padding:var(--space-8);padding-top:calc(var(--header-height) + var(--space-8));box-sizing:border-box;flex:1;width:100%;max-width:1600px}.sidebar{-webkit-backdrop-filter:blur(16px);top:0;width:var(--sidebar-width);background:var(--color-bg-sidebar);border-inline-end:1px solid var(--color-border);z-index:100;height:100vh;transition:width var(--transition-base);flex-direction:column;display:flex;position:fixed;inset-inline-start:0;overflow:hidden}.sidebar-logo{align-items:center;gap:var(--space-3);padding:var(--space-6);border-bottom:1px solid var(--color-border);display:flex}.sidebar-logo-icon{background:var(--gradient-blue);border-radius:var(--radius-md);width:38px;height:38px;font-weight:800;font-size:var(--font-size-lg);color:#fff;flex-shrink:0;justify-content:center;align-items:center;display:flex}.sidebar-logo-text{flex-direction:column;display:flex}.sidebar-logo-title{font-size:var(--font-size-lg);color:var(--color-text-primary);letter-spacing:0;font-weight:700}.sidebar-logo-subtitle{font-size:var(--font-size-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:0}.sidebar-nav{padding:var(--space-4);flex:1;overflow-y:auto}.sidebar-section-label{font-size:var(--font-size-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:0;padding:var(--space-4) var(--space-3) var(--space-2);font-weight:600}.sidebar-link{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-3);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:var(--font-size-sm);transition:all var(--transition-fast);cursor:pointer;margin-bottom:2px;font-weight:500;display:flex}.sidebar-link:hover{color:var(--color-text-primary);background:#ffffff0a}.sidebar-link.active{background:var(--color-accent-blue-soft);color:var(--color-accent-blue)}.sidebar-link.active .sidebar-link-icon{color:var(--color-accent-blue)}.sidebar-link-icon{opacity:.7;flex-shrink:0;width:20px;height:20px}.sidebar-link.active .sidebar-link-icon{opacity:1}.sidebar-footer{padding:var(--space-4) var(--space-6);border-top:1px solid var(--color-border)}.sidebar-user{align-items:center;gap:var(--space-3);display:flex}.sidebar-user-avatar{border-radius:var(--radius-full);background:var(--gradient-blue);width:34px;height:34px;font-weight:700;font-size:var(--font-size-sm);color:#fff;flex-shrink:0;justify-content:center;align-items:center;display:flex}.sidebar-user-info{flex:1;min-width:0}.sidebar-user-name{font-size:var(--font-size-sm);color:var(--color-text-primary);white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.sidebar-user-role{font-size:var(--font-size-xs);color:var(--color-text-muted)}.header{top:0;height:var(--header-height);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border);padding:0 var(--space-8);z-index:90;transition:inset-inline-start var(--transition-base);background:#0a0e1ad9;justify-content:space-between;align-items:center;display:flex;position:fixed;inset-inline-start:var(--sidebar-width);inset-inline-end:0}.header-title-row{align-items:baseline;gap:var(--space-4);min-width:0;display:flex}.header-title{font-size:var(--font-size-xl);color:var(--color-text-primary);letter-spacing:0;font-weight:700}.header-subtitle{font-size:var(--font-size-sm);color:var(--color-text-muted)}.header-actions{align-items:center;gap:var(--space-3);display:flex}.card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);-webkit-backdrop-filter:blur(16px);transition:all var(--transition-base);min-width:0}.card:hover{border-color:var(--color-border-active);box-shadow:var(--shadow-lg), var(--shadow-glow-blue);transform:translateY(-2px)}.card-header{margin-bottom:var(--space-5);justify-content:space-between;align-items:center;display:flex}.card-title{font-size:var(--font-size-base);color:var(--color-text-primary);font-weight:600}.card-subtitle{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-top:var(--space-1)}.kpi-grid{gap:var(--space-5);margin-bottom:var(--space-8);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));display:grid}.kpi-card{-webkit-backdrop-filter:blur(12px);box-shadow:var(--shadow-md);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);transition:all var(--transition-base);position:relative;overflow:hidden}.kpi-card:before{content:"";top:0;border-radius:var(--radius-lg) var(--radius-lg) 0 0;height:3px;position:absolute;inset-inline:0}.kpi-card.blue:before{background:var(--gradient-blue)}.kpi-card.emerald:before{background:var(--gradient-emerald)}.kpi-card.amber:before{background:var(--gradient-amber)}.kpi-card.rose:before{background:var(--gradient-rose)}.kpi-card.violet:before{background:linear-gradient(135deg,#a78bfa 0%,#8b5cf6 100%)}.kpi-card:hover{border-color:var(--color-border-active);box-shadow:var(--shadow-lg);transform:translateY(-3px)}.kpi-card.blue:hover{box-shadow:var(--shadow-lg), var(--shadow-glow-blue)}.kpi-card.emerald:hover{box-shadow:var(--shadow-lg), var(--shadow-glow-emerald)}.kpi-card.amber:hover{box-shadow:var(--shadow-lg), 0 0 25px #fbbf2426}.kpi-card.rose:hover{box-shadow:var(--shadow-lg), 0 0 25px #f8717126}.kpi-card.violet:hover{box-shadow:var(--shadow-lg), 0 0 25px #c084fc26}.kpi-card-top{margin-bottom:var(--space-3);justify-content:space-between;align-items:flex-start;display:flex}.kpi-card-label{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:500}.kpi-card-icon{border-radius:var(--radius-md);justify-content:center;align-items:center;width:40px;height:40px;display:flex}.kpi-card-icon.blue{background:var(--color-accent-blue-soft);color:var(--color-accent-blue)}.kpi-card-icon.emerald{background:var(--color-accent-emerald-soft);color:var(--color-accent-emerald)}.kpi-card-icon.amber{background:var(--color-accent-amber-soft);color:var(--color-accent-amber)}.kpi-card-icon.rose{background:var(--color-accent-rose-soft);color:var(--color-accent-rose)}.kpi-card-icon.violet{background:var(--color-accent-violet-soft);color:var(--color-accent-violet)}.kpi-card-value{font-size:var(--font-size-3xl);color:var(--color-text-primary);letter-spacing:0;font-weight:800;line-height:1.1}.kpi-card-footer{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-top:var(--space-2)}.charts-grid{gap:var(--space-6);margin-bottom:var(--space-8);grid-template-columns:1fr 1fr;display:grid}.chart-card{-webkit-backdrop-filter:blur(12px);box-shadow:var(--shadow-md);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6)}.chart-card.full-width{grid-column:1/-1}.dashboard-reveal{opacity:0;animation:.42s ease-out forwards revealUp;transform:translateY(10px)}.dashboard-reveal.delay-1{animation-delay:80ms}.dashboard-reveal.delay-2{animation-delay:.18s}.dashboard-reveal.delay-3{animation-delay:.26s}@keyframes revealUp{to{opacity:1;transform:translateY(0)}}.chart-tooltip{border-radius:var(--radius-md);min-width:170px;padding:var(--space-3);box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(10px);background:#0f1626eb;border:1px solid #ffffff1a}.chart-tooltip-label{font-size:var(--font-size-xs);color:var(--color-text-secondary);margin-bottom:var(--space-2)}.chart-tooltip-item{align-items:center;gap:var(--space-2);font-size:var(--font-size-xs);color:var(--color-text-primary);margin-top:4px;display:flex}.chart-tooltip-item strong{margin-inline-start:auto}.chart-tooltip-dot{border-radius:var(--radius-full);flex-shrink:0;width:8px;height:8px}.filter-panel{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5) var(--space-6);margin-bottom:var(--space-6);align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.filter-group{gap:var(--space-1);flex-direction:column;display:flex}.filter-label{font-size:var(--font-size-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:0;font-weight:600}.filter-input,.filter-select{background:var(--color-bg-input);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-primary);font-family:var(--font-family);font-size:var(--font-size-sm);padding:var(--space-2) var(--space-3);transition:border-color var(--transition-fast);min-width:160px}.filter-input:focus,.filter-select:focus{border-color:var(--color-accent-blue);box-shadow:0 0 0 3px var(--color-accent-blue-soft);outline:none}.filter-select option{background:var(--color-bg-secondary);color:var(--color-text-primary)}.filter-presets{align-items:center;gap:var(--space-2);flex-wrap:wrap;margin-top:4px;display:flex}.preset-pill{padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--font-size-xs);cursor:pointer;background:var(--color-bg-input);border:1px solid var(--color-border);color:var(--color-text-secondary);transition:all var(--transition-fast);white-space:nowrap;font-weight:600}.preset-pill:hover{border-color:var(--color-accent-blue);color:var(--color-accent-blue);background:var(--color-accent-blue-soft)}.preset-pill.active{background:var(--color-accent-blue);border-color:var(--color-accent-blue);color:#fff}.btn{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-5);border-radius:var(--radius-sm);font-family:var(--font-family);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;border:none;font-weight:600;display:inline-flex}.btn-primary{background:var(--gradient-blue);color:#fff}.btn-primary:hover{box-shadow:var(--shadow-glow-blue);transform:translateY(-1px)}.btn-outline{color:var(--color-text-secondary);border:1px solid var(--color-border);background:0 0}.btn-outline:hover{border-color:var(--color-accent-blue);color:var(--color-accent-blue);background:var(--color-accent-blue-soft)}.btn-ghost{color:var(--color-text-secondary);background:0 0}.btn-ghost:hover{color:var(--color-text-primary);background:#ffffff0d}.sidebar-lang-btn{align-items:center;gap:var(--space-2);width:100%;margin-bottom:var(--space-2);font-size:var(--font-size-sm);color:var(--color-text-muted);border-radius:var(--radius-sm);background:#ffffff08;border:1px solid #ffffff14;padding:10px 14px;display:flex}.sidebar-lang-btn:hover{color:var(--color-text-primary);box-shadow:var(--shadow-glow-blue);border-color:#639bff59}.sidebar-logout-btn{padding:6px}.btn-sm{padding:var(--space-1) var(--space-3);font-size:var(--font-size-xs)}.btn:disabled,.btn-outline:disabled{opacity:.45;cursor:not-allowed;box-shadow:none;transform:none}.page-toolbar{justify-content:space-between;align-items:center;gap:var(--space-4);margin-bottom:var(--space-6);flex-wrap:wrap;display:flex}.toolbar-actions{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.page-card-header{align-items:flex-start;gap:var(--space-4)}.export-actions{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.export-actions.compact .export-status{max-width:180px}.export-status{color:var(--color-text-muted);font-size:var(--font-size-xs);white-space:nowrap}.spin-icon{animation:.8s linear infinite spin}.error-banner{align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3) var(--space-4);margin-bottom:var(--space-5);color:var(--color-accent-rose);background:var(--color-accent-rose-soft);border-radius:var(--radius-md);font-size:var(--font-size-sm);border:1px solid #f8717133;display:flex}.error-banner span{flex:1}.search-field{align-items:center;gap:var(--space-2);background:var(--color-bg-input);border:1px solid var(--color-border);border-radius:var(--radius-sm);min-width:240px;color:var(--color-text-muted);padding:var(--space-2) var(--space-3);display:inline-flex}.search-field:focus-within{border-color:var(--color-accent-blue);box-shadow:0 0 0 3px var(--color-accent-blue-soft)}.search-field input{min-width:0;color:var(--color-text-primary);font-family:var(--font-family);font-size:var(--font-size-sm);background:0 0;border:0;outline:0;flex:1}.search-field input::placeholder{color:var(--color-text-muted)}input,select,textarea,button{font-family:var(--font-family)}html[dir=rtl] input,html[dir=rtl] select,html[dir=rtl] textarea{text-align:start;direction:rtl}html[dir=rtl] input[type=date],html[dir=rtl] input[type=time],html[dir=rtl] input[type=number]{text-align:end;direction:ltr}.company-summary-note{align-items:center;gap:var(--space-3);margin-bottom:var(--space-6);padding:var(--space-3) var(--space-4);color:var(--color-text-secondary);border-radius:var(--radius-md);font-size:var(--font-size-sm);background:#fbbf2414;border:1px solid #fbbf2433;display:flex}.companies-layout{gap:var(--space-6);display:grid}.structure-grid{gap:var(--space-6);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.company-name{color:var(--color-text-primary);font-weight:600}.company-meta{color:var(--color-text-muted);font-size:var(--font-size-xs);margin-top:2px}.company-preview{white-space:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:360px;line-height:1.45;display:-webkit-box;overflow:hidden}.modal-backdrop{padding:var(--space-6);-webkit-backdrop-filter:blur(10px);z-index:300;background:#030712c2;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-panel{background:var(--color-bg-card);border:1px solid var(--color-border-active);border-radius:var(--radius-lg);width:min(1120px,100%);max-height:min(86vh,900px);box-shadow:var(--shadow-lg);padding:var(--space-6);overflow:auto}.modal-header{justify-content:space-between;align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-5);display:flex}.modal-title{color:var(--color-text-primary);font-size:var(--font-size-lg);font-weight:700}.modal-subtitle{margin-top:var(--space-1);color:var(--color-text-muted);font-size:var(--font-size-sm)}.icon-button{border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;justify-content:center;align-items:center;width:36px;height:36px;display:inline-flex}.relationship-source-strip{align-items:center;gap:var(--space-2);margin-bottom:var(--space-5);padding:var(--space-3) var(--space-4);color:var(--color-text-secondary);background:var(--color-accent-blue-soft);border-radius:var(--radius-md);border:1px solid #639bff2e;display:flex}.relationship-source-strip strong{color:var(--color-text-primary)}.detail-metrics{gap:var(--space-3);margin-bottom:var(--space-5);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.metric-tile{padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:#ffffff09}.metric-tile span{color:var(--color-text-muted);font-size:var(--font-size-xs);display:block}.metric-tile strong{margin-top:var(--space-2);color:var(--color-text-primary);font-size:var(--font-size-xl);line-height:1;display:block}.company-detail-grid{gap:var(--space-5);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.detail-section{min-width:0}.detail-section-title{align-items:center;gap:var(--space-2);margin-bottom:var(--space-3);color:var(--color-text-primary);font-weight:700;display:flex}.pagination-inline{justify-content:center;align-items:center;gap:var(--space-3);padding-top:var(--space-5);color:var(--color-text-muted);font-size:var(--font-size-sm);display:flex}.page-heading{justify-content:space-between;align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-6);display:flex}.page-heading h2{font-size:var(--font-size-2xl);margin-bottom:var(--space-1);line-height:1.2}.page-heading p{color:var(--color-text-muted);font-size:var(--font-size-sm)}.status-pill{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-full);font-size:var(--font-size-xs);white-space:nowrap;font-weight:700;display:inline-flex}.status-pill.readonly{color:var(--color-accent-emerald);background:var(--color-accent-emerald-soft);border:1px solid #34d39933}.settings-grid{gap:var(--space-6);grid-template-columns:minmax(0,1.4fr) minmax(320px,.8fr);display:grid}.details-grid{gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.detail-item{min-height:76px;padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:#ffffff05}.detail-item span{color:var(--color-text-muted);font-size:var(--font-size-xs);margin-bottom:var(--space-2);text-transform:uppercase;letter-spacing:0;display:block}.detail-item strong{color:var(--color-text-primary);font-size:var(--font-size-sm)}.setup-stack{gap:var(--space-3);flex-direction:column;display:flex}.setup-row{gap:var(--space-3);padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:#ffffff05;display:flex}.setup-row svg,.muted-icon{color:var(--color-text-muted)}.setup-row strong,.setup-row span{display:block}.setup-row strong{color:var(--color-text-primary);font-size:var(--font-size-sm)}.setup-row span{color:var(--color-text-muted);font-size:var(--font-size-xs);margin-top:2px}.admin-toolbar{justify-content:space-between;align-items:center;gap:var(--space-4);margin-bottom:var(--space-5);flex-wrap:wrap;display:flex}.segmented-control{gap:var(--space-1);background:var(--color-bg-input);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:4px;display:inline-flex}.segmented-control button{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);color:var(--color-text-secondary);font-family:var(--font-family);font-size:var(--font-size-sm);cursor:pointer;background:0 0;border:0;font-weight:600;display:inline-flex}.segmented-control button.active{background:var(--color-accent-blue-soft);color:var(--color-accent-blue)}.codebook-layout{gap:var(--space-6);grid-template-columns:minmax(260px,340px) minmax(0,1fr);align-items:start;display:grid}.codebook-list{gap:var(--space-2);flex-direction:column;display:flex}.codebook-button{gap:var(--space-1) var(--space-3);width:100%;padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);text-align:start;font-family:var(--font-family);cursor:pointer;background:#ffffff05;grid-template-columns:minmax(0,1fr) auto;display:grid}.codebook-button:hover,.codebook-button.active{border-color:var(--color-border-active);background:var(--color-accent-blue-soft)}.codebook-button span{color:var(--color-text-primary);font-weight:700}.codebook-button strong{color:var(--color-accent-blue)}.codebook-button small{color:var(--color-text-muted);grid-column:1/-1}.report-center-grid{gap:var(--space-5);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));align-items:stretch;display:grid}.report-card{justify-content:space-between;gap:var(--space-5);min-height:250px;padding:var(--space-6);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:border-color var(--transition-fast), box-shadow var(--transition-fast), transform var(--transition-fast);flex-direction:column;display:flex}.report-card:hover{border-color:var(--color-border-active);box-shadow:var(--shadow-md);transform:translateY(-1px)}.report-card.featured{background:linear-gradient(180deg, #38bdf814, transparent 48%), var(--color-bg-card);border-color:#38bdf857}.report-card-top{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.report-icon{width:44px;height:44px;color:var(--color-accent-blue);background:var(--color-accent-blue-soft);border-radius:var(--radius-md);border:1px solid #639bff2e;justify-content:center;align-items:center;display:inline-flex}.report-badge{color:var(--color-text-secondary);border:1px solid var(--color-border);border-radius:var(--radius-full);padding:var(--space-1) var(--space-3);font-size:var(--font-size-xs);background:#ffffff0a;font-weight:700}.report-card h3{margin-bottom:var(--space-2);color:var(--color-text-primary);font-size:var(--font-size-lg);line-height:1.25}.report-card p{color:var(--color-text-muted);font-size:var(--font-size-sm);line-height:1.7}.report-card-actions{justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.report-print-ready{color:var(--color-accent-emerald);font-size:var(--font-size-xs);font-weight:700}.export-audit-panel{margin-top:var(--space-6);padding:var(--space-6);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.report-preview-page{min-height:calc(100vh - var(--header-height) - var(--space-8))}.report-preview-shell{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);flex-direction:column;min-height:76vh;display:flex;overflow:hidden}.report-preview-meta{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);color:var(--color-text-secondary);border-bottom:1px solid var(--color-border);font-size:var(--font-size-sm);display:flex}.report-preview-meta span{align-items:center;gap:var(--space-2);text-overflow:ellipsis;white-space:nowrap;min-width:0;display:inline-flex;overflow:hidden}.report-preview-meta strong{color:var(--color-accent-emerald);font-size:var(--font-size-xs)}.report-preview-frame{background:#fff;border:0;width:100%;min-height:76vh}.report-preview-loading{justify-content:center;align-items:center;gap:var(--space-3);min-height:68vh;color:var(--color-text-secondary);display:flex}.data-table-container{width:100%;max-width:100%;overflow-x:auto}.data-table{border-collapse:collapse;width:100%;font-size:var(--font-size-sm)}.data-table thead th{text-align:start;padding:var(--space-3) var(--space-4);color:var(--color-text-muted);font-weight:600;font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:0;border-bottom:1px solid var(--color-border);white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none}.data-table thead th:hover{color:var(--color-text-secondary)}.data-table tbody tr{border-bottom:1px solid var(--color-border);transition:all var(--transition-fast)}.data-table tbody tr:hover{box-shadow:inset 3px 0 0 var(--color-accent-blue);background:#ffffff09}html[dir=rtl] .data-table tbody tr:hover{box-shadow:inset -3px 0 0 var(--color-accent-blue)}.data-table tbody td{padding:var(--space-3) var(--space-4);color:var(--color-text-secondary);white-space:nowrap}.data-table tbody td:first-child{color:var(--color-text-primary);font-weight:500}html[dir=rtl] .data-table{direction:rtl}html[dir=rtl] .data-table th,html[dir=rtl] .data-table td{text-align:start}html[dir=rtl] .recharts-wrapper text{direction:rtl;unicode-bidi:plaintext}html[dir=rtl] .chart-tooltip,html[dir=rtl] .recharts-default-tooltip{text-align:start;direction:rtl}.pagination{padding:var(--space-4) 0;font-size:var(--font-size-sm);color:var(--color-text-muted);justify-content:space-between;align-items:center;display:flex}.pagination-controls{gap:var(--space-2);display:flex}.pagination-btn{padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);background:var(--color-bg-card);border:1px solid var(--color-border);color:var(--color-text-secondary);font-family:var(--font-family);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-fast)}.pagination-btn:hover:not(:disabled){border-color:var(--color-accent-blue);color:var(--color-accent-blue)}.pagination-btn:disabled{opacity:.3;cursor:not-allowed}.pagination-btn.active{background:var(--color-accent-blue);border-color:var(--color-accent-blue);color:#fff}.badge{border-radius:var(--radius-full);font-size:var(--font-size-xs);align-items:center;padding:2px 8px;font-weight:600;display:inline-flex}.badge-blue{background:var(--color-accent-blue-soft);color:var(--color-accent-blue)}.badge-emerald{background:var(--color-accent-emerald-soft);color:var(--color-accent-emerald)}.badge-amber{background:var(--color-accent-amber-soft);color:var(--color-accent-amber)}.badge-rose{background:var(--color-accent-rose-soft);color:var(--color-accent-rose)}.quality-checks{gap:var(--space-5);display:grid}.quality-check{padding:var(--space-5);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.quality-check.severity-high{border-color:#f871713d}.quality-check.severity-medium{border-color:#fbbf2438}.quality-check-header{justify-content:space-between;align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-4);display:flex}.quality-check-title{align-items:center;gap:var(--space-2);color:var(--color-text-primary);font-weight:700;display:flex}.quality-check-title svg{color:var(--color-accent-blue)}.severity-high .quality-check-title svg{color:var(--color-accent-rose)}.severity-medium .quality-check-title svg{color:var(--color-accent-amber)}.quality-check-header p{max-width:760px;margin-top:var(--space-2);color:var(--color-text-muted);font-size:var(--font-size-sm)}.quality-check-badges{justify-content:flex-end;align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.quality-check-badges strong{min-width:48px;color:var(--color-text-primary);font-size:var(--font-size-lg);text-align:end}.quality-samples .data-table{font-size:var(--font-size-xs)}.quality-no-samples{padding:var(--space-4);color:var(--color-text-muted);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-sm);background:#ffffff06}.login-header-controls{z-index:100;align-items:center;gap:12px;animation:.5s cubic-bezier(.16,1,.3,1) forwards loginCardIntro;display:flex;position:absolute;top:24px;right:24px}html[dir=rtl] .login-header-controls{left:24px;right:auto}.login-control-btn{border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);font-family:var(--font-family);font-size:var(--font-size-sm);cursor:pointer;-webkit-backdrop-filter:blur(10px);background:#ffffff08;align-items:center;gap:8px;padding:8px 16px;font-weight:600;display:flex;transition:all var(--transition-fast)!important}.login-control-btn:hover{color:var(--color-text-primary);border-color:var(--color-border-active);background:#ffffff14;transform:translateY(-1px)}html.light-theme .login-control-btn{background:#0f172a05}html.light-theme .login-control-btn:hover{color:var(--color-text-primary);background:#0f172a0d}.login-page{background:var(--color-bg-primary);justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.orbital-sphere{border-radius:var(--radius-full);filter:blur(140px);pointer-events:none;z-index:0;position:absolute;transition:all var(--transition-slow)!important}.orbital-1{background:#639bff26;width:400px;height:400px;animation:25s ease-in-out infinite orbitFloat1;top:10%;left:10%}.orbital-2{background:#34d3991a;width:500px;height:500px;animation:30s ease-in-out infinite orbitFloat2;bottom:10%;right:10%}@keyframes orbitFloat1{0%,to{transform:translate(0)scale(1)}50%{transform:translate(8%,-6%)scale(1.1)}}@keyframes orbitFloat2{0%,to{transform:translate(0)scale(1)}50%{transform:translate(-10%,8%)scale(.95)}}html.light-theme .orbital-1{background:#3b82f614}html.light-theme .orbital-2{background:#10b9810d}.login-card{z-index:1;border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-10) var(--space-8);width:100%;max-width:440px;box-shadow:var(--shadow-lg), 0 20px 25px -5px #00000040;-webkit-backdrop-filter:blur(20px);background:linear-gradient(145deg,#1a2235cc 0%,#111827d9 100%);animation:.5s cubic-bezier(.16,1,.3,1) forwards loginCardIntro;position:relative}html.light-theme .login-card{box-shadow:var(--shadow-lg), 0 20px 25px -5px #0f172a0d;background:linear-gradient(145deg,#ffffffe6 0%,#f1f5f9f2 100%)}@keyframes loginCardIntro{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.login-logo{align-items:center;gap:var(--space-3);margin-bottom:var(--space-8);flex-direction:column;display:flex}.login-logo-icon{background:var(--gradient-blue);border-radius:var(--radius-lg);width:56px;height:56px;font-weight:800;font-size:var(--font-size-2xl);color:#fff;box-shadow:var(--shadow-glow-blue);justify-content:center;align-items:center;display:flex}.login-logo-icon.animate-float{animation:4s ease-in-out infinite logoFloat}@keyframes logoFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.login-logo h1{font-size:var(--font-size-2xl);letter-spacing:0;color:var(--color-text-primary);font-weight:800}.login-logo p{font-size:var(--font-size-sm);color:var(--color-text-muted)}.login-form{gap:var(--space-4);flex-direction:column;display:flex}.form-field{gap:var(--space-2);flex-direction:column;display:flex}.form-field label{font-size:var(--font-size-xs);text-transform:uppercase;color:var(--color-text-secondary);letter-spacing:.5px;font-weight:600}.input-wrapper{align-items:center;width:100%;display:flex;position:relative}.input-icon{left:var(--space-4);color:var(--color-text-muted);pointer-events:none;position:absolute;transition:color var(--transition-fast)!important}html[dir=rtl] .input-icon{left:auto;right:var(--space-4)}.form-field input{background:var(--color-bg-input);border:1px solid var(--color-border);border-radius:var(--radius-md);width:100%;color:var(--color-text-primary);font-family:var(--font-family);font-size:var(--font-size-sm);padding:12px 14px 12px 42px;transition:all var(--transition-fast)!important}html[dir=rtl] .form-field input{padding:12px 42px 12px 14px}.form-field input:focus{background:var(--color-bg-card-hover);outline:none;border-color:var(--color-accent-blue)!important;box-shadow:0 0 0 3px var(--color-accent-blue-soft)!important}.form-field input:focus~.input-icon{color:var(--color-accent-blue)}.password-toggle-btn{right:var(--space-4);color:var(--color-text-muted);z-index:10;position:absolute;transition:color var(--transition-fast)!important}html[dir=rtl] .password-toggle-btn{right:auto;left:var(--space-4)}.password-toggle-btn:hover{color:var(--color-text-primary)!important}.login-btn{width:100%;padding:12px var(--space-6);border-radius:var(--radius-md);background:var(--gradient-blue);color:#fff;font-family:var(--font-family);font-size:var(--font-size-sm);cursor:pointer;margin-top:var(--space-3);border:none;font-weight:700;box-shadow:0 4px 12px #3b82f633;transition:all var(--transition-fast)!important}.login-btn:hover{box-shadow:var(--shadow-glow-blue), 0 6px 16px #3b82f64d;transform:translateY(-1px)}.login-btn:hover svg{transform:translate(4px)}html[dir=rtl] .login-btn:hover svg{transform:translate(-4px)rotate(180deg)}.login-btn:disabled{opacity:.6;cursor:not-allowed;box-shadow:none!important;transform:none!important}.login-error{background:var(--color-accent-rose-soft);color:var(--color-accent-rose);border-radius:var(--radius-md);font-size:var(--font-size-sm);text-align:center;border:1px solid #f8717133;padding:10px 14px;font-weight:500}.animate-shake{animation:.35s ease-in-out shake}@keyframes shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-4px)}40%,80%{transform:translate(4px)}}.spinner-small{border-radius:var(--radius-full);border:2px solid #ffffff4d;border-top-color:#fff;width:16px;height:16px;animation:.8s linear infinite spin-small;display:inline-block}@keyframes spin-small{to{transform:rotate(360deg)}}.loading-container{padding:var(--space-12);justify-content:center;align-items:center;display:flex}.spinner{border:3px solid var(--color-border);border-top-color:var(--color-accent-blue);border-radius:50%;width:36px;height:36px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.empty-state{padding:var(--space-12);color:var(--color-text-muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.empty-state-icon{width:56px;height:56px;margin-bottom:var(--space-4);opacity:.3}.empty-state-text{font-size:var(--font-size-base);font-weight:500}.recharts-cartesian-grid-horizontal line,.recharts-cartesian-grid-vertical line{stroke:var(--color-border)}.recharts-text{fill:var(--color-text-muted);font-size:11px}.recharts-tooltip-wrapper .recharts-default-tooltip{background:var(--color-bg-elevated)!important;border:1px solid var(--color-border)!important;border-radius:var(--radius-md)!important;box-shadow:var(--shadow-lg)!important}.recharts-tooltip-label{color:var(--color-text-primary)!important;font-weight:600!important}.recharts-tooltip-item{color:var(--color-text-secondary)!important}@media (width<=1200px){.charts-grid,.structure-grid,.settings-grid,.codebook-layout,.company-detail-grid{grid-template-columns:1fr}.detail-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=768px){.sidebar{transform:translate(-100%)}[dir=rtl] .sidebar{transform:translate(100%)}.app-main{margin-inline-start:0}.header{inset-inline-start:0}.app-content{padding:var(--space-4);padding-top:calc(var(--header-height) + var(--space-4))}.header{padding:0 var(--space-4)}.header-title-row{flex-direction:column;align-items:flex-start;gap:0}.header-subtitle{display:none}.kpi-grid{grid-template-columns:1fr 1fr}.filter-panel,.page-card-header,.toolbar-actions,.export-actions,.page-toolbar{flex-direction:column;align-items:stretch}.search-field{width:100%}.page-heading,.admin-toolbar{flex-direction:column;align-items:stretch}.details-grid{grid-template-columns:1fr}.segmented-control{width:100%}.segmented-control button{flex:1;justify-content:center}.report-center-grid{grid-template-columns:1fr}.report-card-actions{flex-direction:column;align-items:stretch}.modal-backdrop{padding:var(--space-3)}.modal-panel{max-height:92vh;padding:var(--space-4)}.detail-metrics{grid-template-columns:1fr}.quality-check-header,.quality-check-badges{flex-direction:column;align-items:stretch}.report-preview-frame{min-height:68vh}}.export-config-panel{gap:var(--space-6);flex-direction:column;display:flex}.export-section-title{font-size:var(--font-size-sm);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--space-4);align-items:center;gap:var(--space-2);font-weight:600;display:flex}.export-section-title svg{color:var(--color-accent-blue)}.export-columns-grid{gap:var(--space-3);margin-bottom:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(140px,1fr));display:grid}.export-pill{background:var(--color-bg-input);border:1px solid var(--color-border);border-radius:var(--radius-full);padding:var(--space-2) var(--space-4);font-size:var(--font-size-xs);color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast);justify-content:center;align-items:center;gap:var(--space-2);-webkit-user-select:none;user-select:none;display:flex}.export-pill:hover{border-color:var(--color-border-active);color:var(--color-text-primary)}.export-pill.active{background:var(--color-accent-blue-soft);border-color:var(--color-accent-blue);color:var(--color-accent-blue);box-shadow:0 0 10px #639bff1a}.export-sort-grid{gap:var(--space-3);flex-wrap:wrap;display:flex}.export-sort-btn{background:var(--color-bg-input);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);font-size:var(--font-size-sm);color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast);align-items:center;gap:var(--space-3);flex:1;min-width:140px;display:flex}.export-sort-btn:hover{border-color:var(--color-border-active);color:var(--color-text-primary);background:#ffffff05}.export-sort-btn.active{background:var(--gradient-blue);color:#fff;box-shadow:var(--shadow-glow-blue);border-color:#0000}.export-sort-btn-icon{justify-content:center;align-items:center;margin-inline-start:auto;display:flex}.export-orientation-grid{gap:var(--space-4);grid-template-columns:1fr 1fr;display:grid}.export-orientation-card{background:var(--color-bg-input);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4);cursor:pointer;transition:all var(--transition-fast);align-items:center;gap:var(--space-3);text-align:center;flex-direction:column;display:flex}.export-orientation-card:hover{border-color:var(--color-border-active);background:#ffffff05}.export-orientation-card.active{background:var(--color-accent-blue-soft);border-color:var(--color-accent-blue);box-shadow:0 0 15px #639bff26}.export-orientation-icon{border-radius:var(--radius-md);width:48px;height:48px;color:var(--color-text-secondary);transition:all var(--transition-fast);background:#ffffff0d;justify-content:center;align-items:center;display:flex}.export-orientation-card.active .export-orientation-icon{background:var(--gradient-blue);color:#fff;box-shadow:var(--shadow-glow-blue)}.export-orientation-label{font-size:var(--font-size-sm);color:var(--color-text-secondary);transition:color var(--transition-fast);font-weight:600}.export-orientation-card.active .export-orientation-label{color:var(--color-accent-blue)}html.light-theme{--color-bg-primary:#f8fafc;--color-bg-secondary:#f1f5f9;--color-bg-card:#fff;--color-bg-card-hover:#f8fafc;--color-bg-elevated:#f1f5f9;--color-bg-input:#fff;--color-bg-sidebar:#fff;--color-border:#0f172a14;--color-border-active:#639bff66;--color-text-primary:#0f172a;--color-text-secondary:#475569;--color-text-muted:#64748b;--color-text-accent:#3b82f6;--color-accent-blue:#3b82f6;--color-accent-blue-soft:#3b82f614;--color-accent-emerald:#10b981;--color-accent-emerald-soft:#10b98114;--color-accent-amber:#f59e0b;--color-accent-amber-soft:#f59e0b14;--color-accent-rose:#ef4444;--color-accent-rose-soft:#ef444414;--color-accent-violet:#8b5cf6;--color-accent-violet-soft:#8b5cf614;--gradient-blue:linear-gradient(135deg, #3b82f6 0%, #06b6d4 100%);--gradient-emerald:linear-gradient(135deg, #10b981 0%, #059669 100%);--gradient-amber:linear-gradient(135deg, #f59e0b 0%, #d97706 100%);--gradient-rose:linear-gradient(135deg, #ef4444 0%, #dc2626 100%);--gradient-card:linear-gradient(145deg, #fffffff2 0%, #f1f5f9fa 100%);--shadow-sm:0 1px 2px #0f172a0d;--shadow-md:0 4px 6px -1px #0f172a14, 0 2px 4px -2px #0f172a14;--shadow-lg:0 10px 15px -3px #0f172a14, 0 4px 6px -4px #0f172a14;--shadow-glow-blue:0 0 20px #3b82f61f;--shadow-glow-emerald:0 0 20px #10b9811f}html.light-theme body:before{background:radial-gradient(circle at 18% 20%,#3b82f60f,#0000 38%),radial-gradient(circle at 82% 12%,#10b9810a,#0000 30%),linear-gradient(#0f172a01,#0000 30%)}html.light-theme .sidebar{--color-bg-primary:#fff;--color-bg-secondary:#f8fafc;--color-bg-card:#fff;--color-bg-card-hover:#f1f5f9;--color-bg-elevated:#f8fafc;--color-bg-input:#fff;--color-border:#0f172a14;--color-border-active:#3b82f666;--color-text-primary:#0f172a;--color-text-secondary:#475569;--color-text-muted:#64748b;--color-text-accent:#3b82f6;background-color:var(--color-bg-sidebar)!important;border-inline-end:1px solid var(--color-border)!important}.sidebar-collapsible-header{cursor:pointer;color:var(--color-text-muted);text-transform:uppercase;transition:background var(--transition-fast), color var(--transition-fast);border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:6px;padding:8px;font-size:12px;font-weight:600;display:flex}.sidebar-collapsible-header:hover{background:#ffffff0a}.sidebar-collapsible-header.expanded{color:var(--color-accent-blue)}html.light-theme .sidebar-collapsible-header:hover{background:#0f172a08}.sidebar-submenu{border-inline-start:1px solid #ffffff0d;flex-direction:column;margin-inline-start:8px;padding-inline-start:12px;animation:.2s slideDown;display:flex}html.light-theme .sidebar-submenu{border-inline-start:1px solid var(--color-border)!important}html.light-theme .sidebar-link:hover{color:var(--color-text-primary)!important;background:#0f172a08!important}html.light-theme .sidebar-lang-btn{border:1px solid var(--color-border)!important;color:var(--color-text-secondary)!important;background:#0f172a05!important}html.light-theme .sidebar-lang-btn:hover{border-color:var(--color-accent-blue)!important;color:var(--color-accent-blue)!important;background:#0f172a0a!important}html.light-theme .header{-webkit-backdrop-filter:blur(16px)!important;background:#ffffffd9!important;border-bottom:1px solid #0f172a14!important;box-shadow:0 1px 3px #0f172a08!important}html.light-theme .chart-tooltip{background:#fffffff2!important;border:1px solid #0f172a14!important;box-shadow:0 10px 25px -5px #0f172a1a!important}html.light-theme .export-orientation-card:hover{background:#0f172a03!important}html.light-theme .data-table tbody tr:hover{background:#0f172a04!important}html.light-theme .btn-ghost:hover{background:#0f172a0a!important}html.light-theme .filter-select option{color:#0f172a!important;background:#fff!important}html.light-theme .btn-outline{border-color:#0f172a26!important}body,.header,.card,.kpi-card,.chart-card,.filter-input,.filter-select,.btn,aside{transition:background-color var(--transition-base), border-color var(--transition-base), color var(--transition-base), box-shadow var(--transition-base)!important}.connectivity-banner{color:#fff;text-align:center;z-index:1000;justify-content:center;align-items:center;gap:8px;width:100%;padding:8px 16px;font-size:13px;font-weight:500;animation:.3s slideDown;display:flex;box-shadow:0 2px 4px #0000001a}.connectivity-banner.offline{background-color:#ea580c!important}.connectivity-banner.server-down{background-color:#b91c1c!important}@keyframes slideDown{0%{transform:translateY(-100%)}to{transform:translateY(0)}}.pulse-icon{animation:1.5s infinite pulse}@keyframes pulse{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}.notification-bell-btn{transition:transform var(--transition-base);position:relative}.notification-bell-btn:hover{transform:scale(1.08)}.badge-pulse{animation:2s infinite badgeGlow}@keyframes badgeGlow{0%{box-shadow:0 0 #ef4444b3}70%{box-shadow:0 0 0 6px #ef444400}to{box-shadow:0 0 #ef444400}}.notification-dropdown{-webkit-backdrop-filter:none!important;background-color:var(--color-bg-elevated)!important;border-radius:var(--radius-lg)!important;border:1px solid var(--color-border)!important}html.light-theme .notification-dropdown{background-color:var(--color-bg-card)!important;border:1px solid var(--color-border)!important;box-shadow:var(--shadow-lg)!important}.notification-item{transition:background-color var(--transition-fast), opacity var(--transition-fast);position:relative}.notification-item.unread{background-color:#639bff0d!important}html.light-theme .notification-item.unread{background-color:#639bff14!important}.notification-item:hover{background-color:#ffffff0a!important}html.light-theme .notification-item:hover{background-color:#00000008!important}.notification-item.read{opacity:.75}.notification-item .unread-dot{display:block}.notification-item .mark-read-btn,.notification-item:hover .unread-dot{display:none!important}.notification-item:hover .mark-read-btn{display:inline-flex!important}@media (hover:none){.notification-item .unread-dot{display:none!important}.notification-item .mark-read-btn{display:inline-flex!important}}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.notification-badge{background-color:var(--color-accent);color:#fff;border:1.5px solid var(--color-bg-card);border-radius:8px;justify-content:center;align-items:center;min-width:15px;height:15px;padding:0 4px;font-size:9px;font-weight:700;line-height:1;display:flex;position:absolute;top:-6px;right:-6px;box-shadow:0 2px 4px #00000040}.notification-toast{top:24px;z-index:9999;align-items:flex-start;gap:var(--space-3);width:320px;padding:var(--space-4);border-radius:var(--radius-lg);border:1px solid var(--color-border);-webkit-backdrop-filter:blur(12px);background:#0f172ad9;transition:all .3s;animation:.35s cubic-bezier(.16,1,.3,1) toastSlideIn;display:flex;position:fixed;inset-inline-end:24px;box-shadow:0 10px 25px #00000059}html.light-theme .notification-toast{background:#ffffffe6;border-color:#00000014;box-shadow:0 10px 25px #00000014}@keyframes toastSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.notification-toast-icon{flex-shrink:0;margin-top:1px}.notification-toast-content{cursor:pointer;flex:1;min-width:0}.notification-toast-title{font-size:var(--font-size-sm);color:var(--color-text-primary);margin-bottom:2px;font-weight:600}.notification-toast-message{font-size:var(--font-size-xs);color:var(--color-text-muted);line-height:1.4}.notification-toast-close{cursor:pointer;color:var(--color-text-muted);transition:color var(--transition-base);flex-shrink:0}.notification-toast-close:hover{color:var(--color-text-primary)}.setup-page{background:var(--color-bg-primary);min-height:100vh;padding:var(--space-8);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.setup-card{z-index:1;border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-10) var(--space-8);width:100%;max-width:680px;box-shadow:var(--shadow-lg), 0 20px 25px -5px #00000040;-webkit-backdrop-filter:blur(20px);background:linear-gradient(145deg,#1a2235d9 0%,#111827e6 100%);animation:.5s cubic-bezier(.16,1,.3,1) forwards loginCardIntro;position:relative}.setup-header{text-align:center;margin-bottom:var(--space-8)}.setup-header h1{font-size:var(--font-size-2xl);color:var(--color-accent-blue);margin-bottom:var(--space-2);font-weight:800}.setup-header p{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.setup-steps-container{margin-bottom:var(--space-8);padding:0 var(--space-4);justify-content:space-between;align-items:center;display:flex}.setup-step-item{flex:1;align-items:center;display:flex}.setup-step-item:last-child{flex:initial}.setup-step-circle{border-radius:var(--radius-full);width:36px;height:36px;font-weight:700;font-size:var(--font-size-sm);transition:all var(--transition-base);background:var(--color-bg-secondary);border:1.5px solid var(--color-border);color:var(--color-text-muted);justify-content:center;align-items:center;display:flex}.setup-step-circle.active{background:var(--color-accent-blue-soft);border-color:var(--color-accent-blue);color:var(--color-accent-blue);box-shadow:var(--shadow-glow-blue);transform:scale(1.1)}.setup-step-circle.completed{background:var(--color-accent-emerald-soft);border-color:var(--color-accent-emerald);color:var(--color-accent-emerald)}.setup-step-line{height:2px;margin:0 var(--space-2);background:var(--color-border);border-radius:var(--radius-full);transition:background var(--transition-base);flex:1}.setup-step-line.completed{background:var(--color-accent-emerald)}.setup-form-section{animation:.3s ease-out forwards loginCardIntro}.setup-section-title{align-items:center;gap:var(--space-2);margin-bottom:var(--space-3);color:var(--color-accent-blue);display:flex}.setup-section-title h2{font-size:var(--font-size-lg);font-weight:700}.setup-section-desc{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--space-6);line-height:1.5}.setup-grid{gap:var(--space-4);margin-bottom:var(--space-6);grid-template-columns:1fr 1fr;display:grid}.setup-grid-full{grid-column:1/-1}.setup-field{gap:var(--space-2);flex-direction:column;display:flex}.setup-field label{font-size:var(--font-size-xs);color:var(--color-text-secondary);font-weight:600}.setup-field input,.setup-field textarea{background:var(--color-bg-input);border:1px solid var(--color-border);border-radius:var(--radius-md);width:100%;color:var(--color-text-primary);font-family:var(--font-family);font-size:var(--font-size-sm);padding:var(--space-3) var(--space-4);transition:all var(--transition-fast)}.setup-field input:focus,.setup-field textarea:focus{border-color:var(--color-accent-blue);box-shadow:0 0 0 3px var(--color-accent-blue-soft);background:var(--color-bg-card-hover);outline:none}.setup-field textarea{resize:none}.setup-textarea-mono{font-family:monospace;line-height:1.5;font-size:var(--font-size-xs)!important}.setup-upload-card{border:1px dashed var(--color-border);border-radius:var(--radius-md);padding:var(--space-4);background:#ffffff05}.setup-upload-card label{font-size:var(--font-size-xs);color:var(--color-text-secondary);margin-bottom:var(--space-3);font-weight:600;display:block}.setup-upload-row{align-items:center;gap:var(--space-4);display:flex}.setup-upload-btn{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);width:44px;height:44px;color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);justify-content:center;align-items:center;display:inline-flex}.setup-upload-btn:hover{border-color:var(--color-accent-blue);color:var(--color-accent-blue)}.setup-logo-preview{object-fit:contain;border-radius:var(--radius-sm);border:1px solid var(--color-border);background:#fff;max-width:120px;height:44px;padding:4px}.setup-no-logo{font-size:var(--font-size-xs);color:var(--color-text-muted)}.setup-actions{margin-top:var(--space-8);justify-content:space-between;gap:var(--space-4);display:flex}.setup-btn{justify-content:center;align-items:center;gap:var(--space-2);padding:0 var(--space-6);border-radius:var(--radius-md);height:44px;font-family:var(--font-family);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-fast);border:0;font-weight:600;display:inline-flex}.setup-btn-primary{background:var(--gradient-blue);color:#fff}.setup-btn-primary:hover{opacity:.9;box-shadow:var(--shadow-glow-blue)}.setup-btn-success{background:var(--gradient-emerald);color:#fff}.setup-btn-success:hover{opacity:.9;box-shadow:var(--shadow-glow-emerald)}.setup-btn-outline{border:1px solid var(--color-border);color:var(--color-text-secondary);background:0 0}.setup-btn-outline:hover{color:var(--color-text-primary);background:#ffffff05}.setup-btn:disabled{opacity:.5;cursor:not-allowed}.setup-banner{align-items:center;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-md);font-size:var(--font-size-sm);margin-bottom:var(--space-6);display:flex}.setup-banner-error{background:var(--color-accent-rose-soft);color:var(--color-accent-rose);border:1px solid #f8717140}.setup-banner-success{background:var(--color-accent-emerald-soft);color:var(--color-accent-emerald);border:1px solid #34d39940}.setup-banner svg{flex-shrink:0}.setup-toggle-card{align-items:center;gap:var(--space-3);padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);margin-bottom:var(--space-6);cursor:pointer;background:#ffffff03;width:100%;display:flex}.setup-toggle-card input[type=checkbox]{width:18px;height:18px;accent-color:var(--color-accent-blue);cursor:pointer}.setup-toggle-card label{font-size:var(--font-size-sm);color:var(--color-text-primary);cursor:pointer;font-weight:600}.setup-success-step{text-align:center;padding:var(--space-6) 0}.setup-success-icon{color:var(--color-accent-emerald);margin-bottom:var(--space-4);filter:drop-shadow(0 0 15px #34d3994d)}