:root{--color-bg:#0f172a;--color-surface:#1e293b;--color-surface-hover:#334155;--color-border:#334155;--color-text:#e2e8f0;--color-text-muted:#94a3b8;--color-accent:#3b82f6;--color-accent-hover:#2563eb;--color-danger:#ef4444;--radius:8px;--spacing:16px;--sidebar-width:320px;--font:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;font-family:var(--font);background:var(--color-bg);color:var(--color-text);overflow:hidden}button{font-family:var(--font);cursor:pointer;border-radius:var(--radius);background:var(--color-surface);color:var(--color-text);border:none;padding:8px 16px;font-size:14px;transition:background .15s}button:hover{background:var(--color-surface-hover)}button.primary{background:var(--color-accent);color:#fff}button.primary:hover{background:var(--color-accent-hover)}button.danger{background:var(--color-danger);color:#fff}button.icon{padding:6px 10px}