:root{--color-paper:oklch(98.4% .009 255);--color-surface:oklch(100% 0 0);--color-sidebar:oklch(97% .018 252);--color-ink:oklch(23% .038 265);--color-body:oklch(36% .027 260);--color-muted:oklch(49% .028 258);--color-rule:oklch(91% .021 253);--color-control-rule:oklch(65% .025 255);--color-accent:oklch(51% .245 264);--color-accent-hover:oklch(46% .23 264);--color-accent-active:oklch(41% .21 264);--color-accent-soft:oklch(93% .037 256);--color-selection:oklch(97% .016 255);--color-table-head:oklch(97.2% .014 253);--color-focus:oklch(16% .045 265);--color-accent-ink:oklch(100% 0 0);--color-positive:oklch(39% .095 162);--color-positive-soft:oklch(95% .025 162);--color-negative:oklch(43% .16 25);--color-negative-soft:oklch(96% .018 25);--color-warning:oklch(43% .1 65);--color-warning-soft:oklch(96% .035 85);--color-scrim:oklch(18% .02 258/.45);--color-shadow:oklch(28% .04 258/.08);--color-transparent:transparent;--font-display:"Avenir Next", "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;--font-body:-apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;--font-mono:"SFMono-Regular", Consolas, "Liberation Mono", monospace;--space-xs:4px;--space-sm:8px;--space-md:12px;--space-lg:16px;--space-xl:24px;--space-2xl:32px;--space-3xl:48px;--space-4xl:64px;--text-sm:.8125rem;--text-xs:.75rem;--text-base:.875rem;--text-lg:1.0625rem;--text-xl:1.5rem;--text-2xl:2rem;--radius-control:8px;--radius-panel:10px;--radius-dialog:14px;--control-height:44px;--sidebar-width:240px;--page-gutter:32px;--shadow-panel:0 2px 5px var(--color-shadow);--shadow-dialog:0 24px 80px var(--color-shadow);--rule:1px solid var(--color-rule);--ease-out:cubic-bezier(.16, 1, .3, 1);--dur-fast:.12s}*{box-sizing:border-box}html,body{min-height:100%;margin:0;overflow-x:clip}body{background:var(--color-paper);color:var(--color-body);font:400 var(--text-base)/1.6 var(--font-body)}a{color:var(--color-accent);text-decoration:none}a:hover{text-decoration:underline}button,input,textarea,select{font:inherit}button,select{cursor:pointer}button,a,input,textarea,select{-webkit-tap-highlight-color:var(--color-transparent)}:focus-visible{outline:3px solid var(--color-accent);outline-offset:3px}button:disabled,input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;opacity:.55}h1,h2,h3,p{margin:0}h1,h2,h3{color:var(--color-ink);font-family:var(--font-display);overflow-wrap:anywhere;min-width:0;font-style:normal}h1{letter-spacing:-.025em;font-size:clamp(1.5rem,2.3vw,2rem);font-weight:650;line-height:1.3}h2{font-size:var(--text-lg);font-weight:650;line-height:1.4}h3{font-size:1rem;font-weight:650}small{color:var(--color-muted);font-size:var(--text-sm);line-height:1.5;display:block}pre,code{font-family:var(--font-mono);font-size:var(--text-sm)}pre{white-space:pre-wrap;overflow-wrap:anywhere;max-width:100%}code{overflow-wrap:anywhere}strong{font-weight:600}input:not([type=checkbox]),textarea,select{border:var(--rule);border-radius:var(--radius-control);background:var(--color-surface);width:100%;min-width:0;min-height:44px;color:var(--color-ink);border-color:var(--color-control-rule);padding:9px 12px}input:hover,textarea:hover,select:hover{border-color:var(--color-muted)}textarea{resize:vertical;min-height:80px}input[type=checkbox]{width:17px;height:17px;accent-color:var(--color-accent);flex:none;margin:0}input[type=file]{font-size:var(--text-sm)}input[type=file]::file-selector-button{border:var(--rule);border-radius:var(--radius-control);color:var(--color-ink);background:var(--color-sidebar);cursor:pointer;margin-right:12px;padding:6px 10px}fieldset{border:0;min-width:0;margin:0;padding:0}legend{color:var(--color-ink);margin-bottom:var(--space-sm);font-weight:550}summary{cursor:pointer;color:var(--color-ink);padding:var(--space-sm) 0;font-weight:550}details[open]>summary{margin-bottom:var(--space-md)}.button{border:1px solid var(--color-control-rule);border-radius:var(--radius-control);background:var(--color-surface);color:var(--color-body);justify-content:center;align-items:center;gap:var(--space-sm);white-space:nowrap;min-height:44px;font-size:var(--text-sm);flex-shrink:0;padding:8px 13px;font-weight:550;line-height:1.4;display:inline-flex}.button:hover{background:var(--color-sidebar);border-color:var(--color-muted);text-decoration:none}.button:active:not(:disabled){transform:translateY(1px)}.button.primary{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-accent-ink)}.button.primary:hover{background:var(--color-accent-hover)}.button.danger{color:var(--color-negative);border-color:var(--color-negative)}.button.danger:hover{background:var(--color-negative-soft)}.actions{gap:var(--space-sm);flex-wrap:wrap;align-items:center;display:flex}.stack{gap:var(--space-lg);flex-direction:column;display:flex}.stack>.button{align-self:flex-start}.muted,.hint{color:var(--color-muted);font-size:var(--text-sm)}.hint{margin-top:var(--space-xs)}.break{overflow-wrap:anywhere}.brand{color:var(--color-ink);font:700 23px/1.2 var(--font-display);letter-spacing:-.7px;align-items:center;gap:10px;display:inline-flex}.brand svg{color:var(--color-accent)}.brand:hover{text-decoration:none}.skip-link{background:var(--color-surface);z-index:100;padding:12px 16px;position:fixed;top:-100px;left:16px}.skip-link:focus{top:16px}.app-shell{grid-template-columns:228px minmax(0,1fr);min-height:100dvh;display:grid}.sidebar{background:var(--color-sidebar);border-right:var(--rule);flex-direction:column;height:100dvh;padding:32px 16px 16px;display:flex;position:sticky;top:0}.compose-link{margin:0 8px 20px}.sidebar nav{flex-direction:column;gap:3px;display:flex;overflow-y:auto}.sidebar nav a{color:var(--color-muted);border-radius:var(--radius-control);white-space:nowrap;align-items:center;gap:12px;padding:10px 14px;font-size:14px;display:flex}.sidebar nav a:hover{background:var(--color-surface);color:var(--color-ink);text-decoration:none}.sidebar nav a.active{background:var(--color-accent-soft);color:var(--color-accent);font-weight:600}.sidebar-bottom{justify-content:space-between;align-items:center;gap:8px;margin-top:auto;padding-top:20px;display:flex}.account{color:var(--color-ink);align-items:center;gap:10px;min-width:0;display:flex}.account>span:last-child{min-width:0}.account strong{text-overflow:ellipsis;white-space:nowrap;max-width:104px;font-size:13px;display:block;overflow:hidden}.account small{font-size:11px}.avatar,.message-avatar{background:var(--color-accent-soft);color:var(--color-accent);border-radius:var(--radius-control);flex:none;justify-content:center;align-items:center;width:36px;height:36px;font-weight:600;display:flex}.sidebar-bottom>.button{background:var(--color-transparent);border-color:var(--color-transparent);padding:8px}.mobile-header{display:none}.main-content{width:100%;min-width:0;max-width:1700px;margin:0 auto;padding:40px clamp(20px,3vw,48px) 0}.main-content:focus{outline:none}.page-header{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:28px;display:flex}.page-header p{color:var(--color-muted);max-width:68ch;margin-top:8px;font-size:14px}.page-header>div{min-width:0}footer{color:var(--color-muted);justify-content:space-between;gap:16px;padding:32px 0 24px;font-size:12px;display:flex}.toolbar{flex-wrap:wrap;align-items:center;gap:12px;margin:20px 0;display:flex}.toolbar>select{width:auto;max-width:240px}.search{gap:8px;width:min(100%,380px);min-width:0;display:flex}.search input{flex:1}.panel{border:var(--rule);border-radius:var(--radius-panel);background:var(--color-surface);min-width:0;margin-bottom:20px}.padded{padding:24px}.section-heading{justify-content:space-between;align-items:center;gap:16px;padding:20px 24px;display:flex}.section-heading p{margin-top:5px}.padded>.section-heading{padding:0}.table-scroll{width:100%;overflow-x:auto}table{border-collapse:collapse;text-align:left;width:100%;font-size:13px}th{background:var(--color-paper);color:var(--color-muted);white-space:nowrap;border-block:var(--rule);padding:12px 20px;font-weight:500}td{border-bottom:var(--rule);vertical-align:top;overflow-wrap:anywhere;max-width:340px;padding:18px 20px}td small{margin-top:5px;font-size:12px}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:var(--color-paper)}.row-link{font-size:14px;font-weight:600}.pager{color:var(--color-muted);justify-content:space-between;align-items:center;gap:12px;padding:8px 0;font-size:13px;display:flex}.panel>.pager{border-top:var(--rule);padding:12px 24px}.empty{text-align:center;min-height:240px;color:var(--color-muted);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:40px 24px;display:flex}.empty>svg{color:var(--color-muted)}.empty p{max-width:40ch;font-size:14px}.notice{border-radius:var(--radius-control);overflow-wrap:anywhere;align-items:flex-start;gap:10px;margin-bottom:16px;padding:12px 16px;font-size:13px;display:flex}.notice>svg{flex:none;margin-top:1px}.notice.error{color:var(--color-negative);background:var(--color-negative-soft)}.notice.success{color:var(--color-positive);background:var(--color-positive-soft)}.notice.warning{color:var(--color-warning);background:var(--color-warning-soft)}.status{white-space:nowrap;border-radius:4px;align-items:center;padding:4px 7px;font-size:11px;font-weight:550;line-height:1.4;display:inline-flex}.status.neutral{color:var(--color-muted);background:var(--color-sidebar)}.status.positive{color:var(--color-positive);background:var(--color-positive-soft)}.status.negative{color:var(--color-negative);background:var(--color-negative-soft)}.status.warning{color:var(--color-warning);background:var(--color-warning-soft)}.field{flex-direction:column;gap:7px;min-width:0;display:flex}.field>label{color:var(--color-ink);font-size:13px;font-weight:550}.field small{font-size:12px}.check{cursor:pointer;align-items:center;gap:9px;min-height:28px;font-size:13px;display:flex}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.form-actions{border-top:var(--rule);flex-wrap:wrap;align-items:center;gap:12px;padding-top:16px;display:flex}.option-list{border:var(--rule);border-radius:var(--radius-control);padding:12px 16px}.option-list .check{margin-bottom:8px}.option-list legend{padding:0 4px;font-size:13px}dialog{border:var(--rule);width:min(740px,100vw - 32px);max-height:calc(100dvh - 48px);color:var(--color-body);background:var(--color-surface);border-radius:12px;padding:0}dialog::backdrop{background:var(--color-scrim)}.dialog-heading{border-bottom:var(--rule);background:var(--color-surface);z-index:1;justify-content:space-between;align-items:center;padding:16px 24px;display:flex;position:sticky;top:0}.dialog-heading>.button{border:0;padding:8px}.dialog-content{padding:24px}.dialog-content form>fieldset{width:100%}.secret{border:1px solid var(--color-positive);border-radius:var(--radius-control);background:var(--color-positive-soft);margin:16px 0;padding:16px}.secret code{-webkit-user-select:all;user-select:all}.key-row{border-bottom:var(--rule);justify-content:space-between;gap:16px;padding:16px 0;display:flex}.key-row>div{min-width:0}.key-detail{border-top:var(--rule)}.key-detail code{margin-top:12px;display:block}.section-divider{border-top:var(--rule);margin-top:24px;padding-top:24px}.health-line{color:var(--color-positive);border-bottom:var(--rule);flex-wrap:wrap;align-items:center;gap:10px;padding:12px 0 24px;display:flex}.health-line strong{font-size:14px}.health-line>span{color:var(--color-muted);font-size:12px}.health-line a{align-items:center;gap:4px;margin-left:auto;font-size:13px;display:flex}.health-line.needs-attention{color:var(--color-warning)}.stats-strip{border-bottom:var(--rule);grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:32px;display:grid}.stats-strip>a{color:var(--color-muted);border-right:var(--rule);flex-direction:column;gap:8px;min-width:0;padding:28px 20px;display:flex}.stats-strip>a:first-child{padding-left:0}.stats-strip>a:last-child{border-right:0}.stats-strip>a:hover{background:var(--color-accent-soft);text-decoration:none}.stats-strip span{font-size:12px}.stats-strip strong{color:var(--color-ink);font:600 38px/1.2 var(--font-display);letter-spacing:-1px;font-variant-numeric:tabular-nums}.overview-grid{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:24px;display:grid}.attention-list a{border-top:var(--rule);color:var(--color-ink);justify-content:space-between;align-items:center;gap:20px;padding:20px 24px;display:flex}.attention-list a:hover{background:var(--color-paper);text-decoration:none}.attention-list a>span:last-child{align-items:center;gap:12px;display:flex}.attention-list small{margin-top:4px;font-size:12px}.storage-value{font:600 28px/1.4 var(--font-display);color:var(--color-ink);margin:28px 0 12px}.storage-value span{font:400 13px var(--font-body);color:var(--color-muted)}meter{width:100%;height:12px;accent-color:var(--color-accent)}.storage p.muted{margin:20px 0 28px}.storage>a{align-items:center;gap:8px;font-size:13px;display:inline-flex}.onboarding p{margin:12px 0 20px}.message-row{color:var(--color-body);border-bottom:var(--rule);align-items:flex-start;gap:16px;padding:20px 24px;display:flex}.message-row:last-child{border-bottom:0}.message-row:hover{background:var(--color-paper);text-decoration:none}.message-row.unread .message-title:before{content:"";background:var(--color-accent);border-radius:50%;flex:none;width:6px;height:6px}.message-main{flex:1;min-width:0}.message-title{align-items:center;gap:8px;display:flex}.message-title strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.message-main p{text-overflow:ellipsis;white-space:nowrap;color:var(--color-muted);margin:5px 0;font-size:12px;overflow:hidden}.message-row>time{color:var(--color-muted);white-space:nowrap;font-size:11px}.status-list{flex-wrap:wrap;gap:4px;display:flex}.back-link{align-items:center;gap:8px;margin-bottom:20px;font-size:13px;display:inline-flex}.message-toolbar{margin-bottom:20px}.message-toolbar>.muted{margin-right:auto}.mail-body{padding:0 24px 24px}.mail-body>.section-heading{padding-inline:0}.metadata{color:var(--color-muted);overflow-wrap:anywhere;margin-bottom:8px;font-size:13px}.body-text{white-space:pre-wrap;font:400 14px/1.8 var(--font-body);min-height:80px;margin:24px 0}.tabs{gap:6px;display:flex}.tabs .button[aria-pressed=true]{background:var(--color-accent-soft);color:var(--color-accent);border-color:var(--color-accent)}.mail-html{border:var(--rule);background:var(--color-surface);width:100%;height:480px;margin-top:16px}.attachments{border-top:var(--rule);flex-wrap:wrap;gap:10px;padding-top:16px;display:flex}.attachment{border:var(--rule);border-radius:var(--radius-control);align-items:center;gap:12px;min-width:0;max-width:100%;padding:12px;font-size:13px;display:flex}.attachment>span{overflow-wrap:anywhere;flex:1;min-width:0}.attachment svg{flex:none}.timeline{margin:0;padding:0 24px 24px;list-style:none}.timeline li{border-bottom:var(--rule);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;padding:16px 0;font-size:13px;display:flex}.timeline time{color:var(--color-muted);font-size:12px}.timeline details{width:100%}.timeline li:last-child{border:0}.definition{grid-template-columns:160px minmax(0,1fr);gap:12px 24px;margin:24px 0;font-size:13px;display:grid}.definition dt{color:var(--color-muted)}.definition dd{overflow-wrap:anywhere;margin:0}.definition pre{margin:0}.compose-form>fieldset{flex-direction:column;gap:24px;display:flex}.compose-form .attachment{margin-top:10px}.code-input{font-family:var(--font-mono);font-size:13px}.domain-summary{flex-wrap:wrap;gap:32px;padding:0 0 28px;display:flex}.domain-summary>div{align-items:center;gap:12px;font-size:13px;display:flex}.dns-value{font-family:var(--font-mono);max-width:320px;font-size:11px}.check-list{margin:0;padding:0;list-style:none}.check-list li{border-top:var(--rule);justify-content:space-between;align-items:flex-start;gap:24px;padding:16px 24px;display:flex}.check-list strong{font-size:14px}.check-list p{color:var(--color-muted);overflow-wrap:anywhere;margin-top:6px;font-size:13px}.text-button{color:var(--color-accent);background:var(--color-transparent);text-align:left;font-size:inherit;border:0;padding:0}.text-button:hover{text-decoration:underline}.backup-form{flex-wrap:wrap;align-items:flex-start;gap:16px;display:flex}.backup-form .field{width:min(100%,420px)}.backup-form .button{margin-top:28px}.auth-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:80px;max-width:1200px;min-height:100dvh;margin:0 auto;padding:64px 48px;display:grid}.auth-intro{flex-direction:column;align-self:stretch;display:flex}.auth-intro h1{letter-spacing:-.04em;margin-top:auto;margin-bottom:24px;font-size:clamp(36px,4vw,54px);line-height:1.3}.auth-intro p{color:var(--color-muted);font-size:17px;line-height:1.9}.auth-foot{color:var(--color-muted);margin-top:auto;padding-top:64px;font-size:12px}.auth-card{background:var(--color-surface);border:var(--rule);border-radius:12px;width:100%;max-width:460px;padding:40px}.auth-card h2{margin-bottom:8px;font-size:24px}.auth-card>.muted{margin-bottom:28px}.auth-card .button.primary{width:100%}.spin{animation:1.1s linear infinite rotate}@keyframes rotate{to{transform:rotate(360deg)}}@media (width>=1500px){.main-content{padding-top:48px}}@media (width<=1100px){.app-shell{grid-template-columns:204px minmax(0,1fr)}.main-content{padding-inline:24px}.sidebar{padding-inline:12px}.overview-grid{grid-template-columns:minmax(0,1fr);gap:0}.stats-strip>a{padding-inline:12px}.stats-strip strong{font-size:30px}.auth-layout{gap:40px}}@media (width<=900px){.app-shell{display:block}.mobile-header{border-bottom:var(--rule);background:var(--color-sidebar);justify-content:space-between;align-items:center;padding:12px 20px;display:flex}.sidebar{border-bottom:var(--rule);border-right:0;height:auto;padding:16px 20px;display:none;position:relative}.sidebar.is-open{display:flex}.desktop-brand{display:none}.sidebar nav{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.compose-link{align-self:flex-start;margin:0 0 12px}.sidebar-bottom{justify-content:flex-start}.account strong{max-width:200px}.main-content{padding:28px 20px 0}.page-header{flex-direction:column;gap:16px}.stats-strip strong{font-size:32px}.message-row>time{white-space:normal;text-align:right;max-width:100px}}@media (width<=640px){body{font-size:14px}.button{min-height:44px}input:not([type=checkbox]),select,textarea{font-size:16px}.main-content{padding:24px 16px 0}.sidebar nav{grid-template-columns:repeat(2,minmax(0,1fr))}.sidebar nav a{min-height:44px;padding-inline:10px}.stats-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.stats-strip>a{padding:20px 16px}.stats-strip>a:nth-child(odd){padding-left:0}.stats-strip>a:nth-child(2){border-right:0}.stats-strip>a:nth-child(-n+2){border-bottom:var(--rule)}.health-line>span{width:100%}.health-line a{margin-left:0}.padded,.dialog-content{padding:20px 16px}.section-heading{flex-direction:column;align-items:flex-start;padding:16px}.dialog-heading{padding:12px 16px}.dialog-heading h2{font-size:16px}.form-grid{grid-template-columns:minmax(0,1fr)}.toolbar>select{width:100%;max-width:none}.toolbar .check{min-height:44px}.message-row{flex-wrap:wrap;gap:10px;padding:16px}.message-row .message-avatar{display:none}.message-row>time{text-align:left;width:100%;max-width:none;margin-top:-5px}.message-main{flex-basis:100%}.mail-body{padding-inline:16px}.definition{grid-template-columns:minmax(0,1fr);gap:4px}.definition dd{margin-bottom:12px}.check-list li{gap:12px;padding:16px}.check-list .status{flex:none}.domain-summary{gap:16px}.timeline{padding-inline:16px}.key-row{flex-direction:column}.key-row .button{align-self:flex-start}.backup-form .button{margin-top:0}footer{flex-direction:column;gap:4px}.auth-layout{grid-template-columns:minmax(0,1fr);gap:32px;padding:32px 16px}.auth-intro h1,.auth-intro p,.auth-foot{display:none}.auth-card{max-width:none;padding:28px 20px}.table-scroll table{min-width:600px}.text-button{min-height:44px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}:focus-visible{outline-color:var(--color-focus);outline-offset:2px;outline-width:2px}h1{letter-spacing:-.035em;font-size:clamp(1.5rem,2.4vw,2rem);font-weight:700}.button{min-height:var(--control-height);padding-inline:var(--space-lg);border-color:var(--color-rule);font-weight:600}.button:disabled{background:var(--color-sidebar);border-color:var(--color-rule);color:var(--color-muted)}.button.primary:disabled{background:var(--color-accent);color:var(--color-accent-ink)}.button.primary:active:not(:disabled){background:var(--color-accent-active)}.button[aria-busy=true]{cursor:wait}input:not([type=checkbox]),textarea,select{min-height:var(--control-height);padding:var(--space-sm) var(--space-md)}input::placeholder,textarea::placeholder{color:var(--color-muted);opacity:1}input:disabled,textarea:disabled,select:disabled{background:var(--color-sidebar)}[aria-invalid=true]{border-color:var(--color-negative)}input:user-invalid{border-color:var(--color-negative)}textarea:user-invalid{border-color:var(--color-negative)}select:user-invalid{border-color:var(--color-negative)}input[type=file]::file-selector-button{color:var(--color-accent);background:var(--color-selection);padding:var(--space-sm) var(--space-md)}.check{min-height:var(--control-height)}.field>label,legend{font-weight:600}.field small,.hint{line-height:1.7}.panel{margin-bottom:var(--space-xl);box-shadow:var(--shadow-panel)}.padded,.dialog-content,.section-heading{padding:var(--space-lg)}.panel>.section-heading{border-bottom:var(--rule)}.panel.padded>.section-heading{padding-bottom:var(--space-lg)}.icon-heading{align-items:center;gap:var(--space-md);display:flex}.icon-heading svg{color:var(--color-accent);flex:none}.page-header{margin-bottom:var(--space-xl)}.page-header p{line-height:1.8}.toolbar{padding:var(--space-lg);margin:0 0 var(--space-lg);background:var(--color-surface);border:var(--rule);border-radius:var(--radius-panel);gap:var(--space-md)}.search{width:min(100%,420px);position:relative}.search-icon{left:var(--space-md);color:var(--color-muted);pointer-events:none;position:absolute;top:13px}.search input{padding-left:40px}.search .button{color:var(--color-accent-ink);background:var(--color-accent);border-color:var(--color-accent)}.search .button:hover{background:var(--color-accent-hover)}th{background:var(--color-table-head);padding:var(--space-lg) var(--space-xl);color:var(--color-body);border-top:0;font-weight:600}td{padding:var(--space-lg) var(--space-xl);vertical-align:middle}.table-scroll{border-radius:inherit}td .button{color:var(--color-accent);padding-inline:var(--space-md)}td .button.danger{color:var(--color-negative)}.pager{padding:var(--space-md) var(--space-lg);background:var(--color-surface);border:var(--rule);border-radius:var(--radius-panel)}.panel>.pager{border-inline:0;border-bottom:0;border-start-start-radius:0;border-start-end-radius:0}.pager .button{width:var(--control-height);padding:var(--space-sm)}.status{font-size:var(--text-xs);border-radius:6px;gap:6px;padding:5px 9px;font-weight:600}.status:before{content:"";background:currentColor;border-radius:50%;flex:none;width:6px;height:6px}.stack>.status{align-self:flex-start}.notice{padding:var(--space-md) var(--space-lg);border:1px solid;line-height:1.7}.stack>.notice:last-child{margin-bottom:0}.empty{gap:var(--space-lg);min-height:280px}.state-icon{border-radius:var(--radius-dialog);background:var(--color-selection);width:64px;height:64px;color:var(--color-accent);place-items:center;display:grid}.resource-error{padding:var(--space-2xl) var(--space-lg);flex-direction:column;justify-content:center;align-items:center;min-height:240px;display:flex}.loading-state{background:var(--color-surface);border:var(--rule);border-radius:var(--radius-panel)}.missing-page h1{font-size:var(--text-xl)}.app-shell{display:block}.sidebar{padding:var(--space-xl) var(--space-lg) var(--space-lg);display:none}.sidebar.is-open{z-index:30;border-right:var(--rule);width:min(320px,100%);height:calc(100dvh - 69px);box-shadow:var(--shadow-dialog);display:flex;position:fixed;top:69px;bottom:0;left:0}.nav-scrim{z-index:20;background:var(--color-scrim);border:0;position:fixed;inset:69px 0 0}.mobile-header{z-index:40;padding:var(--space-md) var(--space-lg);background:var(--color-surface);display:flex;position:sticky;top:0}.mobile-header .brand{font-size:21px}.sidebar nav{gap:var(--space-xs);padding-bottom:var(--space-lg);flex-direction:column;flex:1;display:flex}.sidebar nav a{padding:var(--space-md);min-height:var(--control-height);color:var(--color-body)}.nav-group{font-size:var(--text-xs);color:var(--color-muted);padding:var(--space-lg) var(--space-md) var(--space-xs)}.desktop-brand{margin:0 var(--space-md) var(--space-xl)}.compose-link{margin:0 0 var(--space-lg);align-self:stretch;width:100%}.sidebar-bottom{border-top:var(--rule);padding-top:var(--space-lg);flex-shrink:0}.account{border-radius:var(--radius-control);padding:var(--space-sm) 0;flex:1}.account>svg{color:var(--color-muted);flex:none;margin-left:auto}.account.active{color:var(--color-accent)}.account strong{max-width:100px}.avatar{border-radius:50%}.main-content{padding:var(--space-xl) var(--space-lg) 0;max-width:1504px}.page-content{min-width:0}footer{margin-top:var(--space-lg);border-top:var(--rule);padding-block:var(--space-xl)}.health-line{padding:var(--space-lg);margin-bottom:var(--space-lg);background:var(--color-surface);border:var(--rule);border-radius:var(--radius-control)}.health-line strong{color:var(--color-ink)}.health-line a,.storage>a{min-height:var(--control-height);white-space:nowrap}.stats-strip{background:var(--color-surface);border:var(--rule);border-radius:var(--radius-panel);margin-bottom:var(--space-xl);grid-template-columns:repeat(2,minmax(0,1fr));overflow:clip}.stats-strip>a,.stats-strip>a:first-child,.stats-strip>a:nth-child(odd){padding:var(--space-xl) var(--space-lg);gap:var(--space-md)}.stats-strip>a:nth-child(2){border-right:0}.stats-strip>a:nth-child(-n+2){border-bottom:var(--rule)}.stats-strip span{color:var(--color-body);font-size:var(--text-sm);font-weight:600}.stats-strip .stat-label{gap:var(--space-xs);white-space:nowrap;flex-direction:column;display:flex}.stats-strip .stat-period{color:var(--color-muted);font-size:var(--text-xs);font-weight:400}.storage>.section-heading{flex-direction:row}.stats-strip strong{font-size:36px;font-weight:650}.stats-strip small{font-size:var(--text-xs)}.overview-grid{grid-template-columns:minmax(0,1fr);gap:0}.attention-list a{gap:var(--space-lg);padding:var(--space-lg);min-height:92px}.attention-list a:first-child{border-top:0}.attention-list a>span:nth-child(2){flex:1;min-width:0}.attention-list a>span:last-child{color:var(--color-muted);font-variant-numeric:tabular-nums}.attention-icon{border-radius:var(--radius-control);width:44px;height:44px;color:var(--color-accent);background:var(--color-accent-soft);flex:none;place-items:center;display:grid}.attention-icon.warning{color:var(--color-warning);background:var(--color-warning-soft)}.attention-icon.negative{color:var(--color-negative);background:var(--color-negative-soft)}.attention-icon.positive{color:var(--color-positive);background:var(--color-positive-soft)}.storage-value{margin-block:var(--space-2xl) var(--space-lg);font-size:32px}.storage-value span{font-size:var(--text-lg)}meter{height:14px}meter::-webkit-meter-bar{background:var(--color-sidebar);border-radius:var(--radius-control);border:0}meter::-webkit-meter-optimum-value{background:var(--color-accent)}.storage>a{padding-top:var(--space-lg);border-top:var(--rule);margin-top:auto;display:flex}.onboarding{border-color:var(--color-accent-soft);border-left:3px solid var(--color-accent);background:var(--color-selection)}.onboarding p{color:var(--color-muted);font-size:var(--text-sm);margin:var(--space-sm) 0 var(--space-xl)}.onboarding-steps{gap:var(--space-md);display:grid}.onboarding-steps a{align-items:center;gap:var(--space-md);white-space:nowrap;min-height:52px;font-weight:600;display:flex}.onboarding-steps a>span{border:var(--rule);border-radius:var(--radius-control);background:var(--color-surface);place-items:center;width:44px;height:44px;display:grid}.onboarding-steps a>svg{margin-left:auto}.message-list-heading{display:none}.message-row{align-items:center;gap:var(--space-md);padding:var(--space-lg);grid-template-columns:minmax(0,1fr) auto;display:grid;position:relative}.message-row.unread{background:var(--color-selection)}.message-sender{align-items:center;gap:var(--space-md);min-width:0;display:flex}.message-row .message-avatar{width:32px;height:32px;font-size:var(--text-xs);border-radius:50%;display:flex}.sender-name{text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-sm);overflow:hidden}.message-main{grid-area:2/1/auto/-1}.message-title strong{font-weight:500}.message-row.unread .message-title strong{font-weight:650}.message-main p{margin-top:var(--space-xs)}.message-row>time{text-align:right;font-variant-numeric:tabular-nums;width:auto;max-width:none;font-size:var(--text-xs);grid-area:1/2;margin:0}.status-list{grid-column:1/-1}.message-detail>.panel{margin-bottom:var(--space-xl)}.recipient-panel table{min-width:720px}.recipient-panel th,.recipient-panel td{padding:var(--space-lg) var(--space-md)}.recipient-panel td:first-child{min-width:160px}.recipient-panel td:nth-child(4){min-width:125px}.recipient-panel td:nth-child(5){min-width:144px}.message-toolbar{padding:var(--space-md) var(--space-lg);border:var(--rule);border-radius:var(--radius-control);background:var(--color-surface);margin-bottom:var(--space-xl)}.message-toolbar>.muted{width:100%}.mail-body>.section-heading{padding-block:var(--space-lg);margin-bottom:var(--space-lg)}.mail-body .metadata{padding:var(--space-sm) var(--space-md);background:var(--color-selection);border-radius:var(--radius-control)}.body-text{line-height:1.9}.tabs{border-bottom:var(--rule);gap:0}.tabs .button{border:0;border-bottom:2px solid var(--color-transparent);background:var(--color-transparent);color:var(--color-muted);border-radius:0}.tabs .button[aria-pressed=true]{background:var(--color-transparent);border-color:var(--color-accent);color:var(--color-accent)}.attachment{background:var(--color-selection);color:var(--color-accent)}.timeline{padding-top:var(--space-sm)}.timeline li{padding-left:var(--space-xl);border-left:var(--rule);position:relative}.timeline li:before{content:"";background:var(--color-accent);border-radius:50%;width:7px;height:7px;position:absolute;top:24px;left:-4px}.timeline li:last-child{border-left:var(--rule)}pre:not(.body-text){background:var(--color-selection);border:var(--rule);border-radius:var(--radius-control);padding:var(--space-lg);line-height:1.8}.compose-form{max-width:1020px}.compose-form details,.catalog-editor details{padding:var(--space-sm) var(--space-lg);background:var(--color-selection);border:var(--rule);border-radius:var(--radius-control)}.attachment-upload{padding:var(--space-lg);border:1px dashed var(--color-control-rule);border-radius:var(--radius-control)}.form-actions{padding-top:var(--space-xl)}dialog{border-radius:var(--radius-dialog);width:min(620px,100% - 24px);max-height:calc(100dvh - 32px);box-shadow:var(--shadow-dialog);margin:auto;position:fixed;inset:0}dialog:has(.catalog-editor[data-kind=templates]){width:min(860px,100% - 24px)}.dialog-heading{padding:var(--space-lg) var(--space-xl)}.dialog-heading h2{font-size:var(--text-lg)}.dialog-content>p{margin-bottom:var(--space-lg)}.catalog-editor .form-actions{justify-content:flex-end}.option-list{background:var(--color-selection)}.option-list .check{border-bottom:var(--rule);padding-block:var(--space-xs);margin:0}.option-list .check:last-of-type{border-bottom:0}.secret-label{align-items:flex-start;gap:var(--space-sm);display:flex}.secret-label svg{flex:none;margin-top:2px}.secret code{padding:var(--space-md);background:var(--color-surface);border:var(--rule);border-radius:var(--radius-control);display:block}.key-detail code{padding:var(--space-lg);background:var(--color-selection);border:var(--rule);border-radius:var(--radius-control)}.definition{column-gap:var(--space-xl);margin-block:var(--space-lg);row-gap:0}.definition dt,.definition dd{padding-block:var(--space-md);border-bottom:var(--rule)}.definition dt{border-bottom:0;padding-bottom:0}.definition dd{margin-bottom:0}.domain-summary{margin-bottom:var(--space-xl);background:var(--color-surface);border:var(--rule);border-radius:var(--radius-panel);gap:0;padding:0}.domain-summary>div{min-width:130px;padding:var(--space-lg);flex:1}.dns-plan>.notice{margin:var(--space-lg)}.account-form{max-width:620px}.account-form>h2{padding-bottom:var(--space-lg);border-bottom:var(--rule)}.account-form>.button{margin-top:var(--space-sm);align-self:stretch}.backup-form{gap:var(--space-md)}.backup-form .field{flex:240px}.boot-layout{min-height:100dvh;padding:var(--space-xl);color:var(--color-accent);flex-direction:column;justify-content:center;align-items:center;display:flex}.boot-layout .loading-state{background:var(--color-transparent);border:0;min-height:160px}.boot-card{border:var(--rule);border-radius:var(--radius-dialog);background:var(--color-surface);width:min(480px,100%);padding:var(--space-2xl);text-align:center}.auth-layout{max-width:1080px;min-height:100dvh;padding:var(--space-xl) var(--space-lg);grid-template-columns:minmax(0,1fr);align-content:center;gap:0}.auth-intro{padding:var(--space-xl);background:var(--color-sidebar);border:var(--rule);border-radius:var(--radius-dialog) var(--radius-dialog) 0 0;border-bottom:0}.auth-card{max-width:none;padding:var(--space-2xl) var(--space-xl);border-radius:0 0 var(--radius-dialog) var(--radius-dialog)}.auth-intro h1,.auth-intro p,.auth-foot{display:none}.auth-card .field{position:relative}.auth-card .field>svg{left:var(--space-md);color:var(--color-muted);position:absolute;top:40px}.auth-card input:not([type=checkbox]){padding-left:40px}.auth-card .stack{gap:var(--space-xl)}@media (width>=40rem){.padded,.dialog-content{padding:var(--space-xl)}.section-heading{padding:var(--space-lg) var(--space-xl)}.main-content{padding-inline:var(--space-xl)}.definition{grid-template-columns:140px minmax(0,1fr)}.definition dt{border-bottom:var(--rule);padding-bottom:var(--space-md)}.stats-strip{grid-template-columns:repeat(4,minmax(0,1fr))}.stats-strip>a:nth-child(2){border-right:var(--rule)}.stats-strip>a:nth-child(-n+2){border-bottom:0}.onboarding-steps{gap:var(--space-xl);grid-template-columns:repeat(3,minmax(0,1fr))}.health-line>span{width:auto}.health-line a{margin-left:auto}.message-toolbar>.muted{width:auto}.auth-layout{padding-block:var(--space-4xl);grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}.auth-intro{border:var(--rule);border-radius:var(--radius-dialog) 0 0 var(--radius-dialog);padding:var(--space-2xl);border-right:0}.auth-card{border-radius:0 var(--radius-dialog) var(--radius-dialog) 0;padding:var(--space-3xl) var(--space-2xl)}.auth-intro h1,.auth-intro p,.auth-foot{display:block}.auth-intro h1{margin-top:var(--space-4xl);font-size:clamp(28px,3vw,40px)}.auth-intro p{font-size:var(--text-base)}.auth-foot{padding-top:var(--space-4xl)}}@media (width>=60rem){.app-shell{grid-template-columns:var(--sidebar-width) minmax(0, 1fr);display:grid}.mobile-header,.nav-scrim{display:none}.sidebar,.sidebar.is-open{width:auto;height:100dvh;box-shadow:none;display:flex;position:sticky;top:0}.desktop-brand{display:inline-flex}.main-content{padding:var(--space-2xl) var(--page-gutter) 0}.page-header{flex-direction:row}}@media (width>=75rem){.message-list-heading,.message-row{gap:var(--space-lg);padding:var(--space-lg) var(--space-xl);grid-template-columns:minmax(140px,1fr) minmax(180px,1.8fr) minmax(100px,.8fr) 140px;display:grid}.message-list-heading{font-size:var(--text-xs);color:var(--color-muted);background:var(--color-table-head);border-radius:var(--radius-panel) var(--radius-panel) 0 0}.message-main,.status-list,.message-row>time{grid-area:auto}.message-row>time{white-space:normal;text-align:right}.message-row{min-height:88px}.stats-strip>a,.stats-strip>a:first-child,.stats-strip>a:nth-child(odd){padding:var(--space-xl)}.stats-strip strong{font-size:40px}.overview-grid{gap:var(--space-xl);grid-template-columns:minmax(0,1.65fr) minmax(0,1fr)}.attention-list a{padding-inline:var(--space-xl)}.storage{flex-direction:column;display:flex}.page-system .page-content,.page-domain .page-content{gap:var(--space-xl);grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;display:grid}.page-system .page-content>*,.page-domain .page-content>*{grid-column:1/-1;margin-bottom:0}.page-system .system-host,.page-system .system-certificate,.page-system .system-diagnostics,.page-system .system-backup,.page-domain .domain-connection,.page-domain .domain-checks{grid-column:auto}:is(.page-domain .page-content:has(.dns-plan) .domain-checks,.page-domain .page-content:has(.dns-plan) .domain-connection){grid-column:1/-1}.message-detail.outbound{gap:var(--space-xl);grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);align-items:start;display:grid}.message-detail.outbound>*{grid-column:1/-1;margin-bottom:0}.message-detail.outbound>.mail-body,.message-detail.outbound>.recipient-panel{grid-column:auto}}