:root{--bg:#f4f5f7;--surface:#fff;--border:#e2e5ea;--text:#1c2330;--muted:#6b7280;--primary:#2f5bea;--primary-hover:#2449c0;--danger:#d23b3b;--danger-hover:#b32e2e;--ok:#1f9d6b;--warn:#c98a14;--radius:10px;--shadow:0 6px 24px #141e3c1f}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);margin:0;padding:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.5}button{font:inherit;cursor:pointer;color:var(--text);background:#eceef3;border:none;border-radius:8px;padding:.5rem .9rem;transition:background .12s}button:hover{background:#e1e4ec}button:disabled{opacity:.5;cursor:not-allowed}button.primary{background:var(--primary);color:#fff}button.primary:hover{background:var(--primary-hover)}button.danger{color:var(--danger);background:0 0}button.danger:hover{background:#d23b3b1a}.icon-btn{background:#eceef3;justify-content:center;align-items:center;width:38px;height:38px;padding:0;display:inline-flex}.icon-btn svg{flex-shrink:0;width:19px;height:19px}