.account-page{height:auto;min-height:100dvh;overflow:auto}.account-page input{width:100%;height:46px;border:1px solid #36465f;background:#121d2e;color:#e9f1ff;border-radius:12px;padding:10px 13px;margin-top:7px;font-size:14px}.account-page input:focus{border-color:#6daaff;outline:2px solid #559bff22}.account-page label{display:block;font-size:12px;color:#afc0dc;font-weight:550;min-width:0}.login-shell{width:min(420px,calc(100% - 36px));margin:10vh auto 6vh;padding:36px 30px;border:1px solid #33425b;background:#1b263be8;border-radius:28px;box-shadow:0 24px 80px #0003}.login-logo{display:grid;place-items:center;width:55px;height:55px;border-radius:17px;color:#fff;background:#3687ff;box-shadow:0 8px 25px #007aff22;margin-bottom:25px}.login-logo svg{width:31px;height:31px}.login-shell h1{font-size:29px;line-height:1.3;margin:12px 0 13px}.login-description{font-size:13px;line-height:1.7;color:#a5b4cd;margin:0 0 27px}.login-form>.button{width:100%;margin-top:18px;justify-content:space-between;padding:12px 17px}.login-foot{color:#8094b3;font-size:11px;line-height:1.8;margin:22px 0 0}.form-error{color:#ffb1b9;font-size:12px;margin:10px 0 0}.admin-shell{max-width:1120px;margin:auto;padding:0 28px}.admin-top{display:flex;justify-content:space-between;align-items:center;min-height:85px;border-bottom:1px solid #2b374c}.admin-top nav{display:flex;gap:9px;align-items:center}.admin-top form{margin:0}.admin-title{padding:30px 0 18px}.admin-title h1{font-size:29px}.admin-title>p:last-child{font-size:13px;color:#9eb1cd}.admin-nav{display:flex;gap:10px;margin-bottom:22px;flex-wrap:wrap}.admin-nav a{color:#bdd4f5;text-decoration:none;padding:9px 14px;border:1px solid #34445f;border-radius:12px;background:#202e45;font-size:12px}.admin-card{padding:24px;margin-bottom:22px;scroll-margin-top:18px}.card-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:20px}.card-heading h2{font-size:17px}.card-heading p{color:#a1b2cc;font-size:12px;line-height:1.7;margin:7px 0 0}.inline-form{display:flex;gap:12px;align-items:end}.inline-form label{flex:1}.inline-form button{height:46px}.network-settings{border-top:1px solid #2e3c54;margin-top:23px;padding-top:21px}.network-settings>p,.form-hint{color:#91a5c2;font-size:11px;line-height:1.8}.domain-cards{margin-top:20px}.domain-card{border:1px solid #34445d;border-radius:15px;margin-top:12px;background:#152034;overflow:hidden}.domain-card summary{padding:17px;display:flex;justify-content:space-between;gap:10px;cursor:pointer;font-weight:600;font-size:13px;list-style:none}.domain-card summary>span:first-child{overflow-wrap:anywhere}.domain-detail{color:#91b9f2;font-size:11px;white-space:nowrap}.domain-mark{display:inline-block;width:7px;height:7px;background:#629ef7;border-radius:50%;margin-right:10px}.dns-guide{padding:0 18px 18px;border-top:1px solid #2e3e58;font-size:12px;line-height:1.8;color:#a8bbd6}.dns-guide>p{margin:16px 0}.table-scroll{overflow-x:auto}.dns-guide table{width:100%;border-collapse:collapse}.dns-guide td,.dns-guide th{padding:12px;text-align:left;border-bottom:1px solid #2c3b53;font-size:12px}.dns-guide th{font-size:10px;color:#8198ba}.dns-guide code{color:#d6e7ff;white-space:nowrap;font-family:ui-monospace,Consolas,monospace}.dns-guide ul{padding-left:18px}.dns-guide li{margin:9px 0}.guide-note{border:1px solid #41506b;background:#202f46;border-radius:10px;padding:10px 12px;color:#b4c7e2}.admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.stack-form{display:flex;flex-direction:column;gap:15px}.stack-form .form-hint{margin:0}.user-card{display:flex;align-items:end;gap:12px;border-top:1px solid #303e56;padding-top:20px;margin-top:20px}.user-edit{display:flex;align-items:end;gap:12px;flex:1;min-width:0}.user-edit label{flex:1}.user-card button{height:46px}.danger{background:#4a2934;border:1px solid #794450;color:#ffb5bd}.danger:hover{background:#603342}.notice{border-radius:12px;border:1px solid #45627e;background:#20334b;color:#d4e6ff;padding:12px 15px;font-size:12px;margin-bottom:18px}.notice.error{border-color:#7c4653;background:#452936;color:#ffbbc4}.notice.success{border-color:#3d7661;background:#1d3c35;color:#bcead6}.admin-empty{color:#91a7c8;font-size:12px;padding:10px 0}.account-links{display:flex;align-items:center;gap:8px}.account-links a{text-decoration:none}.account-links form{margin:0}.account-name{font-size:11px;color:#93acd1}.topbar .account-links .button{min-height:32px;padding:6px 10px;font-size:11px}.topbar-right{gap:14px}@media(max-width:950px){.topbar-right .retention-pill{display:none}.account-name{display:none}}@media(max-width:700px){.admin-shell{padding:0 14px}.admin-grid{display:block}.admin-card{padding:18px}.inline-form{flex-wrap:wrap}.inline-form label{flex-basis:100%}.inline-form button{width:100%}.user-card,.user-edit{flex-wrap:wrap}.user-edit label{flex-basis:100%}.user-edit>.button{flex:1}.user-card>form:last-child{width:100%}.user-card>form:last-child button{width:100%}.login-shell{margin-top:6vh;padding:28px 23px}.admin-top .wordmark{font-size:17px}.admin-top .button{font-size:11px;padding:8px 10px}.domain-detail{font-size:10px}.dns-guide{padding:0 12px 12px}.topbar-right{gap:8px}.account-links{gap:6px}.topbar .account-links .button{padding:6px 8px;font-size:10px}.account-links .account-name{display:none}.topbar .wordmark{font-size:17px}.topbar .brand-mark{margin-right:6px}.topbar-right .connection{display:none}}

/* Admin uses the document scrollbar; the inbox app keeps its fixed shell. */
html:has(body.account-page){height:auto;min-height:100%;overflow-y:auto;overflow-x:hidden}
body.account-page{height:auto;min-height:100dvh;overflow:visible}
.password-generator{display:flex;align-items:center;gap:8px;margin-top:7px}
.password-generator input{margin-top:0;min-width:0;flex:1;font-family:ui-monospace,Consolas,monospace}
.password-generator .button{height:46px;flex-shrink:0;font-size:11px;padding:9px 12px}
.user-edit{flex-wrap:wrap}.user-edit label{min-width:180px}
@media(max-width:700px){.password-generator{flex-wrap:wrap}.password-generator input{flex-basis:100%}.password-generator .button{width:100%}}

.current-user-password{font-family:ui-monospace,Consolas,monospace;letter-spacing:.6px;color:#c9f2df!important;cursor:text}.password-legacy-note{display:block;font-size:10px;font-weight:400;line-height:1.7;color:#a1b1ca;margin-top:7px}.user-edit label{flex-basis:210px}

.api-docs pre{background:#101c2e;border:1px solid #30415b;padding:16px;border-radius:12px;overflow:auto;color:#c5e0ff;font:12px/1.9 ui-monospace,Consolas,monospace;white-space:pre}
.api-docs h3{font-size:13px;color:#c9d8ee;margin:24px 0 10px}.api-docs .admin-card>p{font-size:12px;color:#a5b8d4;line-height:1.8}.api-docs .endpoint{border-top:1px solid #2e3d54;margin-top:18px;padding-top:20px}.endpoint>code{font-size:12px;color:#d2e5ff;overflow-wrap:anywhere}.endpoint>p{font-size:12px;line-height:1.9;color:#a3b8d7}.method{display:inline-block;border-radius:6px;padding:3px 8px;margin-right:8px;font:700 10px ui-monospace,monospace}.method.get{background:#1d3b4a;color:#8edcde}.method.post{background:#293a60;color:#9cc5ff}.key-table{width:100%;border-collapse:collapse;margin-top:16px}.key-table th,.key-table td{padding:12px 9px;text-align:left;border-bottom:1px solid #2e3d55;font-size:11px;color:#b6c9e5}.key-table th{color:#899ebd;font-size:10px}.key-output{display:flex;gap:9px;align-items:center;margin-top:12px}.key-output input{margin:0;font-family:ui-monospace,Consolas,monospace;font-size:12px}.key-output+p{font-size:11px}.api-docs code{font-family:ui-monospace,Consolas,monospace}.topbar .account-links{flex-wrap:wrap}@media(max-width:650px){.topbar .account-links .button{font-size:9px;padding:5px 6px}.key-output{flex-wrap:wrap}.key-output .button{width:100%}.api-docs .admin-nav a{font-size:10px}.api-docs pre{font-size:11px}}

.saved-api-key{min-width:220px;max-width:400px}.saved-api-key input{margin-top:0;font-family:ui-monospace,Consolas,monospace;height:38px;font-size:11px}.saved-api-key>div{display:flex;gap:7px;margin-top:7px}.saved-api-key .button{min-height:30px;padding:5px 10px}.api-docs .key-table td{vertical-align:top}