@font-face{font-family:DM Sans Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(../media/dm-sans-latin-ext-wght-normal.0hiocdn10l05a.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Sans Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(../media/dm-sans-latin-wght-normal.0tm8u-h63rec8.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(../media/manrope-cyrillic-ext-wght-normal.1dtltwig2y3wh.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(../media/manrope-cyrillic-wght-normal.1hmx3sz6swr8m.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(../media/manrope-greek-wght-normal.37b2k1x9f-55d.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(../media/manrope-vietnamese-wght-normal.3xvzy9_grgcx4.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(../media/manrope-latin-ext-wght-normal.0-hru0xfwhnbp.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(../media/manrope-latin-wght-normal.1p_a2k8qd5zhp.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{--ink:#17252a;--muted:#6a777c;--teal:#087e72;--teal-dark:#05685e;--line:#e4e9e9;--canvas:#f6f8f8;--sidebar:#112c2d;--danger:#aa3548;--radius:12px}*{box-sizing:border-box}body{background:var(--canvas);color:var(--ink);margin:0;font:15px/1.5 DM Sans Variable,system-ui,sans-serif}h1,h2,h3,h4,p{margin:0}button,input,select,textarea{font:inherit}button,a,input,select{touch-action:manipulation}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer}button:disabled{cursor:wait;opacity:.6}button:focus-visible,a:focus-visible{outline-offset:3px;outline:3px solid #45b8ad}h1,h2,h3{font-family:Manrope Variable,system-ui,sans-serif}h1{letter-spacing:-1px;font-size:30px;font-weight:750;line-height:1.3}h2{font-size:17px;font-weight:750}h3{font-size:15px;font-weight:700}p{color:var(--muted)}small{font-size:13px}code{overflow-wrap:anywhere;font:13px/1.6 ui-monospace,SFMono-Regular,monospace}
.app-shell{min-height:100vh;display:flex}.sidebar{background:var(--sidebar);color:#c0d0ce;z-index:30;flex-direction:column;width:252px;padding:31px 18px 0;display:flex;position:fixed;inset:0 auto 0 0}.brand{color:#fff;letter-spacing:1.1px;align-items:center;gap:12px;padding:0 13px;font-family:Manrope Variable,sans-serif;font-size:21px;font-weight:800;display:flex}.brand-symbol{color:#102c29;background:#3abc9a;border:1px solid #69dbba;border-radius:9px;place-items:center;width:36px;height:36px;display:grid}.brand-sub{letter-spacing:2.8px;color:#91aaa6;margin-top:1px;font:9px/1.5 DM Sans Variable,sans-serif;display:block}.organization-picker{background:#1b3737;border:1px solid #35504e;border-radius:9px;align-items:center;gap:10px;margin:35px 0 29px;padding:12px;display:flex}.org-avatar{color:#234e47;background:#e0eee8;border-radius:7px;place-items:center;width:31px;height:31px;font-weight:700;display:grid}.organization-picker>div{flex:1;min-width:0}.tiny{color:#9fb6b2;font-size:12px}.organization-picker select{appearance:none;color:#fff;background:0 0;border:0;outline:0;width:100%;font-size:14px;font-weight:600;display:block}.organization-picker option{color:#17252a;background:#fff}.nav-label{letter-spacing:1.6px;color:#7e9c98;margin-bottom:10px;padding:0 14px;font-size:12px}.sidebar nav{flex-direction:column;gap:5px;display:flex}.sidebar nav a{border-radius:7px;align-items:center;gap:12px;padding:12px 14px;font-size:14px;display:flex;position:relative}.sidebar nav a:hover{color:#fff;background:#234440}.sidebar nav a.selected{color:#e7fff4;background:#28564c}.nav-active{background:#7bdbb0;border-radius:50%;width:6px;height:6px;margin-left:auto}.nav-divider{margin-top:20px}.client-card{background:linear-gradient(140deg,#284b43,#1a3836);border:1px solid #3a5750;border-radius:10px;margin:auto 4px 24px;padding:15px;font-size:12px}.client-icon{color:#8bd9ba;margin-bottom:10px;display:block}.client-card strong{color:#e0ebe6;margin-bottom:5px;font-size:13px;display:block}.client-card>span:last-child{color:#9cb8ad;justify-content:space-between;align-items:center;display:flex}.sidebar-user{border-top:1px solid #314a46;align-items:center;gap:10px;padding:20px 0;display:flex}.avatar{color:#3e4939;background:#dacfae;border-radius:50%;place-items:center;width:34px;height:34px;font-weight:700;display:grid}.sidebar-user>div{flex:1;min-width:0}.sidebar-user strong{color:#eff3ed;font-size:13px;display:block}.sidebar-user div span{font-size:12px;display:block}.sidebar-user button{color:#a7bdb8}
.main-shell{flex-direction:column;width:calc(100% - 252px);min-width:0;margin-left:252px;display:flex}.topbar{border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;height:72px;padding:0 40px;display:flex}.breadcrumb{color:var(--muted);align-items:center;gap:13px;font-size:13px;display:flex}.breadcrumb span{color:#c8d1d0}.breadcrumb strong{color:var(--ink);font-weight:500}.topbar-context{color:#677f78;align-items:center;gap:7px;font-size:12px;display:flex}.content{flex:1;width:100%;max-width:1510px;margin:0 auto;padding:37px 40px 40px}.page-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:29px;display:flex}.eyebrow{letter-spacing:1.6px;color:#78918a;margin-bottom:9px;font-size:12px;font-weight:700;display:block}.page-heading p{margin-top:10px;font-size:14px}.button{border:1px solid var(--teal);background:var(--teal);color:#fff;white-space:nowrap;border-radius:7px;justify-content:center;align-items:center;gap:8px;padding:10px 15px;font-size:13px;font-weight:600;transition:background .15s;display:inline-flex}.button:hover{background:var(--teal-dark)}.button.secondary{color:#344d46;background:#fff;border-color:#dce3df}.button.secondary:hover{background:#f1f5f3}.button.danger{color:#9d3342;background:#fff6f6;border-color:#efcbd0}.button.small{padding:7px 10px;font-size:12px}.icon-button{color:var(--muted);background:0 0;border:0;border-radius:5px;place-items:center;padding:6px;display:inline-grid}.icon-button:hover{color:var(--teal);background:#e6eeeb}
.metrics{grid-template-columns:repeat(4,1fr);gap:17px;margin-bottom:26px;display:grid}.metric{border:1px solid var(--line);border-radius:var(--radius);background:#fff;padding:21px 22px 18px;transition:box-shadow .15s}.metric:hover{box-shadow:0 5px 18px #132f2b09}.metric>div{color:#677973;justify-content:space-between;align-items:center;font-size:13px;display:flex}.metric>div svg{color:#73948b}.metric>strong{letter-spacing:-1px;margin:9px 0 8px;font:700 34px/1.5 Manrope Variable,sans-serif;display:block}.metric small{color:#86958f;justify-content:space-between;align-items:center;font-size:12px;display:flex}.overview-grid{grid-template-columns:1.06fr 1fr;gap:24px;margin-bottom:25px;display:grid}.panel{border:1px solid var(--line);border-radius:var(--radius);background:#fff;margin-bottom:24px;overflow:hidden}.overview-grid>.panel{margin-bottom:0}.panel-heading{border-bottom:1px solid #edf0ee;justify-content:space-between;align-items:center;gap:15px;padding:22px 24px;display:flex}.panel-heading p{margin-top:4px;font-size:12px}.panel-heading>svg{color:#7c958b}.panel-foot{border-top:1px solid var(--line);color:var(--muted);background:#fafcfb;justify-content:space-between;padding:14px 24px;font-size:12px;display:flex}.connection-state{text-align:center;padding:26px 30px}.connection-state h3{margin:12px 0 7px}.connection-state p{max-width:295px;margin:0 auto 13px;font-size:12px;line-height:1.7}.connection-art{color:#7da997;justify-content:center;align-items:center;gap:12px;display:flex}.connection-art span{background:#dce9e0;width:48px;height:1px}.badge{white-space:nowrap;text-transform:capitalize;letter-spacing:.1px;border-radius:5px;align-items:center;gap:6px;padding:4px 8px;font-size:12px;font-weight:600;display:inline-flex}.badge>span{background:currentColor;border-radius:50%;width:4px;height:4px}.badge.good{color:#28795d;background:#eaf5ef}.badge.neutral{color:#6d7d75;background:#f0f3f2}.badge.bad{color:#b4525a;background:#fff0f0}.checklist{padding:8px 23px 15px}.checklist>a{border-bottom:1px solid #ecf0ed;align-items:center;gap:14px;padding:22px 0;display:flex}.checklist>a:last-child{border-bottom:0}.step-number{color:#729681;background:#f0f6f2;border:1px solid #e1ece4;border-radius:8px;place-items:center;min-width:35px;height:35px;font-size:12px;display:grid}.checklist h3{font-size:13px}.checklist p{margin-top:4px;font-size:12px}.checklist>a>svg{color:#9aaaa0;margin-left:auto}.text-link{color:var(--teal);align-items:center;gap:6px;font-size:12px;font-weight:600;display:inline-flex}.activity-list>div{border-bottom:1px solid #f0f3f1;align-items:center;gap:14px;padding:16px 24px;display:flex}.activity-marker{background:#99baaa;border-radius:50%;width:7px;height:7px}.activity-list strong{text-transform:capitalize;font-size:13px;font-weight:500}.activity-list span:not(.activity-marker){color:var(--muted);margin-top:2px;font-size:12px;display:block}.activity-list time{color:#8a968e;margin-left:auto;font-size:12px}
.empty{text-align:center;padding:42px 25px}.empty-icon{color:#729e88;background:#f6f9f7;border:1px solid #e4ebe6;border-radius:13px;place-items:center;width:49px;height:49px;margin:0 auto 14px;display:grid}.empty p{max-width:390px;margin:7px auto 19px;font-size:13px;line-height:1.7}.empty h3{font-size:15px}.workspace-footer{border-top:1px solid var(--line);color:#93a098;justify-content:space-between;padding:17px 40px;font-size:12px;display:flex}.loading{color:var(--muted);justify-content:center;align-items:center;gap:10px;padding:90px 25px;font-size:14px;display:flex}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.error{color:#a63e50;background:#fff6f7;border:1px solid #f2cbd1;border-radius:8px;align-items:flex-start;gap:10px;margin:16px 0;padding:13px 16px;font-size:13px;display:flex}.error svg{flex-shrink:0;margin-top:2px}.toast{z-index:100;color:#f2fff7;background:#173f33;border:1px solid #39715a;border-radius:9px;align-items:center;gap:10px;padding:15px 22px;font-size:13px;display:flex;position:fixed;bottom:24px;right:30px;box-shadow:0 8px 30px #153c3020}
.toolbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:15px;padding:18px 22px;display:flex}.search{color:#859a8e;align-items:center;gap:8px;display:flex}.search input{background:0 0;border:0;outline:0;width:250px;padding:4px;font-size:13px}.toolbar select{width:auto;padding:8px 12px;font-size:12px}.table-wrap{overflow:auto}table{border-collapse:collapse;text-align:left;white-space:nowrap;width:100%}th{color:#7a8d81;text-transform:uppercase;letter-spacing:.6px;border-bottom:1px solid var(--line);background:#fbfcfb;padding:13px 22px;font-size:12px;font-weight:600}td{border-bottom:1px solid #eef1ef;padding:18px 22px;font-size:13px}tr:last-child td{border-bottom:0}tr:hover td{background:#fcfdfc}td strong{font-weight:600}td small{color:var(--muted);margin-top:4px;font-size:12px;display:block}.row-link{color:var(--ink);background:0 0;border:0;padding:0;font-weight:600}.row-link:hover{color:var(--teal)}.table-count{color:var(--muted);border-top:1px solid var(--line);padding:14px 22px;font-size:12px}.actions{flex-wrap:wrap;gap:8px;display:flex}.muted{color:var(--muted);font-size:13px;line-height:1.7}.note{color:#547261;background:#f1f6f2;border:1px solid #dce8df;border-radius:8px;margin:15px 0;padding:15px 18px;font-size:12px;line-height:1.7}.services{padding:6px 24px}.services>div{border-bottom:1px solid #edf1ee;align-items:center;gap:12px;padding:13px 0;display:flex}.services strong{text-transform:capitalize;font-size:13px}.services .badge{margin-left:auto}.service-icon{color:#7b9889}
dialog{border:1px solid var(--line);width:470px;max-width:calc(100vw - 32px);max-height:90vh;color:var(--ink);border-radius:16px;padding:27px;overflow-y:auto;box-shadow:0 30px 120px #122f3730}dialog::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#112a3270}dialog.wide{width:780px}.modal-heading{justify-content:space-between;align-items:center;margin-bottom:22px;display:flex}.modal-heading h2{font-size:20px}.modal-heading .icon-button{margin-right:-5px}.form-footer{border-top:1px solid var(--line);justify-content:flex-end;gap:10px;margin-top:26px;padding-top:20px;display:flex}fieldset{border:0;min-width:0;margin:0;padding:0}label{color:#496252;margin:17px 0 7px;font-size:12px;font-weight:600;display:block}input,select,textarea{color:#223c2c;background:#fff;border:1px solid #dce5dd;border-radius:7px;outline:none;width:100%;margin-top:7px;padding:11px 12px;font-size:14px;transition:border-color .15s;display:block}input:focus,select:focus,textarea:focus{border-color:#378f70;box-shadow:0 0 0 3px #27805715}input::placeholder,textarea::placeholder{color:#acb8af}label small{color:var(--muted);margin-top:5px;font-size:12px;font-weight:400;display:block}input[type=checkbox]{vertical-align:middle;width:16px;height:16px;accent-color:var(--teal);margin:0 7px 0 0;display:inline-block}.form-grid{grid-template-columns:1fr 1fr;gap:17px;display:grid}
.detail-summary{justify-content:space-between;align-items:center;gap:14px;margin-bottom:22px;display:flex}.detail-card{background:#f6f9f6;border:1px solid #e1eae2;border-radius:9px;margin:16px 0;padding:20px}.detail-card h3{margin-bottom:12px}.dns-record{border:1px solid var(--line);border-radius:9px;margin-bottom:12px;padding:17px}.dns-record header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.dns-record code{white-space:pre-wrap;word-break:break-all;background:#f6f8f6;border-radius:5px;margin-top:7px;padding:10px;display:block}.dns-record .record-label{text-transform:uppercase;letter-spacing:.5px;color:#8a9a8d;margin-top:10px;font-size:12px;font-weight:600;display:block}.dns-record .copy-row{align-items:flex-start;gap:8px;display:flex}.dns-record .copy-row code{flex:1;min-width:0}.dns-record .copy-row button{margin-top:10px}.progress{background:#e7ede8;border-radius:5px;width:120px;height:5px;margin:6px 0;overflow:hidden}.progress>span{background:#3f9d7e;height:100%;display:block}.tabs{border-bottom:1px solid var(--line);gap:22px;margin-bottom:20px;display:flex}.tabs button{color:var(--muted);background:0 0;border:0;border-bottom:2px solid #0000;padding:12px 0;font-size:13px}.tabs button.active{border-bottom-color:var(--teal);color:var(--teal)}.settings-grid{grid-template-columns:1fr 1fr;gap:24px;display:grid}.settings-grid .panel{margin:0}.panel-body{padding:23px}.setting-row{border-bottom:1px solid var(--line);justify-content:space-between;gap:18px;padding:12px 0;font-size:13px;display:flex}.setting-row:last-child{border:0}.setting-row>span{color:var(--muted)}.mobile-menu{display:none}.access-empty{padding:70px}
.login-shell{background:#fff;grid-template-columns:1.08fr 1fr;min-height:100vh;display:grid}.login-story{color:#fff;background:#123632;flex-direction:column;padding:55px 65px;display:flex;position:relative;overflow:hidden}.login-story .brand{padding:0}.login-story-content{z-index:1;max-width:440px;margin:auto 0;position:relative}.login-story h1{letter-spacing:-1.6px;margin:23px 0;font-size:48px;line-height:1.2}.login-story p{color:#b0cbc0;max-width:390px;font-size:15px;line-height:1.8}.login-story .eyebrow{color:#87c0a3}.login-graphic{align-items:center;gap:20px;margin-top:45px;display:flex}.login-graphic .mail-tile{color:#b4d9ba;background:#2a514170;border:1px solid #6b9f8060;border-radius:14px;padding:18px}.login-graphic .connector{background:linear-gradient(90deg,#7ea68490,#0000);flex:1;height:1px}.login-story-footer{color:#769e8a;justify-content:space-between;font-size:12px;display:flex}.login-form-wrap{justify-content:center;align-items:center;padding:40px;display:flex}.login-form{width:360px}.login-form h1{margin:9px 0;font-size:27px}.login-form p{margin-bottom:25px;font-size:13px}.login-form .button{width:100%;margin-top:25px;padding:12px}.login-form label{margin-top:20px}.login-lock{color:#528b65;background:#eff6f0;border:1px solid #e0eae1;border-radius:12px;place-items:center;width:44px;height:44px;margin-bottom:26px;display:grid}.login-foot{color:#91a093;text-align:center;margin-top:27px;font-size:12px}.qr{width:180px;height:180px;margin:0 auto 12px;display:block}.secret{word-break:break-all;text-align:center;background:#f5f8f5;border-radius:7px;padding:12px;font-size:12px}.audit-data{white-space:pre-wrap;overflow-wrap:anywhere;max-width:600px;font-size:12px}.inline-form{align-items:flex-end;gap:10px;display:flex}.inline-form label{flex:1}.inline-form .button{margin-bottom:0}.panel-title-with-icon{align-items:center;gap:10px;display:flex}.panel-title-with-icon svg{color:#64977e}
@media (min-width:1500px){.content{padding-top:45px}.metric{padding:25px}.connection-state{padding:36px}}@media (max-width:1150px){.sidebar{width:220px;padding-left:12px;padding-right:12px}.main-shell{width:calc(100% - 220px);margin-left:220px}.content{padding:28px 26px}.topbar{padding:0 26px}.metrics{gap:12px}.metric{padding:16px}.metric small{font-size:12px}.overview-grid{gap:16px}.panel-heading{padding:18px}.checklist{padding:6px 17px}.checklist>a{padding:22px 0}.page-heading p{max-width:380px}}@media (max-width:900px){.overview-grid,.settings-grid{grid-template-columns:1fr}.metrics{grid-template-columns:repeat(2,1fr)}.page-heading{align-items:flex-start}.topbar-context,.client-card{display:none}.sidebar-user{margin-top:auto}.login-story{padding:40px}.login-story h1{font-size:37px}}@media (max-width:700px){.sidebar{width:252px;transition:transform .2s;transform:translate(-100%);box-shadow:20px 0 60px #12332420}.sidebar.open{transform:translate(0)}.main-shell{width:100%;margin-left:0}.mobile-menu{display:inline-grid}.topbar{justify-content:flex-start;gap:13px;height:60px;padding:0 18px}.content{padding:27px 18px}.page-heading{flex-direction:column;gap:17px;margin-bottom:22px}h1{font-size:26px}.page-heading .button{font-size:12px}.page-heading p{font-size:13px}.metrics{gap:10px;margin-bottom:18px}.metric>strong{font-size:30px}.metric small{line-height:1.5}.metric small svg{display:none}.toolbar{flex-wrap:wrap;padding:13px}.search{flex:1}.search input{width:100%;min-width:100px}.toolbar select{max-width:150px}.overview-grid{gap:18px}.workspace-footer{padding:15px 18px}.activity-list>div{padding:15px 17px}.activity-list time{text-align:right;max-width:90px;font-size:12px}.form-grid{grid-template-columns:1fr;gap:0}.login-shell{display:block}.login-story{min-height:0;padding:26px 24px}.login-story-content,.login-story-footer{display:none}.login-story .brand{font-size:18px}.login-form-wrap{padding:45px 25px}.login-form{width:100%;max-width:370px}.toast{font-size:12px;bottom:18px;left:16px;right:16px}.detail-summary{flex-wrap:wrap}.settings-grid{gap:18px}dialog{padding:22px}.panel-heading{flex-wrap:wrap}.topbar .breadcrumb{font-size:12px}.sidebar.open .client-card{display:block}.inline-form,.setting-row{flex-wrap:wrap}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}