:root{--color-bg-primary:#fff;--color-bg-secondary:#f8f9fa;--color-bg-tertiary:#f0f2f5;--color-text-primary:#1a1a1a;--color-text-secondary:#525252;--color-text-tertiary:#757575;--color-text-inverse:#fff;--color-border:#e0e0e0;--color-border-light:#f0f0f0;--color-primary:#1d3557;--color-primary-light:#2d5a8c;--color-primary-lighter:#e8f0f8;--color-accent:#d4a574;--color-accent-light:#e6c9a8;--color-success:#2d6a4f;--color-success-light:#d1e7dd;--color-warning:#bf6f0e;--color-warning-light:#fff3cd;--color-error:#a60d1f;--color-error-light:#f8d7da;--color-info:#1d3557;--color-info-light:#cfe2ff;--shadow-xs:0 1px 2px rgba(29,53,87,.05);--shadow-sm:0 2px 4px rgba(29,53,87,.08);--shadow-md:0 4px 8px rgba(29,53,87,.12);--shadow-lg:0 12px 24px rgba(29,53,87,.15);--shadow-xl:0 20px 40px rgba(29,53,87,.18);--glass-bg:hsla(0,0%,100%,.7);--glass-border:rgba(29,53,87,.1);--glass-backdrop:blur(20px) saturate(180%);--font-display:"JetBrains Mono","Courier New",monospace;--font-body:-apple-system,BlinkMacSystemFont,"Segoe UI","Helvetica Neue",sans-serif;--font-size-xs:12px;--font-size-sm:14px;--font-size-base:16px;--font-size-lg:18px;--font-size-xl:20px;--font-size-2xl:24px;--font-size-3xl:32px;--font-size-4xl:40px;--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.2;--line-height-normal:1.5;--line-height-relaxed:1.75;--space-px:1px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--transition-fast:150ms cubic-bezier(0.4,0,0.2,1);--transition-base:250ms cubic-bezier(0.4,0,0.2,1);--transition-slow:350ms cubic-bezier(0.4,0,0.2,1);--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--z-dropdown:1000;--z-sticky:100;--z-fixed:1000;--z-modal-backdrop:2000;--z-modal:2100;--z-tooltip:3000}html[data-theme=dark]{--color-bg-primary:#0f1419;--color-bg-secondary:#1a1f2e;--color-bg-tertiary:#252d3d;--color-text-primary:#f5f5f5;--color-text-secondary:#b8bcc4;--color-text-tertiary:#8a8f98;--color-text-inverse:#0f1419;--color-border:#3a4452;--color-border-light:#2a3140;--color-primary:#a8c5df;--color-primary-light:#c5ddf5;--color-primary-lighter:#1a2840;--color-accent:#e6c9a8;--color-accent-light:#8b6f47;--color-success:#6cc24a;--color-success-light:#1e3f2e;--color-warning:#ffa726;--color-warning-light:#320;--color-error:#ef5350;--color-error-light:#3f0f1f;--color-info:#90caf9;--color-info-light:#1a3f5f;--shadow-xs:0 1px 2px rgba(0,0,0,.3);--shadow-sm:0 2px 4px rgba(0,0,0,.35);--shadow-md:0 4px 8px rgba(0,0,0,.4);--shadow-lg:0 12px 24px rgba(0,0,0,.45);--shadow-xl:0 20px 40px rgba(0,0,0,.5);--glass-bg:rgba(26,31,46,.6);--glass-border:rgba(168,197,223,.15);--glass-backdrop:blur(20px) saturate(140%)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;font-size:16px}body{background-color:var(--color-bg-primary);color:var(--color-text-primary);font-family:var(--font-body);font-size:var(--font-size-base);line-height:var(--line-height-normal);transition:background-color var(--transition-base),color var(--transition-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{color-scheme:light dark}html[data-theme=light]{color-scheme:light}html[data-theme=dark]{color-scheme:dark}h1{font-size:var(--font-size-4xl);margin-bottom:var(--space-6);letter-spacing:-.5px}h1,h2{font-weight:var(--font-weight-bold);line-height:var(--line-height-tight)}h2{font-size:var(--font-size-3xl);margin-bottom:var(--space-5);letter-spacing:-.25px}h3{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);margin-bottom:var(--space-4)}h4{font-size:var(--font-size-xl)}h4,h5,h6{font-weight:var(--font-weight-semibold);margin-bottom:var(--space-3)}h5,h6{font-size:var(--font-size-lg)}p{margin-bottom:var(--space-4)}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary-light);text-decoration:underline}.glass{border:1px solid var(--glass-border);border-radius:var(--radius-lg)}.glass,.glass-sm{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-backdrop);backdrop-filter:var(--glass-backdrop)}.glass-sm{border:1px solid var(--glass-border);border-radius:var(--radius-md)}.glass-card{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-backdrop);backdrop-filter:var(--glass-backdrop);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-sm);transition:all var(--transition-base)}.glass-card:hover{border-color:var(--color-accent);box-shadow:var(--shadow-md);transform:translateY(-2px)}.glass-input{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-backdrop);backdrop-filter:var(--glass-backdrop);border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);color:var(--color-text-primary);font-family:var(--font-body);transition:border-color var(--transition-fast)}.glass-input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px hsla(31,53%,64%,.1)}.kpi-tile{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-backdrop);backdrop-filter:var(--glass-backdrop);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--space-6);display:flex;flex-direction:column;transition:all var(--transition-base);position:relative;overflow:hidden}.kpi-tile:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--color-accent),transparent);opacity:0;transition:opacity var(--transition-base)}.kpi-tile:hover{border-color:var(--color-accent);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.kpi-tile:hover:before{opacity:1}.kpi-label{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.5px}.kpi-label,.kpi-value{margin-bottom:var(--space-3)}.kpi-value{font-family:var(--font-display);font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);color:var(--color-primary);line-height:1;letter-spacing:-1px}.kpi-subvalue{font-size:var(--font-size-sm);color:var(--color-text-tertiary);font-weight:var(--font-weight-normal)}.kpi-change{display:inline-block;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);margin-top:var(--space-2);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm)}.kpi-change.positive{background:rgba(45,106,79,.1);color:var(--color-success)}.kpi-change.negative{background:rgba(166,13,31,.1);color:var(--color-error)}.kpi-change.neutral{background:rgba(82,82,82,.1);color:var(--color-text-secondary)}.section-card{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);margin-bottom:var(--space-8)}.section-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--space-6);display:flex;align-items:center;gap:var(--space-3)}.section-title:before{content:"";width:4px;height:24px;background:var(--color-accent);border-radius:2px}.subsection-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--space-4);margin-top:var(--space-6)}.data-table{width:100%;border-collapse:collapse;background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.data-table thead{background:var(--color-bg-tertiary);border-bottom:1px solid var(--color-border)}.data-table th{text-align:left;font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px}.data-table td,.data-table th{padding:var(--space-4) var(--space-6);font-size:var(--font-size-sm)}.data-table td{border-bottom:1px solid var(--color-border);color:var(--color-text-primary)}.data-table tbody tr{transition:background-color var(--transition-fast)}.data-table tbody tr:hover{background-color:var(--color-bg-tertiary)}.data-table td.numeric{font-family:var(--font-display);text-align:right;font-weight:var(--font-weight-medium)}.data-table td.status{text-align:center}.badge{display:inline-block;padding:var(--space-1) var(--space-3);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.3px;white-space:nowrap}.badge-primary{background:rgba(29,53,87,.15);color:var(--color-primary)}.badge-accent{background:hsla(31,53%,64%,.15);color:var(--color-accent)}.badge-success{background:rgba(45,106,79,.15);color:var(--color-success)}.badge-warning{background:rgba(191,111,14,.15);color:var(--color-warning)}.badge-error{background:rgba(166,13,31,.15);color:var(--color-error)}.badge-ghost{background:transparent;border:1px solid var(--color-border);color:var(--color-text-secondary)}.pill{display:inline-block;padding:var(--space-2) var(--space-4);border-radius:999px;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.pill-primary{background:var(--color-primary-lighter);color:var(--color-primary)}.pill-accent{background:hsla(31,53%,64%,.2);color:var(--color-accent)}.button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);border:none;border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-fast);text-decoration:none;min-height:40px;font-family:var(--font-body)}.button:disabled{opacity:.6;cursor:not-allowed}.button-primary{background:var(--color-primary);color:var(--color-text-inverse)}.button-primary:hover:not(:disabled){background:var(--color-primary-light);box-shadow:var(--shadow-md)}.button-accent{background:var(--color-accent);color:#fff}.button-accent:hover:not(:disabled){background:var(--color-accent-light);box-shadow:var(--shadow-md)}.button-secondary{background:var(--color-bg-tertiary);color:var(--color-text-primary);border:1px solid var(--color-border)}.button-secondary:hover:not(:disabled){background:var(--color-bg-secondary);border-color:var(--color-accent)}.button-ghost{background:transparent;color:var(--color-primary);border:1px solid var(--color-border)}.button-ghost:hover:not(:disabled){background:var(--color-bg-tertiary);border-color:var(--color-accent)}.button-sm{padding:var(--space-2) var(--space-4);font-size:var(--font-size-xs);min-height:32px}.button-lg{padding:var(--space-4) var(--space-8);font-size:var(--font-size-base);min-height:48px}input,select,textarea{background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);font-family:var(--font-body);font-size:var(--font-size-base);color:var(--color-text-primary);transition:border-color var(--transition-fast)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px hsla(31,53%,64%,.1)}input::placeholder{color:var(--color-text-tertiary)}label{display:block;margin-bottom:var(--space-2);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.form-group{margin-bottom:var(--space-6)}.chart-container{background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);margin-bottom:var(--space-8);min-height:300px}.chart-container.glass{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-backdrop);backdrop-filter:var(--glass-backdrop);border:1px solid var(--glass-border)}.chart-container text{font-family:var(--font-display)}.chart-container .recharts-surface text,.chart-container .recharts-text,.chart-container text{fill:var(--color-text-secondary)}.chart-container .recharts-cartesian-axis-line{stroke:var(--color-border)}.chart-container .recharts-cartesian-axis-tick-value{fill:var(--color-text-tertiary)}.chart-legend{display:flex;flex-wrap:wrap;gap:var(--space-4);margin-top:var(--space-6);padding-top:var(--space-6);border-top:1px solid var(--color-border);font-size:var(--font-size-sm)}.chart-legend-item{display:flex;align-items:center;gap:var(--space-2)}.chart-legend-dot{width:8px;height:8px;border-radius:50%}.sidebar{position:fixed;left:0;top:0;height:100vh;width:256px;background:var(--color-bg-secondary);border-right:1px solid var(--color-border);display:flex;flex-direction:column;transition:width var(--transition-base);z-index:var(--z-fixed);overflow-y:auto;overflow-x:hidden}.sidebar.collapsed{width:72px}.sidebar-brand{padding:var(--space-6);border-bottom:1px solid var(--color-border);display:flex;align-items:center;justify-content:space-between;min-height:70px}.sidebar-brand-logo{font-family:var(--font-display);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-primary)}.sidebar.collapsed .sidebar-brand-logo{font-size:var(--font-size-lg)}.sidebar-nav{flex:1 1;padding:var(--space-4) 0;overflow-y:auto}.sidebar-nav-item{padding:var(--space-3) var(--space-4);margin:0 var(--space-2);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;gap:var(--space-3);color:var(--color-text-secondary);font-weight:var(--font-weight-medium);text-decoration:none;white-space:nowrap}.sidebar-nav-item:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.sidebar-nav-item.active{background:hsla(31,53%,64%,.1);color:var(--color-accent);border-left:3px solid var(--color-accent);padding-left:calc(var(--space-4) - 3px)}.sidebar.collapsed .sidebar-nav-item{justify-content:center;padding:var(--space-3);gap:0}.sidebar.collapsed .sidebar-nav-text{display:none}.sidebar-footer{padding:var(--space-6);border-top:1px solid var(--color-border);display:flex;gap:var(--space-3)}.sidebar.collapsed .sidebar-footer{padding:var(--space-3);justify-content:center}.topbar{position:fixed;top:0;left:256px;right:0;height:70px;background:var(--color-bg-primary);border-bottom:1px solid var(--color-border);display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-8);transition:left var(--transition-base);z-index:999}.sidebar.collapsed~.topbar{left:72px}.topbar-left{gap:var(--space-4)}.topbar-left,.topbar-right{display:flex;align-items:center}.topbar-right{gap:var(--space-6)}.topbar-user{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);cursor:pointer;transition:background-color var(--transition-fast)}.topbar-user:hover{background:var(--color-bg-tertiary)}.topbar-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--color-accent),var(--color-primary));display:flex;align-items:center;justify-content:center;color:#fff;font-weight:var(--font-weight-bold);font-size:var(--font-size-lg)}.main-content{margin-left:256px;margin-top:70px;padding:var(--space-8);background:var(--color-bg-primary);min-height:calc(100vh - 70px);transition:margin-left var(--transition-base)}.sidebar.collapsed~.main-content{margin-left:72px}.page-header{margin-bottom:var(--space-8)}.page-title{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--space-3)}.page-subtitle{font-size:var(--font-size-lg);color:var(--color-text-secondary);margin-bottom:var(--space-6)}.grid{display:grid;grid-gap:var(--space-8);gap:var(--space-8)}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}@media (max-width:1400px){.grid-4{grid-template-columns:repeat(3,1fr)}}@media (max-width:1024px){.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}.sidebar{width:72px}.topbar{left:72px}.main-content{margin-left:72px}.sidebar-nav-text{display:none}}@media (max-width:768px){.sidebar{position:absolute;width:72px;z-index:2000}.topbar{left:72px}.main-content{margin-left:72px}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}.container{width:100%;max-width:1400px;margin:0 auto}.row{display:flex;gap:var(--space-8);margin-bottom:var(--space-8)}.row.wrap{flex-wrap:wrap}.col{flex:1 1;min-width:0}.col-2{flex:2 1}.col-3{flex:3 1}.mt-3{margin-top:var(--space-3)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mt-8{margin-top:var(--space-8)}.mb-3{margin-bottom:var(--space-3)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.mb-8{margin-bottom:var(--space-8)}.px-4{padding-left:var(--space-4);padding-right:var(--space-4)}.px-6{padding-left:var(--space-6);padding-right:var(--space-6)}.py-4{padding-top:var(--space-4);padding-bottom:var(--space-4)}.py-6{padding-top:var(--space-6);padding-bottom:var(--space-6)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-bg-tertiary)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-accent)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}.fade-in{animation:fadeIn var(--transition-base)}.slide-up{animation:slideUp var(--transition-base)}.slide-in{animation:slideIn var(--transition-base)}@media print{.no-print,.sidebar,.topbar{display:none}.main-content{margin-left:0;margin-top:0}body{background:#fff;color:#000}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (prefers-contrast:more){.glass,.kpi-tile{border-width:2px}}