*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-app: #f8f9fa;--bg-default: #ffffff;--bg-surface: #f1f5f9;--bg-overlay: #e8edf3;--bg-inverse: #0f172a;--border-default: #e2e8f0;--border-strong: #c8d3e0;--border-muted: #eef2f7;--fg-default: #1a2332;--fg-muted: #4a5568;--fg-subtle: #718096;--fg-faint: #a0aec0;--fg-on-accent: #ffffff;--brand: #16a34a;--brand-hover: #15803d;--brand-active: #166534;--brand-subtle: #f0fdf4;--brand-muted: #dcfce7;--brand-border: #86efac;--brand-fg: #15803d;--success: #16a34a;--success-subtle: #f0fdf4;--success-border: #bbf7d0;--danger: #dc2626;--danger-subtle: #fef2f2;--danger-border: #fecaca;--warning: #d97706;--warning-subtle: #fffbeb;--warning-border: #fde68a;--info: #2563eb;--info-subtle: #eff6ff;--info-border: #bfdbfe;--nav-bg: #ffffff;--nav-border: #e2e8f0;--nav-item: #64748b;--nav-item-hover-bg: #f0fdf4;--nav-item-hover-fg: #16a34a;--nav-item-active-bg: #f0fdf4;--nav-item-active-fg: #15803d;--nav-item-active-bar: #16a34a;--input-bg: #ffffff;--input-border: #d0d9e4;--input-focus: #16a34a;--shadow-xs: 0 1px 2px rgba(0,0,0,.04);--shadow-sm: 0 1px 3px rgba(0,0,0,.06), 0 1px 2px rgba(0,0,0,.04);--shadow-md: 0 4px 12px rgba(0,0,0,.08), 0 2px 4px rgba(0,0,0,.04);--shadow-lg: 0 12px 40px rgba(0,0,0,.12), 0 4px 8px rgba(0,0,0,.06);--shadow-focus-brand: 0 0 0 3px rgba(22,163,74,.16);--shadow-focus-danger: 0 0 0 3px rgba(220,38,38,.14);--sidebar-w: 220px;--topbar-h: 48px;--r-xs: 3px;--r-sm: 5px;--r-md: 7px;--r-lg: 10px;--r-xl: 14px;--r-2xl: 18px;--font: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--mono: "JetBrains Mono", "Fira Code", "Cascadia Code", monospace;--fs-xs: 11px;--fs-sm: 12px;--fs-md: 13px;--fs-base: 14px;--fs-lg: 16px;--fs-xl: 20px;--fs-2xl: 26px}[data-theme=dark]{--bg-app: #101010;--bg-default: #1a1a1a;--bg-surface: #222222;--bg-overlay: #2a2a2a;--bg-inverse: #f0f0f0;--border-default: #2e2e2e;--border-strong: #3d3d3d;--border-muted: #252525;--fg-default: #f0f0f0;--fg-muted: #a0a0a0;--fg-subtle: #6e6e6e;--fg-faint: #444444;--fg-on-accent: #ffffff;--brand: #3b82f6;--brand-hover: #2563eb;--brand-active: #1d4ed8;--brand-subtle: #0f1f3d;--brand-muted: #172554;--brand-border: #1d4ed8;--brand-fg: #93c5fd;--success: #22c55e;--success-subtle: #052e16;--success-border: #166534;--danger: #f87171;--danger-subtle: #2d1515;--danger-border: #991b1b;--warning: #fbbf24;--warning-subtle: #1f1a08;--warning-border: #92400e;--info: #60a5fa;--info-subtle: #0f1f3d;--info-border: #1e40af;--nav-bg: #141414;--nav-border: #2a2a2a;--nav-item: #6e6e6e;--nav-item-hover-bg: #1e2535;--nav-item-hover-fg: #93c5fd;--nav-item-active-bg: #0f1f3d;--nav-item-active-fg: #93c5fd;--nav-item-active-bar: #3b82f6;--input-bg: #1e1e1e;--input-border: #333333;--input-focus: #3b82f6;--shadow-xs: 0 1px 2px rgba(0,0,0,.3);--shadow-sm: 0 1px 3px rgba(0,0,0,.4), 0 1px 2px rgba(0,0,0,.3);--shadow-md: 0 4px 12px rgba(0,0,0,.4);--shadow-lg: 0 12px 40px rgba(0,0,0,.6);--shadow-focus-brand: 0 0 0 3px rgba(59,130,246,.2);--shadow-focus-danger: 0 0 0 3px rgba(248,113,113,.18)}html{height:100%;font-size:14px}body{height:100%;min-height:100vh;font-family:var(--font);font-size:var(--fs-md);line-height:1.5;color:var(--fg-default);background:var(--bg-app);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{height:100%}a{color:inherit;text-decoration:none}button,input,textarea,select{font-family:var(--font)}code,pre,kbd{font-family:var(--mono)}img{display:block;max-width:100%}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--fg-faint)}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes popIn{0%{opacity:0;transform:scale(.96) translateY(5px)}to{opacity:1;transform:none}}@keyframes shimmer{0%{background-position:-600px 0}to{background-position:600px 0}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-6px)}to{opacity:1;transform:none}}@keyframes msgIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulseRing{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.85)}}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.anim-fade-up{animation:fadeUp .2s ease both}.anim-fade-in{animation:fadeIn .15s ease both}.anim-pop{animation:popIn .18s cubic-bezier(.34,1.3,.64,1) both}.anim-slide-l{animation:slideInLeft .18s ease both}.skeleton{background:linear-gradient(90deg,var(--bg-surface) 25%,var(--bg-overlay) 50%,var(--bg-surface) 75%);background-size:600px 100%;animation:shimmer 1.4s infinite;border-radius:var(--r-sm)}*,*:before,*:after{transition:background-color .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease}:root{--accent: var(--brand);--accent-lt: var(--brand-subtle);--accent-hover: var(--brand-hover);--text-1: var(--fg-default);--text-2: var(--fg-muted);--text-3: var(--fg-subtle);--text-4: var(--fg-faint);--border: var(--border-default);--surface: var(--bg-surface);--surface-2: var(--bg-overlay);--white: var(--bg-default);--ink: var(--bg-inverse);--red: var(--danger);--green: var(--success);--green-lt: var(--success-subtle);--bg-subtle: #f8fafc;--bg-muted: #f1f5f9;--fg-faint: #6b7280}[data-theme=dark]{--accent: var(--brand);--accent-lt: var(--brand-subtle);--text-1: var(--fg-default);--text-2: var(--fg-muted);--text-3: var(--fg-subtle);--text-4: var(--fg-faint);--border: var(--border-default);--surface: var(--bg-surface);--surface-2: var(--bg-overlay);--white: var(--bg-default);--ink: var(--bg-inverse);--red: var(--danger);--green: var(--success);--green-lt: var(--success-subtle);--bg-subtle: #1e1e1e;--bg-muted: #222222}.skip-link{position:absolute;top:-100px;left:8px;background:var(--brand);color:#fff;padding:8px 16px;border-radius:var(--r-md);font-size:13px;font-weight:600;z-index:99999;text-decoration:none;transition:top .15s}.skip-link:focus{top:8px}.interactive:hover{background:var(--bg-surface)}.interactive-brand:hover{background:var(--brand-subtle);color:var(--brand)}@media (max-width: 1280px){.grid-4-cols{grid-template-columns:repeat(2,1fr)!important}.grid-dashboard{grid-template-columns:1fr!important}}@media (max-width: 900px){.grid-4-cols,.grid-3-cols{grid-template-columns:repeat(2,1fr)!important}.sidebar-hidden{display:none!important}}@media (max-width: 640px){.grid-4-cols,.grid-3-cols,.grid-2-cols{grid-template-columns:1fr!important}.hide-mobile{display:none!important}}.skeleton-text{height:14px;border-radius:var(--r-xs);margin-bottom:6px}.skeleton-circle{border-radius:50%}@keyframes typingBounce{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-4px)}}.typing-dot{animation:typingBounce 1.2s infinite}.typing-dot:nth-child(2){animation-delay:.2s}.typing-dot:nth-child(3){animation-delay:.4s}.global-search-overlay{position:fixed;inset:0;z-index:2000;background:#00000080;display:flex;align-items:flex-start;justify-content:center;padding-top:80px;animation:fadeIn .1s ease}.global-search-box{width:100%;max-width:560px;background:var(--bg-default);border:1px solid var(--border-strong);border-radius:var(--r-xl);box-shadow:var(--shadow-lg);overflow:hidden;animation:popIn .15s cubic-bezier(.34,1.3,.64,1)}:focus-visible{outline:2px solid var(--brand);outline-offset:2px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--brand);outline-offset:2px}