:root{color-scheme:dark;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#0b111a;color:#e8edf5;font-synthesis:none;font-size:16px;line-height:1.55}
*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 15% 0%,#172b34 0,transparent 52%),#0b111a}a{color:#8ce3ce;text-decoration:none}a:hover{text-decoration:underline}.shell{width:min(100% - 40px,480px);margin:56px auto}.shell.wide{width:min(100% - 40px,760px)}.brand{display:flex;gap:13px;align-items:center;margin-bottom:30px}.brand-mark{display:grid;place-items:center;width:43px;height:43px;border-radius:13px;background:#92e6cf;color:#0b302b;font-size:25px;font-weight:800}.brand strong{display:block;font-size:17px;letter-spacing:-.2px}.brand div>span{font-size:12px;color:#99aabb}.user{margin-left:auto;border:1px solid #354452;border-radius:999px;padding:5px 13px;font-size:12px;color:#b4c4d4}.panel{padding:32px;border:1px solid #2b3a48;border-radius:20px;background:#121c28;box-shadow:0 22px 80px #0003}h1{font-size:30px;line-height:1.18;letter-spacing:-.8px;margin:13px 0 15px}h2{font-size:18px;letter-spacing:-.2px;margin:28px 0 12px}h3{font-size:15px;margin:0 0 5px}.eyebrow{color:#90dfcc;font-size:11px;letter-spacing:1.8px;font-weight:750}.eyebrow.warning{color:#ffc989}.lead{color:#b4c4d3;margin:0 0 25px;font-size:15px}.lead strong{color:#e5edf4}.muted{color:#9bafbf}.small{font-size:12px;line-height:1.6}label{display:block;font-size:13px;font-weight:600;margin:17px 0}input:not([type=checkbox]){display:block;width:100%;font:inherit;color:#edf5fa;background:#0a131e;border:1px solid #3c4b5a;border-radius:9px;padding:12px 14px;margin-top:8px;outline:none}input:focus{border-color:#8ce3ce;box-shadow:0 0 0 3px #8ce3ce20}input[type=checkbox]{accent-color:#81d7c2;width:18px;height:18px;flex-shrink:0;margin:2px 0 0}button,.button{font:inherit;font-size:13px;font-weight:700;border-radius:9px;border:1px solid transparent;padding:12px 18px;cursor:pointer;display:inline-block;line-height:1.4;text-align:center}button:hover,.button:hover{filter:brightness(1.08);text-decoration:none}button:focus-visible,.button:focus-visible{outline:3px solid #9ee1d4;outline-offset:3px}.primary{background:#91e3cc;color:#0c2a24}.secondary{background:#1a2735;color:#d3dfeb;border-color:#3d4d5f}.destructive{background:#ffd0a4;color:#3c220b}.full{width:100%;margin:9px 0 8px}.full span{float:right}.alert{background:#153332;border:1px solid #2d5953;color:#c7e9e2;border-radius:10px;padding:14px 16px;font-size:12px;margin:18px 0}.alert.danger{background:#34241f;border-color:#725140;color:#ffdcc4}.alert.success{background:#12382c;border-color:#357357;color:#c0f2d8}.actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px}.permissions{display:grid;gap:12px;margin-top:24px}.permission{display:flex;gap:13px;margin:0;padding:17px;border:1px solid #364757;border-radius:11px;background:#0f1924;font-weight:400}.permission-title{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:700;color:#e6eff7}.permission-title em{font-style:normal;font-size:10px;font-weight:500;color:#afc0cf;border:1px solid #3a4e5e;padding:1px 6px;border-radius:5px;white-space:nowrap}.permission-description{display:block;font-size:12px;color:#a7bacb;margin-top:5px;line-height:1.6}.elevated{border-color:#5d493a}.client-details{display:grid;grid-template-columns:80px 1fr;gap:7px 12px;background:#0c1520;padding:14px 16px;border-radius:9px;font-size:11px;color:#92a8bb}.client-details code{color:#c2d0df;overflow-wrap:anywhere;font-size:11px}code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;background:#0b141e;color:#c5d4e3;border:1px solid #2a3d4d;border-radius:10px;padding:17px;max-height:400px;overflow:auto}.acknowledgement{display:flex;gap:11px;font-size:12px;font-weight:400;line-height:1.6}.connection{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:17px 0;border-top:1px solid #304151;color:inherit}.connection p{margin:0}.connection form{flex-shrink:0}.badge{font-size:10px;border:1px solid #42576b;border-radius:6px;padding:4px 8px;color:#b1c6d9}.badge.pending{color:#ffcd8e;border-color:#75603a}.empty{border:1px dashed #405164;border-radius:10px;padding:20px;color:#9fb4c7;font-size:13px}.signout{border-top:1px solid #304151;padding-top:24px;margin-top:24px}footer{text-align:center;font-size:10px;color:#7e94a8;margin-top:23px;letter-spacing:.2px}@media(max-width:550px){.shell{width:calc(100% - 24px);margin:26px auto}.panel{padding:23px 20px}h1{font-size:26px}.actions{flex-wrap:wrap}.actions button{flex:1}.permission-title{flex-wrap:wrap}.connection{align-items:flex-start;flex-wrap:wrap}.client-details{grid-template-columns:1fr}.brand div>span{font-size:10px}.user{padding:4px 9px}}