:root{--color-bg: #0a0e17;--color-surface: #141a24;--color-surface-alt: #1c2433;--color-border: #2a3241;--color-text: #f5f7fa;--color-text-muted: #9aa4b2;--color-accent: #00d4ff;--color-accent-hover: #33ddff;--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:#001018}.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:#00d4ff26;color:var(--color-accent)}.badge-off{background:#9aa4b226;color:var(--color-text-muted)}