:root{--brand: #16a34a;--brand-light: #dcfce7;--brand-dark: #15803d;--brand-muted: #f0fdf4;--brand-subtle:#f0fdf4;--bg-app: #f8fafc;--bg-surface: #ffffff;--bg-overlay: rgba(0, 0, 0, .4);--fg-default: #0f172a;--fg-subtle: #475569;--fg-muted: #64748b;--fg-faint: #94a3b8;--border-default:#e2e8f0;--border-strong: #cbd5e1;--border-muted: #f1f5f9;--danger: #ef4444;--danger-light:#fee2e2;--warning: #f59e0b;--warning-light:#fef3c7;--success: #22c55e;--sidebar-w: 260px;--sidebar-collapsed-w: 72px;--sidebar-w-mini: 72px;--header-h: 64px;--bg-inverse: #1e293b;--font: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--mono: "DM Mono", "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-8: 32px;--sp-10: 40px;--r-sm: 6px;--r-md: 10px;--r-lg: 14px;--r-xl: 20px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;color-scheme:light}[data-theme=dark]{--brand: #22c55e;--brand-light: #064e3b;--brand-muted: #064e3b40;--brand-subtle:#064e3b40;--bg-app: #020617;--bg-surface: #0f172a;--bg-overlay: rgba(0, 0, 0, .7);--fg-default: #f8fafc;--fg-subtle: #cbd5e1;--fg-muted: #94a3b8;--fg-faint: #475569;--border-default:#1e293b;--border-strong: #334155;--border-muted: #0f172a;--danger: #f87171;--warning: #fbbf24;color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:var(--bg-app);color:var(--fg-default);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root{--input-bg: var(--bg-surface);--input-border: var(--border-strong);--input-focus: var(--brand);--fg-on-accent: #ffffff;--brand-active: var(--brand-dark);--brand-hover: var(--brand-dark);--brand-border: var(--brand-light);--brand-fg: var(--brand);--success-subtle: #f0fdf4;--success-border: #bbf7d0;--danger-subtle: #fef2f2;--danger-border: #fecaca;--warning-subtle: #fffbeb;--warning-border: #fde68a;--info-subtle: #f0f9ff;--info-border: #bae6fd;--info: #0ea5e9;--shadow-focus-brand: 0 0 0 4px rgba(22, 163, 74, .15);--shadow-focus-danger: 0 0 0 4px rgba(239, 68, 68, .15);--nav-bg: var(--bg-surface);--nav-border: var(--border-default);--nav-item: var(--fg-muted);--nav-item-active-fg: var(--brand);--nav-item-active-bg: var(--brand-muted);--nav-item-active-bar: var(--brand);--topbar-h: 64px}[data-theme=dark]{--input-bg: #1e293b;--input-border: #334155;--input-focus: var(--brand);--fg-on-accent: #ffffff;--brand-active: var(--brand-light);--brand-hover: var(--brand-light);--brand-border: #064e3b;--brand-fg: var(--brand);--success-subtle: rgba(22, 197, 94, .1);--success-border: rgba(22, 197, 94, .2);--danger-subtle: rgba(248, 113, 113, .1);--danger-border: rgba(248, 113, 113, .2);--warning-subtle: rgba(251, 191, 36, .1);--warning-border: rgba(251, 191, 36, .2);--info-subtle: rgba(14, 165, 233, .1);--info-border: rgba(14, 165, 233, .2);--info: #38bdf8;--shadow-focus-brand: 0 0 0 4px rgba(34, 197, 94, .2);--shadow-focus-danger: 0 0 0 4px rgba(248, 113, 113, .2);--nav-bg: #0f172a;--nav-border: #1e293b;--nav-item: #94a3b8;--nav-item-active-fg: var(--brand);--nav-item-active-bg: rgba(34, 197, 94, .1);--nav-item-active-bar: var(--brand)}.flex{display:flex}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:4px}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.gap-6{gap:24px}.p-2{padding:8px}.p-4{padding:16px}.p-5{padding:20px}.p-6{padding:24px}.p-8{padding:32px}.p-12{padding:48px}.px-2{padding-left:8px;padding-right:8px}.py-2{padding-top:8px;padding-bottom:8px}.mb-1{margin-bottom:4px}.mb-2{margin-bottom:8px}.mb-4{margin-bottom:16px}.mb-6{margin-bottom:24px}.mb-8{margin-bottom:32px}.mb-10{margin-bottom:40px}.mt-1{margin-top:4px}.mt-2{margin-top:8px}.mt-3{margin-top:12px}.mt-4{margin-top:16px}.mt-8{margin-top:32px}.ml-1{margin-left:4px}.space-y-3>*+*{margin-top:12px}.space-y-4>*+*{margin-top:16px}.w-full{width:100%}.h-full{height:100%}.h-16{height:64px}.w-16{width:64px}.text-xs{font-size:11px}.text-sm{font-size:13px}.text-lg{font-size:18px}.text-xl{font-size:20px}.text-2xl{font-size:24px}.text-3xl{font-size:30px}.text-4xl{font-size:36px}.font-bold{font-weight:700}.font-black{font-weight:900}.font-semibold{font-weight:600}.font-medium{font-weight:500}.uppercase{text-transform:uppercase}.tracking-wider{letter-spacing:.05em}.tracking-tight{letter-spacing:-.025em}.tracking-widest{letter-spacing:.1em}.rounded-xl{border-radius:14px}.rounded-2xl{border-radius:20px}.rounded-3xl{border-radius:28px}.shadow-xl{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.border{border:1px solid var(--border-default)}.border-b{border-bottom:1px solid var(--border-default)}.overflow-hidden{overflow:hidden}.object-cover{object-fit:cover}.object-contain{object-fit:contain}.text-center{text-align:center}.text-brand{color:var(--brand)}.text-danger{color:var(--danger)}.text-ink{color:var(--fg-default)}.text-ink-light{color:var(--fg-subtle)}.text-ink-faint{color:var(--fg-faint)}.bg-surface{background:var(--bg-surface)}.bg-canvas{background:var(--bg-app)}.bg-brand{background:var(--brand)}.bg-brand-light{background:var(--brand-light)}.bg-brand-subtle{background:var(--brand-subtle)}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:10px;border:2px solid transparent;background-clip:content-box}::-webkit-scrollbar-thumb:hover{background:var(--fg-faint);border:2px solid transparent;background-clip:content-box}*{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}.flex-center{display:flex;align-items:center;justify-content:center}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-container{display:flex;height:100vh;width:100vw}.main-content{flex:1;display:flex;flex-direction:column;min-width:0;background:var(--bg-app);transition:margin-left .2s ease-in-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-fade-in{animation:fadeIn .2s ease-out}.animate-slide-up{animation:slideUp .3s ease-out}.animate-spin{animation:spin 1s linear infinite}.grid-4-cols{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--sp-4)}.grid-3-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-4)}@media (max-width: 1280px){.grid-4-cols{grid-template-columns:repeat(2,1fr)}}@media (max-width: 1100px){:root{--sidebar-w: 200px}}@media (max-width: 900px){.grid-4-cols,.grid-3-cols{grid-template-columns:repeat(2,1fr)!important}}:root{--bg-default: #ffffff;--bg-muted: #f8fafc;--bg-overlay: rgba(0,0,0,.04);--r-xs: 4px;--border-strong: #cbd5e1;--topbar-h: 64px;--header-h: 64px;--sidebar-w: 260px;--sidebar-w-mini: 72px;--sidebar-collapsed-w: 72px}[data-theme=dark]{--bg-default: #0f172a;--bg-muted: #020617}.sidebar-transition{transition:width .22s cubic-bezier(.4,0,.2,1)}.sidebar-collapsed{width:var(--sidebar-w-mini)!important}@keyframes popIn{0%{opacity:0;transform:scale(.96) translateY(4px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.anim-pop{animation:popIn .18s cubic-bezier(.34,1.56,.64,1) forwards}.anim-fade-up{animation:fadeUp .22s ease-out forwards}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg,var(--border-muted) 25%,var(--border-default) 50%,var(--border-muted) 75%);background-size:200% 100%;animation:shimmer 1.4s infinite;border-radius:var(--r-sm)}.delta-up{color:#16a34a}.delta-down{color:#dc2626}.delta-flat{color:var(--fg-faint)}.nav-badge{font-variant-numeric:tabular-nums}.nav-item-link:hover{background:var(--bg-surface)!important}.toast-action-btn{background:none;border:1px solid var(--border-strong);border-radius:var(--r-xs);padding:3px 8px;font-size:12px;font-weight:500;color:var(--fg-default);cursor:pointer;white-space:nowrap;flex-shrink:0}.toast-action-btn:hover{background:var(--bg-surface)}@media (max-width: 640px){.grid-3-cols,.grid-4-cols{grid-template-columns:1fr!important}}@media (max-width: 900px){.grid-3-cols{grid-template-columns:repeat(2,1fr)!important}}.input-with-icon{position:relative}.input-with-icon .input-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:var(--fg-faint);pointer-events:none}.input-with-icon input{padding-left:34px}.min-h-screen{min-height:100vh}.border-border{border-color:var(--border-default)}.max-w-2xl{max-width:672px}.inline-flex{display:inline-flex}.flex-col{flex-direction:column}.rounded-full{border-radius:9999px}.bg-blue-50{background:#eff6ff}.text-blue-600{color:#2563eb}.bg-green-50{background:#f0fdf4}.text-green-600{color:#16a34a}.bg-purple-50{background:#f5f3ff}.text-purple-600{color:#7c3aed}:root{--bg-subtle: #f8fafc;--bg-elevated: #ffffff;--r-xs: 4px;--r-sm: 6px;--r-md: 10px;--r-lg: 14px;--r-xl: 20px}[data-theme=dark]{--bg-subtle: #0f172a;--bg-elevated: #1e293b}.topbar-sep{color:var(--fg-faint);margin:0 4px}:focus-visible{outline:2px solid var(--brand);outline-offset:2px}button:focus-visible,a:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.page-enter{animation:pageEnter .18s ease-out}@keyframes pageEnter{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media (max-width: 768px){:root{--sidebar-w: 240px;--sidebar-w-mini: 0px}.main-content{margin-left:0!important}}.card-hover{transition:box-shadow .15s,border-color .15s,transform .15s}.card-hover:hover{box-shadow:0 6px 24px #00000014;transform:translateY(-1px);border-color:var(--border-strong)}input[type=range],input[type=radio],input[type=checkbox]{accent-color:var(--brand)}code{font-family:var(--mono);font-size:.88em;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--r-xs);padding:1px 5px;color:var(--fg-muted)}table{border-collapse:collapse}.main-content{flex-direction:column}.nav-item-link{transition:background .1s,color .1s}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.no-select{user-select:none}.pointer{cursor:pointer}.transition{transition:all .15s}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.col-span-2{grid-column:span 2}.col-span-3{grid-column:span 3}@keyframes badgePulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.15);opacity:.8}}.badge-pulse{animation:badgePulse 2s infinite}.topbar-search{display:flex;align-items:center;gap:10px;padding:6px 12px;background:var(--bg-app);border:1px solid var(--border-default);border-radius:8px;color:var(--fg-faint);font-size:13px;cursor:pointer;width:200px;transition:border-color .15s,box-shadow .15s}.topbar-search:hover{border-color:var(--border-strong)}.topbar-search:focus{border-color:var(--brand);box-shadow:var(--shadow-focus-brand);outline:none}