:root{font-family:'Segoe UI',system-ui,sans-serif;color:#172338;background:#edf3fc;font-size:16px;--blue:#0866dd;--line:#dbe3f1;--muted:#64748b}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 80% 0%,#dce9ff,transparent 55%),linear-gradient(135deg,#f2f6fc,#e8effa)}a{color:var(--blue);text-decoration:none}button,input,select,textarea{font:inherit}button,.button{border:1px solid #ccd6e6;border-radius:8px;padding:11px 18px;background:#fff;color:#23324b;cursor:pointer;display:inline-block;text-align:center;font-weight:600;transition:.15s}button:hover,.button:hover{background:#e9f0fc;transform:translateY(-1px)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #65a9ff;outline-offset:3px}.primary{background:var(--blue);color:white;border-color:var(--blue);box-shadow:0 3px 7px #0051ad18}.primary:hover{background:#0056c2}.ghost{background:transparent}.compact{padding:7px 12px;font-size:.875rem}.wide{width:100%;margin-top:12px}input,select,textarea{display:block;width:100%;border:1px solid #c9d5e6;border-bottom:2px solid #adbed3;background:#ffffffc9;border-radius:7px;padding:11px 12px;color:#172338;margin-top:7px}textarea{resize:vertical;min-height:82px}label{display:block;font-size:.875rem;font-weight:600;margin:15px 0}h1{font-size:2rem;letter-spacing:-.8px;margin:10px 0 22px;font-weight:650}h2{font-size:1.1rem;font-weight:650;margin:0 0 20px}p{line-height:1.65;color:#607088;font-size:.9375rem}small{font-size:.8125rem}.muted{color:var(--muted)}.eyebrow{font-size:.75rem;letter-spacing:1.6px;font-weight:700;color:#4875ad}.auth{display:flex;align-items:center;justify-content:center;padding:36px 20px;background:radial-gradient(ellipse at 80% 20%,#8dc0ff55,transparent 50%),radial-gradient(ellipse at 0% 100%,#7f9df244,transparent 50%),#eaf1fe}.login-window,.setup-window{background:#ffffffd9;backdrop-filter:blur(24px);border:1px solid white;border-radius:15px;box-shadow:0 32px 90px #183d7430;max-width:510px;width:100%;overflow:hidden}.setup-window{max-width:850px}.padding{padding:36px}.window-bar{display:flex;gap:12px;align-items:center;background:#ffffff80;border-bottom:1px solid var(--line);padding:14px 20px;font-size:.875rem}.window-bar>.muted{margin-left:auto}.brand-mark{background:linear-gradient(140deg,#0988f7,#2857d8);color:#fff;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;font-size:22px;font-weight:750;box-shadow:0 5px 14px #1d60df33;flex-shrink:0}.form-grid,.channel-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 24px}.form-grid label{margin:10px 0}.notice{background:#eef5ff;border:1px solid #b7d4fc;color:#275c99;padding:15px 18px;border-radius:9px;margin:18px 0}.error{background:#fff0f0;border-color:#f5c4c4;color:#b12c35}.success{background:#ecf9f4;border-color:#b9e5d5;color:#246b53}.check{display:flex;gap:10px;align-items:center;margin:20px 0;font-weight:400}.check input{width:auto;margin:0;accent-color:var(--blue)}#totp-qr{display:block;margin:20px auto;width:220px;height:220px;border-radius:10px}details{font-size:.875rem;color:#5d6d85;margin:20px 0}details code{display:block;overflow-wrap:anywhere;margin:14px 0}.shell{display:flex;min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:252px;display:flex;flex-direction:column;padding:30px 18px 18px;background:#f9fbffba;backdrop-filter:blur(25px);border-right:1px solid #d5dfed}.brand{display:flex;align-items:center;gap:12px;color:#132740;font-size:1.375rem;font-weight:700;margin:0 12px 40px}.brand small{display:block;font-size:.75rem;color:#8090a6;font-weight:400;margin-top:3px}.nav-label{font-size:.6875rem;color:#8e9cb0;letter-spacing:1px;padding:0 17px;margin-bottom:12px}.sidebar nav{display:flex;flex-direction:column;gap:5px}.sidebar nav a{font-size:.9375rem;padding:13px 16px;border-radius:8px;display:flex;gap:13px;align-items:center;color:#566982}.sidebar nav a>span{font-size:1.375rem;width:23px;text-align:center}.sidebar nav a.active{background:#e1edfc;color:#095bc7;font-weight:600;box-shadow:inset 3px 0 #0879ec}.sidebar nav a:hover{background:#e8eff9}.sidebar-bottom{margin-top:auto;padding:20px 8px 4px;border-top:1px solid var(--line);display:flex;align-items:center;gap:11px;font-size:.875rem}.sidebar-bottom small{display:block;margin-top:4px;color:#8190a4}.avatar{display:grid;place-items:center;background:#dde8fc;color:#2666bf;border-radius:50%;width:38px;height:38px;font-weight:700}.workspace{margin-left:252px;flex:1;min-width:0}.topbar{height:70px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:0 38px;font-size:.875rem;background:#ffffff60}.topbar form{margin:0}.content{padding:32px 38px;max-width:1480px;margin:auto}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:14px}.badge{border-radius:20px;padding:7px 12px;font-size:.8125rem;white-space:nowrap}.good{color:#157153;background:#daf1e8;border:1px solid #b3e3d1}.neutral{color:#637089;background:#e9eef7;border:1px solid #d2ddeb}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin:10px 0 26px}.stat,.card{border-radius:12px;background:#ffffffce;border:1px solid #ffffff;box-shadow:0 4px 14px #1e447806}.stat{padding:23px}.stat>span{color:#6a7d98;font-size:.875rem}.stat strong{display:block;font-size:2.2rem;font-weight:650;margin-top:12px;color:#142c51}.stat strong small{font-size:.8125rem;font-weight:400;margin-left:10px;color:#7a8da8}.split{display:grid;grid-template-columns:1.45fr 1fr;gap:24px;align-items:start}.card{padding:26px;margin-bottom:24px;min-width:0}.card-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:15px}.card-heading h2{margin:0;display:flex;align-items:center;gap:10px}.card-heading a{font-size:.875rem}.flow-row{display:flex;align-items:center;gap:13px;padding:20px 0;border-top:1px solid #e4ebf5}.flow-row>div{flex:1;min-width:0}.flow-row b{font-size:.9375rem}.flow-row small{display:block;color:#8593a7;margin-top:5px;overflow-wrap:anywhere}.youtube-icon{display:inline-grid;place-items:center;color:#e23c4b;background:#ffedf0;border-radius:9px;width:37px;height:37px;font-size:15px;flex-shrink:0}.pill{display:inline-block;border-radius:6px;padding:5px 9px;background:#edf2fa;color:#65809e;font-size:.75rem;white-space:nowrap}.status-text{font-size:.8125rem;color:#6c819d;margin-left:10px}.checklist{list-style:none;padding:0;margin:0 0 24px}.checklist li{padding:9px 0;font-size:.9375rem;color:#51647d}.checklist li span{display:inline-block;width:24px;color:#1d74d2}.log-row{display:flex;gap:18px;align-items:center;padding:14px 0;border-top:1px solid #e6edf6;font-size:.875rem}.log-row time{margin-left:auto;color:#8c9bb0;font-size:.75rem;white-space:nowrap}.intro{margin:0 0 22px}.channel-grid{gap:24px}.channel-card{margin-bottom:0}.switch{display:flex;align-items:center;gap:8px;font-size:.8125rem;white-space:nowrap;margin:0}.switch input{width:18px;height:18px;margin:0;accent-color:var(--blue)}.switch span{display:none}.spaced{margin:20px 0}.savebar{display:flex;justify-content:space-between;align-items:center;gap:20px;background:#f7faffc9;border:1px solid #fff;border-radius:10px;padding:15px 20px;margin:24px 0;color:#6c7d96;font-size:.875rem}.inline-form{display:flex;align-items:center;gap:16px}.inline-form select{margin:0;max-width:360px}.inline-form button{white-space:nowrap}.discord-preview{background:#323540;color:#f6f7fa;padding:22px;border-radius:10px}.discord-preview p{color:#bfc5d3;font-size:.875rem}.mock-button{background:#5865f2;display:inline-block;padding:10px 14px;border-radius:5px;font-size:.875rem}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:.875rem}th{color:#6e819b;font-weight:600;padding:10px 14px;background:#f1f5fb}td{padding:14px;border-bottom:1px solid #e9eef6;overflow-wrap:anywhere}.recovery-codes{display:grid;grid-template-columns:1fr 1fr;gap:10px}.recovery-codes code{background:white;border-radius:5px;padding:9px;text-align:center;letter-spacing:2px}.device-row{display:flex;align-items:center;gap:20px;padding:18px 0;border-top:1px solid var(--line)}.device-row>div{flex:1;min-width:0}.device-row b{font-size:.8125rem;overflow-wrap:anywhere}.device-row small{display:block;margin-top:7px;color:#8493a8}footer{display:flex;justify-content:space-between;font-size:.75rem;color:#8b9bb0;padding:12px 0 24px}@media(max-width:1150px){.sidebar{width:218px}.workspace{margin-left:218px}.content{padding:25px}.split{grid-template-columns:1fr}.stat-grid{grid-template-columns:1fr 1fr}.topbar{padding:0 25px}}@media(max-width:750px){.sidebar{position:static;width:100%;padding:18px}.shell{display:block}.brand{margin:0 8px 15px}.sidebar nav{display:grid;grid-template-columns:1fr 1fr}.sidebar nav a{padding:10px;font-size:.8125rem}.nav-label,.sidebar-bottom{display:none}.workspace{margin:0}.topbar{height:55px;padding:0 18px}.content{padding:22px 16px}.channel-grid,.form-grid{grid-template-columns:1fr}.page-heading{align-items:flex-start;flex-direction:column;margin-bottom:24px}h1{font-size:1.75rem}.stat{padding:18px}.stat-grid{gap:12px}.card{padding:20px}.flow-row{flex-wrap:wrap}.flow-row small{font-size:.75rem}.status-text{margin-left:0}.savebar{align-items:stretch;flex-direction:column}.log-row{flex-wrap:wrap}.log-row time{margin:0}.padding{padding:25px}.auth{padding:20px 14px}.device-row{align-items:flex-start}.inline-form{align-items:stretch;flex-direction:column}.window-bar>.muted{display:none}}
.switch input{appearance:none;width:36px;height:20px;border-radius:20px;border:1px solid #9eafc4;background:#b9c5d5;position:relative;padding:0;cursor:pointer;transition:.15s}.switch input:after{content:'';position:absolute;width:14px;height:14px;border-radius:50%;background:white;left:2px;top:2px;box-shadow:0 1px 3px #23395d40;transition:.15s}.switch input:checked{background:var(--blue);border-color:var(--blue)}.switch input:checked:after{left:18px}