@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap";:root{font-family:DM Sans,sans-serif;color:#28382f;background:#f7f8f5;font-synthesis:none;font-size:14px;font-weight:400;--green:#245c43;--muted:#7a837b;--line:#e4e8e0}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;border:1px solid #dce2d8;background:#fff;color:#36483c;border-radius:7px;padding:10px 15px;font-weight:550;white-space:nowrap;transition:background .15s}button:hover{background:#f2f5ef}button:disabled{cursor:default;opacity:.45}button.primary{background:var(--green);color:#fff;border-color:var(--green)}button.primary:hover{background:#1a4935}button:focus-visible,a:focus-visible{outline:3px solid #90baa1;outline-offset:3px}a{color:inherit;text-decoration:none}.workspace{display:flex;min-height:100vh}.sidebar{width:245px;background:#f1f3ec;border-right:1px solid var(--line);position:fixed;inset:0 auto 0 0;display:flex;flex-direction:column;padding:29px 19px 0}.brand{display:flex;align-items:center;font-family:Manrope,sans-serif;font-size:25px;font-weight:800;letter-spacing:-1.2px;margin:0 10px 46px}.brand-icon{color:var(--green);margin-right:10px;display:flex}.brand-dot{color:#6b9875}.workspace-label,.section-label{font-size:10px;font-weight:650;letter-spacing:1.7px;color:#858e80;margin:0 13px 13px}.nav{display:flex;justify-content:flex-start;gap:12px;border:0;background:transparent;width:100%;font-size:13px;padding:13px 14px;margin-bottom:5px;color:#657160}.nav svg{flex-shrink:0}.nav.active{background:#e1e9db;color:#275239}.nav>span{margin-left:auto;border-radius:4px;background:#cddbc5;padding:1px 6px;font-size:10px}.nav.active:hover{background:#dbe5d5}.nav>a{margin-left:auto}.domain-list{border-top:1px solid #dfe5d8;margin-top:26px;padding-top:24px;overflow:auto}.domain-search{display:flex;align-items:center;gap:7px;border-bottom:1px solid #dfe5d8;padding:2px 12px 10px;margin-bottom:12px;color:#8a9584}.domain-search input{background:transparent;border:0;width:100%;outline:0;font-size:12px;padding:4px 0}.domain{width:100%;text-align:left;justify-content:flex-start;border:0;background:none;font-size:12px;padding:10px 12px;gap:10px;margin:3px 0}.domain.selected{background:#e6ebe0;font-weight:600;color:#345c3e}.domain-mark{width:23px;height:23px;display:flex;align-items:center;justify-content:center;border:1px solid #d9e0d2;border-radius:5px;font-family:Manrope;font-size:10px;color:#7b8e71}.selected-dot{width:5px;height:5px;background:#56774b;border-radius:50%;margin-left:auto}.sidebar-bottom{margin-top:auto;padding-top:30px}.sidebar-bottom .nav:last-of-type{font-size:12px}.sidebar-bottom a.nav{padding-top:13px;padding-bottom:13px}.sidebar-bottom a.nav svg:last-child{margin-left:auto}.account{display:flex;align-items:center;gap:10px;border-top:1px solid #dce3d5;margin:18px -19px 0;padding:21px;font-size:11px}.avatar{background:#e0e7d9;border:1px solid #d3ddca;border-radius:50%;width:33px;height:33px;display:grid;place-items:center;color:#59734e;font-weight:600}.account strong{font-size:11px;font-weight:600}.account small{display:block;color:#8a9482;margin-top:4px;font-size:10px}.account>svg{margin-left:auto;color:#929e89}main{margin-left:245px;width:calc(100% - 245px)}.topbar{height:76px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:0 40px;font-size:12px;color:#84907f;background:#fafbf8}.topbar strong{font-weight:500;color:#495844}.slash{margin:0 13px;color:#c5cdbe}.topbar>div{display:flex;gap:18px;align-items:center}.mode{display:flex;align-items:center;gap:7px;color:#738064;font-size:11px}.mode>span{width:5px;height:5px;background:#87986b;border-radius:50%}.mode.live{color:var(--green)}.mode.live>span{background:var(--green)}button.small{font-size:11px;padding:7px 10px}.content{max-width:1370px;margin:0 auto;padding:28px 40px}.demo-banner{display:flex;align-items:center;padding:14px 17px;background:#eff2e6;border:1px solid #e0e6d2;border-radius:7px;gap:13px;color:#6f7b5f;font-size:11px}.demo-banner strong{font-weight:600;color:#546942}.demo-icon{display:flex;align-items:center;justify-content:center;width:31px;height:31px;background:#e2e8d5;border-radius:5px;flex-shrink:0}.demo-banner button{border:0;background:none;color:#536c42;padding:5px 0;margin-left:auto;font-size:11px}.breadcrumb{display:flex;align-items:center;gap:9px;font-size:11px;color:#8e9989;margin:30px 0 24px}.breadcrumb span{color:#c5cdbf;margin:0 3px}.zone-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:25px}.eyebrow{font-size:10px;letter-spacing:1.9px;color:#809374;font-weight:550}h1{font-family:Manrope,sans-serif;font-weight:650;letter-spacing:-1.5px;font-size:37px;margin:7px 0 10px;line-height:1.3}.zone-heading p{margin:0;color:#86907f;font-size:12px}.heading-actions{display:flex;gap:10px;align-self:center;padding-top:19px}.heading-actions button{font-size:11px;padding:11px 14px}.zone-meta{display:flex;gap:25px;align-items:center;border-top:1px solid var(--line);padding:17px 0 22px;font-size:11px;color:#818f77}.zone-meta>span{display:flex;align-items:center;gap:7px}.zone-meta>span+span{border-left:1px solid var(--line);padding-left:25px}.serial code{color:#596d4c;font-size:10px;background:#edf1e7;padding:3px 6px;border-radius:3px}.refresh{margin-left:auto;padding:2px 0;border:0;background:none;color:#6f8065;font-size:11px}.records-panel{border:1px solid #dfe5d9;background:#fff;border-radius:9px;overflow:hidden;box-shadow:0 3px 8px #3d523408}.records-heading{display:flex;align-items:center;justify-content:space-between;padding:23px 24px 20px}.records-heading h2{font-family:Manrope;font-size:16px;letter-spacing:-.3px;margin:0 0 6px;font-weight:700}.records-heading span{font-size:11px;color:#939c8a}.records-heading .count{border:1px solid #e4e9de;padding:5px 9px;border-radius:5px;font-size:11px;color:#718267}.toolbar{display:flex;align-items:center;gap:18px;margin:0 24px 21px}.record-search{display:flex;align-items:center;gap:9px;border:1px solid #e2e7dc;padding:9px 12px;border-radius:6px;width:370px;color:#9aa78e}.record-search input{border:0;outline:0;font-size:11px;padding:0;width:100%;color:#364a2f;background:none}.record-search input::placeholder{color:#98a18f}.type-filter{display:flex;align-items:center;gap:9px;border:1px solid #e2e7dc;padding:8px 12px;border-radius:6px;color:#919d84;font-size:11px;margin:0}.type-filter select{border:0;outline:0;width:60px;padding:0;background:none;appearance:none;font-size:11px;color:#465b3c;margin:0}.type-filter svg{pointer-events:none}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left;table-layout:fixed}th{font-size:9px;letter-spacing:1.2px;color:#919c84;background:#f8faf5;font-weight:550;padding:13px 10px;border-top:1px solid #edf0e8;border-bottom:1px solid #e6ebdf}th:first-child{width:105px;padding-left:24px}th:nth-child(2){width:18%}th:nth-child(4){width:85px}th:last-child{width:95px}td{height:66px;padding:13px 10px;border-bottom:1px solid #edf0e9;font-size:11px}td:first-child{padding-left:24px}.record-type{font-size:9px;font-weight:650;border:1px solid #e3e8dc;color:#788c66;background:#f3f6ed;border-radius:4px;display:inline-block;padding:4px 7px;min-width:37px;text-align:center}.t-A,.t-AAAA{background:#eef3e5;color:#6e8550;border-color:#e0e8d3}.t-CNAME{background:#f0eef7;color:#8b7ba5;border-color:#e5e0f0}.t-MX{background:#f9f1e4;color:#aa864c;border-color:#eee2cc}.t-TXT{background:#eaf2f4;color:#6b8c97;border-color:#dce8ec}.t-CAA{background:#f7eee9;color:#ae8977;border-color:#eddfd6}.record-name strong{font-family:DM Sans;font-size:11px;color:#46573b;font-weight:550;overflow-wrap:anywhere}.record-value code{font:10.5px SFMono-Regular,Consolas,monospace;color:#7d8b71;line-height:1.6;overflow-wrap:anywhere}.ttl{color:#7b8e6c;font-size:10px}.ttl small{display:block;font-size:9px;color:#a3ac9b;margin-top:4px}.row-actions{text-align:right;padding-right:20px;white-space:nowrap}.icon{display:inline-flex;border:0;background:none;padding:6px;color:#a0ad94;border-radius:4px;gap:0}.icon:hover{background:#eff3e8;color:var(--green)}.icon.delete:hover{color:#a0554c;background:#f8efec}.readonly{font-size:9px;color:#9da792}.table-footer{display:flex;align-items:center;justify-content:space-between;padding:15px 24px;font-size:10px;color:#97a18b;background:#fcfdfb}.table-footer>span:last-child{display:flex;align-items:center;gap:6px}.dns-note{display:flex;align-items:center;gap:18px;margin:28px 0 40px;padding:20px 3px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.note-icon{background:#ecf0e5;display:grid;place-items:center;width:45px;height:45px;border-radius:50%;color:#8b9c78;flex-shrink:0}.dns-note h3{font-size:12px;font-weight:550;margin:0 0 6px;color:#718360}.dns-note p{font-size:11px;color:#919c87;max-width:560px;margin:0;line-height:1.7}.dns-note>span{font-size:8px;letter-spacing:1.3px;margin-left:auto;white-space:nowrap;color:#a3ad98}.page-footer{display:flex;justify-content:space-between;font-size:9px;color:#a1aa96;gap:15px}.page-footer span>span{margin:0 6px}.pending{position:sticky;bottom:18px;background:#edf2e8;border:1px solid #ccd9c2;box-shadow:0 6px 20px #263f2912;border-radius:8px;padding:17px 20px;margin-top:20px;display:flex;align-items:center;justify-content:space-between;gap:15px;z-index:2}.pending>div{display:flex;align-items:center;gap:12px}.pending-number{background:#d9e4d1;border-radius:6px;padding:10px;color:#456638;font-size:14px}.pending strong{font-size:12px;font-weight:600}.pending p{font-size:10px;color:#7b8d6c;margin:4px 0 0}.pending button{font-size:11px}.staged{background:#f5f9ef}.staged.remove{background:#fcf5f2}.staged.remove .record-value{text-decoration:line-through}.change-label{font-size:9px;color:#668651;background:#e6efdf;border-radius:4px;padding:3px 6px;margin-left:7px;text-transform:capitalize;display:inline-block}.change-label.remove{color:#a77868;background:#f5e7df}.change-label.edit{color:#9c864c;background:#f5efd8}.empty{text-align:center;padding:40px 20px;color:#8e9d81}.overlay{position:fixed;inset:0;background:#18291e66;display:flex;align-items:center;justify-content:center;z-index:20;padding:24px;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.modal{width:480px;max-width:100%;background:#fcfdf9;border-radius:13px;padding:27px;box-shadow:0 20px 100px #1b2b2540;max-height:90vh;overflow-y:auto}.modal.wide{width:640px}.modal>header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}.modal h2{font-family:Manrope;font-size:20px;letter-spacing:-.6px;margin:0}.muted{color:#819275;font-size:12px;line-height:1.7;margin:0 0 21px}label{display:block;font-size:11px;font-weight:550;margin:18px 0;color:#5c7150}input,select,textarea{display:block;background:#fff;border:1px solid #dce5d4;padding:11px 12px;border-radius:6px;width:100%;color:#415c36;outline:none;margin-top:7px;font-size:12px}input:focus,select:focus,textarea:focus{border-color:#93ad80;box-shadow:0 0 0 3px #93ad8018}input::placeholder,textarea::placeholder{color:#a1ad98}.help{display:block;font-size:10px;font-weight:400;color:#8d9b81;line-height:1.7;margin-top:7px}.two{display:grid;grid-template-columns:1fr 1fr;gap:16px}.two label{margin-top:0;margin-bottom:0}.form-note{display:flex;align-items:center;gap:8px;background:#eef3e7;border-radius:5px;padding:12px;color:#859975;font-size:10px;margin-top:20px}.modal footer{display:flex;justify-content:flex-end;gap:10px;margin-top:25px;padding-top:20px;border-top:1px solid var(--line)}.modal footer button{font-size:12px}.connection-guide{background:#eef3e8;padding:16px;display:flex;gap:12px;border-radius:6px;color:#71905d;margin-top:22px}.connection-guide>svg{flex-shrink:0}.connection-guide strong{font-size:11px;font-weight:600}.connection-guide p{font-size:11px;line-height:1.7;color:#839779;margin:6px 0 8px}.connection-guide a{font-size:10px;display:flex;align-items:center;gap:4px;color:#487332}.review-list{border:1px solid var(--line);border-radius:6px;overflow:hidden}.review-item{padding:16px 17px;border-bottom:1px solid var(--line)}.review-item:last-child{border:0}.review-item>.change-label{margin:0 10px 0 0}.review-item strong{font-size:11px}.review-item p{display:flex;gap:14px;align-items:baseline;line-height:1.7;margin:12px 0 0;font-size:11px;color:#778c68}.review-item p span{width:35px;flex-shrink:0;font-size:10px;color:#99a48e}.review-item code{overflow-wrap:anywhere;font-size:10px}.review-item .before code{color:#9ca88f}.danger{background:#a56653;color:#fff;border-color:#a56653}.error{color:#9b4e40;font-size:11px;line-height:1.7;background:#fbefea;border:1px solid #efd7ce;padding:12px 15px;border-radius:5px;overflow-wrap:anywhere}.page-error{margin-bottom:17px;display:flex;align-items:center;justify-content:space-between;gap:15px}.notice{color:#4f7640;font-size:11px;line-height:1.7;background:#eef6e8;border:1px solid #d9e8cd;padding:12px 15px;border-radius:5px;display:flex;align-items:center;gap:10px;margin-bottom:17px}.notice>button{margin-left:auto}.history-entry{display:flex;align-items:center;gap:12px;padding:17px;border-bottom:1px solid var(--line);color:#7f946f}.history-entry strong{font-size:12px}.history-entry p{font-size:10px;margin:5px 0 0}.history-entry .change-label{margin-left:auto}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.spin{animation:spin 1.5s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(min-width:1500px){.content{padding-top:38px}.records-panel td{height:72px}.zone-heading{margin-top:32px}}@media(max-width:1100px){.sidebar{width:210px;padding-left:12px;padding-right:12px}.brand{font-size:22px}.account{margin-left:-12px;margin-right:-12px;padding:18px 16px}main{margin-left:210px;width:calc(100% - 210px)}.content{padding:23px}.topbar{padding:0 23px}.demo-banner span:not(.demo-icon){display:none}.zone-meta{gap:14px}.zone-meta>span+span{padding-left:14px}.zone-heading{align-items:flex-start;flex-wrap:wrap}.heading-actions{padding-top:0}th:nth-child(2){width:19%}.dns-note>span{display:none}.record-value code{font-size:10px}.pending{flex-wrap:wrap}}@media(max-width:760px){.workspace{display:block}.sidebar{position:static;width:100%;padding:16px 18px;display:block;border-bottom:1px solid var(--line);border-right:0}.brand{margin:0 0 16px;font-size:23px}.workspace-label,.sidebar>.nav,.sidebar-bottom{display:none}.domain-list{border:0;padding:0;margin:0;display:flex;gap:8px;overflow:auto}.domain-list .section-label,.domain-search{display:none}.domain{width:auto;margin:0;padding:8px 10px;flex-shrink:0;background:#e9eee2}.domain-mark{display:none}.selected-dot{margin-left:2px}.domain.selected{background:#d9e4cf}main{margin-left:0;width:100%}.topbar{height:60px;padding:0 18px}.topbar>span{display:none}.topbar>div{justify-content:space-between;width:100%}.content{padding:20px 18px}.demo-banner{align-items:flex-start;font-size:10px;padding:12px;gap:10px}.demo-banner button{font-size:10px}.demo-banner .demo-icon{display:none}.breadcrumb{margin-top:25px}h1{font-size:31px}.zone-heading{gap:20px}.heading-actions{width:100%;justify-content:flex-start}.zone-heading p{font-size:11px}.zone-meta{flex-wrap:wrap;gap:12px;padding-bottom:20px}.zone-meta .serial{display:none}.zone-meta>span+span{padding-left:12px}.records-heading{padding:20px 16px}.records-heading span{font-size:10px}.toolbar{margin:0 16px 18px;gap:10px}.record-search{width:auto;flex:1;padding:9px}.type-filter{padding:9px;gap:6px}.type-filter select{width:42px}table{min-width:640px}th:first-child,td:first-child{padding-left:16px;width:80px}th:nth-child(2){width:100px}th:nth-child(4){width:75px}th:last-child{width:80px}.table-footer{padding:13px 16px;font-size:9px}.table-footer>span:last-child{max-width:180px;text-align:right;font-size:8px}.pending{padding:14px;bottom:10px}.pending>div:last-child{width:100%;justify-content:space-between}.pending button{font-size:10px;padding:9px 10px}.dns-note{margin-top:25px;gap:12px}.dns-note p{font-size:10px}.page-footer{font-size:8px;flex-wrap:wrap}.overlay{padding:12px}.modal{padding:22px;max-height:94vh}.history-entry{flex-wrap:wrap}.history-entry .change-label{margin-left:0}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}.mobile-history{display:none}@media(max-width:760px){.mobile-history{display:inline-flex}.topbar>div{gap:10px}.mode{margin-right:auto}.record-value code{font-size:11px}.modal input,.modal select,.modal textarea{font-size:16px}}