:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--primary:#004253;--primary-container:#005b71;--primary-fixed:#b7eaff;--primary-fixed-dim:#8dd0e9;--on-primary:#fff;--on-primary-fixed:#001f28;--tertiary:#044;--tertiary-container:#005d5d;--tertiary-fixed:#7df5f5;--tertiary-fixed-dim:#5dd9d8;--on-tertiary:#fff;--on-tertiary-fixed:#002020;--secondary:#516164;--secondary-container:#d4e6e9;--on-secondary:#fff;--on-secondary-container:#57676a;--error:#ba1a1a;--error-container:#ffdad6;--on-error:#fff;--on-error-container:#93000a;--surface:#f8fafb;--surface-container-lowest:#fff;--surface-container-low:#f2f4f5;--surface-container:#eceeef;--surface-container-high:#e6e8e9;--surface-container-highest:#e1e3e4;--surface-dim:#d8dadb;--surface-variant:#e1e3e4;--on-surface:#191c1d;--on-surface-variant:#40484c;--outline:#70787d;--outline-variant:#bfc8cc;--inverse-surface:#2e3132;--inverse-on-surface:#eff1f2;--inverse-primary:#8dd0e9;--brand-success:#044;--brand-success-soft:#00444414;--brand-warning:#f59e0b;--brand-warning-soft:#f59e0b14;--brand-danger:#ba1a1a;--brand-danger-soft:#ba1a1a14;--brand-info:#004253;--brand-info-soft:#00425314;--chart-1:#004253;--chart-2:#044;--chart-3:#005b71;--chart-4:#ba1a1a;--chart-5:#516164;--chart-6:#8dd0e9;--chart-7:#5dd9d8;--chart-8:#b7eaff;--shadow-xs:0 1px 2px #001f2808;--shadow-sm:0 2px 8px #001f280a;--shadow-md:0 4px 16px #001f280d;--shadow-lg:0 12px 32px #001f280f;--shadow-xl:0 20px 40px #001f280f;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--radius-xl:12px;--radius-2xl:16px;--radius-full:9999px;--space-1:4px;--space-2:8px;--space-2-5:10px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--font-headline:"Manrope", -apple-system, BlinkMacSystemFont, sans-serif;--font-body:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", sans-serif;--font-mono:"SF Mono", "Fira Code", monospace;--sidebar-width:256px;--max-content-width:1440px}*{box-sizing:border-box}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{font-family:var(--font-body);background-color:var(--surface);color:var(--on-surface);min-height:100vh;margin:0;font-size:14px;line-height:1.5}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;background:0 0;border:none}.app-layout{min-height:100vh;display:flex}.sidebar{width:var(--sidebar-width);background:var(--surface-container-low);z-index:50;padding:var(--space-4);flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:0}.sidebar-header{padding:var(--space-2) var(--space-2);margin-bottom:var(--space-8);flex-direction:column;display:flex}.sidebar-brand{flex-direction:column;gap:2px;display:flex}.brand-name{font-family:var(--font-headline);color:var(--primary);letter-spacing:-.03em;font-size:1.25rem;font-weight:800}.brand-tagline{text-transform:uppercase;letter-spacing:.2em;color:var(--outline);font-size:.625rem;font-weight:700}.sidebar-nav{gap:var(--space-6);flex-direction:column;flex:1;display:flex;overflow-y:auto}.nav-group{gap:var(--space-1);flex-direction:column;display:flex}.nav-group-label{font-family:var(--font-headline);text-transform:uppercase;letter-spacing:.15em;color:var(--outline);padding:var(--space-2) var(--space-3);margin-bottom:var(--space-1);font-size:.6875rem;font-weight:700}.nav-link{align-items:center;gap:var(--space-3);padding:var(--space-2-5) var(--space-3);border-radius:var(--radius-lg);color:var(--on-surface-variant);font-family:var(--font-headline);font-size:.875rem;font-weight:500;transition:all .15s;display:flex}.nav-link:hover{color:var(--primary);background:#0042530a}.nav-link-active{background:var(--surface-container-lowest);color:var(--primary);box-shadow:var(--shadow-sm)}.nav-icon{flex-shrink:0;width:18px;height:18px}.sidebar-footer{padding-top:var(--space-4);margin-top:var(--space-4)}.user-info{align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-lg);background:var(--surface-container-lowest);box-shadow:var(--shadow-xs);display:flex}.user-avatar{border-radius:var(--radius-full);background:linear-gradient(135deg, var(--primary), var(--primary-container));color:#fff;width:32px;height:32px;font-family:var(--font-headline);justify-content:center;align-items:center;font-size:.75rem;font-weight:700;display:flex}.user-details{flex:1;min-width:0}.user-name{font-family:var(--font-headline);color:var(--on-surface);white-space:nowrap;text-overflow:ellipsis;font-size:.8125rem;font-weight:600;overflow:hidden}.user-email{color:var(--outline);white-space:nowrap;text-overflow:ellipsis;font-size:.6875rem;overflow:hidden}.main-content{margin-left:var(--sidebar-width);flex:1;min-height:100vh}.content-area{padding:var(--space-10);max-width:var(--max-content-width);margin:0 auto}h1,h2,h3,h4,h5,h6{font-family:var(--font-headline);letter-spacing:-.02em;color:var(--primary);margin:0;font-weight:700}h1{font-size:2rem;font-weight:800;line-height:1.2}h2{font-size:1.5rem;line-height:1.3}h3{font-size:1.125rem;line-height:1.4}h4{font-size:1rem;line-height:1.4}p{margin:0}.text-muted{color:var(--on-surface-variant)}.text-secondary{color:var(--secondary)}.card{background:var(--surface-container-lowest);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);transition:box-shadow .2s;overflow:hidden}.card:hover{box-shadow:var(--shadow-md)}.card-header{padding:var(--space-5) var(--space-6);justify-content:space-between;align-items:center;gap:var(--space-4);display:flex}.card-title{font-family:var(--font-headline);color:var(--primary);margin:0;font-size:1rem;font-weight:700}.card-subtitle{color:var(--on-surface-variant);margin:var(--space-1) 0 0;font-size:.8125rem}.card-body{padding:var(--space-5) var(--space-6)}.card-footer{padding:var(--space-4) var(--space-6);background:var(--surface-container-low)}.metric-card{background:var(--surface-container-lowest);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-sm);transition:all .2s}.metric-card:hover{box-shadow:var(--shadow-lg)}.metric-label{text-transform:uppercase;letter-spacing:.15em;color:var(--outline);margin-bottom:var(--space-3);font-size:.625rem;font-weight:700}.metric-value{font-family:var(--font-headline);color:var(--on-surface);letter-spacing:-.03em;font-size:1.75rem;font-weight:800}.metric-change{align-items:center;gap:var(--space-1);margin-top:var(--space-2);font-size:.75rem;font-weight:600;display:inline-flex}.metric-change-positive{color:var(--tertiary)}.metric-change-negative{color:var(--error)}.btn{justify-content:center;align-items:center;gap:var(--space-2);height:36px;padding:0 var(--space-4);border-radius:var(--radius-md);font-family:var(--font-headline);white-space:nowrap;font-size:.8125rem;font-weight:600;transition:all .15s;display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--primary), var(--primary-container));color:var(--on-primary);box-shadow:var(--shadow-sm), 0 4px 12px #00425333}.btn-primary:hover{opacity:.9;box-shadow:var(--shadow-md), 0 6px 16px #00425340}.btn-secondary{background:var(--secondary-container);color:var(--on-secondary-container)}.btn-secondary:hover{background:var(--surface-container-high);color:var(--on-surface)}.btn-ghost{color:var(--primary);background:0 0}.btn-ghost:hover{background:var(--surface-variant)}.btn-sm{height:28px;padding:0 var(--space-3);font-size:.75rem}.btn-lg{height:44px;padding:0 var(--space-6);font-size:.875rem}.btn-icon{width:36px;padding:0}.badge{align-items:center;gap:var(--space-1);height:22px;padding:0 var(--space-2-5);border-radius:var(--radius-full);font-family:var(--font-headline);letter-spacing:.01em;font-size:.6875rem;font-weight:700;line-height:1;display:inline-flex}.badge-default{background:var(--surface-container);color:var(--on-surface-variant)}.badge-primary{background:var(--primary-fixed);color:var(--on-primary-fixed)}.badge-success{color:var(--tertiary);background:#7df5f54d}.badge-warning{background:var(--brand-warning-soft);color:#92400e}.badge-danger{background:var(--error-container);color:var(--on-error-container)}.badge-info{background:var(--primary-fixed);color:var(--on-primary-fixed)}.table-container{background:var(--surface-container-lowest);border-radius:var(--radius-xl);overflow-x:auto}.table{border-collapse:collapse;width:100%;font-size:.875rem}.table th{padding:var(--space-3) var(--space-6);text-align:left;font-family:var(--font-headline);text-transform:uppercase;letter-spacing:.1em;color:var(--outline);background:var(--surface-container-low);font-size:.6875rem;font-weight:700}.table td{padding:var(--space-3) var(--space-6);color:var(--on-surface-variant)}.table tbody tr{transition:background .1s}.table tbody tr:hover{background:var(--surface-container-low)}.table tbody tr+tr td{border-top:1px solid var(--surface-container)}.form-group{gap:var(--space-2);flex-direction:column;display:flex}.form-label{font-family:var(--font-headline);color:var(--on-surface-variant);font-size:.8125rem;font-weight:600}.form-input{height:40px;padding:0 var(--space-3);border-radius:var(--radius-md);background:var(--surface-container-highest);color:var(--on-surface);border:none;font-size:.875rem;transition:all .15s}.form-input:focus{outline:none;box-shadow:inset 0 0 0 2px #00425366}.form-input::placeholder{color:var(--outline)}.form-select{height:40px;padding:0 var(--space-3);border-radius:var(--radius-md);background:var(--surface-container-highest);color:var(--on-surface);cursor:pointer;border:none;font-size:.875rem}.chart-container{width:100%;min-width:0;height:320px}.chart-container-tall{min-width:0;height:400px}.chart-container-small{min-width:0;height:240px}.grid{gap:var(--space-6);display:grid}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.grid-auto{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.items-end{align-items:flex-end}.justify-between{justify-content:space-between}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.stack{gap:var(--space-10);flex-direction:column;display:flex}.section-header{justify-content:space-between;align-items:flex-end;gap:var(--space-6);display:flex}.section-title{gap:var(--space-1);flex-direction:column;display:flex}.section-description{color:var(--on-surface-variant);font-size:.875rem}.section-actions{align-items:center;gap:var(--space-2);flex-shrink:0;display:flex}.section-divider{align-items:center;gap:var(--space-4);display:flex}.section-divider:after{content:"";background:var(--outline-variant);opacity:.3;flex:1;height:1px}.empty-state{padding:var(--space-12);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.empty-state-icon{width:64px;height:64px;margin-bottom:var(--space-4);color:var(--outline);opacity:.4}.empty-state-title{font-family:var(--font-headline);color:var(--primary);margin-bottom:var(--space-2);font-size:1.125rem;font-weight:700}.empty-state-description{color:var(--on-surface-variant);max-width:400px;font-size:.875rem}.skeleton{background:linear-gradient(90deg, var(--surface-container-low) 25%, var(--surface-container) 50%, var(--surface-container-low) 75%);border-radius:var(--radius-md);background-size:200% 100%;animation:1.5s ease-in-out infinite skeleton-loading}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}@media (max-width:1024px){.grid-4{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.sidebar{transition:transform .3s;transform:translate(-100%)}.sidebar-open{transform:translate(0)}.main-content{margin-left:0}.content-area{padding:var(--space-5)}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.section-header{align-items:flex-start;gap:var(--space-3);flex-direction:column}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--outline-variant);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--outline)}