:root{--bg-base: #0F0F10;--bg-surface: #141415;--bg-elevated: #1A1A1C;--bg-overlay: #222224;--bg-highlight: #2A2A2E;--border-subtle: rgba(255, 255, 255, .055);--border-default: rgba(255, 255, 255, .09);--border-strong: rgba(255, 255, 255, .14);--text-primary: #F2F2F3;--text-secondary: #A8A8B3;--text-tertiary: #72727E;--text-disabled: #3A3A42;--accent: #38BDF8;--accent-hover: #7DD3FC;--accent-subtle: rgba(56, 189, 248, .12);--accent-border: rgba(56, 189, 248, .22);--gold: #F59E0B;--gold-hover: #FCD34D;--gold-subtle: rgba(245, 158, 11, .12);--gold-border: rgba(245, 158, 11, .22);--success: #3DD68C;--success-subtle: rgba(61, 214, 140, .1);--success-border: rgba(61, 214, 140, .2);--warning: #F59E0B;--warning-subtle: rgba(245, 158, 11, .1);--warning-border: rgba(245, 158, 11, .2);--danger: #F87171;--danger-subtle: rgba(248, 113, 113, .1);--danger-border: rgba(248, 113, 113, .2);--info: #60A5FA;--info-subtle: rgba(96, 165, 250, .1);--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 12px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 32px;--space-8: 40px;--space-9: 48px;--control-height: 32px;--control-height-md: 36px;--control-height-lg: 40px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .5);--shadow-xl: 0 16px 40px rgba(0, 0, 0, .6);--transition-fast: .12s ease;--transition-base: .2s ease;--transition-slow: .3s ease;--font-sans: "Geist", "Inter", system-ui, -apple-system, sans-serif;--font-mono: "Geist Mono", "JetBrains Mono", "Fira Code", monospace;--text-xs: 11px;--text-sm: 12px;--text-base: 13px;--text-md: 14px;--text-lg: 16px;--text-xl: 20px;--text-2xl: 24px;--text-3xl: 28px;--weight-normal: 400;--weight-medium: 500;--weight-semibold: 600}:root[data-theme=light]{--bg-base: #F8F8F7;--bg-surface: #FFFFFF;--bg-elevated: #FFFFFF;--bg-overlay: #F1F0EE;--bg-highlight: #E8E7E4;--border-subtle: rgba(0, 0, 0, .06);--border-default: rgba(0, 0, 0, .1);--border-strong: rgba(0, 0, 0, .16);--text-primary: #1A1A1C;--text-secondary: #4A4A52;--text-tertiary: #72727E;--text-disabled: #BEBEC8;--accent: #0EA5E9;--accent-hover: #38BDF8;--accent-subtle: rgba(14, 165, 233, .1);--accent-border: rgba(14, 165, 233, .2);--gold: #D97706;--gold-hover: #F59E0B;--gold-subtle: rgba(217, 119, 6, .1);--gold-border: rgba(217, 119, 6, .2);--success: #059669;--success-subtle: rgba(5, 150, 105, .1);--success-border: rgba(5, 150, 105, .2);--warning: #D97706;--warning-subtle: rgba(217, 119, 6, .1);--warning-border: rgba(217, 119, 6, .2);--danger: #DC2626;--danger-subtle: rgba(220, 38, 38, .1);--danger-border: rgba(220, 38, 38, .2);--info: #2563EB;--info-subtle: rgba(37, 99, 235, .1);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .08);--shadow-md: 0 4px 12px rgba(0, 0, 0, .12);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .16);--shadow-xl: 0 16px 40px rgba(0, 0, 0, .2)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;background:var(--bg-base);color:var(--text-primary);font-family:var(--font-sans);font-size:var(--text-base);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hover)}button{cursor:pointer;border:none;background:none;font-family:inherit;font-size:inherit;color:inherit}input,textarea,select{font-family:inherit;font-size:var(--text-base);color:var(--text-primary);background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-md);outline:none;padding:0 var(--space-3);min-height:var(--control-height-md);width:100%;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}input:focus,textarea:focus,select:focus{border-color:var(--accent-border);box-shadow:0 0 0 3px var(--accent-subtle)}input::placeholder,textarea::placeholder,select::placeholder{color:var(--text-tertiary)}textarea{min-height:80px;padding:var(--space-2) var(--space-3);resize:vertical;line-height:1.5}select{appearance:none;cursor:pointer}app-root{display:block;min-height:100vh}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--border-strong)}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.text-accent{color:var(--accent)}.text-success{color:var(--success)}.text-warning{color:var(--warning)}.text-danger{color:var(--danger)}.text-mono{font-family:var(--font-mono)}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg,var(--bg-elevated) 25%,var(--bg-overlay) 50%,var(--bg-elevated) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-md)}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.82)}}.live-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--success);flex-shrink:0;animation:pulse-dot 2s ease-in-out infinite}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:var(--control-height-md);padding:0 var(--space-4);border-radius:var(--radius-md);border:1px solid transparent;font-size:var(--text-base);font-weight:var(--weight-medium);font-family:var(--font-sans);cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast),opacity var(--transition-fast);white-space:nowrap}.btn:disabled{opacity:.38;cursor:not-allowed}.btn-primary{background:var(--accent);color:#fff;border-color:transparent}.btn-primary:hover:not(:disabled){background:var(--accent-hover)}.btn-secondary{background:var(--bg-elevated);color:var(--text-secondary);border-color:var(--border-default)}.btn-secondary:hover:not(:disabled){background:var(--bg-overlay);color:var(--text-primary);border-color:var(--border-strong)}.btn-ghost{background:transparent;color:var(--text-secondary);border-color:var(--border-default)}.btn-ghost:hover:not(:disabled){background:var(--bg-overlay);color:var(--text-primary)}.btn-danger{background:var(--danger-subtle);color:var(--danger);border-color:var(--danger-border)}.btn-danger:hover:not(:disabled){background:#f871712e}.btn-icon{width:var(--control-height-md);height:var(--control-height-md);padding:0;border-radius:var(--radius-md);background:transparent;color:var(--text-tertiary);border-color:transparent}.btn-icon:hover:not(:disabled){background:var(--bg-overlay);color:var(--text-secondary)}.card,.panel-card{background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-xl)}.page-shell{padding:var(--space-8) var(--space-8) var(--space-9)}.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-6)}.page-title{font-size:var(--text-xl);font-weight:var(--weight-semibold);color:var(--text-primary);letter-spacing:-.3px;line-height:1.2}.page-subtitle{margin-top:var(--space-1);color:var(--text-tertiary);font-size:var(--text-sm)}.section-label{font-size:10px;font-weight:var(--weight-medium);text-transform:uppercase;letter-spacing:.08em;color:var(--text-tertiary)}.badge{display:inline-flex;align-items:center;padding:1px 6px;border-radius:var(--radius-sm);font-size:10px;font-weight:var(--weight-medium);letter-spacing:.03em;white-space:nowrap}.badge-success{background:var(--success-subtle);color:var(--success)}.badge-warning{background:var(--warning-subtle);color:var(--warning)}.badge-danger{background:var(--danger-subtle);color:var(--danger)}.badge-accent{background:var(--accent-subtle);color:var(--accent)}.badge-neutral{background:var(--bg-overlay);color:var(--text-secondary)}.divider{height:1px;background:var(--border-subtle);border:none}@media (max-width: 900px){.page-shell{padding:var(--space-5) var(--space-4) var(--space-7)}.page-title{font-size:var(--text-lg)}}