:root,[data-theme=light]{--primary:#81BB42;--primary-hover:#6fa336;--primary-light:#e8f5d6;--primary-rgb:129,187,66;--primary-dark:#203444;--accent:#81BB42;--accent-hover:#6fa336;--accent-dark:#4a7a20;--accent-rgb:129,187,66;--accent-primary:var(--accent);--color-warning:var(--warning);--color-danger:var(--danger);--color-success:var(--success);--surface-base:var(--surface-bg);--font-mono:"SF Mono","Cascadia Code","JetBrains Mono",Menlo,Consolas,monospace;--secondary:#203444;--secondary-light:#2d4a5e;--secondary-rgb:32,52,68;--success:#81BB42;--success-light:#e8f5d6;--warning:#f59e0b;--warning-light:#fef3c7;--danger:#ef4444;--danger-light:#fee2e2;--info:#06b6d4;--info-light:#cffafe;--surface-bg:#f1f5f9;--surface-card:#ffffff;--surface-elevated:#ffffff;--surface-overlay:rgba(255,255,255,0.92);--surface-hover:#f8fafc;--text-primary:#203444;--text-secondary:#5a7282;--text-tertiary:#8fa3b0;--text-inverse:#ffffff;--text-on-accent:#ffffff;--border-color:#e2e8f0;--border-light:#f1f5f9;--glass-bg:rgba(255,255,255,0.65);--glass-bg-strong:rgba(255,255,255,0.85);--glass-blur:20px;--glass-border:rgba(255,255,255,0.5);--glass-shadow:0 4px 30px rgba(32,52,68,0.06);--glass-shadow-lg:0 8px 40px rgba(32,52,68,0.1);--glass-highlight:linear-gradient(135deg,rgba(255,255,255,0.5),rgba(255,255,255,0) 50%);--sidebar-bg:#203444;--sidebar-text:rgba(255,255,255,0.7);--sidebar-text-active:#ffffff;--sidebar-icon:rgba(255,255,255,0.5);--sidebar-icon-active:#81BB42;--sidebar-section:rgba(255,255,255,0.3);--sidebar-hover:rgba(255,255,255,0.06);--sidebar-active-bg:rgba(129,187,66,0.12);--sidebar-width:72px;--topbar-bg:rgba(255,255,255,0.75);--topbar-height:64px;--bottomnav-bg:rgba(255,255,255,0.7);--bottomnav-height:80px;--card-radius:16px;--card-padding:24px;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-size-xs:0.75rem;--font-size-sm:0.8125rem;--font-size-base:0.875rem;--font-size-md:1rem;--font-size-lg:1.125rem;--font-size-xl:1.5rem;--font-size-2xl:2rem;--font-size-3xl:2.5rem;--heading-weight:700;--body-weight:400;--medium-weight:500;--semibold-weight:600;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-full:9999px;--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);--z-sidebar:100;--z-topbar:90;--z-bottomnav:100;--z-modal:9000;--z-toast:10000;--chart-1:#81BB42;--chart-2:#203444;--chart-3:#06b6d4;--chart-4:#8b5cf6;--chart-5:#f59e0b;--chart-6:#ec4899;--metric-bg-1:linear-gradient(135deg,#203444,#2d4a5e);--metric-bg-2:linear-gradient(135deg,#81BB42,#6fa336);--metric-bg-3:linear-gradient(135deg,#7c3aed,#6d28d9);--metric-bg-4:linear-gradient(135deg,#ea580c,#c2410c);--metric-bg-5:linear-gradient(135deg,#0891b2,#0e7490);--metric-bg-warn:linear-gradient(135deg,#d97706,#b45309)}[data-theme=dark]{--surface-bg:#0d1a24;--surface-card:#162432;--surface-elevated:#1e3040;--surface-overlay:rgba(22,36,50,0.92);--surface-hover:#1e3040;--text-primary:#e8f0f5;--text-secondary:#8fa3b0;--text-tertiary:#5a7282;--text-inverse:#203444;--border-color:rgba(255,255,255,0.08);--border-light:rgba(255,255,255,0.04);--glass-bg:rgba(22,36,50,0.6);--glass-bg-strong:rgba(22,36,50,0.85);--glass-border:rgba(255,255,255,0.06);--glass-shadow:0 4px 30px rgba(0,0,0,0.3);--glass-shadow-lg:0 8px 40px rgba(0,0,0,0.4);--glass-highlight:linear-gradient(135deg,rgba(255,255,255,0.08),rgba(255,255,255,0) 50%);--sidebar-bg:#0a1118;--sidebar-hover:rgba(129,187,66,0.06);--sidebar-active-bg:rgba(129,187,66,0.12);--topbar-bg:rgba(22,36,50,0.8);--bottomnav-bg:rgba(22,36,50,0.8);--primary-light:rgba(129,187,66,0.15);--success-light:rgba(129,187,66,0.15);--warning-light:rgba(245,158,11,0.15);--danger-light:rgba(239,68,68,0.15);--info-light:rgba(6,182,212,0.15);--chart-1:#9ad35c;--chart-2:#4a8ab5;--chart-3:#22d3ee;--chart-4:#a78bfa;--chart-5:#fbbf24;--chart-6:#f472b6;--metric-bg-1:linear-gradient(135deg,#1a2e3e,#203444);--metric-bg-2:linear-gradient(135deg,#4a7a20,#3a6218);--metric-bg-3:linear-gradient(135deg,#6d28d9,#4c1d95);--metric-bg-4:linear-gradient(135deg,#c2410c,#9a3412);--metric-bg-5:linear-gradient(135deg,#0e7490,#155e75);--metric-bg-warn:linear-gradient(135deg,#b45309,#92400e)}:root{--glass-blur:24px;--glass-opacity:0.55;--card-radius:14px;--card-padding:20px;--heading-weight:600;--sidebar-width:240px;--content-max-width:1600px;--grid-gap:20px;--glass-bg:rgba(255,255,255,0.45);--glass-bg-strong:rgba(255,255,255,0.62);--glass-border:rgba(255,255,255,0.35);--glass-shadow:0 8px 32px rgba(32,52,68,0.08);--glass-shadow-lg:0 12px 48px rgba(32,52,68,0.12);--glass-highlight:linear-gradient(135deg,rgba(255,255,255,0.6),rgba(255,255,255,0) 50%);--font-size-base:0.9375rem;--font-size-sm:0.8125rem;--font-size-xs:0.75rem;--font-size-md:1rem;--font-size-lg:1.1875rem;--font-size-xl:1.5rem;--font-size-2xl:2rem;--space-sm:8px;--space-md:14px;--space-lg:20px;--space-xl:28px;--space-2xl:40px;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:18px;--topbar-height:56px;--topbar-bg:rgba(255,255,255,0.5);--bottomnav-bg:rgba(255,255,255,0.45);--surface-card:rgba(255,255,255,0.6);--surface-elevated:rgba(255,255,255,0.9);--surface-overlay:rgba(255,255,255,0.9);--surface-hover:rgba(255,255,255,0.4)}.glass-card{backdrop-filter:blur(24px) saturate(200%);-webkit-backdrop-filter:blur(24px) saturate(200%);box-shadow:var(--glass-shadow),inset 0 1px 0 rgba(255,255,255,.4)}.glass-card:before{background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.7) 50%,rgba(255,255,255,0))}.glass-card:hover{transform:translateY(-2px);box-shadow:var(--glass-shadow-lg),inset 0 1px 0 rgba(255,255,255,.5)}.glass-surface{backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%)}.metric-card{color:#ffffff;border:none;padding:20px;position:relative;overflow:hidden;box-shadow:0 8px 24px rgba(32,52,68,.15);border-radius:var(--card-radius)}.metric-card:before{top:-50%;right:-20%;width:140px;height:140px;background:rgba(255,255,255,.1)}.metric-card:after,.metric-card:before{content:"";position:absolute;border-radius:50%;pointer-events:none}.metric-card:after{bottom:-30%;left:-10%;width:100px;height:100px;background:rgba(255,255,255,.06)}.metric-card .metric-value{font-size:var(--font-size-2xl);font-weight:700;color:white}.glass-topbar{height:var(--topbar-height);backdrop-filter:blur(28px) saturate(200%);-webkit-backdrop-filter:blur(28px) saturate(200%);border-bottom:1px solid rgba(255,255,255,.3);box-shadow:0 4px 24px rgba(32,52,68,.06)}.glass-sidebar{background:linear-gradient(180deg,var(--sidebar-bg) 0,#162432 100%);box-shadow:4px 0 32px rgba(32,52,68,.15)}.glass-bottomnav{height:68px;backdrop-filter:blur(28px) saturate(200%);-webkit-backdrop-filter:blur(28px) saturate(200%);border-top:1px solid rgba(255,255,255,.3);box-shadow:0 -4px 24px rgba(32,52,68,.06)}.page-title{font-size:var(--font-size-xl);background:linear-gradient(135deg,var(--secondary),var(--primary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.page-subtitle{font-size:var(--font-size-xs)}.data-table td,.data-table th{padding:8px 12px;font-size:var(--font-size-sm)}.badge{padding:2px 8px;font-size:.65rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.page-header{margin-bottom:var(--space-md)}@media (min-width:1024px){.sidebar{width:var(--sidebar-current-width,var(--sidebar-width))}.main-content{margin-left:var(--sidebar-current-width,var(--sidebar-width))}}[data-theme=dark]{--glass-bg:rgba(13,26,36,0.5);--glass-bg-strong:rgba(13,26,36,0.65);--glass-border:rgba(255,255,255,0.08);--glass-shadow:0 8px 32px rgba(0,0,0,0.25);--glass-shadow-lg:0 12px 48px rgba(0,0,0,0.35);--glass-highlight:linear-gradient(135deg,rgba(255,255,255,0.1),rgba(255,255,255,0) 50%);--surface-card:rgba(22,36,50,0.9);--surface-elevated:rgba(30,48,64,0.9);--surface-hover:rgba(22,36,50,0.4);--topbar-bg:rgba(13,26,36,0.55);--bottomnav-bg:rgba(13,26,36,0.5);--border-color:rgba(255,255,255,0.06)}[data-theme=dark] .glass-card{border:1px solid rgba(129,187,66,.08);box-shadow:0 8px 32px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.04)}[data-theme=dark] .glass-card:before{background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.08) 50%,rgba(255,255,255,0))}[data-theme=dark] .glass-topbar{border-bottom:1px solid rgba(255,255,255,.04);box-shadow:0 4px 24px rgba(0,0,0,.2)}[data-theme=dark] .glass-sidebar{background:linear-gradient(180deg,#0a1118,#060d14);box-shadow:4px 0 32px rgba(0,0,0,.3)}[data-theme=dark] .metric-card{box-shadow:0 8px 24px rgba(0,0,0,.3)}[data-theme=dark] .metric-card:before{background:rgba(255,255,255,.06)}[data-theme=dark] .metric-card:after{background:rgba(255,255,255,.03)}[data-theme=dark] .page-title{background:linear-gradient(135deg,#e8f0f5,var(--primary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.glass{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur)) saturate(180%);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(180%)}.glass,.glass-strong{border:1px solid var(--glass-border);box-shadow:var(--glass-shadow)}.glass-strong{background:var(--glass-bg-strong);backdrop-filter:blur(calc(var(--glass-blur) * 1.5)) saturate(200%);-webkit-backdrop-filter:blur(calc(var(--glass-blur) * 1.5)) saturate(200%)}.glass-card{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur)) saturate(180%);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(180%);border:1px solid var(--glass-border);border-radius:var(--card-radius);box-shadow:var(--glass-shadow);padding:var(--card-padding);position:relative;overflow:hidden;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.glass-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:var(--glass-highlight);pointer-events:none}.glass-card:hover{transform:translateY(-1px);box-shadow:var(--glass-shadow-lg)}.glass-surface{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur)) saturate(180%);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(180%);border:1px solid var(--glass-border);border-radius:var(--card-radius);box-shadow:var(--glass-shadow);padding:var(--card-padding)}.glass-inset{background:var(--surface-hover);border-radius:var(--radius-md);padding:var(--space-md);border:1px solid var(--border-light)}.glass-topbar{background:var(--topbar-bg);border-bottom:1px solid var(--glass-border)}.glass-bottomnav,.glass-topbar{backdrop-filter:blur(24px) saturate(200%);-webkit-backdrop-filter:blur(24px) saturate(200%)}.glass-bottomnav{background:var(--bottomnav-bg);border-top:1px solid var(--glass-border)}.glass-sidebar{background:var(--sidebar-bg)}@keyframes glass-shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.glass-shimmer:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.05) 50%,transparent);animation:glass-shimmer 3s infinite;pointer-events:none}.glass-interactive:focus-visible{outline:2px solid var(--primary);outline-offset:2px}