:root{--bg:#0c100e;--bg-elev:#141a16;--bg-panel:#1a221c;--line:#2a3a2e;--brass:#c4a265;--brass-dim:#8a703c;--ink:#e8efe6;--muted:#8a9a88;--danger:#d45d4a;--ok:#6fbf7a;--warn:#d9a441;--shadow:0 18px 40px #00000059}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:radial-gradient(1200px 500px at 10% -10%, #1d2a20 0%, transparent 55%), linear-gradient(180deg, #101612 0%, var(--bg) 40%);color:var(--ink);font-family:Segoe UI,IBM Plex Sans,system-ui,sans-serif}a{color:var(--brass);text-decoration:none}a:hover{text-decoration:underline}.shell{grid-template-columns:240px 1fr;min-height:100vh;display:grid}.nav{border-right:1px solid var(--line);background:linear-gradient(#121812,#0d120f);flex-direction:column;gap:.35rem;padding:1.4rem 1rem;display:flex}.brand{letter-spacing:.28em;text-transform:uppercase;color:var(--brass);margin:0 0 1.4rem;font-size:.72rem}.brand small{letter-spacing:.12em;color:var(--muted);margin-top:.35rem;font-size:.68rem;display:block}.nav a,.nav button.link{text-align:left;width:100%;color:var(--ink);cursor:pointer;font:inherit;background:0 0;border:0;border-radius:6px;padding:.55rem .7rem;display:block}.nav a.active,.nav a:hover,.nav button.link:hover{color:var(--brass);background:#1e2a22;text-decoration:none}.nav .spacer{flex:1}.main{max-width:1100px;padding:1.6rem 2rem 3rem}h1{margin:0 0 .35rem;font-size:1.55rem;font-weight:600}.lede{color:var(--muted);margin:0 0 1.4rem}.card{background:var(--bg-panel);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:12px;margin-bottom:1rem;padding:1.1rem 1.2rem}.grid{grid-template-columns:1fr 1fr;gap:.85rem;display:grid}.grid-3{grid-template-columns:1fr 1fr 1fr;gap:.85rem;display:grid}textarea.prompt{resize:vertical;min-height:10rem;line-height:1.45}label{color:var(--muted);flex-direction:column;gap:.3rem;font-size:.78rem;display:flex}input,select,textarea{font:inherit;color:var(--ink);background:var(--bg-elev);border:1px solid var(--line);border-radius:8px;padding:.55rem .65rem}input:focus,select:focus,textarea:focus{outline:2px solid var(--brass-dim);border-color:var(--brass)}.mono{font-family:Cascadia Code,Consolas,ui-monospace,monospace;font-size:.86rem}.check{color:var(--ink);flex-direction:row;align-items:center;gap:.55rem;font-size:.92rem}.check input{width:auto}.row{flex-wrap:wrap;align-items:center;gap:.7rem;display:flex}button,.btn{border:1px solid var(--brass-dim);color:#1a1408;cursor:pointer;background:linear-gradient(#c9ae74,#9a7b3c);border-radius:8px;padding:.55rem .9rem;font-weight:650}button.secondary{color:var(--brass);background:0 0}button.danger{color:#fff;background:#8a3328;border-color:#b04a3c}button:disabled{opacity:.5;cursor:not-allowed}button.chip,.chip{color:var(--brass);border:1px solid var(--line);background:0 0;padding:.35rem .65rem;font-size:.82rem;font-weight:500}.banner{border-radius:8px;margin:.6rem 0;padding:.7rem .85rem}.banner.err{color:#f0c2ba;background:#3a1c18}.banner.ok{color:#b7e0bc;background:#16341c}.banner.warn{color:#f0d9a0;background:#3a2e12}table{border-collapse:collapse;width:100%;font-size:.9rem}th,td{text-align:left;border-bottom:1px solid var(--line);padding:.5rem .4rem}.status{letter-spacing:.06em;text-transform:uppercase;font-size:.75rem}.status.Succeeded,.status.ok{color:var(--ok)}.status.Failed{color:var(--danger)}.status.Queued,.status.Running{color:var(--warn)}.status.PartialSuccess{color:var(--brass)}.auth-wrap{place-items:center;min-height:100vh;padding:2rem;display:grid}.auth-card{width:min(460px,100%)}.totp-setup{gap:.55rem;margin-top:1rem;display:grid}.totp-qr{background:#fff;border-radius:8px;width:192px;height:192px;padding:10px;display:block}.totp-key{letter-spacing:.06em;-webkit-user-select:all;user-select:all;font-size:1rem}pre.plan{white-space:pre-wrap;background:#0b0f0c;border-radius:8px;max-height:360px;padding:.8rem;overflow:auto}.main:has(.dns-console){max-width:1180px;padding-top:1.15rem}.dns-head{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:.85rem;display:flex}.dns-head .lede{max-width:46rem;margin-bottom:0}.dns-head h1{margin-bottom:.2rem}.dns-toolbar{padding:.75rem .9rem}.dns-toolbar-row{grid-template-columns:minmax(12rem,1.4fr) minmax(9rem,.7fr) auto;align-items:end;gap:.7rem 1rem;display:grid}.dns-field{margin:0}.dns-domain-pick{gap:.35rem;display:grid}.dns-manual{flex-wrap:wrap;align-items:center;gap:.45rem;display:flex}.dns-manual input{flex:1;min-width:12rem}.dns-subtitle{color:var(--muted);margin:.65rem 0 0;font-size:.88rem}.dns-subtitle strong{color:var(--ink)}.dns-status{color:var(--muted);align-items:center;gap:.4rem;padding-bottom:.35rem;font-size:.78rem;display:flex}.dns-status-dot{background:var(--muted);border-radius:50%;width:.5rem;height:.5rem}.dns-status.ok{color:var(--ok)}.dns-status.ok .dns-status-dot{background:var(--ok)}.dns-status.bad{color:var(--danger)}.dns-status.bad .dns-status-dot{background:var(--danger)}.dns-records{padding:.75rem .9rem .9rem}.dns-records-head,.dns-filters{justify-content:space-between;align-items:center;gap:.55rem;display:flex}.dns-records-head{margin-bottom:.55rem}.dns-records-head h2{margin:0;font-size:1rem;font-weight:600}.dns-filters{margin-bottom:.45rem}.dns-filters input{flex:1;min-width:0;padding:.4rem .55rem}.dns-filters select{width:9.5rem;padding:.4rem .55rem}.dns-empty{margin:.7rem 0 .2rem}.dns-table-wrap{overflow:auto}.dns-table{font-size:.82rem}.dns-table th{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;padding:.35rem .4rem;font-size:.7rem}.dns-table td{vertical-align:top;padding:.42rem .4rem}.dns-table .nowrap{white-space:nowrap}.dns-type{text-align:center;letter-spacing:.04em;border:1px solid var(--line);min-width:3.4rem;color:var(--brass);background:#1c241e;border-radius:999px;padding:.18rem .38rem;font:650 .68rem/1 Cascadia Code,Consolas,ui-monospace,monospace;display:inline-block}.type-A{color:#e4c27a;border-color:#6d5630}.type-AAAA{color:#c9b07a;border-color:#5c4c2e}.type-CNAME{color:#8ed0a0;border-color:#2f5a3a}.type-TXT{color:#b7c4b4;border-color:#3a463c}.type-MX{color:#e0b45a;border-color:#6a5220}.type-NS{color:#c4a265;border-color:#5a4a28}.type-CAA{color:#9bb0c9;border-color:#3a4a5c}.type-SRV{color:#d9a441;border-color:#6a5220}.dns-host,.dns-value,.dns-actions{flex-wrap:wrap;align-items:flex-start;gap:.35rem;display:flex}.dns-value code{text-overflow:ellipsis;white-space:nowrap;max-width:28rem;display:block;overflow:hidden}.dns-value.open code{white-space:pre-wrap;text-overflow:unset;word-break:break-all;overflow:visible}.dns-icon{color:var(--muted);border:1px solid var(--line);background:0 0;border-radius:6px;padding:.12rem .35rem;font-size:.68rem;font-weight:600}.dns-icon:hover{color:var(--brass);border-color:var(--brass-dim)}.dns-modal-back{z-index:40;background:#060a08b8;place-items:center;padding:1.2rem;display:grid;position:fixed;inset:0}.dns-modal{width:min(560px,100%);max-height:calc(100vh - 2.4rem);margin:0;overflow:auto}.dns-modal h2{margin:0 0 .7rem;font-size:1.15rem}.dns-form{grid-template-columns:1fr 1fr;gap:.65rem .75rem;display:grid}.dns-form .dns-span{grid-column:1/-1}.dns-form label{gap:.22rem}.dns-hint{color:var(--muted);font-size:.72rem}.dns-error{color:#f0c2ba;font-size:.72rem}.dns-modal-actions{justify-content:flex-end;margin-top:1rem}.dns-review{gap:.35rem .8rem;margin:0 0 .8rem;display:grid}.dns-review>div{grid-template-columns:6.5rem 1fr;align-items:start;gap:.4rem;display:grid}.dns-review dt{color:var(--muted);font-size:.75rem}.dns-review dd{align-items:flex-start;gap:.4rem;margin:0;display:flex}.dns-review-value{word-break:break-all}.dns-diff p{margin:.25rem 0;font-size:.88rem}.dns-toast{z-index:50;border:1px solid var(--line);color:#b7e0bc;box-shadow:var(--shadow);background:#16341c;border-radius:8px;padding:.7rem .9rem;position:fixed;bottom:1.2rem;right:1.2rem}@media (width<=860px){.shell{grid-template-columns:1fr}.nav{border-right:0;border-bottom:1px solid var(--line);flex-flow:wrap}.grid,.grid-3,.dns-form,.dns-toolbar-row{grid-template-columns:1fr}.brand{margin:0 1rem 0 0}.dns-table .dns-value code{max-width:12rem}}