@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";:root{--ink:#172b2a;--muted:#839390;--border:#e6ece9;--green:#0d7163;--lime:#c8ef81;--paper:#f7f9f7}*{box-sizing:border-box}body{background:var(--paper);color:var(--ink);margin:0;font-family:Manrope,PingFang SC,Microsoft YaHei,sans-serif;font-size:14px}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}:is(button:focus-visible,input:focus-visible,select:focus-visible){outline-offset:2px;outline:3px solid #9ed8c5}.app{min-height:100vh;display:flex}.sidebar{border-right:1px solid var(--border);background:#fff;flex-direction:column;flex:none;width:232px;height:100vh;padding:29px 18px;display:flex;position:sticky;top:0}.brand{letter-spacing:-1.2px;align-items:center;gap:11px;margin:0 8px 63px;font-size:19px;font-weight:800;display:flex}.brand-icon{color:#c9f086;background:#123f37;border-radius:10px;place-items:center;width:35px;height:35px;font-size:21px;display:grid}.brand-light{font-weight:500}.brand small{color:#a0ada9;letter-spacing:1.5px;margin-top:2px;font-size:8px;display:block}.side-label{letter-spacing:1px;color:#a6b4ae;margin:0 12px 14px;font-size:10px;font-weight:800}.side-active{color:#176b5b;background:#eaf4ef;border-radius:8px;align-items:center;gap:11px;padding:13px 14px;font-weight:700;display:flex}.side-active span{font-size:17px}.side-active b{margin-left:auto;font-size:12px}.side-bottom{border-top:1px solid var(--border);gap:10px;margin-top:auto;padding:22px 4px 0;display:flex}.shield{color:#448e78;font-size:20px}.side-bottom strong{font-size:11px}.side-bottom p{color:#94a39e;margin:6px 0;font-size:10px;line-height:1.7}main{flex:1;min-width:0}header{border-bottom:1px solid var(--border);background:#fff;justify-content:space-between;align-items:center;height:75px;padding:0 48px;display:flex}.breadcrumbs{color:#a0ada9;font-size:12px}.breadcrumbs span{color:#d5deda;margin:0 12px}.breadcrumbs strong{color:#526963}.header-right{color:#81918a;align-items:center;gap:8px;font-size:11px;display:flex}.status{background:#c4ceca;border-radius:50%;width:7px;height:7px}.status.on{background:#68bd86}.avatar{color:#53806d;background:#e7efe9;border-radius:50%;place-items:center;width:32px;height:32px;margin-left:17px;font-weight:800;display:grid}.content{max-width:1430px;margin:auto;padding:47px 48px 26px}.title-row{justify-content:space-between;align-items:flex-end;margin-bottom:34px;display:flex}.eyebrow{color:#82a196;letter-spacing:2px;align-items:center;gap:8px;font-family:DM Sans,sans-serif;font-size:9px;font-weight:700;display:flex}.eyebrow span{background:#75b393;width:17px;height:2px}h1{letter-spacing:-1px;margin:12px 0 9px;font-size:32px;line-height:1.2}p{margin:0}.title-row p{color:#8b9a94;font-size:13px}.btn{white-space:nowrap;border:0;border-radius:7px;padding:12px 19px;font-size:12px;font-weight:700}.primary{color:#fff;background:#126f60;box-shadow:0 4px 10px #0d716315}.primary:hover{background:#095c50}.secondary{color:#516a61;background:#fff;border:1px solid #dfe9e3}.danger{color:#fff;background:#bf4f45}.connect-layout{grid-template-columns:minmax(0,1.4fr) minmax(280px,.9fr);gap:21px;max-width:1080px;display:grid}.connect-card,.guide,.records-card,.summary{border:1px solid var(--border);background:#fff;border-radius:11px;box-shadow:0 6px 26px #234d3409}.connect-card{padding:29px 32px 26px}.card-top{align-items:center;gap:14px;margin-bottom:29px;display:flex}.icon-box{color:#29836c;background:#e9f4ee;border-radius:10px;place-items:center;width:42px;height:42px;font-size:25px;display:grid}.card-top h2,.records-heading h2{margin:0 0 6px;font-size:16px}.card-top p,.records-heading p{color:#98a7a0;font-size:11px}.provider-tabs{grid-template-columns:1fr 1fr;gap:12px;display:grid}.provider-tabs button{text-align:left;color:#344d45;background:#fff;border:1px solid #e4ebe7;border-radius:8px;align-items:center;gap:12px;padding:17px 13px;font-size:12px;font-weight:700;display:flex;position:relative}.provider-tabs button.selected{background:#f6fcf8;border:1.5px solid #29977d}.provider-tabs small{color:#9aa8a2;margin-top:5px;font-size:10px;font-weight:400;display:block}.provider-tabs i{color:#fff;background:#1f9076;border-radius:50%;place-items:center;width:15px;height:15px;font-size:10px;font-style:normal;display:grid;position:absolute;top:11px;right:11px}.provider-tabs i:empty{display:none}.cf-logo{color:#ec963e;font-size:24px;font-style:normal}.dp-logo{color:#fff;background:#2877dc;border-radius:7px;place-items:center;width:26px;height:26px;font-size:16px;font-style:normal;font-weight:800;display:grid}.dp-logo.small{vertical-align:middle;width:22px;height:22px;font-size:12px;display:inline-grid}.form-section{border-top:1px solid #eef2ef;margin-top:27px;padding-top:24px}label{color:#536b61;margin-bottom:18px;font-size:11px;font-weight:700;display:block}label>span{float:right;color:#9eaaa5;font-size:10px;font-weight:400}input,select{color:#2c453c;background:#fff;border:1px solid #e0e9e3;border-radius:6px;outline:none;width:100%;margin-top:9px;padding:12px 13px;font-size:12px}input::placeholder{color:#bcc8c1}input:focus,select:focus{border-color:#57a58c}label small{color:#9aa9a1;margin-top:8px;font-size:10px;font-weight:400;display:block}.connect-button{text-align:center;width:100%;margin-top:4px;padding:14px}.connect-button span{float:right}.privacy{text-align:center;color:#9bac9f;margin-top:17px;font-size:10px}.guide{background:#e8f2e7;border-color:#e8f2e7;min-height:460px;padding:33px 35px;position:relative;overflow:hidden}.guide-number{letter-spacing:1.7px;color:#82a993;font-family:DM Sans;font-size:9px;font-weight:700}.guide h3{letter-spacing:-.8px;color:#224d3c;margin:30px 0 13px;font-size:27px;line-height:1.45}.guide>p{color:#789589;max-width:280px;font-size:11px;line-height:1.9}.guide-rule{background:#cfe0d0;height:1px;margin:26px 0}.guide-step{gap:15px;margin:19px 0;display:flex}.guide-step>span{color:#8ab59b;font-family:DM Sans;font-size:11px;font-weight:700}.guide-step strong,.guide-step small{font-size:11px;display:block}.guide-step small{color:#91a99a;margin-top:5px;font-size:10px}.guide-art{color:#d6e9d4;font-size:150px;line-height:1;position:absolute;bottom:-54px;right:-12px}.summary{align-items:center;gap:0;margin-bottom:18px;padding:21px 26px;display:flex}.summary>div:not(:last-child){border-right:1px solid #edf1ee;min-width:185px;margin-right:26px}.summary span{color:#98a8a0;margin-bottom:10px;font-size:10px;display:block}.summary strong{font-size:19px}.summary strong:first-letter{letter-spacing:0}.summary em{color:#a2b0a9;font-size:10px;font-style:normal;font-weight:500}.summary-actions{gap:10px;margin-left:auto;display:flex}.text-btn{color:#668277;background:0 0;border:0;font-size:11px}.records-card{overflow:hidden}.records-heading{justify-content:space-between;align-items:center;gap:16px;padding:24px 25px;display:flex}.records-heading h2 span{color:#438b72;background:#eaf6ee;border-radius:12px;margin-left:4px;padding:4px 7px;font-size:10px}.filters{align-items:center;gap:8px;display:flex}.filters select,.search input{max-width:155px;margin:0;padding:10px;font-size:11px}.search{border:1px solid #e0e9e3;border-radius:6px;align-items:center;padding-left:10px;display:flex}.search span{color:#9caea5;font-size:18px}.search input{border:0;min-width:180px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;text-align:left;width:100%;min-width:760px}th{color:#96a79e;background:#f9fbf9;border-block:1px solid #edf1ee;padding:13px 24px;font-size:10px;font-weight:600}td{border-bottom:1px solid #f0f3f0;padding:17px 24px;font-size:11px}td strong{font-size:11px}td small{color:#a2afa8;margin-top:5px;display:block}.type{color:#488664;background:#e8f3eb;border-radius:4px;padding:5px 7px;font-family:DM Sans;font-size:10px;font-weight:700;display:inline-block}.type-CNAME{color:#777cae;background:#eef0fa}.type-TXT{color:#af8953;background:#f8f1e6}.type-MX{color:#a57995;background:#f5eaf0}.value{color:#61796e;text-overflow:ellipsis;white-space:nowrap;max-width:250px;overflow:hidden}.muted,.line{color:#91a29a}.row-actions{white-space:nowrap;text-align:right}.row-actions button{color:#24816b;background:0 0;border:0;padding:5px;font-size:11px}.row-actions button:last-child{color:#bb7772}.table-footer{color:#a1afa8;padding:16px 25px;font-size:10px}.table-footer span{float:right}.empty{text-align:center;color:#9caba3;padding:65px 20px}.empty div{font-size:30px}.empty strong{color:#647c70;margin:10px;display:block}.empty p{font-size:11px}footer{color:#b1beb7;letter-spacing:.3px;justify-content:space-between;margin-top:42px;font-size:9px;display:flex}footer b{color:#99bca6;margin:0 5px}.alert{color:#407661;background:#eef7f1;border-radius:6px;margin:10px 0;padding:11px 15px;font-size:11px;line-height:1.5}.records-card>.alert{margin:10px 25px}.alert.error{color:#b85c4f;background:#fff1ee}.alert.success{color:#4d8762;background:#edf8ef}.overlay{z-index:10;background:#112b23a8;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal{background:#fff;border-radius:12px;width:min(100%,520px);max-height:90vh;overflow:auto;box-shadow:0 20px 80px #102f2550}.modal-head{justify-content:space-between;padding:25px 28px 18px;display:flex}.modal-head h2{margin:9px 0;font-size:21px}.modal-head p{color:#91a29a;font-size:11px}.close{color:#9aaba1;background:0 0;border:0;align-self:flex-start;font-size:25px}.modal-body{padding:4px 28px}.form-grid{grid-template-columns:1fr 1fr;gap:15px;display:grid}.modal-note{color:#779286;background:#f3f8f3;border-radius:6px;padding:12px;font-size:10px;line-height:1.6}.modal-actions{justify-content:flex-end;gap:9px;padding:20px 28px 25px;display:flex}.confirm{width:min(100%,420px)}.delete-detail{background:#f8faf8;border-radius:7px;margin:8px 28px;padding:15px}.delete-detail strong{margin-left:10px}.delete-detail small{color:#92a49a;word-break:break-all;margin-top:10px;display:block}.confirm>.alert{margin:0 28px}@media (max-width:850px){.sidebar{width:68px;padding:25px 12px}.brand{margin:0 4px 55px}.brand>span:last-child,.side-label,.side-active b,.side-bottom div:last-child{display:none}.side-active{justify-content:center;padding:12px;font-size:0}.side-bottom{justify-content:center}.connect-layout{grid-template-columns:1fr}.guide{min-height:0}.guide-art{display:none}.summary>div:not(:last-child){min-width:110px}.records-heading{flex-direction:column;align-items:flex-start}.filters{flex-wrap:wrap;width:100%}}@media (max-width:560px){.sidebar{display:none}header{height:60px;padding:0 20px}.content{padding:30px 18px}.title-row{align-items:flex-start;gap:10px}h1{font-size:27px}.title-row p{font-size:11px;line-height:1.6}.connect-card,.guide{padding:23px}.provider-tabs{gap:7px}.provider-tabs button{gap:7px;padding:13px 8px}.summary{flex-wrap:wrap;gap:18px}.summary>div:not(:last-child){min-width:80px;margin:0;padding-right:16px}.summary-actions{margin:0}.filters .search{width:100%}.search input{max-width:none}.filters select{flex:1;max-width:none}footer span:last-child{display:none}}.header-exit{color:#39816d;background:0 0;border:0;margin-left:8px;padding:8px;font-size:11px}.sort-button{color:inherit;font:inherit;font-weight:inherit;white-space:nowrap;background:0 0;border:0;padding:0}.sort-button span{color:#96b1a3;margin-left:6px;font-size:11px;display:inline-block}.sort-button:hover,.header-exit:hover{color:#126f60}.line-error{color:#b85c4f}.retry-line{color:#126f60;font-size:inherit;background:0 0;border:0;padding:0;text-decoration:underline}