:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--font:"Segoe UI", -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono:ui-monospace, "Cascadia Mono", "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;--fs-xs:11px;--fs-sm:12px;--fs-md:13px;--fs-lg:14px;--fs-xl:16px;--fs-2xl:18px;--fs-metric:22px;--lh:1.45;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:24px;--control-h:30px;--control-h-sm:26px;--head-h:40px;--topbar-h:48px;--sidebar-w:216px;--radius-sm:4px;--radius:6px;--bg:#f3f4f6;--surface:#fff;--surface-2:#f8f9fb;--surface-hover:#f2f6fc;--line:#e3e6eb;--line-strong:#cdd3db;--text:#1d2530;--text-strong:#0f141a;--text-muted:#525d6b;--text-faint:#646e7c;--accent:#1f5fd6;--accent-hover:#194fb3;--accent-solid:#1f5fd6;--accent-solid-hover:#194fb3;--accent-bg:#eaf1fd;--accent-line:#bcd0f5;--on-accent:#fff;--success:#127a3f;--success-solid:#16a34a;--success-bg:#e8f5ed;--success-line:#b6dfc5;--warning:#8d4e00;--warning-solid:#d97706;--warning-bg:#fdf3e1;--warning-line:#f0d29b;--danger:#b42318;--danger-solid:#c8281d;--danger-solid-hover:#a91f15;--danger-bg:#fdeceb;--danger-line:#f3c3be;--neutral-bg:#eff1f4;--neutral-line:#dde1e7;--neutral-text:#3d4754;--sidebar-bg:#151b24;--sidebar-line:#ffffff12;--sidebar-text:#c3cad5;--sidebar-muted:#7d8899;--sidebar-hover:#ffffff0f;--sidebar-active:#ffffff1a;--sidebar-indicator:#5b8def;--focus:0 0 0 3px #1f5fd647;--shadow-sm:0 1px 2px #0f141a0d;--shadow-pop:0 8px 20px #0f141a1f, 0 1px 3px #0f141a14;--backdrop:#0a0e1480;--chart-down:#16a34a;--chart-down-fill:#16a34a29;--chart-up:#1f5fd6;--chart-grid:#e1e5eb;--scroll-shade:#0f141a38}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0f1318;--surface:#171c23;--surface-2:#1c222a;--surface-hover:#212833;--line:#2a313b;--line-strong:#3a4350;--text:#d5dbe3;--text-strong:#eef1f5;--text-muted:#a3adbb;--text-faint:#848f9e;--accent:#6c9ef6;--accent-hover:#8fb5f8;--accent-solid:#2f6bd8;--accent-solid-hover:#3b78e6;--accent-bg:#6c9ef624;--accent-line:#6c9ef666;--success:#5ccf8c;--success-solid:#22a05a;--success-bg:#5ccf8c1f;--success-line:#5ccf8c52;--warning:#eab55a;--warning-solid:#d4932a;--warning-bg:#eab55a1f;--warning-line:#eab55a57;--danger:#f28b82;--danger-solid:#c9372c;--danger-solid-hover:#d9473b;--danger-bg:#f28b821f;--danger-line:#f28b825c;--neutral-bg:#232a33;--neutral-line:#343c47;--neutral-text:#c2cad5;--sidebar-bg:#0c1015;--sidebar-line:#ffffff0f;--focus:0 0 0 3px #6c9ef659;--shadow-sm:none;--shadow-pop:0 10px 28px #00000080;--backdrop:#0009;--chart-down:#5ccf8c;--chart-down-fill:#5ccf8c29;--chart-up:#6c9ef6;--chart-grid:#2c3440;--scroll-shade:#000000b3}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0f1318;--surface:#171c23;--surface-2:#1c222a;--surface-hover:#212833;--line:#2a313b;--line-strong:#3a4350;--text:#d5dbe3;--text-strong:#eef1f5;--text-muted:#a3adbb;--text-faint:#848f9e;--accent:#6c9ef6;--accent-hover:#8fb5f8;--accent-solid:#2f6bd8;--accent-solid-hover:#3b78e6;--accent-bg:#6c9ef624;--accent-line:#6c9ef666;--success:#5ccf8c;--success-solid:#22a05a;--success-bg:#5ccf8c1f;--success-line:#5ccf8c52;--warning:#eab55a;--warning-solid:#d4932a;--warning-bg:#eab55a1f;--warning-line:#eab55a57;--danger:#f28b82;--danger-solid:#c9372c;--danger-solid-hover:#d9473b;--danger-bg:#f28b821f;--danger-line:#f28b825c;--neutral-bg:#232a33;--neutral-line:#343c47;--neutral-text:#c2cad5;--sidebar-bg:#0c1015;--sidebar-line:#ffffff0f;--focus:0 0 0 3px #6c9ef659;--shadow-sm:none;--shadow-pop:0 10px 28px #00000080;--backdrop:#0009;--chart-down:#5ccf8c;--chart-down-fill:#5ccf8c29;--chart-up:#6c9ef6;--chart-grid:#2c3440;--scroll-shade:#000000b3}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--text);font-family:var(--font);font-size:var(--fs-md);line-height:var(--lh);-webkit-font-smoothing:antialiased;margin:0}[hidden]{display:none!important}h1,h2,h3,h4{color:var(--text-strong);margin:0;font-weight:600;line-height:1.25}h1{font-size:var(--fs-2xl)}h2{font-size:var(--fs-lg)}h3{font-size:var(--fs-md)}p{margin:0}p+p{margin-top:var(--sp-2)}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hover);text-decoration:underline}strong,b{font-weight:600}small{font-size:var(--fs-sm)}code,kbd,.mono,time.mono{font-family:var(--font-mono);font-size:var(--fs-sm)}code{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface-2);padding:1px 4px}hr{border:0;border-top:1px solid var(--line);margin:var(--sp-3) 0}img{max-width:100%}ol,ul{margin:0;padding-left:18px}::selection{background:var(--accent-bg)}svg.icon{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:16px;height:16px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.skip-link{left:var(--sp-2);z-index:100;border-radius:var(--radius-sm);background:var(--accent-solid);color:var(--on-accent);padding:6px 10px;position:absolute;top:-40px}.skip-link:focus{top:var(--sp-2);color:var(--on-accent)}:focus-visible{box-shadow:var(--focus);outline:none}button,.button{min-height:var(--control-h);border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);font:inherit;font-size:var(--fs-md);white-space:nowrap;cursor:pointer;justify-content:center;align-items:center;gap:6px;padding:0 12px;font-weight:600;line-height:1.2;text-decoration:none;transition:background-color .12s,border-color .12s,color .12s;display:inline-flex}button:hover,.button:hover{background:var(--surface-hover);border-color:var(--text-faint);color:var(--text-strong);text-decoration:none}button:active,.button:active{background:var(--surface-2)}button:disabled,.button[aria-disabled=true]{opacity:.5;cursor:not-allowed}button:disabled:hover{background:var(--surface);border-color:var(--line-strong);color:var(--text)}.primary,button.primary,.button.primary{border-color:var(--accent-solid);background:var(--accent-solid);color:var(--on-accent)}.primary:hover,button.primary:hover,.button.primary:hover{border-color:var(--accent-solid-hover);background:var(--accent-solid-hover);color:var(--on-accent)}.primary:disabled:hover{border-color:var(--accent-solid);background:var(--accent-solid);color:var(--on-accent)}.danger,button.danger,.button.danger{border-color:var(--danger-solid);background:var(--danger-solid);color:#fff}.danger:hover,button.danger:hover,.button.danger:hover{border-color:var(--danger-solid-hover);background:var(--danger-solid-hover);color:#fff}.link,button.link{min-height:0;color:var(--accent);background:0 0;border:0;padding:0;font-weight:600}.link:hover,button.link:hover{color:var(--accent-hover);background:0 0;text-decoration:underline}.danger-text,button.danger-text,.link.danger-text,.danger-text:hover,button.danger-text:hover{color:var(--danger)}.wide{width:100%}.muted-action{color:var(--text-faint);font-size:var(--fs-sm)}.inline{margin:0;display:inline}.inline-form{gap:var(--sp-2);flex-wrap:wrap;align-items:flex-end;margin:0;display:inline-flex}.inline-form>label{min-width:200px}.panel>.inline-form{display:flex}.inline-actions,.toolbar-actions,.workspace-actions,.two-factor-button-row{align-items:center;gap:var(--sp-2);flex-wrap:wrap;display:flex}.inline-actions form,.toolbar-actions form,.workspace-actions form{margin:0}input,select,textarea{width:100%;min-height:var(--control-h);border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);font:inherit;font-size:var(--fs-md);padding:4px 8px;font-weight:400}textarea{min-height:96px;line-height:var(--lh);resize:vertical;padding:6px 8px}.template-fields textarea{min-height:0}.template-field{gap:2px;display:grid}.template-fields .link{font-size:var(--fs-sm);justify-self:start}select{cursor:pointer;padding-right:24px}input::placeholder,textarea::placeholder{color:var(--text-faint)}input:hover,select:hover,textarea:hover{border-color:var(--text-faint)}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:var(--focus);outline:none}input:disabled,select:disabled,textarea:disabled,input[readonly]{background:var(--surface-2);color:var(--text-muted);cursor:not-allowed}input[aria-invalid=true],select[aria-invalid=true],textarea[aria-invalid=true]{border-color:var(--danger)}input[type=checkbox],input[type=radio]{width:15px;height:15px;min-height:0;accent-color:var(--accent-solid);cursor:pointer;flex:none;margin:0;padding:0}input[type=file]{padding:3px}input[type=file]::file-selector-button{border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--surface-2);color:var(--text);font:inherit;cursor:pointer;margin-right:8px;padding:3px 10px;font-weight:600}input[type=color]{width:48px;padding:2px}label{gap:var(--sp-1);min-width:0;color:var(--text);font-size:var(--fs-sm);align-content:start;font-weight:600;display:grid}label>span:first-child{color:var(--text);font-size:var(--fs-sm);font-weight:600}label small,.form-grid small{color:var(--text-muted);font-size:var(--fs-sm);font-weight:400;line-height:1.4}label>input,label>select,label>textarea{font-weight:400}label.check,label.checkbox,.check,.checkbox{min-height:var(--control-h);font-size:var(--fs-md);cursor:pointer;flex-wrap:wrap;align-content:center;align-items:center;gap:6px;font-weight:400;display:inline-flex}label.check small,label.checkbox small{flex-basis:100%}.form-grid{gap:10px var(--sp-4);grid-template-columns:repeat(auto-fill,minmax(240px,1fr));align-items:start;display:grid}.form-grid>.span2,.form-grid>.wide-field,.form-grid>details,.form-grid>fieldset{grid-column:1/-1}.form-grid>label.check,.form-grid>label.checkbox{margin-top:calc(var(--fs-sm) * var(--lh) + var(--sp-1))}.form-grid>p,.form-grid>.hint{grid-column:1/-1}.compact-form{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.form-section-title{align-items:center;gap:var(--sp-2);margin-top:var(--sp-2);border-bottom:1px solid var(--line);color:var(--text-strong);font-size:var(--fs-md);padding-bottom:6px;font-weight:600;display:flex}.form-grid>.form-section-title{grid-column:1/-1}.form-grid>.form-section-title:first-child{margin-top:0}.form-actions{align-items:center;gap:var(--sp-2);flex-wrap:wrap;display:flex}.form-grid>.form-actions{padding-top:var(--sp-3);border-top:1px solid var(--line)}.form-actions form{margin:0}.sticky-actions{z-index:5;padding:var(--sp-2) var(--sp-3);border-top:1px solid var(--line);background:var(--surface);position:sticky;bottom:0}fieldset{padding:var(--sp-3);border:1px solid var(--line);border-radius:var(--radius);margin:0}legend{padding:0 4px;font-weight:600}details>summary{cursor:pointer;font-weight:600}.form-grid>details{padding:var(--sp-2) var(--sp-3);border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-2)}.form-grid>details[open]>summary{margin-bottom:var(--sp-2)}.alert-options{gap:var(--sp-4);flex-wrap:wrap;display:flex}.hint,.template-hint,.settings-template-help,.notice-footnote{color:var(--text-muted);font-size:var(--fs-sm);font-weight:400}.field-error,label .field-error{color:var(--danger);font-weight:600}.field-warning{color:var(--warning);font-weight:600}.danger-text{color:var(--danger)}.password-control,.account-password-control{gap:var(--sp-1);align-items:center;display:flex;position:relative}.password-control input,.account-password-control input{flex:auto}.password-control button,.account-password-control button{font-size:var(--fs-sm);flex:none;align-self:stretch;padding:0 10px}.account-password-field{gap:var(--sp-1);display:grid}.account-password-field>label{font-size:var(--fs-sm)}.confirm-type{gap:var(--sp-1);font-weight:400;display:grid}.app-shell{min-height:100vh}.sidebar{z-index:40;width:var(--sidebar-w);padding:0 0 var(--sp-3);background:var(--sidebar-bg);border-right:1px solid var(--sidebar-line);color:var(--sidebar-text);flex-direction:column;display:flex;position:fixed;inset:0 auto 0 0;overflow-y:auto}.brand{height:var(--topbar-h);padding:0 var(--sp-4);border-bottom:1px solid var(--sidebar-line);flex:none;align-items:center;gap:10px;display:flex}.brand strong{color:#fff;font-size:var(--fs-lg);font-weight:600;line-height:1.2;display:block}.brand small{color:var(--sidebar-muted);font-size:var(--fs-xs);line-height:1.2;display:block}.brand .mark,.brand .brand-logo{width:26px;height:26px}.sidebar nav{padding:var(--sp-2) var(--sp-2) 0;gap:1px;display:grid}.sidebar-version{padding:var(--sp-3) var(--sp-4) 0;color:var(--sidebar-muted);font-size:var(--fs-xs);margin-top:auto}.nav-group-label{padding:var(--sp-3) var(--sp-2) var(--sp-1);color:var(--sidebar-muted);font-size:var(--fs-xs);letter-spacing:.04em;text-transform:uppercase;font-weight:600}.sidebar nav a{min-height:32px;padding:0 var(--sp-2);border-radius:var(--radius-sm);color:var(--sidebar-text);font-size:var(--fs-md);align-items:center;gap:10px;font-weight:500;line-height:1.25;display:flex;position:relative}.sidebar nav a:hover{background:var(--sidebar-hover);color:#fff;text-decoration:none}.sidebar nav a.active{background:var(--sidebar-active);color:#fff;font-weight:600}.sidebar nav a.active:before{content:"";left:calc(var(--sp-2) * -1);background:var(--sidebar-indicator);border-radius:0 2px 2px 0;width:3px;position:absolute;top:6px;bottom:6px}.sidebar nav a svg.icon{color:var(--sidebar-muted)}.sidebar nav a:hover svg.icon,.sidebar nav a.active svg.icon{color:#fff}.nav-close,.nav-backdrop{display:none}.main{min-height:100vh;margin-left:var(--sidebar-w)}.topbar{z-index:30;align-items:center;gap:var(--sp-3);height:var(--topbar-h);padding:0 var(--sp-4);border-bottom:1px solid var(--line);background:var(--surface);display:flex;position:sticky;top:0}.page-title{align-items:center;gap:var(--sp-3);min-width:0;display:flex}.page-title>div{min-width:0}.page-title h1{font-size:var(--fs-2xl);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.workspace-eyebrow{white-space:nowrap;text-overflow:ellipsis;color:var(--text-muted);font-size:var(--fs-xs);font-weight:500;line-height:1.2;display:block;overflow:hidden}.mobile-nav-toggle{display:none}.topbar-search{flex:0 360px;margin-left:auto}.topbar-search input{height:var(--control-h);background:var(--surface-2)}.operator{align-items:center;gap:var(--sp-1);flex:none;display:flex}.operator form{margin:0}.topbar-clock{padding:0 var(--sp-2);color:var(--text-muted);font-size:var(--fs-sm);font-variant-numeric:tabular-nums;white-space:nowrap}.operator .theme-toggle,.operator .logout-button,.operator-id{min-height:var(--control-h);padding:0 var(--sp-2);border-radius:var(--radius-sm);color:var(--text-muted);font-size:var(--fs-sm);background:0 0;border:1px solid #0000;font-weight:600}.operator-id{align-items:center;gap:6px;display:inline-flex}.operator .theme-toggle:hover,.operator .logout-button:hover,.operator-id:hover{background:var(--surface-hover);color:var(--text-strong);border-color:#0000;text-decoration:none}.theme-toggle[aria-pressed=true]{color:var(--accent)}.workspace-content{gap:var(--sp-3);padding:var(--sp-4);grid-template-columns:minmax(0,1fr);align-content:start;display:grid}.workspace-content:focus{outline:none}.workspace-content>*{min-width:0;margin:0}.toolbar{align-items:center;gap:var(--sp-2);flex-wrap:wrap;display:flex}.toolbar form{margin:0}.toolbar>.hint{margin-left:auto}.workspace-intro{justify-content:space-between;align-items:center;gap:var(--sp-2) var(--sp-4);flex-wrap:wrap;display:flex}.workspace-intro h2{font-size:var(--fs-xl)}.workspace-intro>.workspace-actions:only-child{margin-left:auto}.workspace-intro p,.page-description{color:var(--text-muted);font-size:var(--fs-sm)}.panel,.settings-sheet,.health-card,.overview,.client-layout>form>.tabs,.notice-template,.notice-gateway,.settings-destination,.role-access-card,.metric{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-sm)}.panel,.settings-sheet,.health-card{grid-template-columns:minmax(0,1fr) auto;align-content:start;min-width:0;display:grid}.panel>*,.settings-sheet>*,.health-card>*{min-width:0;margin:var(--sp-3) var(--sp-3) 0;grid-column:1/-1}.panel>:last-child,.settings-sheet>:last-child,.health-card>:last-child{margin-bottom:var(--sp-3)}.panel>.sr-only,.settings-sheet>.sr-only{margin:-1px}.panel>h2,.panel>.list-panel-head,.panel>.live-head,.panel>.panel-head,.settings-sheet>.settings-sheet-head,.health-card>.health-card-head,.overview-head,.panel>.table-tools{align-items:center;gap:var(--sp-2) var(--sp-3);min-height:var(--head-h);padding:6px var(--sp-3);border-bottom:1px solid var(--line);background:var(--surface-2);border-radius:var(--radius) var(--radius) 0 0;margin:0;display:flex}.panel>h2{font-size:var(--fs-lg)}.panel:has(>h2~.table-tools)>h2{border-top-right-radius:0;grid-column:1}.panel>h2~.table-tools{border-top-left-radius:0;grid-area:1/2;justify-content:flex-end}.panel>.table-tools:first-child{justify-content:flex-end}.panel>.table-tools button,.list-panel-tools button,.list-panel-tools .button,.settings-sheet-meta .button,.settings-sheet-meta button,.live-meta .button{min-height:var(--control-h-sm);font-size:var(--fs-sm);padding:0 10px}.list-panel-head,.settings-sheet-head,.health-card-head{flex-wrap:wrap;justify-content:space-between}.list-panel-head>div:first-child,.settings-sheet-title>div,.health-card-head>div:first-child{min-width:0}.list-panel-head h2,.settings-sheet-head h2,.health-card-head h2,.live-head h2{font-size:var(--fs-lg)}.list-panel-head p,.settings-sheet-head p,.health-card-head p{color:var(--text-muted);font-size:var(--fs-sm);margin:0;font-weight:400}.list-panel-head>div:first-child{align-items:baseline;gap:0 var(--sp-2);flex-wrap:wrap;display:flex}.list-panel-tools,.list-create-actions,.settings-sheet-meta{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:6px;margin-left:auto;display:flex}.list-create-actions form{margin:0}.settings-sheet-title{align-items:center;gap:var(--sp-2);min-width:0;display:flex}.settings-sheet-title>div{align-items:baseline;gap:0 var(--sp-2);flex-wrap:wrap;display:flex}.panel>.table-wrap,.settings-sheet>.table-wrap,.panel>.toolbar.list-filterbar,.panel>.list-filterbar,.panel>.pagination,.settings-sheet>.pagination,.panel>.settings-list,.settings-sheet>.settings-list,.panel>.invoice-summary,.panel>.empty,.settings-sheet>.empty,.panel>.list-empty,.panel>.traffic-graph,.panel>[data-live-body],.health-card>.health-grid,.panel>.segmented{margin:0}.panel>.table-wrap:last-child,.settings-sheet>.table-wrap:last-child{border-radius:0 0 var(--radius) var(--radius)}.panel>form.toolbar.list-filterbar,.panel>.toolbar.list-filterbar{border-bottom:1px solid var(--line)}.panel>.hint{margin-top:var(--sp-2)}.panel .panel,.tab .panel{box-shadow:none}.grid2,.stack-panels,.dashboard-grid,.billing-lists,.clean-list{gap:var(--sp-3);min-width:0;display:grid}.grid2,.dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.dashboard-grid>.panel:last-child:nth-child(odd){grid-column:1/-1}.table-wrap{width:100%;overflow-x:auto}@media (width>=761px){.table-wrap{background:linear-gradient(to right, var(--surface) 30%, transparent) left / 24px 100% no-repeat local, linear-gradient(to left, var(--surface) 30%, transparent) right / 24px 100% no-repeat local, radial-gradient(farthest-side at 0 50%, var(--scroll-shade), transparent) left / 16px 100% no-repeat scroll, radial-gradient(farthest-side at 100% 50%, var(--scroll-shade), transparent) right / 16px 100% no-repeat scroll}}table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%}th,td{border-bottom:1px solid var(--line);text-align:left;vertical-align:middle;padding:6px 10px}th{z-index:1;background:var(--surface-2);color:var(--text-muted);font-size:var(--fs-sm);white-space:nowrap;font-weight:600;line-height:1.3;position:sticky;top:0}td{color:var(--text);font-size:var(--fs-md);white-space:nowrap;line-height:1.35}td.wrap,td pre,td details,td .notice-message,td .muted-action{white-space:normal}tbody tr:last-child td{border-bottom:0}tbody tr:hover td{background:var(--surface-hover)}td.is-empty{color:var(--text-faint)}td.empty,.empty,.list-empty,.settings-empty-state{padding:var(--sp-5) var(--sp-3);color:var(--text-muted);text-align:center}td.empty .button,.empty .button{margin-left:var(--sp-2)}th input[type=checkbox],td input[type=checkbox]{vertical-align:middle}td a,td .link{font-weight:500}td form.inline{display:inline-flex}td .button,td button:not(.link){min-height:var(--control-h-sm);font-size:var(--fs-sm);padding:0 8px}td>.link+.link,td>a+form,td>a+a,td>a+.link,td>form+form{margin-left:var(--sp-2)}.cell-truncate{text-overflow:ellipsis;white-space:nowrap;vertical-align:bottom;max-width:260px;display:inline-block;overflow:hidden}.list-cell-stack{gap:1px;line-height:1.3;display:grid}.list-cell-stack>a{font-weight:600}.list-subline,.list-cell-caption{color:var(--text-muted);font-size:var(--fs-sm);font-weight:400;display:block}.clients-page .list-cell-stack:has(>.list-subline>.badge:only-child){display:grid}.list-badges{justify-items:start;gap:3px}@media (width<=1439px){td.cell-wrap{white-space:normal;min-width:7.5em}.clients-page th,.clients-page td{padding-left:7px;padding-right:7px}}.list-cell-stack>span>.list-cell-caption{min-width:2.6em;display:inline-block}.list-cell-stack:has(>.list-subline>.badge:only-child){align-items:center;gap:6px;display:flex}.table-tools{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:6px;display:flex}.list-filterbar{padding:var(--sp-2) var(--sp-3);background:var(--surface)}.list-filterbar form,form.list-filterbar{align-items:flex-end;gap:var(--sp-2);flex-wrap:wrap;flex:auto;margin:0;display:flex}form.list-filterbar{padding:var(--sp-2) var(--sp-3)}.list-filterbar label{flex:0 180px;gap:2px}.list-filterbar label.list-search{flex:240px;max-width:420px}.list-filterbar label:has(input[type=search]){flex:240px;max-width:420px}.list-filterbar label>span:first-child{color:var(--text-muted);font-size:var(--fs-xs);font-weight:600}.list-filterbar>input,.list-filterbar form>input{flex:220px;width:auto}.list-filter-buttons{align-items:center;gap:6px;display:flex}.pagination{justify-content:flex-end;align-items:center;gap:var(--sp-1);padding:var(--sp-2) var(--sp-3);border-top:1px solid var(--line);flex-wrap:wrap;display:flex}.pagination-summary{color:var(--text-muted);font-size:var(--fs-sm);margin-right:auto}.pagination button,.pagination .button{min-width:var(--control-h-sm);min-height:var(--control-h-sm);font-size:var(--fs-sm);padding:0 8px}.pagination button.active,.pagination .button.active{border-color:var(--accent-solid);background:var(--accent-solid);color:var(--on-accent)}.badge{border:1px solid var(--neutral-line);border-radius:var(--radius-sm);background:var(--neutral-bg);max-width:100%;min-height:20px;color:var(--neutral-text);font-size:var(--fs-xs);vertical-align:middle;align-items:center;gap:5px;padding:2px 7px;font-weight:600;line-height:1.2;display:inline-flex}.badge:before{content:"";opacity:.75;background:currentColor;border-radius:50%;flex:none;width:6px;height:6px}.badge.success{border-color:var(--success-line);background:var(--success-bg);color:var(--success)}.badge.warning{border-color:var(--warning-line);background:var(--warning-bg);color:var(--warning)}.badge.danger{border-color:var(--danger-line);background:var(--danger-bg);color:var(--danger)}.badge.info,.badge.primary{border-color:var(--accent-line);background:var(--accent-bg);color:var(--accent)}.account-status{color:var(--text-strong);align-items:center;gap:6px;font-weight:600;display:inline-flex}.account-status:before{content:"";background:var(--text-faint);border-radius:50%;width:8px;height:8px}.account-status.is-enabled:before{background:var(--success-solid)}.account-status.is-warning:before{background:var(--warning-solid)}.flash,.notice,.notice-callout,.recovery-notice,.error-summary{padding:var(--sp-2) var(--sp-3);border:1px solid var(--accent-line);border-left:3px solid var(--accent);border-radius:var(--radius-sm);background:var(--accent-bg);color:var(--text);font-size:var(--fs-md)}.flash.success{border-color:var(--success-line);border-left-color:var(--success-solid);background:var(--success-bg)}.flash.error,.flash.danger,.error-summary{border-color:var(--danger-line);border-left-color:var(--danger-solid);background:var(--danger-bg)}.flash.warning,.notice,.recovery-notice{border-color:var(--warning-line);border-left-color:var(--warning-solid);background:var(--warning-bg)}.flash ul,.error-summary ul{margin:var(--sp-1) 0 0}.flash a,.notice a,.notice-callout a,.error-summary a{font-weight:600}.notice-message{margin-top:var(--sp-1)}.error-page{gap:var(--sp-2);padding:var(--sp-5);justify-items:start;display:grid}.error-page h2{font-size:var(--fs-xl)}.revealed-secret code{font-size:var(--fs-lg);letter-spacing:.04em;-webkit-user-select:all;user-select:all;padding:6px 10px;display:inline-block}.kv{justify-content:space-between;align-items:center;gap:var(--sp-3);border-bottom:1px solid var(--line);min-height:30px;font-size:var(--fs-md);padding:5px 0;display:flex}.kv:last-child{border-bottom:0}.kv>.service-state{align-items:center;gap:var(--sp-2);display:inline-flex}.kv>.service-state>strong{color:var(--text-strong);font-weight:600}.service-uptime{color:var(--text-muted);white-space:nowrap;font-weight:400}.service-state>button{min-height:var(--control-h-sm);font-size:var(--fs-sm);padding:0 8px}.service-state>button svg.icon{width:13px;height:13px}.kv>span:first-child{color:var(--text-muted)}.kv>strong{color:var(--text-strong);text-align:right;overflow-wrap:anywhere;font-weight:600}.kv>strong.nowrap{white-space:nowrap;overflow-wrap:normal}.kv>span:first-child{min-width:0}.settings-list{display:grid}.settings-list>div{gap:var(--sp-3);min-height:32px;padding:6px var(--sp-3);border-bottom:1px solid var(--line);grid-template-columns:minmax(96px,min(220px,38%)) minmax(0,1fr);align-items:center;display:grid}.settings-list>div:last-child{border-bottom:0}.settings-list>div>span{color:var(--text-muted)}.settings-list>div>strong{min-width:0;color:var(--text-strong);overflow-wrap:break-word;font-weight:500}.clean-list>.panel{min-width:0}.tab-buttons,.settings-nav{align-items:stretch;gap:var(--sp-1);min-height:var(--head-h);padding:0 var(--sp-2);border-bottom:1px solid var(--line);scrollbar-width:thin;display:flex;overflow-x:auto}.tab-buttons>button,.settings-nav>button,.settings-nav>a{min-height:0;color:var(--text-muted);font-size:var(--fs-md);white-space:nowrap;background:0 0;border:0;border-radius:0;align-items:center;gap:6px;padding:0 10px;font-weight:600;display:inline-flex;position:relative}.tab-buttons>button:hover,.settings-nav>button:hover,.settings-nav>a:hover{color:var(--text-strong);background:0 0;text-decoration:none}.tab-buttons>button.active,.settings-nav>button.active,.settings-nav>a.active,.settings-nav>a[aria-current=page]{color:var(--accent)}.tab-buttons>button.active:after,.settings-nav>button.active:after,.settings-nav>a.active:after,.settings-nav>a[aria-current=page]:after{content:"";background:var(--accent);border-radius:2px 2px 0 0;height:2px;position:absolute;bottom:-1px;left:8px;right:8px}.tab-buttons>button:focus-visible,.settings-nav>:focus-visible{box-shadow:inset var(--focus)}.tab{min-width:0}.segmented,.notice-nav{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-2);place-self:start;gap:2px;padding:2px;display:inline-flex}.segmented a,.notice-nav a{min-height:var(--control-h-sm);border-radius:var(--radius-sm);color:var(--text-muted);font-size:var(--fs-sm);align-items:center;padding:0 12px;font-weight:600;display:inline-flex}.segmented a:hover,.notice-nav a:hover{color:var(--text-strong);text-decoration:none}.segmented a[aria-current=page],.notice-nav a[aria-current=page]{background:var(--surface);color:var(--accent);box-shadow:0 0 0 1px var(--line)}.panel>.segmented{margin:var(--sp-2) var(--sp-3) 0}.list-menu{position:relative}.list-menu>summary{cursor:pointer;-webkit-user-select:none;user-select:none;list-style:none}.list-menu>summary::-webkit-details-marker{display:none}.list-menu>summary:after{content:"";border-bottom:1.5px solid;border-right:1.5px solid;width:5px;height:5px;margin:-3px 0 0 2px;transform:rotate(45deg)}.list-menu[open]>summary:after{margin-top:3px;transform:rotate(225deg)}.list-menu-options{z-index:50;width:280px;max-width:calc(100vw - 32px);padding:var(--sp-1);border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-pop);gap:1px;display:grid;position:absolute;top:calc(100% + 4px);right:0}.list-menu-options>a,.list-menu-options>button{width:100%;min-height:0;padding:6px var(--sp-2);border-radius:var(--radius-sm);color:var(--text);font-size:var(--fs-md);text-align:left;white-space:normal;background:0 0;border:0;font-weight:600;display:block}.list-menu-options>a:hover,.list-menu-options>button:hover{background:var(--surface-hover);text-decoration:none}.list-menu-options .list-subline{margin-top:1px}.list-menu-options .bulk-actions{gap:var(--sp-2);padding:var(--sp-2);margin:0;display:grid}.list-menu-options .bulk-actions button{justify-self:start}td .list-menu>summary{min-height:var(--control-h-sm);color:var(--accent);font-size:var(--fs-sm);background:0 0;border-color:#0000;padding:0 6px}td .list-menu>summary:hover{border-color:var(--line);background:var(--surface-hover)}.list-row-options{min-width:150px;margin-top:var(--sp-1);padding:var(--sp-1);border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-pop);gap:1px;display:grid}.list-row-options a,.list-row-options button,.list-row-options .link{width:100%;min-height:0;padding:5px var(--sp-2);border-radius:var(--radius-sm);font-size:var(--fs-md);text-align:left;background:0 0;border:0;font-weight:500;display:block}.list-row-options a:hover,.list-row-options button:hover{background:var(--surface-hover);text-decoration:none}.list-row-options form{margin:0;display:block}.list-row-actions{gap:var(--sp-2);align-items:center;display:inline-flex}.confirm-dialog{border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--surface);width:min(440px,100vw - 32px);color:var(--text);box-shadow:var(--shadow-pop);padding:0}.confirm-dialog::backdrop{background:var(--backdrop)}.confirm-dialog form{gap:var(--sp-3);padding:var(--sp-4);display:grid}.confirm-dialog h2{font-size:var(--fs-xl)}.confirm-dialog p{white-space:pre-line;line-height:1.5}.confirm-dialog .form-actions{justify-content:flex-end}.live-head{flex-wrap:wrap;justify-content:space-between}.live-meta{align-items:center;gap:var(--sp-2);color:var(--text-muted);font-size:var(--fs-xs);font-variant-numeric:tabular-nums;white-space:nowrap;margin-left:auto;display:inline-flex}.live-meta .link{font-size:var(--fs-xs)}.live-meta>a{font-size:var(--fs-xs);font-weight:600}.live-dot{background:var(--success-solid);border-radius:50%;flex:none;width:7px;height:7px}.live-panel[data-live-state=paused] .live-dot{box-shadow:inset 0 0 0 1.5px var(--text-faint);background:0 0}.live-panel[data-live-state=error] .live-dot,.live-panel[data-live-state=expired] .live-dot{background:var(--danger-solid);border-radius:1px}.live-panel.is-stale{border-color:var(--warning-line)}.live-panel.is-stale .live-meta{color:var(--warning);font-weight:600}.live-panel.is-stale [data-live-body]{opacity:.7}.live-panel[aria-busy=true] .live-dot{animation:1s ease-in-out infinite live-pulse}@keyframes live-pulse{50%{opacity:.3}}@media (prefers-reduced-motion:reduce){.live-panel[aria-busy=true] .live-dot{animation:none}}.panel.live-bare{box-shadow:none;background:0 0;border:0}.panel.live-bare>*{margin:0}.panel.live-bare>.live-head{min-height:0;padding:0 0 var(--sp-2);background:0 0;border:0}.panel.live-bare>.live-head h2{color:var(--text-muted);font-size:var(--fs-sm);font-weight:600}.panel>[data-live-body]>.table-wrap:last-child{border-radius:0 0 var(--radius) var(--radius)}.panel>[data-live-body]>.empty,.panel>[data-live-body]>.nas-status-grid{margin:0}@media (width<=1100px){.grid2,.dashboard-grid{grid-template-columns:minmax(0,1fr)}.dashboard-grid>.panel:last-child:nth-child(odd){grid-column:auto}.topbar-clock{display:none}}@media (width<=980px){.sidebar{visibility:hidden;width:min(280px,86vw);box-shadow:var(--shadow-pop);transition:transform .2s,visibility .2s;transform:translate(-100%)}body.nav-open .sidebar{visibility:visible;transform:none}.nav-close{margin:var(--sp-2) var(--sp-2) 0;border-color:var(--sidebar-line);color:var(--sidebar-text);font-size:var(--fs-sm);background:0 0;align-self:flex-end;display:flex}.nav-close:hover{background:var(--sidebar-hover);color:#fff}.nav-backdrop{z-index:35;background:var(--backdrop);border:0;border-radius:0;width:100%;min-height:0;padding:0;display:block;position:fixed;inset:0}.nav-backdrop[hidden]{display:none!important}.main{margin-left:0}.mobile-nav-toggle{padding:0 var(--sp-2);display:inline-flex}.mobile-nav-toggle span,.theme-toggle span{display:none}.topbar{height:auto;min-height:var(--topbar-h);padding:6px var(--sp-3);flex-wrap:wrap;row-gap:6px}.page-title{flex:1 1 0}.topbar-search{flex:100%;order:3;margin-left:0}}@media (prefers-reduced-motion:reduce){.sidebar{transition:none}}@media (height<=500px) and (width<=980px){.topbar{position:static}}@media (width<=760px){.workspace-content{padding:var(--sp-3);gap:var(--sp-3)}.form-grid,.compact-form{grid-template-columns:minmax(0,1fr)}.operator-id{gap:0;font-size:0}.operator-id svg.icon{width:18px;height:18px}.operator .logout-button{gap:0;font-size:0}.operator .logout-button svg.icon{width:18px;height:18px}.workspace-eyebrow{display:none}form.client-filterbar{grid-template-columns:repeat(2,minmax(0,1fr));align-items:end;display:grid}form.client-filterbar label.list-search{grid-column:1/-1;max-width:none}form.client-filterbar .list-filter-buttons>*{flex:1 1 0}.settings-list>div{grid-template-columns:minmax(0,1fr);gap:2px}.list-filterbar label,.list-filterbar label.list-search,.list-filter-buttons{flex:100%}.list-panel-tools{justify-content:flex-start;margin-left:0}.pagination-summary{flex-basis:100%}.toolbar>.hint{flex-basis:100%;margin-left:0}.cell-truncate{max-width:160px}}@media (pointer:coarse){button,.button,input,select,label.check,label.checkbox,.operator .theme-toggle,.operator .logout-button,.operator-id{min-height:44px}input,select,textarea{font-size:16px}input[type=checkbox],input[type=radio]{width:18px;height:18px;min-height:0}.sidebar nav a,.tab-buttons>button,.settings-nav>button,.settings-nav>a{min-height:40px}}@media print{.sidebar,.topbar,.toolbar,.nav-backdrop,.table-tools,.list-panel-tools,.pagination,.sticky-actions{display:none!important}.main{margin:0}.panel{box-shadow:none;break-inside:avoid}}.mark,.custom-brand{border-radius:var(--radius);flex:none;place-items:center;width:28px;height:28px;display:inline-grid;overflow:hidden}.mark{background:0 0;overflow:hidden}.mark>svg{width:100%;height:100%;display:block}.custom-brand{border:1px solid var(--line);background:#fff;padding:2px}.custom-brand img{object-fit:contain;width:100%;height:100%}.brand-fallback{color:var(--accent)}.login{min-height:100vh;padding:var(--sp-5) var(--sp-4);background:radial-gradient(900px 520px at 50% -10%, var(--accent-bg), transparent 70%), var(--bg);place-items:center;display:grid}.login-shell{justify-items:center;gap:var(--sp-4);width:min(400px,100%);display:grid}.login-footnote{color:var(--text-faint);font-size:var(--fs-sm);text-align:center}.login-card{gap:var(--sp-3);border:1px solid var(--line);background:var(--surface);width:100%;box-shadow:var(--shadow-pop);border-radius:12px;padding:28px;display:grid}.login-card-head{justify-items:center;gap:var(--sp-1);margin-bottom:var(--sp-2);text-align:center;display:grid}.login-brand{margin-bottom:var(--sp-3);color:var(--text-strong);font-size:var(--fs-xl);align-items:center;gap:10px;display:flex}.login-brand .mark,.login-brand .custom-brand{border-radius:9px;width:36px;height:36px}.login-card-head h1{font-size:22px;line-height:1.25}.login-card-head p{color:var(--text-muted)}.login-field{font-size:var(--fs-sm);gap:6px;font-weight:600;display:grid}.login-input{align-items:center;display:flex;position:relative}.login-input>svg.icon{color:var(--text-faint);pointer-events:none;transition:color .15s;position:absolute;left:12px}.login-input:focus-within>svg.icon{color:var(--accent)}.login-input input{width:100%;min-height:40px;font-size:var(--fs-lg);border-radius:8px;padding-left:38px}.login-input input:not(:first-child){padding-left:38px}.login-input input:first-child{padding-left:12px}.login-input .password-toggle{min-height:30px;color:var(--accent);font-size:var(--fs-sm);background:0 0;border-color:#0000;border-radius:6px;padding:0 10px;position:absolute;right:5px}.login-input .password-toggle:hover{background:var(--accent-bg)}.login-input:has(.password-toggle) input{padding-right:68px}.login-submit{min-height:42px;margin-top:var(--sp-2);font-size:var(--fs-lg);border-radius:8px;font-weight:600}.login-card .wide{border-radius:8px;min-height:38px}.login-help{color:var(--text-muted);font-size:var(--fs-sm);text-align:center}.login-card .flash{margin-bottom:var(--sp-1)}.login-card .two-factor-setup{grid-template-columns:minmax(0,1fr)}@media (width<=480px){.login{background:var(--bg);place-items:start center;padding-top:40px}.login-card{padding:var(--sp-5) 20px}}.cards,.dashboard-cards{gap:var(--sp-3);grid-template-columns:repeat(auto-fit,minmax(240px,1fr));display:grid}.metric-link{color:inherit;display:grid}.metric-link:hover{text-decoration:none}.metric-link:hover .metric{border-color:var(--accent-line);background:var(--surface-hover)}.metric{align-items:center;gap:var(--sp-3);min-height:64px;padding:10px var(--sp-3);display:flex;position:relative;overflow:hidden}.metric:before{content:"";background:var(--line-strong);width:3px;position:absolute;inset:0 auto 0 0}.metric.success:before{background:var(--success-solid)}.metric.warning:before{background:var(--warning-solid)}.metric.danger:before{background:var(--danger-solid)}.metric-icon{border-radius:var(--radius);background:var(--neutral-bg);width:32px;height:32px;color:var(--text-muted);flex:none;place-items:center;display:grid}.metric.success .metric-icon{background:var(--success-bg);color:var(--success)}.metric.warning .metric-icon{background:var(--warning-bg);color:var(--warning)}.metric.danger .metric-icon{background:var(--danger-bg);color:var(--danger)}.metric-svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:17px;height:17px}.metric>div{gap:1px;min-width:0;display:grid}.metric>div>span{color:var(--text-muted);font-size:var(--fs-sm);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.metric>div>strong{color:var(--text-strong);font-size:var(--fs-metric);font-variant-numeric:tabular-nums;font-weight:600;line-height:1.15}.metric>div>small{color:var(--text-muted)}.nas-status-grid{display:grid}.nas-status-card{align-items:center;gap:6px var(--sp-3);padding:var(--sp-2) var(--sp-3);border-bottom:1px solid var(--line);flex-wrap:wrap;display:flex}.nas-status-card:last-child{border-bottom:0}.nas-status-card>div:first-child{min-width:0;display:grid}.nas-status-card strong{font-weight:600}.nas-status-card strong a{color:var(--text-strong)}.nas-status-card .mono{color:var(--text-muted)}.badge-link{text-decoration:none;display:inline-flex}.badge-link:hover .badge,.badge-link:focus-visible .badge{border-color:currentColor}.nas-badges{gap:var(--sp-1);flex-wrap:wrap;margin-left:auto;display:flex}.health-card-grid{gap:var(--sp-3);grid-template-columns:repeat(auto-fill,minmax(300px,1fr));display:grid}.health-card-head>div:first-child{display:grid}.health-card-head p{font-family:var(--font-mono)}.health-grid{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.health-item{padding:var(--sp-2) var(--sp-3);border-bottom:1px solid var(--line);align-content:start;gap:2px;display:grid}.health-item:nth-child(odd){border-right:1px solid var(--line)}.health-item>span{color:var(--text-muted);font-size:var(--fs-sm)}.health-item>strong{font-weight:600}.health-card>.button{min-height:var(--control-h-sm);font-size:var(--fs-sm);justify-self:start}.health-card>.health-grid+.button{margin-top:var(--sp-3)}.health-card>.health-card-actions{gap:var(--sp-2);flex-wrap:wrap;display:flex}.monitor-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}.monitor-card.tone-danger{border-left:3px solid var(--danger)}.monitor-server{border-top:3px solid var(--accent)}.monitor-services{gap:var(--sp-1);flex-wrap:wrap;display:flex}.monitor-card .health-card-head h2 a{color:var(--text-strong)}.monitoring-panel [data-live-body]{gap:var(--sp-3);padding:var(--sp-3);display:grid}.toolbar>form.inline{margin:0;display:inline-flex}.health-card-actions .button{min-height:var(--control-h-sm);font-size:var(--fs-sm)}.health-card>.health-card-note{margin-top:var(--sp-2);color:var(--danger);font-size:var(--fs-xs);overflow-wrap:anywhere}.traffic-graph{padding:var(--sp-3)}.traffic-graph.empty{color:var(--text-muted);text-align:center}.traffic-graph svg{width:100%;height:auto;max-height:260px;font-family:var(--font);font-size:11px;display:block}.traffic-title{fill:var(--text-strong);font-weight:600}.traffic-axis,.traffic-labels text,.traffic-grid text{fill:var(--text-muted)}.traffic-grid line{stroke:var(--chart-grid);stroke-dasharray:2 3}.traffic-plot{fill:var(--surface);stroke:var(--line-strong)}.traffic-down-area{fill:var(--chart-down-fill);stroke:none}.traffic-down-line{fill:none;stroke:var(--chart-down);stroke-width:2px}.traffic-up-line{fill:none;stroke:var(--chart-up);stroke-width:2px}.traffic-legend{justify-content:center;gap:var(--sp-1) var(--sp-4);margin-top:var(--sp-2);color:var(--text-muted);font-size:var(--fs-sm);font-variant-numeric:tabular-nums;flex-wrap:wrap;display:flex}.traffic-legend span{align-items:center;gap:6px;display:inline-flex}.traffic-legend i{border-radius:2px;width:10px;height:10px}.legend-down{background:var(--chart-down)}.legend-up{background:var(--chart-up)}.client-layout{gap:var(--sp-3);grid-template-columns:minmax(0,1fr) 300px;align-items:start;display:grid}.client-layout>form{min-width:0;margin:0}.client-layout>form>.tabs{overflow:clip}.client-layout>form>.tabs>.tab-buttons{background:var(--surface-2);border-radius:var(--radius) var(--radius) 0 0}.client-layout .tab{gap:var(--sp-3);padding:var(--sp-3);display:grid}.client-layout .tab[hidden]{display:none}.client-layout .tab>.toolbar{justify-content:flex-end}.client-layout .tab>.table-wrap{border:1px solid var(--line);border-radius:var(--radius)}.client-layout .sticky-actions{border:1px solid var(--line);border-top-color:var(--line-strong);border-radius:0 0 var(--radius) var(--radius);margin-top:-1px}.client-layout>form>.tabs:has(+.sticky-actions){border-radius:var(--radius) var(--radius) 0 0}.client-hero{gap:var(--sp-3);margin-bottom:var(--sp-3);padding:var(--sp-3) var(--sp-4);border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-sm);display:grid}.client-identity{align-items:center;gap:var(--sp-3);min-width:0;display:flex}.client-avatar{border:1px solid var(--accent-line);background:var(--accent-bg);width:52px;height:52px;color:var(--accent);font-size:var(--fs-xl);letter-spacing:.02em;border-radius:50%;flex:none;place-items:center;font-weight:700;display:grid}.client-identity-text{flex:1;gap:4px;min-width:0;display:grid}.client-identity-text h2{color:var(--text-strong);font-size:var(--fs-2xl);overflow-wrap:anywhere;margin:0;line-height:1.2}.client-identity-meta{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.client-identity-meta code{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface-2);color:var(--text);font-family:var(--font-mono);font-size:var(--fs-sm);padding:1px 6px}.client-contacts{gap:2px var(--sp-4);color:var(--text-muted);font-size:var(--fs-sm);flex-wrap:wrap;display:flex}.client-contacts span{overflow-wrap:anywhere;align-items:center;gap:5px;min-width:0;display:inline-flex}.client-contacts svg.icon{flex:none;width:13px;height:13px}.client-hero-actions{gap:var(--sp-2);flex-wrap:wrap;align-self:flex-start;display:flex}.client-stats{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-2);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.client-stat{min-width:0;padding:var(--sp-2) var(--sp-3);border-left:3px solid #0000;gap:2px;display:grid}.client-stat+.client-stat{box-shadow:-1px 0 0 var(--line)}.client-stat>span{color:var(--text-muted);font-size:var(--fs-sm)}.client-stat>strong{color:var(--text-strong);font-size:var(--fs-xl);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.client-stat>small{color:var(--text-muted);font-size:var(--fs-sm)}.client-stat.tone-warning{border-left-color:var(--warning)}.client-stat.tone-warning>small{color:var(--warning);font-weight:600}.client-stat.tone-danger{border-left-color:var(--danger)}.client-stat.tone-danger>small{color:var(--danger);font-weight:600}.client-layout .tab-buttons svg.icon{width:15px;height:15px}.tab-count{background:var(--line);min-width:18px;height:18px;color:var(--text-muted);font-size:var(--fs-xs);font-variant-numeric:tabular-nums;border-radius:9px;place-items:center;padding:0 5px;display:inline-grid}.tab-buttons>button.active .tab-count{background:var(--accent-bg);color:var(--accent)}.client-section{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}.client-section-head{align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-3);border-bottom:1px solid var(--line);background:var(--surface-2);border-radius:var(--radius) var(--radius) 0 0;display:flex}.client-section-head h3{color:var(--text-strong);font-size:var(--fs-md);margin:0}.client-section-head p{color:var(--text-muted);font-size:var(--fs-sm);margin:0}.client-section>.form-grid{padding:var(--sp-3)}.client-section .alert-options{align-items:center;gap:var(--sp-2) var(--sp-4);padding:var(--sp-2) var(--sp-3);border:1px dashed var(--line-strong);border-radius:var(--radius)}.alert-options-label{color:var(--text);font-size:var(--fs-sm);font-weight:600}.overview{top:calc(var(--topbar-h) + var(--sp-3));padding:0 var(--sp-3) var(--sp-3);position:sticky}.client-side{gap:var(--sp-3);align-content:start;align-self:stretch;min-width:0;display:grid}.usage-card .panel-head{flex-wrap:wrap}.usage-card .segmented{margin-left:auto}.usage-card .segmented button{font-size:var(--fs-xs);padding:0 8px}.usage-body{gap:var(--sp-2);display:grid}.usage-legend{gap:var(--sp-1) var(--sp-3);color:var(--text-muted);font-size:var(--fs-sm);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.usage-legend li{align-items:center;gap:6px;display:inline-flex}.usage-legend strong{color:var(--text-strong);font-variant-numeric:tabular-nums}.usage-swatch{border-radius:2px;width:10px;height:10px}.usage-swatch.usage-down,.usage-bar.usage-down{background:var(--nas-in);fill:var(--nas-in)}.usage-swatch.usage-up,.usage-bar.usage-up{background:var(--nas-out);fill:var(--nas-out)}.usage-readout{min-height:1.45em;color:var(--text);font-size:var(--fs-sm);font-variant-numeric:tabular-nums}.usage-readout>span:first-child{color:var(--text-muted)}.usage-chart{border-radius:var(--radius-sm);width:100%;height:auto;font-family:var(--font);display:block;overflow:visible}.usage-chart:focus-visible{box-shadow:var(--focus);outline:none}.usage-axis{fill:var(--text-muted);font-variant-numeric:tabular-nums;font-size:10px}.usage-grid{stroke:var(--chart-grid);stroke-dasharray:2 3}.usage-baseline{stroke:var(--line-strong)}.usage-hit{fill:#0000;cursor:crosshair}.usage-bar{transition:opacity .12s}.usage-chart:has(.is-active) g:not(.is-active) .usage-bar{opacity:.35}.usage-empty{padding:var(--sp-4) 0;color:var(--text-muted);font-size:var(--fs-sm);text-align:center}.usage-note{color:var(--text-muted);font-size:var(--fs-xs)}.usage-cap{padding:var(--sp-2) 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:var(--fs-sm);gap:6px;display:grid}.usage-cap strong{color:var(--text-strong);font-variant-numeric:tabular-nums}.usage-cap-percent{float:right;color:var(--text-muted);font-variant-numeric:tabular-nums;font-weight:600}.usage-cap-bar{background:var(--neutral-bg);border-radius:3px;height:6px;overflow:hidden}.usage-cap-bar>span{background:var(--accent-solid);border-radius:3px;height:100%;display:block}.usage-cap-bar.warning>span{background:var(--warning-solid)}.usage-cap-bar.danger>span{background:var(--danger-solid)}.usage-cap-note{color:var(--text-muted);font-size:var(--fs-xs)}.usage-cap-renews{white-space:nowrap}@media (prefers-reduced-motion:reduce){.usage-bar{transition:none}}.overview>.overview-live{margin:0 calc(var(--sp-3) * -1);padding:6px var(--sp-3) 0;justify-content:flex-end;display:flex}.overview-head,.overview>.live-head{margin:0 calc(var(--sp-3) * -1) var(--sp-1)}.overview>.overview-head:first-child{margin-top:0}.overview-head h3{font-size:var(--fs-lg)}.overview>.overview-live+.sr-only+[data-live-body]>.overview-head{border-top:1px solid var(--line);border-radius:0;margin-top:6px}.overview .kv{font-size:var(--fs-sm);min-height:28px;padding:4px 0}.overview .button,.overview button:not(.link){width:100%;margin-top:var(--sp-2)}.overview form{margin:0}.overview-note{margin-top:var(--sp-1);color:var(--text-muted);font-size:var(--fs-sm)}.setup-guide{gap:var(--sp-3);margin-top:var(--sp-3);padding-left:20px;display:grid}.setup-guide li{padding-left:2px}.setup-guide li::marker{color:var(--accent);font-weight:600}.setup-guide strong{color:var(--text-strong);display:block}.setup-guide span{color:var(--text-muted);font-size:var(--fs-sm);display:block}.client-stat.tone-success{border-left-color:var(--success)}.client-stat.tone-info{border-left-color:var(--accent)}.client-stat.tone-info>small{color:var(--accent);font-weight:600}.billing-stats{background:var(--surface)}.billing-alert{padding:var(--sp-2) var(--sp-3);border-left:3px solid var(--danger);border-radius:var(--radius-sm);background:var(--danger-bg);color:var(--danger);font-size:var(--fs-sm);margin:0;font-weight:600}.billing-filters{justify-content:space-between;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-3);flex-wrap:wrap;display:flex}.billing-filters .segmented{flex-wrap:wrap}.billing-count{background:var(--line);color:var(--text-muted);font-size:var(--fs-xs);font-variant-numeric:tabular-nums;border-radius:999px;margin-left:6px;padding:0 6px}.billing-filters a[aria-current=page] .billing-count{background:var(--accent-solid);color:var(--on-accent)}.billing-search{flex:240px;max-width:340px;position:relative}.billing-search>svg{width:16px;height:16px;color:var(--text-muted);pointer-events:none;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.billing-search input{width:100%;min-height:var(--control-h);padding-left:34px}.billing-payments{padding:0 var(--sp-3) var(--sp-2);margin:0;list-style:none}.billing-payments li{justify-content:space-between;align-items:center;gap:var(--sp-3);padding:var(--sp-2) 0;border-top:1px solid var(--line);display:flex}.billing-payments li:first-child{border-top:0}.billing-payments strong{color:var(--success);font-variant-numeric:tabular-nums;white-space:nowrap}@media (width<=640px){.billing-search{max-width:none}}.invoice-toolbar{justify-content:space-between}.invoice-layout,.invoice-form-layout{gap:var(--sp-3);grid-template-columns:minmax(0,1.6fr) minmax(280px,1fr);align-items:start;display:grid}.invoice-sheet{padding:var(--sp-4)}.invoice-sheet>*{margin-inline:0}.invoice-parties{justify-content:space-between;gap:var(--sp-3);padding-bottom:var(--sp-3);border-bottom:1px solid var(--line);flex-wrap:wrap;display:flex}.invoice-parties>div{gap:2px;display:grid}.invoice-label{color:var(--text-muted);font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.04em;font-weight:600}.invoice-dates{gap:var(--sp-4);margin:0;display:flex}.invoice-dates dt{color:var(--text-muted);font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.04em;font-weight:600}.invoice-dates dd{color:var(--text-strong);white-space:nowrap;margin:2px 0 0;font-weight:600}.invoice-lines{margin:0;padding:0;list-style:none}.invoice-lines li{justify-content:space-between;gap:var(--sp-3);padding:var(--sp-2) 0;border-bottom:1px solid var(--line);display:flex}.invoice-lines strong,.invoice-totals strong{font-variant-numeric:tabular-nums;white-space:nowrap}.invoice-totals{max-width:340px;padding-top:var(--sp-2);margin-left:auto;display:grid}.invoice-totals .kv{border-bottom:0;padding:4px 0}.invoice-totals .invoice-total,.invoice-totals .invoice-balance{border-top:1px solid var(--line-strong);margin-top:4px;padding-top:8px}.invoice-totals .invoice-total>*,.invoice-totals .invoice-balance>*{color:var(--text-strong);font-size:var(--fs-lg);font-weight:700}.invoice-notes{margin:var(--sp-3) 0 0}.invoice-recorded{margin:0 0 var(--sp-2);font-weight:600}.invoice-pay-form{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.invoice-form-layout>.panel:first-child{padding:var(--sp-3)}.invoice-form-layout details>.form-grid{margin-top:var(--sp-2)}.invoice-preview{top:var(--sp-3);gap:var(--sp-2);padding:var(--sp-3);display:grid;position:sticky}.invoice-preview h2{font-size:var(--fs-lg);margin:0}.invoice-preview .invoice-totals{max-width:none;margin:0;padding:0}.invoice-preview .hint{margin:0}.invoice-preview-actions{gap:var(--sp-2);display:grid}@media (width<=860px){.invoice-layout,.invoice-form-layout{grid-template-columns:minmax(0,1fr)}.invoice-preview{position:static}}.invoice-status-cell{justify-items:start;gap:3px;min-width:120px;display:grid}.pay-note{color:var(--text-muted);font-size:var(--fs-xs);font-variant-numeric:tabular-nums;white-space:nowrap}.pay-progress{background:var(--line);appearance:none;border:0;border-radius:3px;width:100%;max-width:140px;height:5px;display:block;overflow:hidden}.pay-progress::-webkit-progress-bar{background:var(--line);border-radius:3px}.pay-progress::-webkit-progress-value{background:var(--success-solid);border-radius:3px}.pay-progress::-moz-progress-bar{background:var(--success-solid);border-radius:3px}.invoice-status-banner{justify-content:space-between;align-items:center;gap:var(--sp-2) var(--sp-4);padding:var(--sp-3) var(--sp-4);border:1px solid var(--line);border-left:4px solid var(--line-strong);border-radius:var(--radius);background:var(--surface);flex-wrap:wrap;display:flex}.invoice-status-banner strong{color:var(--text-strong);font-size:var(--fs-xl)}.invoice-status-banner p{color:var(--text-muted);font-size:var(--fs-md);margin:2px 0 0}.invoice-status-progress{gap:3px;min-width:160px;display:grid}.invoice-status-progress .pay-progress{max-width:none;height:8px}.invoice-status-progress .pay-note{font-size:var(--fs-sm)}.invoice-status-banner.tone-success{border-color:var(--success-line);border-left-color:var(--success-solid);background:var(--success-bg)}.invoice-status-banner.tone-success strong{color:var(--success)}.invoice-status-banner.tone-warning{border-color:var(--warning-line);border-left-color:var(--warning);background:var(--warning-bg)}.invoice-status-banner.tone-warning strong{color:var(--warning)}.invoice-status-banner.tone-danger{border-color:var(--danger-line);border-left-color:var(--danger);background:var(--danger-bg)}.invoice-status-banner.tone-danger strong{color:var(--danger)}.billing-run-notice ul{margin:var(--sp-2) 0 0;padding-left:1.2em}.billing-run-notice li{margin:2px 0}.invoice-status-banner.tone-info{border-color:var(--accent-line);border-left-color:var(--accent);background:var(--accent-bg)}.invoice-status-banner.tone-info strong{color:var(--accent)}.invoice-total-preview{padding:var(--sp-2) var(--sp-3);border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-2);display:grid}.invoice-total-preview h3{margin:0 0 var(--sp-1);font-size:var(--fs-md)}.invoice-total-preview .kv>strong{font-variant-numeric:tabular-nums}.invoice-total-preview .invoice-total-line{border-top:1px solid var(--line-strong);border-bottom:0}.invoice-total-preview .invoice-total-line>span,.invoice-total-preview .invoice-total-line>strong{color:var(--text-strong);font-size:var(--fs-lg);font-weight:700}.invoice-summary{column-gap:var(--sp-4);padding:0 var(--sp-3);grid-template-columns:repeat(auto-fill,minmax(220px,1fr));display:grid}.invoice-summary .kv:last-child{border-bottom:1px solid var(--line)}.panel>.invoice-summary{padding-bottom:var(--sp-1)}.settings-console,.settings-tabs{gap:var(--sp-3);min-width:0;display:grid}.settings-tabs>.settings-nav,.settings-console>.settings-nav{padding:0}.settings-menu-body,.settings-menu-body>.tab{gap:var(--sp-3);min-width:0;display:grid}.settings-menu-body>.tab[hidden]{display:none}.settings-edit-page{gap:var(--sp-3);grid-template-columns:minmax(0,1fr) 320px;align-items:start;display:grid}.settings-edit-page>.settings-user-form,.settings-edit-page>.profile-settings-main{grid-row:span 2}.settings-edit-page>.settings-user-roles{grid-column:2}.profile-settings-main{gap:var(--sp-3);min-width:0;display:grid}.settings-sheet>form.form-grid,.settings-sheet>.account-two-factor,.settings-sheet>.branding-layout,.settings-sheet>.role-access-grid{margin:var(--sp-3)}.account-section-icon{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);width:26px;height:26px;color:var(--text-muted);flex:none;place-items:center;display:grid}.account-section-icon svg.icon{width:15px;height:15px}.account-avatar{display:none}.account-back{justify-self:start}.settings-destinations{gap:var(--sp-3);grid-template-columns:repeat(auto-fit,minmax(260px,1fr));display:grid}.settings-destination{gap:2px var(--sp-3);padding:var(--sp-3);color:var(--text);grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"icon title status""icon copy copy""icon note note""icon action action";align-items:center;display:grid}.settings-destination:hover{border-color:var(--accent-line);background:var(--surface-hover);color:var(--text);text-decoration:none}.settings-destination>.account-section-icon{grid-area:icon;align-self:start}.settings-destination>h3{font-size:var(--fs-lg);grid-area:title}.settings-destination>p{color:var(--text-muted);font-size:var(--fs-sm);grid-area:copy;margin:0}.settings-destination>small{color:var(--text-muted);grid-area:note}.settings-destination-status{grid-area:status}.settings-destination-action{margin-top:var(--sp-1);color:var(--accent);font-size:var(--fs-sm);grid-area:action;font-weight:600}.role-access-grid{gap:var(--sp-2);grid-template-columns:repeat(auto-fill,minmax(240px,1fr));display:grid}.role-access-card{padding:var(--sp-2) var(--sp-3);box-shadow:none;background:var(--surface-2);gap:2px;display:grid}.role-access-card>span{color:var(--text-strong);font-weight:600}.role-access-card>p{color:var(--text-muted);font-size:var(--fs-sm)}.compact-role-grid{grid-template-columns:minmax(0,1fr)}.two-factor-admin{gap:var(--sp-2);padding:var(--sp-3);border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-2);display:grid}.two-factor-admin-head{justify-content:space-between;align-items:center;gap:var(--sp-2);font-weight:600;display:flex}.two-factor-admin-head>div>strong{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.account-two-factor{justify-content:space-between;align-items:center;gap:var(--sp-3);flex-wrap:wrap;display:flex}.account-two-factor>div{gap:2px;display:grid}.account-two-factor p{color:var(--text-muted);font-size:var(--fs-sm)}.account-two-factor form{margin:0}.profile-current-password{max-width:360px}.account-section,.account-settings,.account-setup{gap:var(--sp-3);display:grid}.account-section-header{align-items:center;gap:var(--sp-2);display:flex}.two-factor-setup{gap:var(--sp-3);grid-template-columns:auto minmax(0,1fr);align-items:start;display:grid}.two-factor-setup>.span2{grid-column:1/-1}.two-factor-setup>label:not(.span2){align-self:center}.qr-card{justify-items:center;gap:var(--sp-2);padding:var(--sp-3);border:1px solid var(--line);border-radius:var(--radius);color:#1d2530;font-size:var(--fs-sm);background:#fff;grid-row:span 1;display:grid}.qr-code{width:168px;height:168px}.qr-code svg{width:100%;height:100%}.notice-workspace{gap:var(--sp-3);min-width:0;display:grid}.notice-heading{justify-content:space-between;align-items:center;gap:var(--sp-2) var(--sp-3);flex-wrap:wrap;display:flex}.notice-heading>div{align-items:baseline;gap:0 var(--sp-2);flex-wrap:wrap;display:flex}.notice-heading h2{font-size:var(--fs-xl)}.notice-heading p{color:var(--text-muted);font-size:var(--fs-sm)}.notice-setup-label{color:var(--text-muted);font-size:var(--fs-sm);font-weight:600}.settings-section-intro{align-items:baseline;gap:0 var(--sp-2);flex-wrap:wrap;display:flex}.settings-section-intro h3{font-size:var(--fs-lg)}.settings-section-intro p{color:var(--text-muted);font-size:var(--fs-sm)}.notice-gateways{gap:var(--sp-3);grid-template-columns:repeat(auto-fit,minmax(380px,1fr));display:grid}.notice-template-list{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-sm);gap:0;display:grid}.notice-gateway,.notice-template{gap:var(--sp-3);padding:var(--sp-2) var(--sp-3);grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;display:grid}.notice-gateway>div p,.notice-template p{color:var(--text-muted);font-size:var(--fs-sm)}.notice-gateway .button,.notice-template .button{min-height:var(--control-h-sm);font-size:var(--fs-sm)}.notice-template-list>.notice-template{border:0;border-bottom:1px solid var(--line);box-shadow:none;border-radius:0;grid-template-columns:auto minmax(0,1fr) auto}.notice-template-list>.notice-template:last-child{border-bottom:0}.notice-template-copy{gap:1px;display:grid}.notice-template-title{align-items:center;gap:var(--sp-2);display:flex}.notice-template-status{color:var(--text-muted);font-size:var(--fs-sm);align-items:center;gap:6px;display:inline-flex}.notice-dot{background:var(--success-solid);border-radius:50%;width:7px;height:7px}.notice-editor-channel{justify-content:space-between;align-items:center;gap:var(--sp-2);border-bottom:1px solid var(--line);padding-bottom:6px;display:flex}.notice-editor-channel h3{font-size:var(--fs-md)}.notice-editor-channel a{font-size:var(--fs-sm);font-weight:600}.notice-editor .notice-callout{font-size:var(--fs-sm)}.notice-channel-switch{margin:var(--sp-3) var(--sp-3) 0;flex-wrap:wrap;align-items:center;gap:6px;display:flex}.notice-channel-switch>span{color:var(--text-muted);font-size:var(--fs-sm);font-weight:600}.notice-channel-switch .button.active{border-color:var(--accent-solid);background:var(--accent-bg);color:var(--accent)}.notice-recipient-search{align-items:flex-end;gap:var(--sp-2);margin:var(--sp-3) var(--sp-3) 0;flex-wrap:wrap;display:flex}.notice-recipient-search label{flex:260px}.notice-recipient-list{border:1px solid var(--line);border-radius:var(--radius);max-height:420px;overflow:auto}.notice-review-summary{align-items:baseline;gap:var(--sp-2);flex-wrap:wrap;display:flex}.notice-review-summary span{color:var(--text-muted);font-size:var(--fs-sm)}.notice-message-preview{gap:var(--sp-1);padding:var(--sp-3);border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-2);display:grid}.notice-message-preview small{color:var(--text-muted)}.notice-message{margin:var(--sp-1) 0 0;font-family:var(--font);font-size:var(--fs-md);white-space:pre-wrap}.notice-recipient-review{padding:var(--sp-2) var(--sp-3);border:1px solid var(--line);border-radius:var(--radius)}.notice-recipient-review[open]>summary{margin-bottom:var(--sp-2)}.settings-empty-state{justify-items:center;gap:var(--sp-1);display:grid}.settings-empty-state svg.icon{width:22px;height:22px;color:var(--text-faint)}.settings-empty-state strong{color:var(--text-strong)}.branding-layout{gap:var(--sp-3);grid-template-columns:minmax(260px,340px) minmax(0,1fr);align-items:start;display:grid}.branding-preview-panel{gap:var(--sp-2);padding:var(--sp-3);border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-2);display:grid}.branding-preview-panel .workspace-eyebrow{letter-spacing:.04em;font-weight:600}.branding-preview-panel p{color:var(--text-muted);font-size:var(--fs-sm)}.brand-preview-stage{padding:var(--sp-3);border-radius:var(--radius);background:var(--sidebar-bg);grid-template-columns:auto minmax(0,1fr);align-items:center;column-gap:10px;display:grid}.brand-preview-stage>.mark,.brand-preview-stage>.custom-brand,.preview-logo{grid-row:span 2;width:36px;height:36px}.brand-preview-stage>strong{color:#fff}.brand-preview-stage>span:last-child{color:var(--sidebar-muted);font-size:var(--fs-sm)}.branding-methods{gap:var(--sp-3);grid-template-columns:repeat(auto-fit,minmax(260px,1fr));display:grid}.branding-methods>.branding-name{grid-column:1/-1}.branding-method{gap:var(--sp-3);padding:var(--sp-3);border:1px solid var(--line);border-radius:var(--radius);align-content:start;display:grid}.branding-method-title{align-items:center;gap:var(--sp-2);display:flex}.branding-method-title p{color:var(--text-muted);font-size:var(--fs-sm)}.method-number{border-radius:var(--radius-sm);background:var(--accent-bg);width:26px;height:26px;color:var(--accent);font-size:var(--fs-sm);font-variant-numeric:tabular-nums;place-items:center;font-weight:600;display:grid}.branding-form{gap:var(--sp-2);display:grid}.branding-form small{color:var(--text-muted)}.logo-dropzone{padding:var(--sp-4) var(--sp-3);border:1px dashed var(--line-strong);border-radius:var(--radius);background:var(--surface-2);text-align:center;cursor:pointer;justify-items:center;gap:2px;display:grid}.logo-dropzone:hover{border-color:var(--accent);background:var(--accent-bg)}.logo-dropzone>span{color:var(--text-muted);font-weight:400}.logo-dropzone input[type=file]{margin-top:var(--sp-2);max-width:260px}.logo-draft{align-items:center;gap:var(--sp-2);padding:var(--sp-2);border:1px solid var(--line);border-radius:var(--radius);display:flex}.logo-draft img{object-fit:contain;width:40px;height:40px}.logo-draft[data-state=error]{border-color:var(--danger-line);color:var(--danger)}.logo-remove-form{margin:0}.nas-monitor>.live-body{gap:var(--sp-4);display:grid}.nas-monitor h3{align-items:baseline;gap:var(--sp-2);margin:0 0 var(--sp-2);font-size:var(--fs-md);color:var(--text-strong);flex-wrap:wrap;display:flex}.nas-monitor h3 small{font-weight:400}.nas-gauges{gap:var(--sp-2);grid-template-columns:repeat(auto-fill,minmax(170px,1fr));display:grid}.nas-gauge{padding:var(--sp-2) var(--sp-3);border:1px solid var(--line);border-left:3px solid var(--line-strong);border-radius:var(--radius);background:var(--surface-2);align-content:start;gap:3px;display:grid}.nas-gauge>span{color:var(--text-muted);font-size:var(--fs-sm)}.nas-gauge>strong{color:var(--text-strong);font-size:var(--fs-metric);font-variant-numeric:tabular-nums;line-height:1.15}.nas-gauge>small{color:var(--text-muted);font-size:var(--fs-xs)}.nas-gauge.success{border-left-color:var(--success-solid)}.nas-gauge.warning{border-left-color:var(--warning)}.nas-gauge.danger{border-left-color:var(--danger)}.nas-gauge meter{width:100%;height:6px}.nas-tables-table .table-wrap{border:1px solid var(--line);border-radius:var(--radius)}.panel>.nas-basics{border-bottom:1px solid var(--line);margin:0}.snmp-setup{gap:var(--sp-3);padding:var(--sp-2) 0;align-items:flex-start;display:flex}.snmp-setup-icon{background:var(--accent-bg);width:40px;height:40px;color:var(--accent);border-radius:10px;flex:none;place-items:center;display:grid}.snmp-setup h3{margin:0 0 var(--sp-1);font-size:var(--fs-lg)}.snmp-setup p{max-width:70ch;margin:0 0 var(--sp-3);color:var(--text-muted)}.nas-tables-bar{align-items:center;gap:var(--sp-2);flex-wrap:wrap;display:flex}.nas-tables-bar input[type=search]{width:200px;margin-left:auto}.segmented button{min-height:var(--control-h-sm);border-radius:var(--radius-sm);color:var(--text-muted);background:0 0;border:0;padding:0 12px;font-weight:600}.segmented button.active{background:var(--surface);color:var(--accent);box-shadow:0 0 0 1px var(--line)}.nas-monitor-grid{gap:var(--sp-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.nas-monitor-grid>section{min-width:0;padding:var(--sp-2) var(--sp-3);border:1px solid var(--line);border-radius:var(--radius)}.nas-monitor-grid .kv>.badge{flex:none}.nas-sysdescr{margin:var(--sp-2) 0 0;color:var(--text-muted);font-size:var(--fs-xs);overflow-wrap:anywhere}.nas-monitor-interfaces .table-wrap{border:1px solid var(--line);border-radius:var(--radius)}.nas-monitor-down{gap:var(--sp-1);padding:var(--sp-3);border:1px solid var(--danger-line);border-left:4px solid var(--danger);border-radius:var(--radius);background:var(--danger-bg);display:grid}.nas-monitor-down p,.nas-monitor-warnings{margin:0}.nas-oid-reference>summary{padding:var(--sp-1) 0}.nas-oid-reference .table-wrap{margin-top:var(--sp-2)}:root{--nas-in:#16a34a;--nas-out:#1f5fd6;--nas-cpu:#6250d6;--nas-mem:#eb6834}:root[data-theme=dark]{--nas-in:#30a862;--nas-out:#5a8cee;--nas-cpu:#9085e9;--nas-mem:#d95926}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--nas-in:#30a862;--nas-out:#5a8cee;--nas-cpu:#9085e9;--nas-mem:#d95926}}:root{--nas-t0:#2a78d6;--nas-t1:#eb6834;--nas-t2:#1baf7a;--nas-t3:#eda100;--nas-t4:#e87ba4;--nas-t5:#008300;--nas-t6:#6250d6;--nas-t7:#e34948}:root[data-theme=dark]{--nas-t0:#3987e5;--nas-t1:#d95926;--nas-t2:#199e70;--nas-t3:#c98500;--nas-t4:#d55181;--nas-t5:#008300;--nas-t6:#9085e9;--nas-t7:#e66767}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--nas-t0:#3987e5;--nas-t1:#d95926;--nas-t2:#199e70;--nas-t3:#c98500;--nas-t4:#d55181;--nas-t5:#008300;--nas-t6:#9085e9;--nas-t7:#e66767}}.tc-key-s0,.tc-dot-s0{background:var(--nas-t0)}.tc-line-s0{stroke:var(--nas-t0)}.tc-key-s1,.tc-dot-s1{background:var(--nas-t1)}.tc-line-s1{stroke:var(--nas-t1)}.tc-key-s2,.tc-dot-s2{background:var(--nas-t2)}.tc-line-s2{stroke:var(--nas-t2)}.tc-key-s3,.tc-dot-s3{background:var(--nas-t3)}.tc-line-s3{stroke:var(--nas-t3)}.tc-key-s4,.tc-dot-s4{background:var(--nas-t4)}.tc-line-s4{stroke:var(--nas-t4)}.tc-key-s5,.tc-dot-s5{background:var(--nas-t5)}.tc-line-s5{stroke:var(--nas-t5)}.tc-key-s6,.tc-dot-s6{background:var(--nas-t6)}.tc-line-s6{stroke:var(--nas-t6)}.tc-key-s7,.tc-dot-s7{background:var(--nas-t7)}.tc-line-s7{stroke:var(--nas-t7)}.tc-footnote{margin:0}.traffic-filters{align-items:flex-end;gap:var(--sp-2) var(--sp-3);flex-wrap:wrap}.traffic-filter-if{min-width:200px}.traffic-filters .segmented{align-self:flex-end}.nas-traffic [data-live-body]{padding:var(--sp-3)}.tc{gap:var(--sp-2);margin:0;display:grid}.tc-legend{align-items:baseline;gap:var(--sp-1) var(--sp-4);font-size:var(--fs-sm);color:var(--text-muted);flex-wrap:wrap;display:flex}.tc-title{color:var(--text-strong);font-weight:600;font-size:var(--fs-md);margin-right:auto}.tc-title small{color:var(--text-muted);font-weight:400;font-size:var(--fs-sm)}.tc-legend-item{align-items:center;gap:6px;display:inline-flex}.tc-legend-item strong{color:var(--text-strong)}.tc-key{border-radius:1px;flex:none;width:14px;height:2px;display:inline-block}.tc-key-in{background:var(--nas-in)}.tc-key-out{background:var(--nas-out)}.tc-key-cpu{background:var(--nas-cpu)}.tc-key-mem{background:var(--nas-mem)}.tc-frame{column-gap:var(--sp-2);grid-template-rows:220px auto;grid-template-columns:auto minmax(0,1fr);display:grid}.tc-y{min-width:36px;color:var(--text-muted);font-size:var(--fs-xs);font-variant-numeric:tabular-nums;text-align:right;flex-direction:column;justify-content:space-between;display:flex}.tc-y span{height:0;line-height:0}.tc-plot{touch-action:pan-y;cursor:crosshair;outline:none;position:relative}.tc-plot:focus-visible{box-shadow:var(--focus);border-radius:var(--radius-sm)}.tc-plot svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.tc-grid{stroke:var(--chart-grid);stroke-width:1px;vector-effect:non-scaling-stroke}.tc-line{fill:none;stroke-width:2px;stroke-linejoin:round;stroke-linecap:round;vector-effect:non-scaling-stroke}.tc-line-in{stroke:var(--nas-in)}.tc-line-out{stroke:var(--nas-out)}.tc-line-cpu{stroke:var(--nas-cpu)}.tc-line-mem{stroke:var(--nas-mem)}.tc-area-in{fill:var(--nas-in);opacity:.1}.tc-x{color:var(--text-muted);font-size:var(--fs-xs);font-variant-numeric:tabular-nums;grid-column:2;justify-content:space-between;margin-top:6px;display:flex}.tc-x span{white-space:nowrap;justify-content:center;width:0;display:flex}.tc-x span:first-child{justify-content:flex-start}.tc-x span:last-child{justify-content:flex-end}.tc-cross{background:var(--line-strong);pointer-events:none;width:1px;position:absolute;top:0;bottom:0}.tc-dot{border:2px solid var(--surface);pointer-events:none;border-radius:50%;width:10px;height:10px;position:absolute;transform:translate(-50%,-50%)}.tc-dot-in{background:var(--nas-in)}.tc-dot-out{background:var(--nas-out)}.tc-dot-cpu{background:var(--nas-cpu)}.tc-dot-mem{background:var(--nas-mem)}.tc-tip{z-index:2;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-pop);color:var(--text-muted);font-size:var(--fs-sm);white-space:nowrap;pointer-events:none;gap:2px;margin-left:12px;padding:6px 10px;display:grid;position:absolute;top:4px}.tc-tip.tc-tip-left{margin-left:-12px;transform:translate(-100%)}.tc-tip-time{color:var(--text-muted);font-size:var(--fs-xs)}.tc-tip-row{align-items:center;gap:6px;display:flex}.tc-tip-row strong{color:var(--text-strong);font-variant-numeric:tabular-nums}.tc-cross[hidden],.tc-dot[hidden],.tc-tip[hidden]{display:none}.tc-table>summary{color:var(--text-muted);font-size:var(--fs-sm);font-weight:600}.tc-table .table-wrap{margin-top:var(--sp-2);border:1px solid var(--line);border-radius:var(--radius)}.nas-layout{gap:var(--sp-3);grid-template-columns:minmax(0,1fr) 320px;align-items:start;display:grid}.nas-vendor-choice{gap:var(--sp-2);border:0;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));padding:0;display:grid}.nas-vendor-option{align-items:flex-start;gap:var(--sp-2);padding:var(--sp-2) var(--sp-3);border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);cursor:pointer;font-weight:400;display:flex}.nas-vendor-option:hover{border-color:var(--accent-line);background:var(--surface-hover)}.nas-vendor-option:has(input:checked){border-color:var(--accent-solid);background:var(--accent-bg);box-shadow:0 0 0 1px var(--accent-solid)}.nas-vendor-option:has(input:focus-visible){outline:2px solid var(--accent-solid);outline-offset:2px}.nas-vendor-option input{margin-top:calc((var(--fs-md) * var(--lh) - 15px) / 2)}@media (pointer:coarse){.nas-vendor-option input{margin-top:calc((var(--fs-md) * var(--lh) - 18px) / 2)}}.nas-vendor-option>span{gap:2px;display:grid}.nas-vendor-option strong{color:var(--text-strong);font-weight:600}.nas-vendor-option small{color:var(--text-muted);font-size:var(--fs-sm)}.nas-vendor-section{margin:0}.nas-vendor-section[hidden],.setup-guide[hidden],.snmp-version-section[hidden]{display:none}.nas-tabs{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-sm);overflow:clip}.nas-tabs>.tab-buttons{background:var(--surface-2);border-radius:var(--radius) var(--radius) 0 0}.nas-tabs>.tab{gap:var(--sp-3);padding:var(--sp-4);display:grid}.nas-tabs>.tab[hidden]{display:none}.nas-tabs>.tab>form,.nas-tabs>.tab>.setup-guide{max-width:880px}.nas-tabs>.tab>.setup-guide{margin-top:0}.nas-tabs>.tab>.table-wrap{border:1px solid var(--line);border-radius:var(--radius)}.nas-tabs .tab-buttons svg.icon{width:15px;height:15px}.nas-tab-intro{color:var(--text-muted);font-size:var(--fs-sm);margin:0}.nas-avatar svg.icon{width:24px;height:24px}.nas-endpoint,.access-source{padding:6px var(--sp-3);border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-2)}.nas-setup{top:calc(var(--topbar-h) + var(--sp-3));position:sticky}.nas-setup>.kv{font-size:var(--fs-sm);margin-top:0;padding-top:4px;padding-bottom:4px}.nas-setup>h2+.kv{margin-top:var(--sp-2)}.nas-setup .setup-guide{margin-top:var(--sp-3)}.nas-setup>.button{justify-self:start}@media (width<=1100px){.client-layout,.settings-edit-page,.branding-layout,.nas-layout{grid-template-columns:minmax(0,1fr)}.client-side{display:contents}.client-layout>.client-side>.usage-card{order:-1}.nas-setup{position:static}.settings-edit-page>.settings-user-form,.settings-edit-page>.profile-settings-main{grid-row:auto}.settings-edit-page>.settings-user-roles{grid-column:auto}.overview{position:static}}@media (width<=760px){.tc-frame{grid-template-rows:180px auto}.tc-x span:nth-child(2n){visibility:hidden}.tc-legend{gap:var(--sp-1) var(--sp-3)}.tc-title{flex-basis:100%}.traffic-filter-if{flex:100%}.nas-monitor-grid{grid-template-columns:minmax(0,1fr)}.nas-gauges{grid-template-columns:repeat(2,minmax(0,1fr))}.client-hero{padding:var(--sp-3)}.client-identity{flex-wrap:wrap}.client-avatar{width:44px;height:44px;font-size:var(--fs-lg)}.client-hero-actions{flex-basis:100%}.client-hero-actions .button{flex:1 1 0;justify-content:center}.client-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.client-stat:nth-child(odd){box-shadow:none}.client-stat:nth-child(n+3){border-top:1px solid var(--line)}.client-section-head p{display:none}.health-grid{grid-template-columns:minmax(0,1fr)}.health-item:nth-child(odd){border-right:0}.notice-gateways{grid-template-columns:minmax(0,1fr)}.notice-gateway,.notice-template,.notice-template-list>.notice-template{grid-template-columns:auto minmax(0,1fr)}.notice-gateway>.badge,.notice-gateway>.button,.notice-template>.button{grid-column:2;justify-self:start}.two-factor-setup{grid-template-columns:minmax(0,1fr)}.metric{min-height:56px}.metric>div>strong{font-size:20px}.metric>div>span{white-space:normal}.metric-icon{display:none}.panel:has(>h2~.table-tools)>h2{border-top-right-radius:var(--radius);border-bottom:0;grid-column:1/-1}.panel>h2~.table-tools{border-radius:0;grid-area:2/1/auto/-1;justify-content:flex-start;padding-top:0}.segmented,.notice-nav{flex-wrap:wrap;width:100%;display:flex}.segmented a,.segmented button,.notice-nav a{white-space:nowrap;flex:auto;justify-content:center}.cards,.dashboard-cards{gap:var(--sp-2);grid-template-columns:repeat(2,minmax(0,1fr))}}.monitor-running{color:var(--text-muted);font-size:var(--fs-sm)}.monitor-card-note{color:var(--warning);font-size:var(--fs-sm);margin:0;font-weight:600}.access-profile{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}.access-profile>summary{align-items:center;gap:var(--sp-1) var(--sp-3);padding:var(--sp-2) var(--sp-3);flex-wrap:wrap;display:flex}.access-profile[open]>summary{border-bottom:1px solid var(--line);background:var(--surface-2)}.access-profile>form{padding:var(--sp-3)}.access-meta{color:var(--text-muted);font-size:var(--fs-sm);font-weight:400}.access-checks{gap:var(--sp-1);display:grid}.monitor-body{gap:var(--sp-4);display:grid}.monitor-attention{padding:var(--sp-3);border:1px solid var(--danger-line);border-left:4px solid var(--danger);border-radius:var(--radius);background:var(--danger-bg)}.monitor-attention h3{align-items:center;gap:var(--sp-2);margin:0 0 var(--sp-2);font-size:var(--fs-md);color:var(--danger);display:flex}.monitor-attention ul{gap:4px;margin:0;padding-left:22px;display:grid}.monitor-attention a{color:var(--text-strong)}.monitor-services{color:var(--text-muted);font-size:var(--fs-sm);flex-wrap:wrap;gap:4px 12px;margin:0;display:flex}.monitor-service:before{content:"";background:var(--success);vertical-align:1px;border-radius:50%;width:7px;height:7px;margin-right:6px;display:inline-block}.monitor-service.down{color:var(--danger);font-weight:600}.monitor-service.down:before{background:var(--danger)}.monitor-readings{gap:4px var(--sp-3);padding:var(--sp-2) var(--sp-3);border-top:1px solid var(--line);color:var(--text-strong);font-size:var(--fs-sm);font-variant-numeric:tabular-nums;flex-wrap:wrap;margin:0;display:flex}.health-card>.monitor-readings{margin:0}.monitor-readings small{color:var(--text-muted);font-size:var(--fs-sm)}.monitor-readings .tone-danger{color:var(--danger);font-weight:600}.monitor-readings .tone-warning{color:var(--warning);font-weight:600}.monitor-card{flex-direction:column;display:flex}.monitor-card>.health-card-actions{padding-top:var(--sp-3);margin-top:auto}.health-card>.monitor-services{margin:var(--sp-2) var(--sp-3) 0}@media (width<=760px){.monitor-card .health-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.monitor-jobs{padding:var(--sp-2) var(--sp-3);border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);display:grid}.monitor-jobs>h3{margin:0 0 var(--sp-1);font-size:var(--fs-md);color:var(--text-strong)}.monitor-job{align-items:center;gap:var(--sp-1) var(--sp-3);border-top:1px solid var(--line);grid-template-columns:minmax(180px,1fr) 120px minmax(0,2fr);padding:7px 0;display:grid}.monitor-job small,.monitor-job-ok{color:var(--text-muted);font-size:var(--fs-sm)}.monitor-jobs>.hint{margin:var(--sp-2) 0 0}@media (width<=760px){.monitor-job{grid-template-columns:minmax(0,1fr) auto}.monitor-job small{grid-column:1/-1}}.backup-destination{gap:var(--sp-3);padding:var(--sp-3);border:1px solid var(--line);border-radius:var(--radius);margin-bottom:var(--sp-3);display:grid}.backup-destination-head{gap:var(--sp-3);flex-wrap:wrap;justify-content:space-between;align-items:flex-start;display:flex}.backup-destination-head h3{margin:0}.backup-destination-head .toolbar-actions{gap:var(--sp-2);flex-wrap:wrap;align-items:center;display:flex}.backup-sftp-key{gap:var(--sp-2);display:grid}.backup-key-line{gap:var(--sp-2);align-items:center;display:flex}.backup-key-line code{white-space:nowrap;min-width:0;font-family:var(--font-mono);flex:1;padding:6px 8px;font-size:12px;overflow-x:auto}.backup-local-form{gap:var(--sp-2);margin-bottom:var(--sp-3);flex-wrap:wrap;align-items:flex-end;display:flex}.gateway-test{gap:var(--sp-2);margin-top:var(--sp-3);flex-wrap:wrap;align-items:flex-end;display:flex}@media (width<=640px){.backup-destination-head .toolbar-actions{width:100%}}#nprogress{pointer-events:none;background:0 0;border:0;width:100%;height:0;margin:0;padding:0;position:fixed;inset:0 0 auto;overflow:visible}#nprogress::backdrop{display:none}#nprogress .bar{z-index:1031;background:var(--accent);width:100%;height:3px;position:fixed;top:0;left:0}#nprogress .peg{width:100px;height:100%;box-shadow:0 0 10px var(--accent), 0 0 5px var(--accent);display:block;position:absolute;right:0;transform:rotate(3deg)translateY(-4px)}@media (width<=760px){.table-wrap{overflow-x:visible}.table-wrap table,.table-wrap tbody,.table-wrap tr,.table-wrap td{width:100%;display:block}.table-wrap thead{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.table-wrap tr{padding:var(--sp-2) var(--sp-3);border-bottom:1px solid var(--line)}.table-wrap td{gap:var(--sp-2);white-space:normal;text-align:left;border:0;grid-template-columns:minmax(6.5em,34%) minmax(0,1fr);align-items:start;padding:3px 0;display:grid}.table-wrap td:before{content:attr(data-label);color:var(--text-muted);font-size:var(--fs-sm);font-weight:500}.table-wrap td[data-label=""]{display:block}.table-wrap td[data-label=""]:before,.table-wrap td.empty:before{content:none}.table-wrap td.empty{text-align:center;display:block}.table-wrap td>*{grid-column:2;justify-self:start;margin-left:0}.table-wrap td[data-label=Actions]{row-gap:0}.table-wrap td[data-label=Actions]>*{align-items:center;min-height:36px;display:inline-flex}.table-wrap td[data-label=Actions] :is(.link,.danger-text){padding-inline:0}.table-wrap td.card-title,.table-wrap td.card-plain{display:block}.table-wrap td.card-title:before,.table-wrap td.card-plain:before{content:none}.table-wrap td.card-title{color:var(--text-strong);font-weight:600}}.admin-alert-checks{gap:var(--sp-2);border:0;margin:0;padding:0;display:grid}.admin-alert-checks legend{margin-bottom:var(--sp-1);font-size:var(--fs-sm);font-weight:600}.docs{gap:var(--sp-5);grid-template-columns:220px minmax(0,1fr);align-items:start;display:grid}.docs-toc{top:calc(var(--topbar-h) + var(--sp-4));max-height:calc(100vh - var(--topbar-h) - 32px);gap:2px;display:grid;position:sticky;overflow-y:auto}.docs-toc strong{margin-bottom:var(--sp-2);padding:0 var(--sp-2);color:var(--text-muted);font-size:var(--fs-xs);letter-spacing:.06em;text-transform:uppercase}.docs-toc a{align-items:center;gap:var(--sp-2);padding:6px var(--sp-2);border-radius:var(--radius);color:var(--text);font-size:var(--fs-md);display:flex}.docs-toc a:hover{background:var(--surface-hover);text-decoration:none}.docs-toc a[aria-current=true]{background:var(--accent-bg);color:var(--accent);font-weight:600}.docs-toc svg.icon{flex:none;width:14px;height:14px}.docs-body{gap:var(--sp-4);grid-template-columns:minmax(0,1fr);max-width:860px;display:grid}.docs-intro h2{font-size:22px}.docs-intro p{margin-top:var(--sp-1);color:var(--text-muted)}.docs-section{padding:var(--sp-5);border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow-sm);scroll-margin-top:calc(var(--topbar-h) + var(--sp-4));border-radius:10px;line-height:1.6}.docs-section>h2{align-items:center;gap:var(--sp-3);margin-bottom:var(--sp-3);font-size:var(--fs-2xl);display:flex}.docs-section h3{margin:var(--sp-4) 0 var(--sp-2);font-size:var(--fs-lg);scroll-margin-top:calc(var(--topbar-h) + var(--sp-4))}.docs-section p+p,.docs-section p+ul,.docs-section ul+p{margin-top:var(--sp-2)}.docs-section ul,.docs-steps{margin:var(--sp-2) 0 0;gap:6px;padding-left:22px;display:grid}.docs-section code{background:var(--surface-2);border:1px solid var(--line);font-family:var(--font-mono);overflow-wrap:anywhere;border-radius:4px;padding:1px 5px;font-size:.92em}.docs-note{gap:var(--sp-3);margin-top:var(--sp-3);padding:var(--sp-3);border:1px solid var(--accent-line);border-radius:var(--radius);background:var(--accent-bg);display:flex}.docs-note-warning{border-color:var(--warning-line);background:var(--warning-bg)}.docs-note>svg.icon{color:var(--accent);flex:none;margin-top:3px}.docs-note-warning>svg.icon{color:var(--warning)}.docs-table{margin-top:var(--sp-2);border:1px solid var(--line);border-radius:var(--radius);overflow-x:auto}.docs-table table{border-collapse:collapse;width:100%}.docs-table th,.docs-table td{padding:8px var(--sp-3);border-bottom:1px solid var(--line);text-align:left;vertical-align:top;white-space:normal}.docs-table th{background:var(--surface-2);font-size:var(--fs-sm);font-weight:600}.docs-table tr:last-child td{border-bottom:0}@media (width<=900px){.docs{grid-template-columns:minmax(0,1fr)}.docs-toc{top:var(--topbar-h);z-index:20;max-height:none;padding:var(--sp-2) 0;background:var(--bg);border-bottom:1px solid var(--line);scrollbar-width:thin;gap:4px;display:flex;position:sticky;overflow:auto hidden}.docs-toc strong{display:none}.docs-toc a{white-space:nowrap;flex:none}.docs-section{padding:var(--sp-4)}}.success-text{color:var(--success)}.update-sheet{gap:var(--sp-2);display:grid}.update-sheet p{margin:0}.update-sheet pre{max-height:320px;margin:var(--sp-2) 0 0;padding:var(--sp-2) var(--sp-3);border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-2);font-size:var(--fs-sm);white-space:pre-wrap;overflow-wrap:anywhere;overflow:auto}.update-sheet .form-actions{justify-content:flex-start}:root{--accent:#0d7f78;--accent-hover:#0a6a64;--accent-solid:#0d7f78;--accent-solid-hover:#0a6a64;--accent-bg:#e6f6f4;--accent-line:#b3e3dd;--focus:0 0 0 3px #0d7f7847}:root[data-theme=dark]{--accent:#2dd4bf;--accent-hover:#5eead4;--accent-solid:#0f766e;--accent-solid-hover:#0d8a80;--accent-bg:#2dd4bf24;--accent-line:#2dd4bf66;--focus:0 0 0 3px #2dd4bf59}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--accent:#2dd4bf;--accent-hover:#5eead4;--accent-solid:#0f766e;--accent-solid-hover:#0d8a80;--accent-bg:#2dd4bf24;--accent-line:#2dd4bf66;--focus:0 0 0 3px #2dd4bf59}}.toast-region{right:var(--sp-4);bottom:var(--sp-4);z-index:80;gap:var(--sp-2);width:min(380px, calc(100vw - 2 * var(--sp-4)));pointer-events:none;display:grid;position:fixed}.toast-region .flash{gap:var(--sp-2);box-shadow:var(--shadow-pop);pointer-events:auto;align-items:flex-start;margin:0;display:flex}.toast-region .flash>span{white-space:pre-line;overflow-wrap:anywhere;flex:1}.toast-region .flash>button{min-height:0;color:var(--text-muted);background:0 0;border:0;padding:0 4px}@media (width<=980px){.toast-region{left:var(--sp-4);right:var(--sp-4);width:auto}}.confirm-dialog.form-dialog{width:min(560px, calc(100vw - 2 * var(--sp-4)));max-width:none}.form-dialog .form-grid{padding:0}.records-table td{vertical-align:middle}.records-table tr.is-editing td,.records-table tr.add-row td{background:var(--surface-2)}.records-table tr.is-disabled td:not(:last-child){color:var(--text-faint);text-decoration:line-through}.records-table input,.records-table select{width:100%;min-width:64px}.records-table .cell-value{white-space:normal;overflow-wrap:anywhere;max-width:420px;font-family:var(--font-mono);font-size:var(--fs-sm)}.records-table .cell-ttl input{width:88px}.records-table .cell-prio input{width:72px}.records-table .row-error td{color:var(--danger);font-weight:600;font-size:var(--fs-sm);border-top:0;padding-top:0}.records-table tr.is-pending td{opacity:.6}.zone-preview{max-height:480px;padding:var(--sp-3);border-top:1px solid var(--line);background:var(--surface-2);font-family:var(--font-mono);font-size:var(--fs-sm);white-space:pre;margin:0;line-height:1.5;overflow:auto}.publish-error{padding:var(--sp-2) var(--sp-3);white-space:pre-wrap;font-family:var(--font-mono);font-size:var(--fs-sm);margin:0}.audit-payload{white-space:pre-wrap;overflow-wrap:anywhere;max-width:520px;font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--text-muted);margin:0}.hour-bars{grid-template-columns:repeat(var(--bars), minmax(0, 1fr));height:120px;padding:var(--sp-3);align-items:end;gap:2px;display:grid}.hour-bars>div{flex-direction:column;justify-content:flex-end;height:100%;display:flex;position:relative}.hour-bars span{background:var(--accent);border-radius:2px 2px 0 0;min-height:1px;display:block}.hour-bars span.blocked{background:var(--danger-solid);border-radius:0}.hour-legend{gap:var(--sp-3);padding:0 var(--sp-3) var(--sp-3);color:var(--text-muted);font-size:var(--fs-sm);display:flex}.hour-legend i{background:var(--accent);vertical-align:-1px;border-radius:2px;width:10px;height:10px;margin-right:4px;display:inline-block}.hour-legend i.blocked{background:var(--danger-solid)}.ns-rows{gap:var(--sp-2);display:grid}.ns-row{gap:var(--sp-2);grid-template-columns:minmax(0,2fr) minmax(0,1fr) auto;align-items:end;display:grid}@media (width<=640px){.ns-row{grid-template-columns:1fr}}.records-hint{padding:0 var(--sp-3) var(--sp-3)}.query-scope{gap:var(--sp-2);padding:var(--sp-2) var(--sp-3);border-bottom:1px solid var(--line);color:var(--text-muted);align-items:center;display:flex}.query-scope strong{color:var(--text-strong)}.query-summary .flash{margin:var(--sp-2) var(--sp-3) 0}.top-hits{gap:var(--sp-2);font-variant-numeric:tabular-nums;align-items:center;display:inline-flex}.top-hits meter{width:80px;height:6px}.pause-list{padding:var(--sp-2) var(--sp-3);gap:var(--sp-1);margin:0;list-style:none;display:grid}.group-picks{gap:var(--sp-2) var(--sp-4);padding:var(--sp-2) 0 0;border:0;flex-wrap:wrap;margin:0;display:flex}.group-picks legend{font-weight:600;font-size:var(--fs-sm);padding:0}.panel-text{padding:var(--sp-2) var(--sp-3) 0;margin:0}.totp-enrol{gap:var(--sp-4);padding:var(--sp-3);flex-wrap:wrap;align-items:flex-start;display:flex}.totp-enrol img{border-radius:var(--radius,8px);background:#fff;max-width:100%}.totp-enrol>div{flex:280px}.totp-secret{font-size:var(--fs-lg,1.1rem);letter-spacing:.05em;overflow-wrap:anywhere}.recovery-codes{padding:var(--sp-3)}.recovery-codes pre{margin:0 0 var(--sp-3);padding:var(--sp-3);background:var(--surface-2);columns:2;column-gap:var(--sp-5,2rem);border-radius:6px;display:inline-block}