:root{--bg: #1e2228;--surface: #282e36;--border: #3d4450;--text: #e8ecf0;--text-dim: #9ba3ae;--green: #4eca68;--red: #f87171;--yellow: #e5a831;--blue: #6cb4ff;--orange: #e09520}*{margin:0;padding:0;box-sizing:border-box}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;font-size:14px;min-height:100vh}.btn{padding:6px 14px;border:1px solid var(--border);border-radius:6px;cursor:pointer;font-size:12px;font-weight:500;background:var(--surface);color:var(--text);transition:all .15s;display:inline-flex;align-items:center;gap:6px}.btn:hover{border-color:var(--text-dim)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:var(--blue);border-color:var(--blue);color:#fff;font-weight:600}.btn-primary:hover{opacity:.9;border-color:var(--blue)}.btn-secondary{color:var(--text-dim)}.btn-secondary:hover{color:var(--text)}.btn-danger{background:var(--red);border-color:var(--red);color:#fff}.btn-danger:hover{opacity:.9}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-dim)}