:root{--color-bg: #07090f;--color-surface: #10141d;--color-surface-alt: #181d29;--color-border: #262d3b;--color-text: #f5f7fa;--color-text-muted: #9aa4b2;--color-accent: #ffc21a;--color-accent-rgb: 255, 194, 26;--color-accent-hover: #ffd24d;--color-on-accent: #1a1200;--color-danger: #ff4d4f;--radius: 8px;--font-family: "Segoe UI", Roboto, Helvetica, Arial, sans-serif}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-family);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}input{font-family:inherit}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.65rem 1.4rem;border-radius:var(--radius);border:none;font-size:.95rem;font-weight:600;cursor:pointer;transition:background-color .15s ease,opacity .15s ease}.btn-primary{background:var(--color-accent);color:var(--color-on-accent)}.btn-primary:hover{background:var(--color-accent-hover)}.btn-outline{background:transparent;color:var(--color-text);border:1px solid var(--color-border)}.btn-outline:hover{border-color:var(--color-accent);color:var(--color-accent)}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-sm{padding:.35rem .8rem;font-size:.85rem}.badge{display:inline-flex;padding:.15rem .55rem;border-radius:999px;font-size:.75rem;font-weight:600;margin-right:.35rem}.badge-on{background:rgba(var(--color-accent-rgb),.15);color:var(--color-accent)}.badge-off{background:#9aa4b226;color:var(--color-text-muted)}