:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#171a1f;background:#f7f7f5;font-synthesis:none;--ink: #171a1f;--muted: #737982;--line: #e4e5e2;--card: #fff;--blue: #2457e6;--blue-dark: #1945c5;--green: #16834b;--red: #c92d35}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input{font:inherit}button{cursor:pointer}button:disabled{opacity:.6;cursor:wait}code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.88em}.app{min-height:100vh;background:radial-gradient(circle at 10% 0%,#eef3ff 0,#f7f7f5 36%,#f7f7f5)}.topbar{height:76px;padding:0 clamp(20px,5vw,72px);display:flex;justify-content:space-between;align-items:center;background:#ffffffc7;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.brand{display:flex;align-items:center;gap:11px}.brand-mark{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:var(--ink);color:#fff;font-weight:800}.brand-name{font-weight:750;line-height:1.05}.brand-url{margin-top:4px;font-size:11px;color:var(--muted)}.health{display:flex;gap:8px;align-items:center;font-size:12px;color:var(--muted)}.dot{width:8px;height:8px;border-radius:50%;background:#e3a11b;box-shadow:0 0 0 3px #e3a11b1f}.health.online .dot{background:#20a15a;box-shadow:0 0 0 3px #20a15a1f}.health.offline .dot{background:#d33b45;box-shadow:0 0 0 3px #d33b451f}main{width:min(1120px,90vw);margin:auto}.auth{min-height:calc(100vh - 76px);display:grid;grid-template-columns:1.08fr .92fr;gap:80px;align-items:center;padding:65px 0}.eyebrow,.kicker{color:var(--blue);font-size:10px;text-transform:uppercase;letter-spacing:.14em;font-weight:800}.intro h1{font-size:clamp(42px,5.3vw,70px);line-height:.98;letter-spacing:-.055em;margin:14px 0 22px;max-width:670px}.intro>p{max-width:610px;color:var(--muted);font-size:16px;line-height:1.7;margin:0}.endpoint-card{margin-top:34px;display:grid;gap:9px}.endpoint{display:flex;align-items:center;gap:10px;font-size:12px}.endpoint span{width:58px;color:var(--blue);font-weight:800}.endpoint code{color:#5e6570}.auth-card,.panel{background:var(--card);border:1px solid var(--line);border-radius:22px;box-shadow:0 22px 65px #12192612}.auth-card{padding:7px}.tabs{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;background:#f3f4f2;border-radius:16px}.tabs button{border:0;background:transparent;padding:11px;border-radius:12px;color:var(--muted);font-weight:650}.tabs button.active{color:var(--ink);background:#fff;box-shadow:0 2px 9px #12192612}.form{padding:28px 24px 24px;display:grid;gap:17px}.form-title{display:flex;gap:12px;align-items:flex-start;color:var(--blue);margin-bottom:5px}.form-title h2{margin:0 0 5px;color:var(--ink);font-size:23px;letter-spacing:-.025em}.form-title p{margin:0;color:var(--muted);font-size:13px;line-height:1.45}.field{display:grid;gap:7px;font-size:12px;font-weight:700}.field input{width:100%;border:1px solid var(--line);background:#fbfbfa;padding:12px 13px;border-radius:11px;outline:none}.field input:focus{border-color:#91aaf0;box-shadow:0 0 0 4px #2457e617}.switch{display:flex;justify-content:space-between;align-items:center;padding:2px 0;font-size:12px}.switch span{display:grid;gap:4px}.switch small{color:var(--muted);font-weight:400}.switch input{width:18px;height:18px;accent-color:var(--blue)}.primary,.secondary,.danger,.icon{border-radius:11px;padding:11px 14px;border:1px solid transparent;display:inline-flex;justify-content:center;align-items:center;gap:8px;font-weight:700}.primary{background:var(--blue);color:#fff}.primary:hover{background:var(--blue-dark)}.secondary{background:#fff;color:var(--ink);border-color:var(--line)}.danger{background:#fff;color:var(--red);border-color:#f2c5c8}.danger:hover{background:#fff5f5}.icon{padding:7px 9px;background:#f4f5f3;border-color:var(--line)}.error{padding:11px 12px;background:#fff2f2;color:#9e2028;border-radius:10px;font-size:12px;line-height:1.45}.spin{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.dashboard{padding:68px 0}.dashboard-head{display:flex;justify-content:space-between;align-items:flex-end;gap:25px;margin-bottom:28px}.dashboard-head h1{margin:8px 0;font-size:49px;letter-spacing:-.05em}.dashboard-head p{margin:0;color:var(--muted);font-size:13px}.grid{display:grid;grid-template-columns:1.15fr .85fr;gap:22px}.panel{padding:28px}.panel-head{display:flex;justify-content:space-between;align-items:flex-start}.panel-head h2{margin:5px 0 0;font-size:21px;letter-spacing:-.025em}.badge{padding:6px 9px;border-radius:999px;background:#eaf8f0;color:var(--green);font-size:11px;font-weight:800}.badge.inactive{background:#fff4e9;color:#bd6418}.email{font-size:27px;font-weight:750;letter-spacing:-.03em;margin:40px 0 30px;overflow-wrap:anywhere}.status-row{display:flex;justify-content:space-between;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:16px 0;font-size:13px}.status-row span{color:var(--muted)}.actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:22px}.connection{display:flex;gap:12px;margin-top:38px;align-items:flex-start}.big-dot{width:9px;height:9px;border-radius:50%;background:#20a15a;margin-top:4px;box-shadow:0 0 0 4px #20a15a1f}.connection strong{font-size:14px}.connection p{color:var(--muted);font-size:12px;line-height:1.5;margin:5px 0 0}.token{margin-top:28px;padding:14px;background:#f4f5f3;border:1px solid var(--line);border-radius:11px}.token span{display:block;text-transform:uppercase;letter-spacing:.11em;font-size:9px;font-weight:800;color:var(--muted);margin-bottom:7px}.token code{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.toast{position:fixed;bottom:22px;right:22px;display:flex;gap:8px;align-items:center;padding:12px 14px;border-radius:11px;color:#fff;background:#191d23;box-shadow:0 14px 35px #0003;font-size:12px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:20px;background:#14181e6b;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.modal{position:relative;width:min(430px,100%);background:#fff;border-radius:18px;padding:28px;box-shadow:0 30px 90px #00000040}.modal-close{position:absolute;top:15px;right:15px;border:0;background:transparent;padding:6px;color:var(--muted)}.danger-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:#fff0f0;color:var(--red);margin-bottom:20px}.modal h2{margin:7px 0 9px;font-size:23px}.modal p{color:var(--muted);font-size:13px;line-height:1.55}.modal-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:23px}@media(max-width:850px){.auth,.grid{grid-template-columns:1fr;gap:38px}.auth{padding:48px 0}.intro h1{font-size:44px}.dashboard-head{align-items:flex-start;flex-direction:column}}@media(max-width:520px){main{width:92vw}.topbar{padding:0 18px}.brand-url{display:none}.dashboard-head h1{font-size:39px}.intro h1{font-size:38px}}