:root{--bg-primary: #fafafa;--bg-secondary: #ffffff;--bg-tertiary: #f5f5f4;--bg-card: rgba(255, 255, 255, .96);--bg-header: rgba(255, 255, 255, .96);--bg-input: #ffffff;--bg-hover: rgba(37, 99, 235, .06);--bg-toggle: #e7e5e4;--text-primary: #1c1917;--text-secondary: #57534e;--text-tertiary: #a8a29e;--text-muted: #78716c;--text-muted-light: #a8a29e;--border-color: #e7e5e4;--border-light: #f5f5f4;--border-card: rgba(0, 0, 0, .06);--gradient-primary: linear-gradient(135deg, #2563eb 0%, #6366f1 100%);--gradient-bg: linear-gradient(135deg, #f5f5f4 0%, #fafafa 100%);--gradient-danger: linear-gradient(135deg, #f97316 0%, #ef4444 100%);--accent: #2563eb;--accent-secondary: #f97316;--accent-light: rgba(37, 99, 235, .08);--accent-border: rgba(37, 99, 235, .18);--danger: #ef4444;--danger-light: rgba(239, 68, 68, .1);--success: #14b8a6;--warning: #f97316;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .04), 0 1px 2px rgba(0, 0, 0, .06);--shadow-md: 0 4px 16px rgba(0, 0, 0, .08);--shadow-lg: 0 12px 40px rgba(0, 0, 0, .12);--shadow-header: 0 1px 12px rgba(0, 0, 0, .06);--scrollbar-track: #f5f5f4;--scrollbar-thumb: #d6d3d1;--scrollbar-thumb-hover: #a8a29e;--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;--font-mono: "Cascadia Code", "Fira Code", "Consolas", monospace;font-family:var(--font-family);line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}[data-theme=dark]{--bg-primary: #1a1a1a;--bg-secondary: #262626;--bg-tertiary: #1f1f1f;--bg-card: rgba(38, 38, 38, .96);--bg-header: rgba(26, 26, 26, .96);--bg-input: #262626;--bg-hover: rgba(96, 165, 250, .08);--bg-toggle: #404040;--text-primary: #f5f5f4;--text-secondary: #d6d3d1;--text-tertiary: #78716c;--text-muted: #a8a29e;--text-muted-light: #78716c;--border-color: #404040;--border-light: #2a2a2a;--border-card: rgba(255, 255, 255, .08);--gradient-primary: linear-gradient(135deg, #3b82f6 0%, #6366f1 100%);--gradient-bg: linear-gradient(135deg, #1a1a1a 0%, #1f1f1f 100%);--gradient-danger: linear-gradient(135deg, #fb923c 0%, #f87171 100%);--accent: #60a5fa;--accent-secondary: #fb923c;--accent-light: rgba(96, 165, 250, .1);--accent-border: rgba(96, 165, 250, .22);--danger: #f87171;--danger-light: rgba(248, 113, 113, .12);--success: #2dd4bf;--warning: #fb923c;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .3);--shadow-md: 0 4px 16px rgba(0, 0, 0, .4);--shadow-lg: 0 12px 40px rgba(0, 0, 0, .5);--shadow-header: 0 1px 12px rgba(0, 0, 0, .3);--scrollbar-track: #262626;--scrollbar-thumb: #404040;--scrollbar-thumb-hover: #525252}html,body{height:100%;height:100dvh;overflow:hidden}body{margin:0;min-width:320px;color:var(--text-primary);background-color:var(--bg-primary);transition:background-color .3s ease,color .3s ease}*{box-sizing:border-box}button{font-family:inherit}svg{vertical-align:middle}input,textarea,select{font-family:inherit}::-webkit-scrollbar{display:none}*{scrollbar-width:none;-ms-overflow-style:none}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.icon-spin{animation:spin 1s linear infinite}.toast-stack{position:fixed;bottom:80px;left:50%;transform:translate(-50%);z-index:99999;display:flex;flex-direction:column;align-items:center;gap:10px;pointer-events:none}.toast-item{display:inline-flex;align-items:center;gap:10px;padding:14px 24px;background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color);border-radius:14px;box-shadow:var(--shadow-lg);font-size:1rem;font-weight:500;pointer-events:auto;animation:toastIn .35s cubic-bezier(.21,1.02,.73,1);transition:opacity .25s ease,transform .25s ease}.toast-leaving{opacity:0;transform:translateY(12px) scale(.96)}.toast-icon{color:var(--success);flex-shrink:0}.toast-message{white-space:nowrap}@keyframes toastIn{0%{opacity:0;transform:translateY(20px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:768px){.toast-stack{bottom:60px}.toast-item{padding:10px 18px;font-size:.9rem;gap:8px;border-radius:10px}.toast-icon{width:16px;height:16px}}*{box-sizing:border-box;margin:0;padding:0}#root{height:100%;height:100dvh}.route-loading{height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:var(--bg-primary);color:var(--text-secondary);font-size:1rem}.route-spinner{width:36px;height:36px;border:3px solid var(--border-color);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}