@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=IBM+Plex+Mono:wght@500&display=swap');:root{font-family:'DM Sans',sans-serif;color:#d9e4f2;background:#07101d;color-scheme:dark}*{box-sizing:border-box}body{margin:0;min-width:320px;background:radial-gradient(circle at 70% -10%,#152846 0,#07101d 38%,#050a12 100%);min-height:100svh}.shell{min-height:100svh;display:grid;grid-template-columns:252px 1fr}aside{border-right:1px solid #1c2b40;background:#08101c;padding:22px 14px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:8px;color:#f5f8fc;text-decoration:none;padding:0 12px 22px;border-bottom:1px solid #1d2a3c}.brand i{width:12px;height:12px;border-radius:4px;background:#3285ff;box-shadow:0 0 17px #3285ff}.brand small{color:#7f91aa}nav{padding-top:18px;display:grid;gap:4px}nav a,aside footer{padding:11px 12px;color:#90a0b6;font-size:14px;border-radius:7px}nav a.active{background:#10233d;color:#f3f7ff;box-shadow:inset 2px 0 #397ff3}aside footer{margin-top:auto;border-top:1px solid #1d2a3c;padding-top:22px}main{padding:32px min(5vw,72px);max-width:1540px;width:100%}header{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:28px}h1,h2,p{margin:0}h1{font-size:30px;letter-spacing:-.04em;color:#f7f9fd}header p,.panel-title p,.new-site p{color:#8b9ab0;margin-top:7px;line-height:1.45}.primary,.new-site button,.modal button{border:0;border-radius:7px;background:#2878ed;color:white;padding:11px 15px;font:600 14px 'DM Sans';cursor:pointer;transition:.18s transform,.18s filter}.primary:hover,.new-site button:hover{transform:translateY(-1px);filter:brightness(1.12)}.new-site{border:1px solid #233650;border-left:3px solid #2d7fff;background:#0b1727;display:flex;justify-content:space-between;align-items:center;padding:17px 19px;margin-bottom:20px}.new-site b{color:#dce9fb}.new-site p{font-size:13px}.new-site button{background:#17365d;color:#bcd6ff}.panel{border:1px solid #203149;border-radius:11px;background:rgba(8,18,31,.8);padding:22px}.panel-title{display:flex;justify-content:space-between;gap:30px;border-bottom:1px solid #1d2d43;padding-bottom:19px}.panel h2{font-size:16px;color:#edf4ff}.panel-title p{font-size:13px;max-width:760px}.panel-title span{font:12px 'IBM Plex Mono';color:#6e93c8;white-space:nowrap}.domain-head,.domain-row{display:grid;grid-template-columns:1.1fr .62fr 2fr .45fr .7fr;gap:18px;align-items:center}.domain-head{padding:18px 13px 10px;color:#71829a;font-size:11px;font-weight:bold;letter-spacing:.06em}.domain-row{padding:15px 13px;border-top:1px solid #17283e;animation:rise .35s ease both}.domain-row strong{font:500 14px 'IBM Plex Mono';color:#e3edfc}.domain-row small{color:#8293ab;font:12px 'IBM Plex Mono';overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status{display:inline-flex;width:max-content;padding:4px 8px;border-radius:999px;background:#16372e;color:#50d99b;font-size:11px;font-weight:bold}.status.pending{background:#302c18;color:#f2c75a}.row-actions{display:flex;gap:7px}.row-actions button{background:#13243a;border:1px solid #284363;color:#c8dbf8;border-radius:6px;padding:7px 9px;font:600 12px 'DM Sans';cursor:pointer}.row-actions button:hover{border-color:#3b83ef}.loading{color:#8090a7;padding:23px}.modal-backdrop[hidden],.toast[hidden]{display:none}.modal-backdrop{position:fixed;inset:0;background:#02060cbb;display:grid;place-items:center;padding:18px;z-index:3}.modal{position:relative;width:min(650px,100%);max-height:calc(100svh - 36px);overflow:auto;background:#0b1625;border:1px solid #29415e;border-radius:12px;padding:29px;box-shadow:0 28px 100px #000}.close{position:absolute;right:17px;top:13px;background:none!important;color:#91a2b9!important;font-size:25px!important;padding:4px 8px!important}.modal h2{font-size:23px;color:#f5f8fe;margin-bottom:5px}.modal>div>p{color:#91a1b6;margin-bottom:23px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-grid .full{grid-column:1/-1}label{display:grid;gap:7px;color:#9badc2;font-size:12px;font-weight:bold;text-transform:uppercase;letter-spacing:.04em}input,select{width:100%;height:43px;border:1px solid #29405e;border-radius:7px;background:#07111e;color:#edf3fd;padding:0 12px;font:14px 'DM Sans';outline:none}input:focus,select:focus{border-color:#3c8bff;box-shadow:0 0 0 3px #2b75d52b}.hint{font-size:12px;color:#7e91aa;line-height:1.45}.dns-note{background:#091d32;border:1px solid #1c426d;padding:13px;border-radius:7px;color:#aac7ec;font-size:13px;line-height:1.5}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:23px}.modal-actions .secondary{background:#172536;color:#c4d4e7}.modal-actions .primary{background:#2878ed}.records{margin-top:18px;border-top:1px solid #263a54;padding-top:17px}.records div{display:grid;grid-template-columns:60px 1fr 2fr;gap:10px;padding:9px 0;border-bottom:1px solid #182c43;font:12px 'IBM Plex Mono';color:#c7ddfa}.records b{color:#6e9ddd}.toast{position:fixed;right:20px;bottom:20px;background:#123226;border:1px solid #2d936a;color:#baf5d8;padding:13px 16px;border-radius:8px;z-index:6}@keyframes rise{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media(max-width:820px){.shell{grid-template-columns:1fr}aside{display:none}main{padding:22px 16px}.domain-head{display:none}.domain-row{grid-template-columns:1fr 1fr}.domain-row small{grid-column:1/-1}.row-actions{justify-self:end}.panel-title{display:block}.panel-title span{display:block;margin-top:12px}header{align-items:center}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}}@media(max-width:480px){header{display:block}.primary{margin-top:14px}.new-site{display:block}.new-site button{margin-top:14px}.domain-row{grid-template-columns:1fr}.row-actions{justify-self:start}.modal{padding:24px 18px}}