@font-face{font-family:Geist;font-style:normal;font-weight:300 800;font-display:swap;src:url(/fonts/geist-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist;font-style:normal;font-weight:300 800;font-display:swap;src:url(/fonts/geist-latin-ext.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Mono;font-style:normal;font-weight:300 800;font-display:swap;src:url(/fonts/geist-mono-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Mono;font-style:normal;font-weight:300 800;font-display:swap;src:url(/fonts/geist-mono-latin-ext.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}:root{--fuente-ui:"Geist", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--fuente-mono:"Geist Mono", ui-monospace, "SF Mono", Menlo, monospace;--primary-50:#eff8ff;--primary-100:#dbedff;--primary-200:#b6dcff;--primary-300:#7bc1ff;--primary-400:#34a4fa;--primary-500:#0094ff;--primary-600:#07c;--primary-700:#0061a8;--primary-800:#0a4a7d;--primary-900:#0c2d4d;--primary-950:#08192e;--chip:var(--accent-primary);--chip-success:var(--accent-success);--chip-warning:var(--accent-warning);--chip-error:var(--accent-danger);--bg-base:#070d1a;--bg-primary:#0b1425;--bg-secondary:#0f1c30;--bg-elevated:#152035;--bg-glass:#0b1425d9;--bg-glass-hover:#152035eb;--bg-card:#111d2e;--bg-surface:#0d1828;--bg-input:#0f1b2a;--bg-modal:#0d1828;--bg-dropdown:#111d2e;--bg-tooltip:#1a2a42;--text-primary:#edf2ff;--text-secondary:#a3b8da;--text-muted:#6b80a6;--accent-primary:var(--primary-500);--accent-primary-hover:var(--primary-400);--accent-primary-dim:#0094ff1f;--accent-secondary:#7c6bff;--accent-success:#22d3a0;--accent-success-dim:#22d3a01f;--accent-warning:#f59e0b;--accent-warning-dim:#f59e0b1f;--accent-danger:#f25b5b;--accent-danger-dim:#f25b5b1f;--border-color:#5a82c81c;--border-hover:#5a82c838;--border-active:#4f87ff73;--shadow-sm:0 1px 4px #00000059;--shadow-md:0 4px 20px #00000073;--shadow-lg:0 8px 40px #0000008c;--shadow-glow:0 0 24px #4f87ff2e;--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;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--t-fast:.12s ease;--t-base:.2s ease;--t-slow:.35s ease;--sidebar-width:256px;--topbar-height:0px;--bg-sidebar:#070d1af2}[data-theme=light]{--bg-base:#f4f6fb;--bg-primary:#fff;--bg-secondary:#eceff5;--bg-elevated:#fff;--bg-glass:#ffffffd1;--bg-glass-hover:#eef1f7eb;--bg-sidebar:#fffffff2;--bg-card:#fff;--bg-surface:#f3f5f9;--bg-input:#fff;--bg-modal:#fff;--bg-dropdown:#fff;--bg-tooltip:#1f2937;--text-primary:#0f172a;--text-secondary:#48546b;--text-muted:#6b7690;--accent-primary:var(--primary-600);--accent-primary-hover:var(--primary-700);--accent-primary-dim:#0077cc1a;--border-color:#0f172a1a;--border-hover:#0f172a33;--border-active:#2563eb73;--shadow-sm:0 1px 4px #0f172a0f;--shadow-md:0 4px 20px #0f172a14;--shadow-lg:0 8px 40px #0f172a1f;--shadow-glow:0 0 24px #0094ff26}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--fuente-ui);color:var(--text-primary);background-color:var(--bg-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;background-image:radial-gradient(80% 60% at 10% 0,#4f87ff12 0%,#0000 55%),radial-gradient(60% 40% at 90% 100%,#7c6bff0d 0%,#0000 50%),radial-gradient(40% 30% at 55% 40%,#22d3a008 0%,#0000 40%);min-height:100vh;font-size:.9375rem;line-height:1.6}a{color:var(--accent-primary);transition:color var(--t-base);text-decoration:none}a:hover{color:var(--accent-primary-hover)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#4f87ff40;border-radius:99px}::-webkit-scrollbar-thumb:hover{background:#4f87ff73}h1,h2,h3,h4,h5,h6{letter-spacing:-.02em;color:var(--text-primary);font-weight:600;line-height:1.25}h1{font-size:20px}h2{font-size:18px}h3{font-size:16px}p{color:var(--text-secondary)}code{font-family:var(--fuente-mono);color:#7eb3ff;background:#4f87ff1a;border:1px solid #4f87ff26;border-radius:4px;padding:.1em .4em;font-size:.82em}.app-container{min-height:100vh;display:flex}.main-content{min-width:0;padding:var(--space-8);flex:1;height:100vh;overflow-y:auto}.glass-panel{background:var(--bg-glass);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--space-6);transition:border-color var(--t-base), background var(--t-base)}.glass-panel.hoverable:hover{background:var(--bg-glass-hover);border-color:var(--border-hover);box-shadow:var(--shadow-md), var(--shadow-glow)}.sidebar{width:var(--sidebar-width);min-width:var(--sidebar-width);background:var(--bg-sidebar);-webkit-backdrop-filter:blur(24px);border-right:1px solid var(--border-color);flex-direction:column;height:100vh;display:flex;position:sticky;top:0;overflow:hidden}.sidebar-logo{padding:var(--space-6) var(--space-5);border-bottom:1px solid var(--border-color);flex-shrink:0;position:relative}.sidebar,.main-content{transition:width .2s ease-out,min-width .2s ease-out}.sidebar.colapsado{width:64px;min-width:64px}.sidebar.colapsado .sidebar-logo,.sidebar.colapsado .sidebar-footer{padding-left:var(--space-2);padding-right:var(--space-2)}.sidebar-toggle{top:var(--space-3);right:var(--space-3);border:1px solid var(--border-color);background:var(--bg-glass);width:22px;height:22px;color:var(--text-muted);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;padding:0;transition:color .12s,border-color .12s;display:inline-flex;position:absolute}.sidebar-toggle:hover{color:var(--text-primary);border-color:var(--border-hover)}.sidebar.colapsado .sidebar-toggle{margin:var(--space-2) auto 0;display:flex;position:static}@media (width<=900px){.sidebar-toggle{display:none}.sidebar.colapsado{width:var(--sidebar-width);min-width:var(--sidebar-width)}}.panel-nav{gap:var(--space-2);margin-bottom:var(--space-5);padding-bottom:var(--space-4);border-bottom:1px solid var(--border-color);flex-wrap:wrap;display:flex}.panel-nav-item{align-items:center;gap:var(--space-2);border:1px solid var(--border-color);background:var(--bg-glass);color:var(--text-secondary);border-radius:8px;padding:.42rem .75rem;font-size:.78rem;font-weight:600;text-decoration:none;transition:color .12s,border-color .12s,background .12s;display:inline-flex}.panel-nav-item:hover{color:var(--text-primary);border-color:var(--border-hover)}.panel-nav-item.activo{color:var(--accent-primary);border-color:var(--accent-primary);background:color-mix(in srgb, var(--accent-primary) 12%, transparent)}.sidebar-usuario{align-items:center;gap:var(--space-3);padding:var(--space-2);margin-bottom:var(--space-3);color:inherit;border-radius:10px;text-decoration:none;transition:background .12s;display:flex}.sidebar-usuario:hover{background:var(--bg-glass-hover)}.sidebar.colapsado .sidebar-usuario{justify-content:center;gap:0}.sidebar-avatar{object-fit:cover;border:1px solid var(--border-color);border-radius:50%;flex-shrink:0;width:32px;height:32px}.sidebar-avatar-inicial{background:var(--bg-glass-hover);color:var(--text-secondary);letter-spacing:.02em;justify-content:center;align-items:center;font-size:.72rem;font-weight:700;display:inline-flex}.sidebar-nav{flex-direction:column;flex:1;gap:4px;padding:12px;display:flex;overflow:hidden auto}.sidebar.colapsado .sidebar-nav{padding:8px}.sidebar.colapsado .sidebar-buscador span,.sidebar.colapsado .sidebar-buscador kbd{display:none}.sidebar.colapsado .sidebar-buscador{justify-content:center;padding-left:0;padding-right:0}.grupo-nav{margin-bottom:var(--space-2)}.grupo-nav__cabecera{width:100%;color:var(--text-secondary);cursor:pointer;transition:color var(--t-fast), background var(--t-fast);background:0 0;border:none;border-radius:8px;justify-content:space-between;align-items:center;padding:8px 12px;font-family:inherit;font-size:14px;font-weight:500;display:flex}.grupo-nav__cabecera:hover{color:var(--text-primary);background:var(--bg-glass-hover)}.grupo-nav__cabecera.activo{color:var(--accent-primary);background:color-mix(in srgb, var(--accent-primary) 10%, transparent)}.grupo-nav__titulo{align-items:center;gap:12px;display:flex}.grupo-nav__titulo svg{opacity:.75;flex-shrink:0}.grupo-nav__cabecera.activo .grupo-nav__titulo svg{opacity:1}.grupo-nav__chevron{opacity:.6;flex-shrink:0;transition:transform .2s}.grupo-nav__chevron.abierto{transform:rotate(90deg)}.grupo-nav__items{flex-direction:column;gap:2px;margin-top:4px;padding-left:16px;display:flex}.grupo-contraido{margin-bottom:4px;position:relative}.grupo-contraido__boton{width:100%;color:var(--text-muted);cursor:pointer;transition:color var(--t-fast), background var(--t-fast);background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:10px 8px;display:flex}.grupo-contraido__boton:hover{color:var(--text-primary);background:var(--bg-glass-hover)}.grupo-contraido__boton.activo{color:var(--accent-primary);background:color-mix(in srgb, var(--accent-primary) 10%, transparent)}.grupo-flotante{z-index:60;background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;width:256px;padding:8px 0;box-shadow:0 10px 30px #00000059}.grupo-flotante__titulo{border-bottom:1px solid var(--border-color);text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);align-items:center;gap:8px;margin-bottom:4px;padding:6px 12px;font-size:12px;font-weight:600;display:flex}.grupo-flotante__titulo svg{opacity:.7;flex-shrink:0}.grupo-flotante__items{flex-direction:column;gap:2px;padding:0 4px;display:flex}.grupo-flotante__items .nav-link{margin:0}.grupo-flotante__items .nav-link>span{display:inline!important}.nav-link{color:var(--text-muted);transition:all var(--t-fast);white-space:nowrap;border:1px solid #0000;border-radius:8px;align-items:center;gap:12px;margin:0;padding:8px 12px;font-size:14px;font-weight:500;text-decoration:none;display:flex;overflow:hidden}.nav-link>span{text-overflow:ellipsis;flex:1;overflow:hidden}.nav-link:hover{color:var(--text-secondary);background:#4f87ff0f;border-color:#4f87ff14}.nav-link.active{color:var(--accent-primary);background:#4f87ff1f;border-color:#4f87ff33;font-weight:600}.nav-link svg{opacity:.8;flex-shrink:0}.nav-link.active svg{opacity:1}.sidebar-footer{padding:var(--space-4) var(--space-3);border-top:1px solid var(--border-color);flex-shrink:0}.btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);cursor:pointer;transition:all var(--t-fast);white-space:nowrap;border:1px solid #0000;font-family:inherit;font-size:.84rem;font-weight:600;text-decoration:none;display:inline-flex}.btn:disabled{opacity:.45;cursor:not-allowed;pointer-events:none}.btn-primary{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary-hover);box-shadow:0 2px 8px #4f87ff4d}.btn-primary:hover{background:var(--accent-primary-hover);transform:translateY(-1px);box-shadow:0 4px 16px #4f87ff66}.btn-glass{border-color:var(--border-color);color:var(--text-secondary);background:#ffffff0a}.btn-glass:hover{border-color:var(--border-hover);color:var(--text-primary);background:#ffffff14}.btn-danger{background:var(--accent-danger-dim);color:var(--accent-danger);border-color:#f25b5b40}.btn-danger:hover{background:var(--accent-danger);border-color:var(--accent-danger);color:#fff}.btn-success{background:var(--accent-success-dim);color:var(--accent-success);border-color:#22d3a040}.btn-success:hover{background:var(--accent-success);border-color:var(--accent-success);color:#042e22}.btn-icon{padding:var(--space-2);border-radius:var(--radius-sm)}input,select,textarea{color:var(--text-primary);background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);width:100%;transition:border-color var(--t-fast), box-shadow var(--t-fast), background var(--t-fast);outline:none;font-family:inherit;font-size:.88rem}input::placeholder,textarea::placeholder{color:var(--text-muted)}input:focus,select:focus,textarea:focus{border-color:var(--accent-primary);background:#4f87ff0a;box-shadow:0 0 0 3px #4f87ff1f}select option{background:var(--bg-elevated);color:var(--text-primary)}label{color:var(--text-secondary);margin-bottom:var(--space-2);letter-spacing:.02em;font-size:.8rem;font-weight:600;display:block}.table-container{border-radius:var(--radius-lg);border:1px solid var(--border-color);width:100%;overflow-x:auto}table{border-collapse:collapse;font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1;width:100%;font-size:.86rem}.tabular-nums{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}thead{z-index:1;position:sticky;top:0}th{padding:var(--space-3) var(--space-4);color:var(--text-muted);text-transform:uppercase;letter-spacing:.07em;text-align:left;white-space:nowrap;border-bottom:1px solid var(--border-color);background:#0000004d;font-size:.71rem;font-weight:700}td{padding:var(--space-3) var(--space-4);vertical-align:middle;color:var(--text-secondary);border-bottom:1px solid #ffffff09}td:first-child{color:var(--text-primary)}tr:last-child td{border-bottom:none}tr:hover td{color:var(--text-primary);background:#4f87ff09}.badge{letter-spacing:.04em;white-space:nowrap;border-radius:99px;align-items:center;gap:4px;padding:.15rem .5rem;font-size:.68rem;font-weight:700;display:inline-flex}.badge-success{background:var(--accent-success-dim);color:var(--accent-success);border:1px solid #22d3a033}.badge-warning{background:var(--accent-warning-dim);color:var(--accent-warning);border:1px solid #f59e0b33}.badge-danger{background:var(--accent-danger-dim);color:var(--accent-danger);border:1px solid #f25b5b33}.badge-primary{background:var(--accent-primary-dim);color:var(--accent-primary);border:1px solid #4f87ff33}.badge-muted{color:var(--text-muted);background:#4d608026;border:1px solid #4d608033}.divider{background:var(--border-color);height:1px;margin:var(--space-4) 0}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{border-radius:var(--radius-sm);background:linear-gradient(90deg,#ffffff0a 25%,#ffffff14 50%,#ffffff0a 75%) 0 0/200% 100%;animation:1.5s ease-in-out infinite shimmer}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 #4f87ff00}50%{box-shadow:0 0 16px 2px #4f87ff33}}.animate-fade-in{animation:.3s ease-out forwards fadeIn}.animate-slide-in{animation:.25s ease-out forwards slideInRight}.spin{animation:.9s linear infinite spin;display:inline-block}.skeleton-shimmer{background:linear-gradient(90deg,#ffffff0f 25%,#ffffff24 37%,#ffffff0f 63%) 0 0/400% 100%;animation:1.4s ease-in-out infinite shimmer}@media (prefers-reduced-motion:reduce){.skeleton-shimmer{background:#ffffff14;animation:none}.sidebar,.main-content{transition:none}}.status-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px;display:inline-block}.status-dot.online{background:var(--accent-success);box-shadow:0 0 6px var(--accent-success)}.status-dot.offline{background:var(--accent-danger)}.status-dot.warning{background:var(--accent-warning)}[title]{cursor:help}:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px;border-radius:var(--radius-sm)}:focus:not(:focus-visible),input:focus-visible,select:focus-visible,textarea:focus-visible{outline:none}.btn:active:not(:disabled){transform:scale(.97)}.nav-link:active{transform:scale(.985)}:root[data-alto-contraste]{--text-secondary:#d6e4ff;--text-muted:#a9bcdd;--border-color:#ffffff38;--border-hover:#ffffff57}:root[data-alto-contraste][data-theme=light]{--text-secondary:#1b2c47;--text-muted:#33475f;--border-color:#00000042;--border-hover:#00000061}:root[data-menos-movimiento] *,:root[data-menos-movimiento] :before,:root[data-menos-movimiento] :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.spin{animation:.9s linear infinite spin}}.modulo-header{margin-bottom:var(--space-6);border-bottom:1px solid var(--border-color);align-items:flex-start;gap:12px;padding-bottom:16px;display:flex}.modulo-header__chip{border-radius:8px;flex-shrink:0;place-items:center;width:40px;height:40px;display:grid}.modulo-header__texto{flex:1;min-width:0}.modulo-header__grupo{text-transform:uppercase;letter-spacing:.05em;font-size:11px;font-weight:600;line-height:1.3}.modulo-header__texto h1{margin:0}.modulo-header__descripcion{color:var(--text-muted);margin-top:2px;font-size:14px;line-height:1.5}.modulo-header__acciones{flex-wrap:wrap;flex-shrink:0;justify-content:flex-end;align-items:center;gap:8px;display:flex}@media (width<=640px){.modulo-header{flex-wrap:wrap}.modulo-header__acciones{justify-content:flex-start;width:100%}}.page-header{margin-bottom:var(--space-8);justify-content:space-between;align-items:flex-start;gap:var(--space-4);display:flex}.page-header h1{margin-bottom:.2rem}.page-header p{font-size:14px}.empty-state{text-align:center;padding:var(--space-10) var(--space-8);color:var(--text-muted)}.empty-state svg{opacity:.25;margin-bottom:var(--space-4)}.empty-state p{margin-top:var(--space-2);font-size:.88rem}.tab-strip{border-radius:var(--radius-lg);border:1px solid var(--border-color);background:#00000040;gap:2px;width:fit-content;padding:3px;display:flex}.tab-btn{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);cursor:pointer;color:var(--text-muted);transition:all var(--t-fast);white-space:nowrap;background:0 0;border:none;font-family:inherit;font-size:.82rem;font-weight:600;display:flex}.tab-btn:hover{color:var(--text-secondary);background:#ffffff0a}.tab-btn.active{background:var(--accent-primary);color:#fff;box-shadow:var(--shadow-sm)}.kpi-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(190px,1fr));display:grid}.kpi-card{background:var(--bg-card);border:1px solid var(--border-color);text-align:left;transition:border-color var(--t-base), box-shadow var(--t-base), background var(--t-base);border-radius:16px;flex-direction:column;font-family:inherit;display:flex}.kpi-card:hover{box-shadow:var(--shadow-md);border-color:var(--border-hover)}.kpi-card--clic{cursor:pointer}.kpi-card--activo{border-color:var(--accent-primary);box-shadow:0 0 0 2px color-mix(in srgb, var(--accent-primary) 18%, transparent)}.kpi-card--clic:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.kpi-card__cabecera{align-items:center;gap:8px;display:flex}.kpi-card__icono{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.kpi-card__etiqueta{text-transform:uppercase;letter-spacing:.06em;min-width:0;color:var(--text-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;flex:1;font-weight:600;line-height:1.375;display:-webkit-box;overflow:hidden}.kpi-card__cifra{letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;font-weight:700;line-height:1.25;overflow:hidden}.kpi-card__pista{min-height:16px;color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;line-height:1.45;overflow:hidden}.kpi-card__cargando{background:linear-gradient(90deg, var(--border-color) 25%, var(--border-hover) 50%, var(--border-color) 75%);background-size:200% 100%;border-radius:4px;width:55%;height:1em;animation:1.4s ease-in-out infinite kpi-brillo;display:inline-block}@keyframes kpi-brillo{to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){.kpi-card__cargando{animation:none}}.mobile-topbar{display:none}.sidebar-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:70;background:#0000008c;display:none;position:fixed;inset:0}@media (width<=1180px){.main-content{padding:var(--space-6)}}@media (width<=1024px){:root{--sidebar-width:208px}.kpi-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}}@media (width<=768px){.app-container{flex-direction:column}.mobile-topbar{align-items:center;gap:var(--space-3);z-index:60;padding:var(--space-3) var(--space-4);background:var(--bg-sidebar);-webkit-backdrop-filter:blur(24px);border-bottom:1px solid var(--border-color);display:flex;position:sticky;top:0}.sidebar{z-index:80;transition:transform var(--t-slow);box-shadow:var(--shadow-lg);position:fixed;top:0;left:0;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.sidebar.open~.sidebar-backdrop,.sidebar-backdrop.visible{display:block}.main-content{padding:var(--space-4);height:auto;min-height:calc(100vh - 57px)}h1{font-size:18px}.page-header{flex-direction:column}.tab-strip{width:100%;overflow-x:auto}}@media (width<=480px){.main-content{padding:var(--space-3)}.kpi-grid{grid-template-columns:1fr}}