@import "https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800&display=swap";
:root{--bg:#0d0f2b;--bg-alt:#1c2040;--card-bg:#13162e;--card-bg-alt:#1e2347;--text:#fff;--text-muted:#c5ceea;--text-dim:#8890b8;--accent-start:#00d4ff;--accent-end:#ff0080;--border:#c5ceea2e;--radius:6px;--error:#ff6b8b;--warning:#ffb454}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);margin:0;font-family:Montserrat,sans-serif}body{flex-direction:column;min-height:100vh;display:flex}h1,h2,h3{letter-spacing:-.5px;margin:0 0 8px;font-weight:800}p{color:var(--text-muted);line-height:1.6}a{color:var(--text-muted)}a:hover{color:var(--text)}label{color:var(--text-muted);margin-top:16px;margin-bottom:4px;font-weight:600;display:block}input,select,textarea{background:var(--card-bg);border:1px solid var(--border);color:var(--text);border-radius:var(--radius);padding:8px 12px;font-family:inherit;font-size:14px}input:focus,select:focus,textarea:focus{border-color:var(--accent-start);outline:none}button{border-radius:var(--radius);cursor:pointer;background:linear-gradient(135deg, var(--accent-start), var(--accent-end));color:var(--bg);border:none;padding:10px 22px;font-family:inherit;font-size:14px;font-weight:600}button:disabled{opacity:.45;cursor:not-allowed}button.secondary{background:var(--card-bg-alt);color:var(--text);border:1px solid var(--border)}code{font-family:SFMono-Regular,Consolas,monospace}.settings-shell{grid-template-columns:180px minmax(0,1fr);align-items:start;gap:28px;display:grid}.settings-nav{flex-direction:column;gap:2px;display:flex}.settings-nav a{border-radius:var(--radius);padding:8px 12px;font-size:14px;font-weight:600;text-decoration:none}.settings-nav a.active{background:var(--card-bg-alt);color:var(--text)}@media (max-width:700px){.settings-shell{grid-template-columns:minmax(0,1fr);gap:16px}.settings-nav{flex-direction:row;overflow-x:auto}.settings-nav a{white-space:nowrap}}.integration-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));align-items:start;gap:14px;display:grid}.card{background:var(--card-bg);border:1px solid var(--border);border-radius:10px;padding:18px}.badge{letter-spacing:.3px;white-space:nowrap;border-radius:999px;padding:3px 8px;font-size:11px;font-weight:700;display:inline-block}.badge.on{color:var(--accent-start);background:#00d4ff24}.badge.off{background:var(--card-bg-alt);color:var(--text-muted)}.badge.soon{border:1px dashed var(--border);color:var(--text-dim);background:0 0}.badge.warn{color:var(--warning);background:#ffb45424}