:root{font-family:Inter,"Segoe UI",Arial,sans-serif;color:#dce8ee;background:#0a1822;font-size:14px;line-height:1.5;color-scheme:dark}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}a{color:#67dfd0;text-decoration:none}a:hover{text-decoration:underline}button{border:1px solid transparent;background:#48cbb9;color:#072623;font-weight:650;padding:10px 16px;border-radius:7px;cursor:pointer}button:hover{filter:brightness(1.08)}button:disabled{opacity:.5;cursor:wait}button.secondary,.tabs button,.subtle{background:#1d3441;color:#dce8ee;border-color:#34505e}button.danger{background:#622934;color:#ffe0e6;border-color:#a64859}.topbar{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px 5%;border-bottom:1px solid #263944;background:#0b1d28}.brand{display:flex;align-items:center;gap:12px;font-size:30px;font-weight:800;letter-spacing:1px;color:#57d6c5}.brand span{color:#f1f8fc;font-size:16px;letter-spacing:1.5px}.brand small{display:block;font-size:9px;color:#7ca6b8;letter-spacing:2px}.brand:hover{text-decoration:none}#account{display:flex;align-items:center;gap:14px}#account[hidden]{display:none}main{max-width:1380px;margin:28px auto;padding:0 30px;min-height:70vh}.card{padding:25px;background:#112734;border:1px solid #29424f;border-radius:12px;margin-bottom:20px}.login{max-width:450px;margin:60px auto}.login form{display:grid;gap:15px}.login button{margin-top:6px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;color:#55cfc0;margin:0 0 10px}h1{font-size:32px;line-height:1.2;letter-spacing:-.6px;margin:0 0 12px}h2{font-size:21px;margin:0 0 12px}h3{margin:0;font-size:18px}.muted{color:#9cb4c0}.hint,small{font-size:12px;color:#9cb4c0}.hint{margin:12px 0 18px}label{display:flex;flex-direction:column;gap:7px;font-size:13px;font-weight:600}label small{font-weight:400}input{display:block;width:100%;min-width:0;padding:10px 12px;color:#eff9ff;background:#071b28;border:1px solid #3c5360;border-radius:6px;outline:none}input:focus{border-color:#51d4c2;box-shadow:0 0 0 2px #51d4c222}.intro{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:25px}.intro p{margin-bottom:0}.tabs{display:flex;gap:8px;border-bottom:1px solid #29424f;padding-bottom:15px;margin-bottom:20px}.tabs button[aria-selected=true]{background:#48cbb9;color:#072623;border-color:#48cbb9}.grid-form{display:grid;grid-template-columns:1fr 1fr;gap:20px;max-width:950px;margin-top:25px}.wide{grid-column:1/-1}.summary{display:flex;gap:14px;flex-wrap:wrap}.metric{background:#112734;border:1px solid #29424f;padding:14px 22px;border-radius:8px;min-width:130px}.metric strong{display:block;font-size:26px;color:#effaff}.metric span{color:#a1b8c5;font-size:12px}.business-list{display:grid;gap:15px}.business{background:#112734;border:1px solid #29424f;border-radius:10px;padding:22px}.business-head{display:flex;justify-content:space-between;align-items:start;gap:16px}.status{display:inline-block;padding:4px 9px;background:#263f4d;border-radius:5px;color:#c3d2db;font-size:12px;white-space:nowrap}.status.active{color:#75e4c4;background:#194a41}.status.suspended,.status.expired,.status.error{color:#ffbec9;background:#542c39}.meta{display:flex;gap:20px;flex-wrap:wrap;font-size:12px;color:#a7c1cd;margin:15px 0}.actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.actions a{display:inline-block;padding:8px 4px}.actions button{padding:8px 11px;font-size:12px}details{margin-top:16px;border-top:1px solid #29424f;padding-top:12px}summary{cursor:pointer;color:#76d8ce;font-weight:600}.dns{background:#081d29;border-radius:7px;padding:15px;margin-top:10px;overflow-wrap:anywhere}.dns p{margin:7px 0}.dns code{font-size:12px;color:#d9f7f1}.error-detail{color:#ffb5c0;font-size:12px;overflow-wrap:anywhere}.message{position:sticky;top:0;z-index:10;background:#194a41;color:#c4ffed;padding:14px 5%;border-bottom:1px solid #3e7568}.message.error{background:#592431;color:#ffe0e5}.empty{padding:35px;text-align:center;color:#a5bdc9}.table-scroll{overflow:auto}table{border-collapse:collapse;width:100%;font-size:12px}td,th{text-align:left;vertical-align:top;border-bottom:1px solid #2c4553;padding:11px 9px;overflow-wrap:anywhere}th{color:#91b6c6;font-weight:600}.block{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:15px 0;border-bottom:1px solid #29424f}.block:last-child{border:0}.block p{margin:4px 0}.block code{font-size:14px}dialog{color:#e5f1f8;background:#122b39;border:1px solid #456779;border-radius:12px;max-width:480px;width:95%;padding:26px}dialog::backdrop{background:#0009}dialog form{display:grid;gap:14px}footer{padding:24px;text-align:center;color:#6e8b9d;font-size:11px}[hidden]{display:none!important}@media(max-width:720px){main{padding:0 14px;margin-top:20px}.topbar{padding:15px}.grid-form{grid-template-columns:1fr}.tabs{overflow-x:auto}.tabs button{white-space:nowrap}.business-head{flex-wrap:wrap}.card,.business{padding:19px}.login{margin:25px auto}h1{font-size:27px}.metric{min-width:100px;padding:10px 16px}.actions{gap:7px}#who{display:none}}
:root .dns h4{font-size:16px;margin:0 0 7px;color:#eef9ff}.dns-zone{max-width:620px;margin:18px 0 12px}.dns-zone-input[aria-invalid=true]{border-color:#ff8d9e}.dns-zone-error{color:#ffc2cc}.dns-table-wrap{margin:15px 0;border:1px solid #3a5665;border-radius:7px}.dns-table{min-width:680px;background:#102936}.dns-table caption{text-align:left;background:#163341;padding:11px 12px;color:#dceeea;font-size:12px}.dns-table th{background:#1e3a48;color:#b8d9e1;white-space:nowrap}.dns-table td:first-child,.dns-table td:last-child{white-space:nowrap}.dns-table tbody tr:last-child td{border-bottom:0}.dns-cell{display:flex;align-items:start;justify-content:space-between;gap:10px}.dns-cell code{user-select:all;white-space:normal;overflow-wrap:anywhere;min-width:0;padding:4px 0}.dns-cell .dns-copy{flex:none;font-size:11px;padding:4px 8px}.dns-important{padding:10px 12px;border-left:3px solid #54d2c1;background:#123b40;color:#d8faf4;font-size:12px}.dns-full{margin:14px 0;padding-top:10px}.dns-full summary{font-size:12px}.dns-full p{font-size:12px}
.status.deletion_pending{color:#ffd9ae;background:#593a20}.deletion-note{color:#ffdab1;font-size:13px}.actions button:disabled,#delete-submit:disabled{cursor:not-allowed}#delete-dialog{max-width:620px}#delete-dialog p{margin:0}#delete-domain-name{color:#fff0f2;font-size:15px;overflow-wrap:anywhere;user-select:all}#delete-dialog .actions{justify-content:flex-end;margin-top:7px}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid #78eddb;outline-offset:3px}

.domain-change{margin-top:20px;border:1px solid #477a89;border-radius:8px;padding:18px;background:#102e3a}.domain-change h4{margin:0;font-size:17px;color:#a2f1e3;overflow-wrap:anywhere}.domain-change>p{margin:12px 0}.domain-change>.actions{margin-top:16px}.domain-change-notice{padding:12px;border-left:3px solid #e4b874;background:#403729;color:#ffe9c9;font-size:13px}#domain-dialog{max-width:650px;max-height:92vh;overflow:auto}#domain-dialog p{margin:0}#domain-dialog .actions{justify-content:flex-end;margin-top:7px}#domain-current{opacity:.8}.domain-acknowledgement{display:flex;flex-direction:row;align-items:flex-start;gap:12px;font-weight:400}.domain-acknowledgement input{width:18px;height:18px;flex:none;margin:2px 0 0;accent-color:#48cbb9}#domain-submit:disabled{cursor:not-allowed}

select,textarea{font:inherit;display:block;width:100%;padding:10px 12px;color:#eff9ff;background:#071b28;border:1px solid #3c5360;border-radius:6px}textarea{resize:vertical;min-height:130px}select:focus,textarea:focus{outline:2px solid #51d4c2}.notification-picker{display:flex;align-items:end;gap:14px}.notification-picker label{flex:1;max-width:640px}.notification-targets{display:grid;gap:8px;max-height:420px;overflow:auto}.notification-target{display:flex;align-items:start;gap:12px;padding:13px;border:1px solid #34505e;border-radius:7px;font-weight:400}.notification-target input{width:18px;height:18px;flex:none;margin-top:4px}.notification-target span{display:block;overflow-wrap:anywhere}.notification-target small{display:block}.notification-target:has(input:checked){border-color:#48cbb9;background:#173e43}#notification-selected{overflow-wrap:anywhere}#notification-send:disabled{cursor:not-allowed}@media(max-width:720px){.notification-picker{align-items:stretch;flex-direction:column}.notification-picker label{max-width:none}}

#notification-html-help{line-height:1.6;overflow-wrap:anywhere}#notification-format-status{align-self:center;margin:0}