:root{color-scheme:light;--ink:#17231e;--muted:#66746d;--line:#e1e8e3;--paper:#fff;--canvas:#f6f8f6;--green:#087f5b;--green-dark:#075b43;--green-soft:#eff8f3;--warn:#a86813;--danger:#b33b35;--nav-width:244px;--nav-surface:#fbfdfb;--nav-hover:#edf3ee;--nav-active:#e6f3eb;--nav-border:#d7e4da;--nav-motion:220ms cubic-bezier(.2,.7,.2,1)}*{box-sizing:border-box}html{min-height:100%}body,html{background:var(--canvas)}body{margin:0;color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;line-height:1.55;font-feature-settings:"cv02","cv03","cv04","cv11";text-rendering:optimizeLegibility}button,input,select,textarea{font:inherit}a,button,input,select{-webkit-tap-highlight-color:transparent}a,button{touch-action:manipulation}a{color:var(--green);text-decoration:none}a:hover{color:var(--green-dark)}button{color:inherit;cursor:pointer}::selection{color:#064e3b;background:#d9f2e5}:focus-visible{outline:2px solid #138b65;outline-offset:2px}.app-body,.app-frame{min-height:100vh}.app-sidebar{display:none}.app-content{min-width:0;flex:1 1}.nav-brand-toggle{display:none}.mobile-nav-toggle svg,.nav-brand-toggle svg{display:block;width:22px;height:22px;flex:0 0 auto;transition:transform var(--nav-motion)}.mobile-nav-toggle:disabled,.nav-brand-toggle:disabled{cursor:default}.nav-edge-update{position:absolute;top:7px;right:5px;width:6px;height:6px;border-radius:50%;background:var(--warn);box-shadow:0 0 0 2px var(--paper)}.page-container{width:min(100%,1120px);margin:0 auto;padding:22px 16px 48px}.skip-link{position:fixed;z-index:100;top:10px;left:10px;transform:translateY(-160%);padding:8px 12px;border:1px solid var(--line);border-radius:6px;background:white;color:var(--ink)}.skip-link:focus{transform:translateY(0)}.mobile-header{position:-webkit-sticky;position:sticky;z-index:30;top:0;border-bottom:1px solid var(--nav-border);background:var(--nav-surface)}.mobile-brand{display:flex;height:60px;align-items:center;gap:9px;padding:0 10px 0 14px}.brand-icon{display:block;width:32px;height:32px}.mobile-brand b{flex:0 0 auto;color:var(--green-dark);font-size:17px;font-weight:720;letter-spacing:-.035em}.mobile-brand>.link{flex:0 0 auto;white-space:nowrap}.mobile-user{min-width:0;margin-left:auto;max-width:110px;overflow:hidden;color:var(--muted);font-size:12px;text-overflow:ellipsis;white-space:nowrap}.mobile-nav-toggle{position:relative;display:grid;width:40px;height:44px;flex:0 0 40px;place-items:center;padding:0;border:0;border-left:1px solid var(--line);background:transparent;color:var(--muted)}.mobile-nav-toggle:hover{color:var(--green-dark)}.mobile-nav-toggle svg{transform:rotate(90deg)}.mobile-nav-toggle[aria-expanded=false] svg{transform:rotate(-90deg)}.mobile-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:4px;gap:4px;padding:0 12px 10px}.mobile-nav[hidden]{display:none}.mobile-nav-group{position:relative;min-width:0}.mobile-nav-group:last-child .mobile-nav-items{left:auto;right:0}.mobile-nav-group summary{position:relative;display:flex;min-height:40px;align-items:center;justify-content:center;gap:5px;padding:0 5px;border:1px solid transparent;border-radius:7px;color:#52615a;font-size:12px;font-weight:580;white-space:nowrap;list-style:none;cursor:pointer;transition:background .14s ease,color .14s ease}.mobile-nav-group summary::-webkit-details-marker{display:none}.mobile-group-chevron{width:13px;height:13px;flex:0 0 auto;color:var(--muted);transform:rotate(-90deg);transition:transform .16s ease}.mobile-nav-group[open] .mobile-group-chevron{transform:rotate(90deg)}.mobile-nav-group.is-active summary,.mobile-nav-group[open] summary{border-color:var(--nav-border);background:var(--nav-active);color:var(--green-dark)}.mobile-nav-items{position:absolute;z-index:40;top:calc(100% + 4px);left:0;display:grid;width:min(260px,calc(100vw - 24px));grid-gap:3px;gap:3px;padding:7px;border:1px solid var(--line);border-radius:8px;background:#fff;box-shadow:0 12px 28px #17231e1a}.mobile-nav-link{display:flex;min-height:42px;align-items:center;gap:10px;padding:0 11px;border-radius:6px;color:#52615a;font-size:12px;font-weight:550;white-space:nowrap}.mobile-nav-link svg{width:17px;height:17px;color:#87948c}.mobile-nav-link:hover{background:#f2f5f3}.mobile-nav-link.is-active{background:var(--green-soft);color:var(--green-dark)}.mobile-nav-link.is-active svg{color:var(--green)}.mobile-nav-link .nav-health{margin-left:auto}.wrap{width:100%;max-width:none;margin:0;padding:0}.topbar{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:0 0 20px;padding:0 0 14px;border-bottom:1px solid var(--line)}.topbar .logo{display:none}.dashboard-page{display:grid;grid-gap:16px;gap:16px}.dashboard-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:2px 0 4px}.dashboard-eyebrow{margin:0 0 7px;color:#718078;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:10px;font-weight:650;letter-spacing:.12em}.dashboard-heading h1{font-size:25px}.dashboard-intro{margin:5px 0 0;color:var(--muted);font-size:13px}.dashboard-secondary{display:inline-flex;min-height:39px;align-items:center;padding:0 12px;border:1px solid var(--line);border-radius:6px;background:#fff;color:#3e5147;font-size:12px;font-weight:600}.dashboard-secondary:hover{background:#f5f8f5;color:var(--ink)}.dashboard-primary{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:144px;padding:23px 25px;border:1px solid #cfe5d7;border-radius:9px;background:#f1f8f3}.dashboard-kicker{display:flex;align-items:center;gap:9px;color:#28684f;font-size:10px;font-weight:700;letter-spacing:.08em}.dashboard-primary h2{margin:10px 0 5px;color:#19392c;font-size:20px;letter-spacing:-.025em}.dashboard-primary p{margin:0;color:#5a6c61;font-size:13px}.dashboard-primary-link{display:inline-flex;min-height:42px;flex:0 0 auto;align-items:center;gap:18px;padding:0 15px;border:1px solid var(--green);border-radius:6px;background:var(--green);color:#fff;font-size:13px;font-weight:620}.dashboard-primary-link:hover{border-color:var(--green-dark);background:var(--green-dark);color:#fff}.dashboard-primary-link span{font-size:16px}.dashboard-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:10px;gap:10px}.dashboard-stat{min-height:83px;padding:13px 15px;border:1px solid var(--line);border-radius:8px;background:#fff}.dashboard-stat-label{color:#6c7a72;font-size:12px}.dashboard-stat-value{margin-top:5px;color:#1e3027;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:22px;font-weight:650;line-height:1.2}.dashboard-stat-value span{margin-left:5px;color:#8b958f;font-family:inherit;font-size:11px;font-weight:450}.dashboard-stat-value.is-zero{color:#839087}.spam-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:10px;gap:10px;margin:0 0 14px}.spam-stat{min-width:0;min-height:82px;padding:13px 15px;border:1px solid var(--line);border-radius:8px;background:#fff}.spam-stat-label{color:#6c7a72;font-size:12px}.spam-stat .value{display:block;margin-top:5px;color:#1e3027;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:22px;font-weight:650;line-height:1.2}.spam-stat .value.zero{color:#839087}.dashboard-service{margin:0}.dashboard-service .section-title{margin-bottom:5px}.dashboard-service .hint{margin:0}.dashboard-lower{display:grid;grid-template-columns:minmax(240px,.8fr) minmax(0,1.5fr);grid-gap:13px;gap:13px;align-items:start}.dashboard-lower .panel{min-width:0;margin:0;padding:16px}.dashboard-lower .section-title{margin-bottom:8px}.dashboard-domain-list{margin:0;padding:0;list-style:none}.dashboard-domain-list li{display:flex;min-height:42px;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #edf0ed}.dashboard-domain-list li:first-child{border-top:0}.dashboard-text-link{flex:0 0 auto;color:#42735d;font-size:12px}.dashboard-text-link:hover{color:#075b43}.dashboard-activity .table-scroll{margin:0 -2px}.dashboard-activity .grid{min-width:0;font-size:12px}.dashboard-activity .grid th{padding:8px 9px}.dashboard-activity .grid td{padding:9px}.dashboard-activity .hint-text{white-space:nowrap}h1,h2,h3,p{margin-top:0}h1{margin-bottom:0;color:var(--ink);font-size:clamp(21px,2.4vw,27px);font-weight:650;letter-spacing:-.035em;line-height:1.25}h2{margin-bottom:10px;font-size:15px;letter-spacing:-.01em}h2,h3{color:#25342d;font-weight:650}h3{margin-bottom:8px;font-size:14px}.tag{display:inline-flex;min-height:23px;align-items:center;padding:2px 8px;border:1px solid #e1e7e3;border-radius:999px;background:#f7f9f7;color:#5e6c64;font-size:11px;font-weight:550;white-space:nowrap}.tag.ok{border-color:#cfe8da;background:#eff8f3;color:#17694e}.tag.err{border-color:#f0d4d1;background:#fff5f3;color:#a53631}.tag.warn{border-color:#f1dfbd;background:#fff9ed;color:#8a5d12}.hint,.hint-text{color:var(--muted);font-size:13px;line-height:1.65}.hint{margin:0 0 14px}.mono,.technical,code,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.92em;font-feature-settings:normal}.panel{margin:0 0 14px;padding:17px;border:1px solid var(--line);border-radius:9px;background:var(--paper);box-shadow:0 1px 2px rgb(20 40 28/3%)}.section-title{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;margin-bottom:12px}.section-title h2{margin:0}.count{color:#738078;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px}.empty{margin:14px 0 2px;color:#78857d}.empty,.msg{font-size:13px}.msg{margin:12px 0;padding:10px 12px;border:1px solid var(--line);border-radius:6px;background:#f7f9f7;color:#3a4a41}.msg.ok{border-color:#cde7d8;background:#f0f8f3;color:#17694e}.msg.warn{border-color:#ead7b0;background:#fffaf0;color:#795b18}.banner,.msg.err{border-color:#efd3d0;background:#fff6f4;color:#a53631}.banner{margin-bottom:15px;padding:12px 14px;border:1px solid;border-radius:7px;font-size:13px}.form-row{display:flex;flex-wrap:wrap;align-items:flex-end;gap:10px;margin:12px 0}.cf-token-guide{margin:12px 0 15px;padding:13px 15px;border:1px solid #e1e8e3;border-radius:7px;background:#f7f9f7;color:#425249}.cf-token-guide-heading{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px}.cf-token-guide-heading h3{margin:0;color:#27382e;font-size:13px}.cf-token-guide-heading a{font-size:12px;font-weight:600}.cf-token-guide ol{display:grid;grid-template-columns:1fr;grid-gap:7px;gap:7px;margin:10px 0;padding-left:22px;font-size:12px;line-height:1.65}.cf-token-guide li{padding-left:2px}.cf-token-guide code{padding:1px 4px;border-radius:3px;background:#edf2ee;color:#294438;font-size:11px}.cf-token-guide p{margin:0;color:#6a786f;font-size:11px}.field{display:flex;min-width:min(100%,220px);flex:1 1 220px;flex-direction:column;gap:5px;color:#46564d;font-size:12px;font-weight:550}.field input,.field select,input:not([type=checkbox]),select,textarea{min-height:40px;padding:8px 10px;border:1px solid #cfd9d2;border-radius:6px;background:white;color:var(--ink)}input::placeholder,textarea::placeholder{color:#98a39c}.field input:focus,.field select:focus,input:not([type=checkbox]):focus,select:focus,textarea:focus{border-color:#4a9b79;outline:2px solid rgb(8 127 91/12%)}input[type=checkbox]{width:16px;height:16px;accent-color:var(--green)}.check{display:inline-flex;min-height:38px;align-items:center;gap:8px;color:#46564d;font-size:13px}.primary,button.primary{min-height:42px;padding:0 15px;border:1px solid var(--green);border-radius:6px;background:var(--green);color:white;font-size:13px;font-weight:620;transition:background .15s ease,border-color .15s ease,opacity .15s ease}.primary:hover,button.primary:hover{border-color:var(--green-dark);background:var(--green-dark);color:white}.primary:disabled,button:disabled{cursor:not-allowed;opacity:.55}.btn-link,button:not(.primary):not(.danger):not(.link):not(:where(.nav-brand-toggle,.mobile-nav-toggle)){min-height:38px;padding:0 12px;border:1px solid #d8e0da;border-radius:6px;background:white;color:#415148;font-size:13px}.btn-link{display:inline-flex;align-items:center;justify-content:center;text-align:center;line-height:1.2;vertical-align:middle}.btn-link:hover,button:not(.primary):not(.danger):not(.link):not(:where(.nav-brand-toggle,.mobile-nav-toggle)):hover{background:#f5f8f5;color:var(--ink)}.danger{min-height:38px;padding:0 11px;border:1px solid #edcecb;border-radius:6px;background:white;color:#a53631;font-size:12px}.danger:hover{background:#fff5f3}.cf-token-row .field{flex:1 1 260px}.cf-token-row .field input{min-height:42px}.cf-token-row>button.danger,.cf-token-row>button.primary{display:inline-flex;flex:0 0 132px;width:132px;min-height:42px;align-items:center;justify-content:center;padding:0 15px;font-size:13px;font-weight:600;line-height:1.25}.link{min-height:32px;padding:0 6px;border:0;background:none;color:#65746c;font-size:12px}.link:hover{color:var(--green-dark)}.grid{width:100%;border-collapse:collapse;font-size:13px}.grid th{padding:10px 11px;border-bottom:1px solid var(--line);background:#f7f9f7;color:#69776f;text-align:left;font-size:11px;font-weight:650;white-space:nowrap}.grid td{padding:10px 11px;border-bottom:1px solid #edf0ed;color:#34433a;vertical-align:top}.grid tbody tr:last-child td{border-bottom:0}.grid tbody tr:hover{background:#fafcfb}.kv td:first-child{width:230px;color:#718077}.services{max-height:460px;overflow:auto;margin:0;padding:12px;border:1px solid #e6ebe7;border-radius:6px;background:#f7f9f7;color:#304138;font-size:12px;line-height:1.7}.nav-heading{display:flex;align-items:center;gap:10px;margin:0 0 8px;padding:0 12px;color:var(--muted);font-size:11px;font-weight:600;letter-spacing:.06em}.nav-heading:after{content:"";height:1px;flex:1 1;background:var(--line)}.nav-group+.nav-group{margin-top:22px}.nav-items{display:grid;grid-gap:3px;gap:3px}.nav-link{position:relative;display:flex;min-height:43px;align-items:center;gap:9px;padding:4px 12px 4px 9px;border:1px solid transparent;border-radius:8px;color:#526158;font-size:13px;font-weight:540;transition:color .18s ease,background .18s ease,border-color .18s ease}.nav-link:hover{background:var(--nav-hover);color:var(--ink)}.nav-link.is-active,.nav-link:active{background:var(--nav-active)}.nav-link.is-active{border-color:var(--nav-border);color:var(--green-dark);font-weight:650}.nav-icon{display:grid;width:27px;height:27px;flex:0 0 27px;place-items:center;border-radius:6px;color:var(--muted);transition:color .14s ease,background .14s ease}.nav-icon svg{width:18px;height:18px}.nav-link:hover .nav-icon{color:var(--green-dark)}.nav-link.is-active .nav-icon{background:var(--paper);color:var(--green)}.nav-label{min-width:0}.nav-current{width:5px;height:5px;background:var(--green)}.nav-current,.nav-health{margin-left:auto;border-radius:50%}.nav-health{width:7px;height:7px;flex:0 0 auto}.nav-health.is-ok{background:#159061;box-shadow:0 0 0 3px #e7f6ed}.nav-health.is-error{background:#c6574d;box-shadow:0 0 0 3px #fbece9}.sidebar-account{display:flex;min-height:72px;flex:0 0 auto;align-items:center;gap:10px;padding:14px 7px 0;border-top:1px solid var(--nav-border)}.account-avatar{display:grid;width:34px;height:34px;flex:0 0 auto;place-items:center;border:1px solid var(--nav-border);border-radius:10px;background:var(--green-soft);color:var(--green-dark);font-size:12px;font-weight:650}.account-details{display:grid;min-width:0;flex:1 1;grid-gap:1px;gap:1px}.account-name{overflow:hidden;color:var(--ink);font-size:12px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.account-role{color:var(--muted);font-size:11px}.sidebar-account .link{min-height:36px;padding:0 4px;color:var(--muted);font-size:12px}.sidebar-account .link:hover{color:var(--green-dark)}.domain-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:8px}.domain-heading .topbar{margin:5px 0 0;padding:0;border:0}.back-link{color:#718077;font-size:12px}.table-scroll{max-width:100%;overflow-x:auto}.domain-list-table td{vertical-align:middle}.domain-list-table .btn-link{display:inline-flex;align-items:center;justify-content:center}.domain-list-table td:last-child,.domain-list-table th:last-child{white-space:nowrap}.domain-row-actions{display:flex;align-items:center;gap:7px}.domain-row-actions .btn-link,.domain-row-actions .danger{min-width:56px;min-height:34px;padding:0 10px;font-size:12px}.domain-status-switch{display:inline-flex;align-items:center;gap:8px;color:#46564d;font-size:12px;font-weight:600;white-space:nowrap}.domain-status-switch[aria-checked=true]{color:#17694e}.domain-status-switch:focus-visible{outline:2px solid var(--green);outline-offset:3px;border-radius:4px}.domain-switch-track{display:flex;width:31px;height:18px;align-items:center;padding:2px;border-radius:999px;background:#b6c1b9;transition:background .16s ease}.domain-switch-thumb{width:14px;height:14px;border-radius:50%;background:white;box-shadow:0 1px 2px rgb(0 0 0/14%);transition:transform .16s ease}.domain-status-switch[aria-checked=true] .domain-switch-track{background:var(--green)}.domain-status-switch[aria-checked=true] .domain-switch-thumb{transform:translateX(13px)}.domain-row-error{display:block;max-width:230px;margin:5px 0 0;color:#a53631;font-size:11px;line-height:1.45;white-space:normal}.nav-update-badge{margin-left:auto;flex:0 0 auto;padding:2px 6px;border-radius:4px;background:#fff0d4;color:#8b550d;font-size:10px;font-weight:650;white-space:nowrap}.mobile-nav-group summary .nav-update-dot{position:absolute;top:5px;right:5px;width:5px;height:5px;border-radius:50%;background:var(--warn)}.update-version-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));grid-gap:16px;gap:16px;margin:16px 0}.update-version-grid dt{color:var(--muted);font-size:12px}.update-version-grid dd{margin:5px 0 0;overflow-wrap:anywhere;font-weight:600}.update-task-status{display:flex;align-items:center;gap:9px;margin-top:14px}.advanced-details{border:1px solid var(--line);border-radius:8px;background:#fff}.certificate-heading{align-items:flex-start;justify-content:space-between}.certificate-heading .hint{margin:6px 0 0}.certificate-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:13px;gap:13px}.certificate-card{min-width:0;margin:0;padding:18px}.certificate-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.certificate-card-top>div{min-width:0;flex:1 1}.certificate-card-action{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:14px;padding-top:12px;border-top:1px solid #edf0ed}.certificate-card-action button{min-height:35px;padding:0 10px;border:1px solid #cbded1;border-radius:6px;background:#fff;color:#17694e;font-size:11px;font-weight:620}.certificate-card-action button:hover:not(:disabled){border-color:#90bea0;background:#f3f8f4}.certificate-card-action button:disabled{cursor:wait;opacity:.55}.certificate-action-message{margin:0 0 12px;color:#17694e;font-size:12px}.certificate-settings{margin-top:13px}.certificate-settings-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:14px;gap:14px;margin:15px 0 0;padding-top:14px;border-top:1px solid #edf0ed}.certificate-settings-grid div{min-width:0}.certificate-settings-grid dt{color:#839087;font-size:11px}.certificate-settings-grid dd{margin:4px 0 0;overflow-wrap:anywhere;color:#33443a;font-size:12px;font-weight:590}.certificate-settings-hint{margin:13px 0 0}.certificate-label{margin:0 0 7px;color:#77847c;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:10px;font-weight:650;letter-spacing:.1em}.certificate-card h2{margin:0 0 4px;font-size:16px}.certificate-host{display:block;margin-top:11px;padding:9px 11px;overflow-wrap:anywhere;border:1px solid #dce9df;border-radius:7px;background:#f1f7f2;color:#244b36;font-size:16px;font-weight:650;line-height:1.4}.certificate-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:13px 18px;gap:13px 18px;margin:20px 0 0;padding-top:15px;border-top:1px solid #edf0ed}.certificate-details div{min-width:0}.certificate-details dt{margin-bottom:3px;color:#839087;font-size:11px}.certificate-details dd{margin:0;overflow-wrap:anywhere;color:#33443a;font-size:12px;font-weight:570}.certificate-details dd.is-expiring{color:var(--warn)}.certificate-empty{margin-top:19px;padding-top:14px;border-top:1px solid #edf0ed;color:var(--muted);font-size:12px}.certificate-error{margin:12px 0 0;color:var(--warn);font-size:12px}.certificate-fingerprint{margin-top:13px;color:#6d7b73;font-size:11px}.certificate-fingerprint summary{cursor:pointer}.certificate-fingerprint code{display:block;margin-top:7px;overflow-wrap:anywhere;color:#43544a;font-size:10px}.certificate-protocols{margin-top:13px}.certificate-protocol-row{display:flex;min-height:42px;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid #edf0ed;color:#3c4c43;font-size:12px}.certificate-protocol-row code{margin-left:5px;color:#758279}.certificate-notice{margin:9px 0 0;color:var(--warn);font-size:12px}.certificate-note{display:flex;gap:11px;margin-top:13px;padding:14px 15px;border:1px solid #e5ebe6;border-radius:8px;background:#f9fbf9}.certificate-note-mark{display:grid;width:19px;height:19px;flex:0 0 auto;place-items:center;border:1px solid #d6e2d9;border-radius:50%;color:#49745d;font-family:Georgia,serif;font-size:13px}.certificate-note b{color:#405248;font-size:12px}.certificate-note p{margin:4px 0 0;color:#68766e;font-size:12px;line-height:1.7}.certificate-updated{margin:11px 1px 0;color:#89948d;font-size:11px}@media (max-width:700px){.certificate-list{grid-template-columns:1fr}.certificate-details{gap:12px}.certificate-settings-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.certificate-host{font-size:14px}}.advanced-details>summary{display:flex;min-height:47px;align-items:center;gap:9px;padding:0 14px;color:#46564d;cursor:pointer;font-size:13px;font-weight:600;list-style:none}.advanced-details>summary::-webkit-details-marker{display:none}.advanced-details>summary:before{content:"›";color:#738078;font-size:16px;transition:transform .15s ease}.advanced-details[open]>summary:before{transform:rotate(90deg)}.advanced-details>summary span{color:#87938c;font-size:12px;font-weight:400}.advanced-body{padding:0 14px 16px;border-top:1px solid #edf0ed}.advanced-actions{display:flex;flex-wrap:wrap;gap:8px;padding:14px 0 5px}.record-content{min-width:170px;max-width:360px;word-break:break-word}.detail-check-title{margin-top:20px}.warning-copy{color:var(--warn)}.dns-panel-stack{display:grid;grid-gap:13px;gap:13px}.dns-panel-stack>*{min-width:0}.eyebrow{display:inline-flex;align-items:center;gap:7px;color:#28684f;font-size:11px;font-weight:700;letter-spacing:.055em;text-transform:uppercase}.status-dot{width:7px;height:7px;border-radius:50%;background:#16815d;box-shadow:0 0 0 3px #d9eee1}.dns-advanced>summary{min-height:45px}.settings-shell{max-width:900px}.settings-tabs{display:flex;gap:3px;margin-bottom:13px;border-bottom:1px solid var(--line)}.routing-create{margin-top:4px}.routing-mode-tabs{display:flex;gap:4px;margin-bottom:16px;border-bottom:1px solid var(--line)}.routing-mode-tab{min-height:43px!important;padding:0 15px!important;border:0!important;border-bottom:2px solid transparent!important;border-radius:0!important;background:transparent!important;color:#758179!important;font-size:13px!important;font-weight:600!important}.routing-mode-tab:hover{color:#32463b!important}.routing-mode-tab.is-active{border-bottom-color:var(--green)!important;color:var(--green-dark)!important}.routing-mode-panel{min-width:0}.routing-mode-copy h3{margin:0 0 3px;color:#25372d;font-size:15px}.routing-mode-copy p{margin:0 0 14px;color:var(--muted);font-size:12px}.routing-alias-form,.routing-forward-form{display:grid;align-items:end;grid-gap:10px 12px;gap:10px 12px}.routing-alias-form{grid-template-columns:minmax(190px,1fr) minmax(250px,1.2fr) auto}.routing-forward-form{grid-template-columns:minmax(175px,.8fr) minmax(180px,.9fr) minmax(260px,1.4fr) 90px auto}.routing-alias-form .field,.routing-forward-form .field{min-width:0;flex:initial}.routing-alias-form select,.routing-forward-form input,.routing-forward-form select{width:100%;min-width:0}.routing-alias-address,.routing-prefix-address{display:flex;min-width:0;align-items:center;gap:8px}.routing-alias-address input,.routing-prefix-address input{min-width:0;flex:1 1 90px}.routing-alias-address span,.routing-prefix-address span{overflow:hidden;color:#53655a;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.routing-howto{grid-column:1/-1;margin:1px 0 0;color:#66746d;font-size:12px}.routing-howto strong{color:#365a46;font-weight:650}.routing-empty-mailboxes{padding:12px 14px;border:1px solid #e4ece6;border-radius:6px;background:#f8faf8}.routing-empty-mailboxes p{margin:0 0 5px;color:var(--muted);font-size:13px}.routing-empty-mailboxes a{font-size:13px;font-weight:600}.routing-priority-input{width:100%}.routing-alias-form .primary,.routing-forward-form .primary{white-space:nowrap}.settings-tab{min-height:43px;padding:0 15px;border:0;border-bottom:2px solid transparent;background:transparent;color:#758179;font-size:13px;font-weight:600}.settings-tab:hover{color:#32463b}.settings-tab.is-active{border-bottom-color:var(--green);color:var(--green-dark)}.settings-section{margin-bottom:14px}.settings-section>form>.form-row{align-items:center}.settings-section>form>.form-row .msg{flex:1 1 260px;margin:0}.settings-section .section-title{align-items:flex-start}.settings-section .section-title h2{margin:0 0 3px;font-size:17px}.settings-section .section-title .hint{margin:0}.settings-section h3{margin:17px 0 4px}.settings-subhead{padding-top:15px;border-top:1px solid #edf0ed}.settings-note{display:flex;align-items:flex-start;gap:10px;margin-top:15px;padding:11px 12px;border:1px solid #e6eee8;border-radius:6px;background:#f7faf8}.settings-note p{margin:0;color:#5e6e64;font-size:12px}.note-mark{color:#718f7c;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11px}.advanced-sections{display:grid;grid-gap:13px;gap:13px}.environment-heading{align-items:flex-start;justify-content:space-between}.environment-heading .hint{margin:6px 0 0}.environment-summary{display:flex;align-items:center;gap:14px;margin-bottom:15px;padding:16px 18px;border:1px solid #e4d4d0;border-radius:8px;background:#fff8f6}.environment-summary.is-ok{border-color:#cee8d7;background:#f2faf5}.environment-summary-symbol{display:grid;width:34px;height:34px;flex:0 0 auto;place-items:center;border:1px solid #eccac3;border-radius:50%;color:#b4483c;font-weight:700}.environment-summary.is-ok .environment-summary-symbol{border-color:#b8dfc8;color:#167952}.environment-summary strong{color:#26382e;font-size:14px}.environment-summary p{margin:2px 0 0;color:#65746a;font-size:12px}.environment-next{display:inline-flex;align-items:center;flex:0 0 auto;margin-left:auto}.environment-steps{margin-bottom:15px;border:1px solid var(--line);border-radius:9px;background:#fff}.environment-step{display:grid;grid-template-columns:35px minmax(0,1fr) auto;grid-gap:15px;gap:15px;align-items:center;min-height:72px;padding:13px 18px;border-top:1px solid #edf0ed}.environment-step:first-child{border-top:0}.environment-step-index{color:#9aa89e;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px}.environment-step-title{display:flex;align-items:center;gap:10px}.environment-step-title h2{margin:0;font-size:13px}.environment-step-body p{margin:3px 0 0;color:#69776d;font-size:12px}.environment-step-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:8px}.environment-step-actions .btn-link{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap}.environment-dns-toggle{display:inline-flex;min-height:34px;align-items:center;gap:5px;padding:0 9px;border:1px solid #dce8df;border-radius:6px;background:#fff;color:#17694e;font-size:12px;font-weight:600;cursor:pointer}.environment-dns-toggle:hover{border-color:#a9cbb4;background:#f4f8f5}.environment-dns-toggle:focus-visible{outline:2px solid var(--green);outline-offset:2px}.environment-dns-details{margin:0 18px 12px 68px;padding:11px 13px;border:1px solid #e7ece8;border-radius:6px;background:#f8faf8}.environment-dns-details[hidden]{display:none}.environment-dns-details-heading{margin-bottom:3px;color:#59695f;font-size:11px;font-weight:650}.environment-dns-domain{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 0;border-top:1px solid #e9eeea}.environment-dns-domain:first-of-type{border-top:0}.environment-dns-domain b{font-size:12px}.environment-dns-domain p{margin:3px 0 0;color:#a34c38;font-size:11px}.environment-dns-domain .btn-link{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;white-space:nowrap}.environment-dns-tls{margin-top:16px}.environment-dns-tls-heading{align-items:flex-start;margin-bottom:15px}.environment-dns-tls-heading h2,.environment-domain-heading h3{margin:0;font-size:16px}.environment-dns-tls-heading .hint,.environment-domain-heading .hint{margin:4px 0 0}.environment-tls .certificate-page{margin:0}.environment-tls .certificate-heading{margin-bottom:12px}.environment-tls .certificate-heading h2{font-size:14px}.environment-domains{margin-top:20px;padding-top:16px;border-top:1px solid #e8ede9}.environment-domain-heading{align-items:flex-start;margin-bottom:8px}.environment-domain-create{margin:10px 0 8px;padding:12px;border:1px solid #edf0ed;border-radius:7px;background:#fbfcfb}.environment-domain-create .form-row{margin:0}.environment-domain{display:grid;grid-template-columns:minmax(150px,.8fr) minmax(0,1.4fr) minmax(300px,1.5fr);grid-gap:12px;gap:12px;align-items:center;padding:12px 0;border-top:1px solid #edf0ed}.environment-domain:first-of-type{border-top:0}.environment-domain-name{display:grid;min-width:0;grid-gap:4px;gap:4px}.environment-domain-title{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.environment-domain .hint{margin:2px 0 0;font-size:11px}.environment-domain-checks{display:flex;flex-wrap:wrap;gap:5px}.environment-domain-actions{display:flex;min-width:0;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:7px}.environment-domain-actions .btn-link{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap}.environment-domain-manage{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.environment-domain-manage .is-selected{border-color:#a9cfb8;background:#edf7f0;color:var(--green-dark)}.environment-domain-manage .domain-status-switch{padding-inline:4px}.environment-domain-manage .domain-row-error{flex-basis:100%}.environment-domain-settings{margin-top:16px;padding-top:16px;border-top:1px solid #e8ede9;scroll-margin-top:18px}.environment-domain-settings>.section-title{align-items:flex-start}.dns-management-layout{display:grid;min-width:0;grid-gap:0;gap:0}.dns-auto-domain-card,.dns-auto-domain-list,.dns-management-layout,.dns-tab-panel{width:100%;max-width:100%}.dns-tabs{display:flex;min-width:0;gap:4px;padding:0 8px;border-bottom:1px solid #dfe7e1}.dns-tabs button{position:relative;min-height:45px;padding:0 15px;border:0;border-radius:0;background:transparent;color:#718078;font-size:12px;font-weight:600;white-space:nowrap}.dns-tabs button:hover{background:#f4f7f4;color:#315d46}.dns-tabs button.is-active,.dns-tabs button[aria-selected=true]{border:1px solid #087b59;border-radius:6px 6px 0 0;background:#087b59;color:#fff;font-weight:700}.dns-tabs button:focus-visible{outline:2px solid var(--green);outline-offset:-2px}.dns-tab-panel{min-width:0;padding-top:17px}.dns-auto-domain-list{display:grid;grid-gap:12px;gap:12px;min-width:0}.dns-auto-domain-card{min-width:0;padding:17px 19px 14px;border:1px solid #dfe7e1;border-radius:8px;background:#fff;box-shadow:0 1px 2px rgb(20 40 28/3%)}.dns-auto-domain-header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.dns-auto-domain-title{display:flex;align-items:center;flex-wrap:wrap;gap:9px}.dns-auto-domain-title h2{margin:0;color:#24392d;font-size:16px;overflow-wrap:anywhere}.dns-auto-domain-header>div>p{margin:5px 0 0;color:#738078;font-size:11px;line-height:1.5;overflow-wrap:anywhere}.dns-auto-domain-checked{flex:0 0 auto;color:#78847d;font-size:10px;text-align:right}.dns-auto-domain-status{margin-top:14px}.dns-auto-domain-status-heading{display:flex;align-items:center;gap:10px;margin-bottom:7px}.dns-auto-domain-status-heading h3{margin:0;color:#45584b;font-size:11px;font-weight:650}.dns-auto-domain-status-heading span{color:#718078;font-size:10px}.dns-domain-state{flex:0 0 auto;padding:2px 7px;border:1px solid #e7eae7;border-radius:999px;color:#8b6b38;font-size:10px;line-height:1.45}.dns-domain-state.is-active{border-color:#d6ebdc;background:#eff8f2;color:#18734f}.dns-domain-row-records{display:flex;min-width:0;flex-wrap:wrap;gap:6px}.dns-record-chip{display:inline-flex;min-height:25px;align-items:center;gap:5px;padding:2px 8px;border:1px solid #e6eae6;border-radius:999px;background:#fafbfa;color:#65746b;font-size:11px;white-space:nowrap}.dns-record-chip>span{font-size:10px;font-weight:750}.dns-record-chip.is-ok{border-color:#d4eadd;background:#f0f8f3;color:#18734f}.dns-record-chip.is-missing{border-color:#f0dbd6;background:#fff7f5;color:#aa5144}.dns-record-chip.is-pending{color:#8b6b38}.dns-auto-domain-footer{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;grid-gap:13px;gap:13px;margin-top:14px;padding-top:12px;border-top:1px solid #edf0ed}.dns-auto-domain-footer>button{min-height:36px;padding:0 11px;font-size:11px;white-space:nowrap}.dns-auto-sync{display:flex;min-width:0;align-items:center;justify-content:space-between;gap:12px}.dns-auto-sync-copy{min-width:0}.dns-auto-sync-copy .eyebrow{display:flex;align-items:center;gap:6px;margin:0;color:#416b52;font-size:10px;letter-spacing:.035em}.dns-auto-sync-copy .status-dot{width:7px;height:7px}.dns-auto-sync-copy>p:last-child{margin:3px 0 0;color:#738078;font-size:10px;line-height:1.45}.dns-auto-sync-action{display:flex;flex:0 0 auto;align-items:center;gap:10px}.dns-auto-sync-action>span{color:#718078;font-size:10px;white-space:nowrap}.dns-auto-sync-action button{min-height:36px;padding:0 12px;font-size:11px;white-space:nowrap}.dns-auto-sync .msg{grid-column:1/-1;margin:0}.dns-panel-loading{margin:0;color:#78847d;font-size:11px}.dns-domain-empty{margin:12px 0;color:#6c7b72;font-size:12px}.dns-domain-overview-footnote{margin:1px 0 0;color:#718078;font-size:10px;line-height:1.7}.dns-domain-overview-footnote .mono{color:#42574a;overflow-wrap:anywhere}.dns-domain-overview-footnote a{color:#18734f}.dns-advanced-tab,.dns-manual-tab{max-width:1120px}.dns-tab-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin:0 0 15px;padding-bottom:14px;border-bottom:1px solid #e5ebe6}.dns-tab-heading h2{margin:0;color:#23372c;font-size:19px}.dns-tab-heading p:last-child{margin:5px 0 0;color:#718078;font-size:12px}.dns-domain-select{display:grid;flex:0 0 min(280px,40%);grid-gap:5px;gap:5px;color:#53645a;font-size:11px;font-weight:600}.dns-domain-select select{min-width:0;min-height:36px;padding:0 10px;border:1px solid #d9e2db;border-radius:6px;background:#fff;color:#34463b;font:inherit}.dns-advanced-content{padding:0!important;border:0!important;background:transparent!important}.dns-manual-reference{margin:0;padding:16px}.dns-manual-reference>.hint{margin:0 0 12px;font-size:12px}.dns-manual-note{display:grid;grid-gap:3px;gap:3px;margin-top:12px;padding:11px 13px;border-left:2px solid #65a681;background:#f3f8f4;color:#627369;font-size:11px;line-height:1.6}.dns-manual-note b{color:#315d46}.dns-section-kicker{margin:0 0 5px;color:#688175;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:10px;font-weight:700;letter-spacing:.09em;text-transform:uppercase}.manual-dns-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-top:1px solid #edf0ed}.manual-dns-row:first-child{border-top:0}.manual-dns-row .hint{margin:2px 0 0;font-size:11px}.manual-dns-row .btn-link{display:inline-flex;align-items:center;justify-content:center;text-align:center;line-height:1.2}.manual-dns-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.manual-dns-actions .btn-link{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.mailbox-create-form{display:flex;flex-wrap:wrap;align-items:flex-end;gap:10px}.mailbox-create-form .field{flex:1 1 160px;min-width:130px}.mailbox-at{padding-bottom:10px;color:#69776d;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px}.mailbox-page .grid td{vertical-align:middle}.mailbox-actions{min-width:170px;white-space:nowrap}.mailbox-action-buttons{display:flex;align-items:center;gap:6px}.mailbox-action-buttons>*{margin:0}.mailbox-reset{display:flex;align-items:flex-end;gap:8px;margin-top:10px}.mailbox-reset .field{min-width:140px}.mailbox-list-actions{display:flex;align-items:center;flex-wrap:wrap;gap:9px}.global-mail-content,.global-mail-protocols,.mail-client-config{min-width:0;margin:11px 0 15px;padding:11px 13px;border:1px solid #e3e9e4;border-radius:6px}.global-mail-content legend,.global-mail-protocols legend,.mail-client-config legend{padding:0 5px;color:#526158;font-size:12px;font-weight:650}.mail-client-config .hint-text{margin:0 0 10px;font-size:12px}.mail-client-host{margin:10px 0;font-size:13px}.mail-client-host code{color:var(--ink);overflow-wrap:anywhere;font-weight:600}.mail-client-config table{min-width:280px;margin:0}.mail-client-config .grid td,.mail-client-config .grid th{padding:9px 6px;text-align:left;font-size:12px}.mail-client-config .grid tbody th{border-bottom:1px solid #edf0ed;background:transparent;color:var(--ink);font-weight:500}.mail-client-config .grid tbody tr:last-child th{border-bottom:0}.mail-client-steps{margin:12px 0;padding-left:20px;color:var(--muted);font-size:12px;line-height:1.8}.mail-client-steps strong{color:var(--ink);font-weight:600}.global-mail-protocols .form-row{align-items:center}.global-mail-content>.hint-text,.global-mail-protocols>.hint-text{margin:0 0 8px 25px;font-size:11px}.global-attachment-limit{max-width:320px;margin-top:12px}.global-attachment-controls{display:flex;align-items:flex-end;gap:14px}.global-attachment-unlimited{min-height:40px;margin-bottom:2px}.global-attachment-limit input:disabled{cursor:not-allowed;background:#f2f4f2;color:#8b948e}.panel-settings-overview{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);grid-gap:13px;gap:13px}.panel-settings-overview .panel{min-width:0}.panel-domain-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:11px;gap:11px}.panel-setting-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:14px}.panel-setting-actions .hint-text{flex:1 1 220px;font-size:11px}.domain-apply-button{display:inline-flex;align-items:center;justify-content:center;gap:8px}.domain-apply-progress{display:flex;align-items:flex-start;gap:12px}.domain-apply-progress p{margin:4px 0 0;font-size:12px}.domain-apply-spinner{display:inline-block;width:16px;height:16px;flex:0 0 16px;border:2px solid;border-right:2px solid transparent;border-radius:50%;animation:domain-apply-spin .8s linear infinite}.domain-apply-progress>.domain-apply-spinner{margin-top:3px}@keyframes domain-apply-spin{to{transform:rotate(1turn)}}.host-facts{display:grid;grid-gap:7px;gap:7px;margin:0 0 14px}.host-facts div{display:flex;gap:12px;justify-content:space-between;padding-bottom:6px;border-bottom:1px solid #edf0ed}.host-facts dt{color:#738078;font-size:11px}.host-facts dd{max-width:65%;margin:0;overflow-wrap:anywhere;color:#34463b;text-align:right;font-size:11px}.host-ip-field{max-width:270px}.panel-settings-page .certificate-page{margin-top:7px}.panel-settings-page .certificate-heading{margin-bottom:13px}.panel-settings-page .certificate-heading h2{margin:0;font-size:18px}.panel-maintenance{margin-top:16px}.panel-maintenance-actions{display:flex;flex-wrap:wrap;gap:9px}.panel-maintenance .hint{margin:11px 0 0}.mail-archive-manager{margin-top:18px;padding-top:16px;border-top:1px solid #e7ece8}.mail-archive-heading h3{margin:0;color:#2d4337;font-size:14px}.mail-archive-heading p{margin:4px 0 0;color:#718078;font-size:11px;line-height:1.65}.mail-archive-controls{display:grid;grid-template-columns:minmax(210px,1fr) auto minmax(220px,1fr) minmax(220px,1fr) auto;align-items:end;grid-gap:9px;gap:9px;margin-top:12px}.mail-archive-controls .field{display:grid;min-width:0;grid-gap:5px;gap:5px;color:#48574e;font-size:11px;font-weight:600}.mail-archive-controls input[type=file],.mail-archive-controls select{min-width:0;min-height:38px;padding:7px 9px;border:1px solid #d9e2db;border-radius:6px;background:#fff;color:#34463b;font:inherit}.mail-archive-controls input[type=file]{padding:5px;font-weight:400}.mail-archive-controls .btn-link,.mail-archive-controls>button{min-height:38px;white-space:nowrap}.mail-archive-controls .is-disabled{pointer-events:none;opacity:.5}.mail-archive-note{margin:8px 0 0;color:#7b867f;font-size:10px;line-height:1.6}.mail-archive-note.is-danger{color:#a43f35}.mail-archive-manager .msg{margin-top:10px}.maintenance-log{margin-top:13px;color:#65746c;font-size:12px}.maintenance-log summary{cursor:pointer}.maintenance-log pre{max-height:240px;overflow:auto;margin:8px 0 0;padding:12px;border:1px solid #dfe6e0;border-radius:6px;background:#f7f9f7;color:#2f4135;white-space:pre-wrap;word-break:break-word}.maintenance-confirm{position:fixed;z-index:80;inset:0;display:grid;place-items:center;padding:16px;background:rgb(18 30 23/45%)}.maintenance-confirm-card{width:min(100%,430px);padding:22px;border:1px solid #d9e3db;border-radius:10px;background:#fff;box-shadow:0 20px 60px rgb(10 30 19/18%)}.maintenance-confirm-card h2{font-size:17px}.maintenance-confirm-card p{color:#607068;font-size:13px}.maintenance-confirm-card .panel-maintenance-actions{justify-content:flex-end}.login-wrap{display:grid;min-height:100vh;place-items:center;padding:24px 16px;background:var(--canvas)}.login-card{display:grid;width:min(100%,410px);grid-gap:13px;gap:13px;padding:28px;border:1px solid var(--line);border-radius:10px;background:#fff;box-shadow:0 8px 28px rgb(18 40 27/5%)}.login-logo{display:flex;justify-content:center;margin-bottom:2px}.login-logo img{width:46px;height:46px}.login-card h1{margin:0 0 5px;text-align:center;font-size:20px}.login-card label{display:grid;grid-gap:5px;gap:5px;color:#46564d;font-size:12px;font-weight:600}.login-card input{width:100%;min-height:42px}.login-card button[type=submit]{min-height:42px;border:1px solid var(--green);border-radius:6px;background:var(--green);color:white;font-weight:620}.login-card button[type=submit]:hover{background:var(--green-dark)}.login-card .link-btn{border:1px solid #d8e0da;border-radius:6px;background:white;color:#425249}.login-card .link-btn:hover{background:#f5f8f5}.login-err{margin:0;padding:9px 11px;border:1px solid #efd3d0;border-radius:6px;background:#fff6f4;color:#a53631;font-size:12px}.login-hint{margin:0;color:var(--muted);font-size:13px}@media (min-width:900px){.app-frame{display:flex}.app-sidebar{--nav-row-height:clamp(28px,calc((100dvh - 320px) / 16),40px);position:fixed;z-index:35;top:0;bottom:0;left:0;display:flex;width:var(--nav-width);height:100vh;height:100dvh;flex-direction:column;padding:0 14px 12px;overflow:clip;border-right:1px solid var(--nav-border);background:var(--nav-surface);transition:width var(--nav-motion),padding var(--nav-motion)}.app-sidebar[data-collapsed=true]{width:64px;padding-inline:8px}.app-content{margin-left:var(--nav-width);transition:margin-left var(--nav-motion)}.app-sidebar[data-collapsed=true]~.app-content{margin-left:64px}.sidebar-brand{height:80px;flex:0 0 80px;gap:6px;border-bottom:1px solid var(--nav-border)}.brand-lockup,.sidebar-brand{display:flex;align-items:center}.brand-lockup{min-width:0;flex:1 1;gap:10px;padding:0 4px;color:var(--ink)}.brand-lockup .brand-icon{width:38px;height:38px;flex:0 0 38px}.brand-lockup>span{display:grid;grid-gap:1px;gap:1px}.brand-lockup b{color:var(--green-dark);font-size:21px;font-weight:750;letter-spacing:-.04em;line-height:1.15}.brand-lockup small{margin-top:2px;color:var(--muted);font-size:12px;font-weight:520;letter-spacing:.04em;line-height:1.35}.nav-brand-toggle{position:relative;display:grid;width:36px;height:36px;flex:0 0 36px;place-items:center;padding:0;border:0;border-radius:6px;background:transparent;color:var(--muted);transition:background .16s ease,color .16s ease}.nav-brand-toggle:hover{background:var(--nav-hover);color:var(--green-dark)}.nav-brand-toggle:active{background:var(--nav-active)}.app-sidebar[data-collapsed=true] .sidebar-brand{flex-direction:column;justify-content:center;gap:2px}.app-sidebar[data-collapsed=true] .brand-lockup{flex:0 0 auto;padding:0}.app-sidebar[data-collapsed=true] .brand-icon{width:28px;height:28px;flex-basis:28px}.app-sidebar[data-collapsed=true] .brand-lockup>span{display:none}.app-sidebar[data-collapsed=true] .nav-brand-toggle{height:28px;flex-basis:28px}.app-sidebar[data-collapsed=true] .nav-brand-toggle svg{transform:rotate(180deg)}.sidebar-nav{display:flex;min-height:0;flex:1 1;flex-direction:column;gap:clamp(6px,1.2dvh,16px);overflow-y:auto;padding:clamp(8px,1.5dvh,16px) 2px;scrollbar-width:thin;scrollbar-color:var(--nav-border) transparent;overscroll-behavior:contain}.nav-group{display:flex;flex:0 0 auto;flex-direction:column}.nav-group+.nav-group{margin-top:0}.nav-heading{flex:0 0 16px;margin-bottom:6px;line-height:16px}.nav-items{grid-auto-rows:auto;gap:2px}.nav-link{min-height:var(--nav-row-height);padding-block:0;line-height:1.35}.nav-icon{width:24px;height:22px;flex-basis:24px}.nav-label{white-space:nowrap}.sidebar-account{min-height:56px;height:56px;margin-top:auto;padding-top:8px}.sidebar-account,.sidebar-nav{transition:opacity .16s ease,visibility .16s ease}.app-sidebar[data-collapsed=true] .sidebar-account,.app-sidebar[data-collapsed=true] .sidebar-nav{visibility:hidden;opacity:0;pointer-events:none}.mobile-header{display:none}.page-container{padding:32px 34px 54px}}@media (max-width:1050px){.dns-auto-domain-card{padding-inline:15px}}@media (max-width:899px){.dns-auto-domain-footer{grid-template-columns:1fr;gap:9px}.dns-auto-domain-footer>button{justify-self:start}.dns-auto-sync-action{gap:8px}}@media (min-width:900px) and (max-height:760px){.app-sidebar{--nav-row-height:clamp(25px,calc((100dvh - 198px) / 16),32px);padding-bottom:6px}.sidebar-brand{height:60px;flex-basis:60px}.brand-lockup .brand-icon{width:34px;height:34px;flex-basis:34px}.sidebar-nav{gap:4px;padding-block:4px}.nav-heading{flex-basis:12px;margin-bottom:4px;font-size:11px;line-height:12px}.nav-items{gap:0}.sidebar-account{min-height:44px;height:44px;padding-top:4px}.account-avatar{width:30px;height:30px}.app-sidebar[data-collapsed=true] .sidebar-brand{flex-direction:row;gap:0}.app-sidebar[data-collapsed=true] .brand-lockup{display:none}}@media (max-width:360px){.mobile-nav-group summary{gap:3px;padding:0 3px;font-size:11px}}@media (max-width:560px){.page-container{padding:18px 12px 34px}.panel{padding:14px}.grid{min-width:650px}.panel:has(.grid){overflow-x:auto}.kv td:first-child{width:120px}.topbar{gap:8px;margin-bottom:17px}.environment-heading>div{min-width:0;flex:1 1 100%}.environment-heading .hint{overflow-wrap:anywhere}.dashboard-page{gap:12px}.dashboard-heading{align-items:flex-start}.dashboard-heading h1{font-size:22px}.dashboard-secondary{min-height:35px;padding:0 9px;font-size:11px}.dashboard-primary{align-items:flex-start;flex-direction:column;gap:15px;min-height:0;padding:17px}.dashboard-primary h2{font-size:18px}.dashboard-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.dashboard-stat{min-height:75px;padding:11px}.dashboard-stat-value{font-size:20px}.dashboard-lower{grid-template-columns:1fr}.dashboard-activity .table-scroll{overflow-x:auto}.dashboard-activity .grid{min-width:620px}.domain-heading{align-items:flex-start}.environment-step{grid-template-columns:27px minmax(0,1fr);gap:8px;padding:12px}.environment-summary{flex-wrap:wrap}.environment-next{width:100%;justify-content:center;margin-left:0}.environment-step-actions{grid-column:2;justify-content:flex-start}.environment-dns-details{margin:0 12px 12px 47px}.environment-dns-domain{align-items:flex-start;flex-direction:column;gap:7px}.environment-domain{grid-template-columns:1fr;gap:8px}.environment-domain-checks{grid-column:1/-1;grid-row:2}.environment-domain-actions{grid-column:1/-1;justify-content:flex-start;flex-wrap:wrap}.environment-domain-settings{scroll-margin-top:10px}.dns-management-layout{gap:15px}.dns-tabs{gap:0;padding:0;overflow-x:auto}.dns-tabs button{min-height:42px;padding:0 10px;font-size:11px}.dns-tab-panel{padding-top:12px}.dns-domain-row-records{gap:4px}.dns-auto-domain-card{padding:14px}.dns-auto-domain-header{align-items:flex-start;flex-direction:column;gap:5px}.dns-auto-domain-checked{text-align:left}.dns-auto-domain-footer{grid-template-columns:1fr;gap:9px}.dns-auto-domain-footer>button{width:100%}.dns-auto-sync{align-items:stretch;flex-direction:column;gap:8px}.dns-auto-sync-action,.dns-auto-sync-action button{justify-content:space-between}.dns-auto-sync-action button{flex:1 1}.dns-tab-heading{align-items:stretch;flex-direction:column}.dns-domain-select{flex-basis:auto}.manual-dns-row{align-items:stretch;flex-direction:column}.manual-dns-actions{align-self:center}.manual-dns-actions,.manual-dns-row .btn-link{justify-content:center}.mail-archive-controls,.panel-domain-fields,.panel-settings-overview{grid-template-columns:1fr}.mail-archive-controls{align-items:stretch}.mail-archive-controls .btn-link,.mail-archive-controls>button{width:100%;justify-content:center}.mailbox-at{display:none}.mailbox-list-actions{justify-content:flex-start}}@media (min-width:561px) and (max-width:899px){.dashboard-lower,.panel-settings-overview{grid-template-columns:1fr}.routing-alias-form{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.routing-alias-form>.primary{grid-column:1/-1;justify-self:start}.routing-forward-form{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.routing-forward-form>.primary{justify-self:start}}@media (max-width:560px){.global-attachment-controls{align-items:flex-start;flex-direction:column;gap:7px}.routing-alias-form,.routing-forward-form{grid-template-columns:minmax(0,1fr);align-items:stretch}.routing-alias-form>.primary,.routing-forward-form>.primary{justify-self:stretch}.routing-mode-tab{padding:0 12px!important}}@media (prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}.domain-apply-spinner{animation:none}}