:root{
--bg1:#0a0a0f;--bg2:#12121a;--bg3:#1a1a25;--bg4:#252530;
--accent:#00d4ff;--success:#10b981;--danger:#ef4444;--warn:#f59e0b;
--t1:#f4f4f5;--t2:#a1a1aa;--t3:#71717a;
--border:#27272a;--radius:6px;
--header:52px;--config:44px;--sidebar:350px;
--modW:24px;--modH:110px;
}
*{margin:0;padding:0;box-sizing:border-box}
html,body{height:100%;overflow:hidden}
body{font-family:'Space Grotesk',system-ui,sans-serif;background:var(--bg1);color:var(--t1);font-size:14px}
button{font:inherit;cursor:pointer}
input,select{font:inherit}
::-webkit-scrollbar{width:6px;height:6px}
::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}
.btn{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:var(--radius);font-size:13px;font-weight:500;border:1px solid var(--border);background:var(--bg3);color:var(--t1);transition:.15s}
.btn:hover{border-color:var(--accent)}
.btn-p{background:var(--accent);border-color:var(--accent);color:#000}
.btn-d{border-color:var(--danger);color:var(--danger)}
.btn-d:hover{background:var(--danger);color:#fff}
.btn-s{padding:5px 10px;font-size:12px}