:root{--bg-primary: #0E0E10;--bg-secondary: #111114;--bg-card: #1A1A1F;--bg-card-hover: #1F1F26;--bg-subtle: #141418;--bg-selected: rgba(4,57,91,.25);--bg-note: rgba(250,204,21,.07);--border: rgba(255,255,255,.06);--border-strong: rgba(255,255,255,.12);--border-selected: rgba(4,57,91,.6);--text-primary: #F4F4F0;--text-secondary: #A0A0A8;--text-muted: #6B6B72;--text-disabled: #3A3A42;--accent: #2AB766;--accent-hover: #32D474;--accent-soft: rgba(42,183,102,.12);--accent-border: rgba(42,183,102,.3);--accent-text-on: #0E0E10;--brand-blue: #04395B;--brand-blue-soft: rgba(4,57,91,.2);--success: #4ADE80;--success-soft: rgba(74,222,128,.12);--warning: #FACC15;--warning-soft: rgba(250,204,21,.12);--danger: #F87171;--danger-soft: rgba(248,113,113,.12);--info: #60A5FA;--info-soft: rgba(96,165,250,.12);--mode-bot: #60A5FA;--mode-bot-soft: rgba(96,165,250,.1);--mode-human: #2AB766;--mode-human-soft: rgba(42,183,102,.1);--status-open: #2AB766;--status-pending: #FACC15;--status-resolved: #6B6B72;--status-archived: #3A3A42;--note-bg: rgba(250,204,21,.06);--note-border: rgba(250,204,21,.2);--note-text: #FACC15;--font-sans: "Space Grotesk", "Inter", system-ui, sans-serif;--font-mono: "Space Mono", "JetBrains Mono", monospace;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-full: 999px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--shadow-card: 0 8px 32px rgba(0,0,0,.25);--shadow-modal: 0 24px 64px rgba(0,0,0,.5);--shadow-glow: 0 0 20px rgba(42,183,102,.25);--dur-fast: .12s;--dur-normal: .2s;--dur-slow: .32s;--ease: cubic-bezier(.4,0,.2,1);--ease-out: cubic-bezier(0,0,.2,1)}[data-theme=light]{--bg-primary: #F4F4F0;--bg-secondary: #EBEBEA;--bg-card: #FFFFFF;--bg-card-hover: #F8F8F6;--bg-subtle: #EDEDEA;--bg-selected: rgba(4,57,91,.08);--bg-note: rgba(250,204,21,.08);--border: rgba(0,0,0,.06);--border-strong: rgba(0,0,0,.12);--border-selected: rgba(4,57,91,.35);--text-primary: #0E0E10;--text-secondary: #5A5A62;--text-muted: #8E8E94;--text-disabled: #C4C4CA;--accent: #1D7A45;--accent-hover: #16663A;--accent-soft: rgba(29,122,69,.1);--accent-border: rgba(29,122,69,.3);--accent-text-on: #FFFFFF;--success: #16A34A;--warning: #B45309;--danger: #DC2626;--info: #1D4ED8;--mode-bot: #1D4ED8;--mode-bot-soft: rgba(29,78,216,.08);--mode-human: #1D7A45;--mode-human-soft: rgba(29,122,69,.08);--status-open: #1D7A45;--status-pending: #B45309;--status-resolved: #8E8E94;--note-bg: rgba(180,83,9,.06);--note-border: rgba(180,83,9,.2);--note-text: #B45309;--shadow-card: 0 2px 12px rgba(0,0,0,.06), 0 1px 3px rgba(0,0,0,.04);--shadow-modal: 0 16px 48px rgba(0,0,0,.18);--shadow-glow: 0 0 20px rgba(29,122,69,.2)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-primary);line-height:1.5;overflow:hidden;height:100dvh;transition:background-color var(--dur-normal) var(--ease),color var(--dur-normal) var(--ease)}#root{height:100dvh;display:flex;flex-direction:column}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius-sm)}::selection{background:var(--accent-soft);color:var(--text-primary)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg,var(--bg-subtle) 0%,var(--bg-card-hover) 50%,var(--bg-subtle) 100%);background-size:200% 100%;animation:shimmer 1.5s linear infinite;border-radius:var(--radius-sm)}@keyframes spin{to{transform:rotate(360deg)}}.spinner{display:inline-block;width:14px;height:14px;border:2px solid var(--border-strong);border-top-color:var(--accent);border-radius:50%;animation:spin .6s linear infinite}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.fade-up{animation:fadeUp var(--dur-normal) var(--ease-out) both}.tabular-nums{font-variant-numeric:tabular-nums}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}