:root{--bg-base: #0a0e14;--bg-panel: #111820;--bg-elevated: #1a2332;--bg-input: #0d131a;--border-subtle: #1e2d3d;--border-default: #2a3f56;--border-focus: #4a9eff;--text-primary: #c8d1d9;--text-secondary: #7a8b9f;--text-muted: #4e5d6f;--text-inverse: #0a0e14;--accent-blue: #4a9eff;--accent-green: #3fb950;--accent-red: #f85149;--accent-orange: #d29922;--accent-purple: #bc8cff;--accent-cyan: #39d0d8;--accent-gold: #e3b341}*{margin:0;padding:0;box-sizing:border-box}body{background:var(--bg-base);color:var(--text-primary);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:13px;line-height:1.5;overflow:hidden}#root{width:100vw;height:100vh}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-subtle);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--border-default)}input,textarea,select{background:var(--bg-input);border:1px solid var(--border-subtle);color:var(--text-primary);padding:6px 10px;border-radius:4px;font-size:13px;outline:none;width:100%}input:focus,textarea:focus,select:focus{border-color:var(--border-focus)}input::placeholder,textarea::placeholder{color:var(--text-muted)}button{cursor:pointer;font-size:13px;border:none;border-radius:4px;padding:6px 12px;transition:opacity .15s}button:hover{opacity:.85}button:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:var(--accent-blue);color:var(--text-inverse)}.btn-success{background:var(--accent-green);color:var(--text-inverse)}.btn-danger{background:var(--accent-red);color:#fff}.btn-warning{background:var(--accent-orange);color:var(--text-inverse)}.btn-ghost{background:transparent;color:var(--text-secondary);border:1px solid var(--border-subtle)}.btn-ghost:hover{color:var(--text-primary);border-color:var(--border-default)}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-fade-in{animation:fadeIn .2s ease-out}.animate-slide-in-right{animation:slideInRight .2s ease-out}.skeleton{background:linear-gradient(90deg,var(--bg-elevated) 25%,var(--bg-panel) 50%,var(--bg-elevated) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:4px}.text-muted{color:var(--text-muted)}.text-secondary{color:var(--text-secondary)}.text-primary{color:var(--text-primary)}.font-mono{font-family:SF Mono,Monaco,Cascadia Code,monospace;font-size:12px}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}