:root{--color-bg: #ffffff;--color-bg-subtle: #f5f6f8;--color-surface: #ffffff;--color-surface-raised: #ffffff;--color-border: #e2e4e9;--color-border-strong: #c7cbd3;--color-text: #14171c;--color-text-muted: #5b6270;--color-text-disabled: #a3a9b3;--color-primary: #2b5c99;--color-primary-hover: #234a7d;--color-primary-soft: rgba(43, 92, 153, .11);--color-accent: #d97706;--color-success: #1e8e5a;--color-warning: #b7791f;--color-danger: #c0362c;--color-info: #2b7bb9;--color-brand-panel: #14202e;--color-brand-panel-grid: #1e2e40;--font-sans: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", "SF Mono", Consolas, monospace;--text-xs: 12px;--text-sm: 13px;--text-base: 14px;--text-md: 16px;--text-lg: 20px;--text-xl: 24px;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-12: 48px;--space-16: 64px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--border-width: 1px;--shadow-sm: 0 1px 2px rgba(20, 23, 28, .06), 0 1px 1px rgba(20, 23, 28, .04);--shadow-md: 0 4px 10px rgba(20, 23, 28, .1);--shadow-lg: 0 12px 28px rgba(20, 23, 28, .16);--duration-fast: .1s;--duration-base: .18s;--duration-slow: .28s;--easing-standard: cubic-bezier(.2, 0, 0, 1)}:root:not([data-theme]),[data-theme=dark]{color-scheme:dark;--color-bg: #111418;--color-bg-subtle: #181c22;--color-surface: #1c2128;--color-surface-raised: #232933;--color-border: #2a313c;--color-border-strong: #3a4250;--color-text: #e9ebef;--color-text-muted: #9aa2b1;--color-text-disabled: #5b6270;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .35);--shadow-md: 0 6px 16px rgba(0, 0, 0, .45);--shadow-lg: 0 16px 32px rgba(0, 0, 0, .55);--color-brand-panel: #0b1218;--color-brand-panel-grid: #16202a}@media (prefers-color-scheme: light){:root:not([data-theme]){color-scheme:light;--color-bg: #ffffff;--color-bg-subtle: #f5f6f8;--color-surface: #ffffff;--color-surface-raised: #ffffff;--color-border: #e2e4e9;--color-border-strong: #c7cbd3;--color-text: #14171c;--color-text-muted: #5b6270;--color-text-disabled: #a3a9b3;--shadow-sm: 0 1px 2px rgba(20, 23, 28, .06), 0 1px 1px rgba(20, 23, 28, .04);--shadow-md: 0 4px 10px rgba(20, 23, 28, .1);--shadow-lg: 0 12px 28px rgba(20, 23, 28, .16);--color-brand-panel: #14202e;--color-brand-panel-grid: #1e2e40}}*{box-sizing:border-box}.icon-btn{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:var(--radius-md);border:var(--border-width) solid transparent;background:transparent;color:var(--color-text-muted);cursor:pointer;padding:0;flex-shrink:0}.icon-btn:hover{background:var(--color-surface-raised);border-color:var(--color-border);color:var(--color-text)}.icon-btn svg{width:15px;height:15px;flex-shrink:0}.icon-btn.danger:hover{color:var(--color-danger);border-color:#c0362c59;background:#c0362c14}.icon-btn:disabled{opacity:.4;cursor:default}.icon-btn:disabled:hover,.icon-btn.danger:disabled:hover{background:transparent;border-color:transparent;color:var(--color-text-muted)}.nav-item{display:flex;align-items:center;gap:10px;width:100%;border:none;border-radius:var(--radius-md);padding:8px 10px;font-size:var(--text-sm);font-weight:500;background:transparent;color:var(--color-text-muted);cursor:pointer;text-align:left;white-space:nowrap}.nav-item:hover{background:var(--color-bg-subtle);color:var(--color-text)}.nav-item[aria-current=page]{background:var(--color-primary-soft);color:var(--color-primary)}.nav-item[data-collapsed=true]{justify-content:center;padding:9px 0}.nav-item svg{width:15px;height:15px;flex-shrink:0}@keyframes hob-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.hob-skeleton{background:linear-gradient(90deg,var(--color-bg-subtle) 25%,var(--color-border) 37%,var(--color-bg-subtle) 63%);background-size:400% 100%;animation:hob-shimmer 1.4s ease infinite}.hob-skeleton-strong{background:linear-gradient(90deg,var(--color-border) 25%,var(--color-border-strong) 37%,var(--color-border) 63%);background-size:400% 100%;animation:hob-shimmer 1.4s ease infinite}@media (prefers-reduced-motion: reduce){.hob-skeleton,.hob-skeleton-strong{animation:none}}@keyframes hob-fade-in{0%{opacity:0}to{opacity:1}}.hob-fade-in{animation:hob-fade-in .26s ease-out both}@keyframes hob-spin{to{transform:rotate(360deg)}}.hob-spinner{animation:hob-spin .8s linear infinite}@keyframes hob-progress-slide{0%{transform:translate(-120%)}to{transform:translate(340%)}}.hob-progress-indeterminate{animation:hob-progress-slide 1.5s ease-in-out infinite}@media (prefers-reduced-motion: reduce){.hob-fade-in,.hob-spinner{animation:none}.hob-progress-indeterminate{animation:none;width:100%;opacity:.55}}.hide-scrollbar{scrollbar-width:none;-ms-overflow-style:none}.hide-scrollbar::-webkit-scrollbar{display:none}html,body,#root{height:100%}html{background:var(--color-bg)}body{margin:0;font-family:var(--font-sans);color:var(--color-text);background:var(--color-bg)}.chip{font-size:12px;padding:5px 12px;border-radius:999px;border:var(--border-width) solid var(--color-border);color:var(--color-text-muted);background:var(--color-surface);cursor:pointer;font-family:inherit}.chip.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}