@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-cyrillic-ext-wght-normal-DjL33-gN.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-cyrillic-wght-normal-BEAKL7Jp.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-vietnamese-wght-normal-6IgcOCM7.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-latin-ext-wght-normal-DC-KSUi6.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-latin-wght-normal-BgDaEnEv.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--brand-accent:#45627F;--brand-ink:#344454;--brand-paper:#C5CED8;--brand-middle:#65778B;--background:#E8ECF0;--surface:#F3F5F7;--surface-muted:#E0E5EB;--surface-hover:#E5EAF0;--text-primary:#253240;--text-secondary:#4D5B69;--text-muted:#536170;--border-subtle:#C4CDD7;--border-control:#758393;--accent:var(--brand-accent);--accent-soft:#DCE5EE;--accent-hover:#3C5670;--primary-foreground:#F1F5F9;--focus-ring:#496882;--link:#385774;--success:#286347;--success-surface:#DAE9DF;--warning:#775416;--warning-surface:#EBE2CC;--error:#9C3E48;--error-surface:#EEDDE0;--info:#3C5B7A;--info-surface:#DEE6EF;--backdrop:rgb(25 36 48 / 42%);--shadow:rgb(25 36 48 / 12%);--transparent:transparent;--qr-background:#FFFFFF;--muted:var(--text-muted);--line:var(--border-subtle);--cream:var(--surface-muted);--sage:var(--accent);font-family:Geist Variable,Segoe UI,sans-serif;font-synthesis:none;font-variant-numeric:tabular-nums;color:var(--text-primary);background:var(--background);color-scheme:light}:root[data-theme=dark]{--background:#252C35;--surface:#2E3742;--surface-muted:#353F4B;--surface-hover:#3D4957;--text-primary:#E1E7ED;--text-secondary:#C2CCD6;--text-muted:#B5C0CD;--border-subtle:#4B5766;--border-control:#8997A7;--brand-accent:#9DB4CB;--accent-soft:#3C4A5A;--accent-hover:#AFC3D7;--primary-foreground:#202C39;--focus-ring:#B0C8E0;--link:#B0C8E0;--success:#A6D1B7;--success-surface:#304A3C;--warning:#DDC38D;--warning-surface:#4B422F;--error:#E5AFB5;--error-surface:#523B43;--info:#B2CBE3;--info-surface:#374858;--backdrop:rgb(15 24 34 / 65%);--shadow:rgb(15 24 34 / 22%);color-scheme:dark}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select,textarea{font:inherit}button,.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:9px 13px;border:1px solid var(--border-subtle);border-radius:6px;background:var(--surface);color:var(--text-primary);font-size:12px;font-weight:500;text-decoration:none;cursor:pointer;white-space:nowrap;transition:background-color .15s ease,border-color .15s ease,transform .15s ease}button:hover,.button:hover{background:var(--surface-muted);border-color:var(--border-control)}button:active,.button:active{transform:translateY(1px)}button:disabled{opacity:.48;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--focus-ring);outline-offset:3px}.primary{background:var(--accent);border-color:var(--accent);color:var(--text-primary)}.primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.icon{padding:8px}.text{background:transparent;border:0;padding:0;color:var(--accent);font-size:11px}.text:hover{background:transparent;color:var(--accent-hover)}.wide{width:100%;padding:12px}h1,h2,h3,p{margin:0}h1{font-size:29px;font-weight:550;letter-spacing:-1px;line-height:1.2;margin-bottom:10px;text-wrap:balance}h2{font-size:15px;font-weight:550;letter-spacing:-.2px}h3{font-size:14px;font-weight:550}p{font-size:12px;line-height:1.7;color:var(--muted);max-width:65ch;text-wrap:pretty}small{font-size:11px;color:var(--muted)}code,pre{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px}code{overflow-wrap:anywhere}pre{padding:16px;background:var(--surface-muted);border-radius:5px;max-height:420px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere}.app{min-height:100dvh;isolation:isolate}.workspace{min-width:0}.topbar{background:var(--cream);border-bottom:1px solid var(--border-subtle);padding:0 32px}.topbar-inner{max-width:1440px;min-height:72px;margin:auto;display:flex;align-items:center;gap:32px}.brand{display:flex;align-items:center;gap:9px;font-size:14px;letter-spacing:-.35px;flex-shrink:0}.brand svg{color:var(--accent);stroke-width:1.6}.brand b{font-weight:600}.brand-button{padding:0;border:0;background:transparent;color:var(--text-primary)}.brand-button:hover{background:transparent;color:var(--accent)}nav{display:flex;align-items:center;gap:3px;min-width:0;flex:1}nav button{border:0;background:transparent;padding:9px 10px;color:var(--text-muted);font-size:11px;font-weight:500}nav button:hover{background:var(--accent-soft);color:var(--text-primary)}nav button.selected{background:var(--accent-soft);color:var(--text-primary)}nav button svg{display:none}.count{background:var(--accent-soft);padding:1px 5px;font-size:11px;border-radius:3px;margin-left:2px}.header-utilities{display:flex;align-items:center;gap:14px;margin-left:auto;flex-shrink:0}.header-utilities>.icon{border:0;background:transparent;color:var(--text-muted);padding:6px}.account{display:flex;align-items:center;gap:9px;font-size:11px;color:var(--text-muted)}.account>span:last-child{max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.avatar{width:27px;height:27px;background:var(--accent-soft);color:var(--link);border:1px solid var(--accent-soft);border-radius:7px;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:11px}main#content{max-width:1440px;margin:auto;padding:42px 40px 20px;min-height:calc(100dvh - 124px)}.page-head{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:36px}.page-head p{font-size:12px}.page-head .icon{background:transparent;border:0;color:var(--text-muted)}.actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.analytics-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;background:var(--surface);border-radius:8px;padding:24px 0 8px;margin-bottom:32px;border-bottom:1px solid var(--border-subtle)}.analytics{padding:0 24px 8px;min-width:0;border-right:1px dashed var(--border-subtle)}.analytics:last-child{border-right:0}.analytics-title{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:var(--text-muted);gap:8px;margin-bottom:12px}.analytics-title svg{color:var(--text-muted);stroke-width:1.5}.analytics-value{font-size:26px;font-weight:500;line-height:1.2;letter-spacing:-.8px;min-height:36px;display:flex;align-items:baseline;gap:8px}.analytics-value small{font-size:11px;letter-spacing:0;white-space:nowrap;font-weight:400}.history-chart{position:relative;margin:16px 0 20px}.history-chart svg{width:100%;height:100px;display:block;overflow:visible}.chart-grid{stroke:var(--border-subtle);stroke-width:1;stroke-dasharray:2 4}.chart-baseline{stroke:var(--border-control);stroke-width:1}.chart-bar{fill:var(--accent)}.chart-line{fill:none;stroke:var(--accent);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.sage .chart-bar{fill:var(--sage)}.chart-empty{position:absolute;inset:0 0 20px;display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:11px}.chart-labels{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:var(--text-muted);margin-top:8px}.chart-labels span:nth-child(2){font-size:11px;color:var(--text-muted)}.metric-row{display:flex;justify-content:space-between;align-items:center;gap:8px;border-top:1px dashed var(--border-subtle);padding:11px 0;font-size:11px;color:var(--text-muted)}.metric-row b{font-weight:500;color:var(--text-primary);font-size:11px}.metric-row .attention{color:var(--text-primary)}.overview-grid{display:grid;grid-template-columns:minmax(0,2.6fr) minmax(230px,1fr);gap:32px;margin-bottom:28px}.panel{background:var(--surface);border-radius:7px;overflow:hidden;margin-bottom:28px}.overview-grid .panel{margin-bottom:0}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px 24px 16px;border-bottom:1px solid var(--border-subtle)}.empty{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;padding:34px 24px 38px}.empty-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:8px;background:var(--surface-muted);color:var(--text-muted);margin-bottom:4px}.empty-icon svg{width:22px;stroke-width:1.4}.empty h3{font-size:13px}.empty p{font-size:11px;max-width:50ch}.empty button{margin-top:8px;font-size:11px;padding:8px 12px}.storage{padding:24px;background:var(--surface-muted);border-radius:7px}.storage>svg{color:var(--text-muted);stroke-width:1.4;width:20px;height:20px;margin-bottom:14px}.storage h2{font-size:12px;color:var(--text-muted)}.storage strong{display:block;font-size:28px;font-weight:500;letter-spacing:-.8px;margin-top:16px}.storage p{font-size:11px;margin-top:6px;margin-bottom:20px}.storage small{font-size:11px;line-height:1.6;display:block}.storage-foot{display:flex;gap:8px;align-items:center;font-size:11px;color:var(--text-muted);border-top:1px dashed var(--border-subtle);padding-top:16px;margin-top:20px}.storage-foot svg{width:14px;stroke-width:1.5}progress{width:100%;height:5px;margin:0 0 16px;border:0;accent-color:var(--accent)}progress::-webkit-progress-bar{background:var(--border-subtle);border-radius:2px}progress::-webkit-progress-value{background:var(--accent);border-radius:2px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:11px}th{padding:12px 24px;text-align:left;font-size:11px;font-weight:500;color:var(--text-muted);background:var(--surface-muted);white-space:nowrap}td{padding:17px 24px;border-bottom:1px dashed var(--border-subtle);vertical-align:middle;font-size:11px}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:var(--background)}td b{font-weight:500}td small{display:block;margin-top:5px;font-size:11px;line-height:1.5}td code{font-size:11px}td .actions{min-width:180px}td button,td .button{font-size:11px;padding:7px 10px}.truncate{display:block;max-width:150px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.badge{display:inline-flex;padding:4px 7px;background:var(--surface-muted);color:var(--text-secondary);font-size:11px;font-weight:500;border-radius:3px}.badge.good{background:var(--accent-soft);color:var(--link)}.badge.bad{background:var(--surface-muted);color:var(--text-primary)}.search{display:flex;align-items:center;gap:10px;padding:12px 14px;background:var(--surface);border:1px solid var(--border-subtle);border-radius:6px;margin-bottom:20px;color:var(--text-muted)}.search input{border:0;background:transparent;padding:0;min-width:0;flex:1;font-size:11px}.search span{font-size:11px;white-space:nowrap}.search svg{width:15px}input,select,textarea{width:100%;padding:10px 12px;border:1px solid var(--border-control);border-radius:5px;background:var(--surface);color:var(--text-primary);font-size:12px;line-height:1.5}input::placeholder,textarea::placeholder{color:var(--text-muted)}textarea{min-height:100px;resize:vertical}.field{display:flex;flex-direction:column;gap:7px;margin:20px 0;font-size:11px;font-weight:500}.field small{font-size:11px;font-weight:400;line-height:1.6}.check{display:flex;align-items:flex-start;gap:9px;line-height:1.65;font-size:11px;margin:20px 0}.check input{width:auto;margin-top:3px;accent-color:var(--accent)}.form-grid{display:grid;grid-template-columns:2fr 1fr;gap:20px}.form-grid .field{margin:0}.padded{padding:24px}.padded>p{margin-top:10px}.maintenance-preview{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:20px;padding:32px;border-radius:8px;background:var(--surface-muted)}.maintenance-preview h2{font-size:22px;letter-spacing:-.6px}.maintenance-preview p{font-size:12px}.maintenance-preview small{font-size:11px}.eyebrow{font-size:11px;letter-spacing:.9px;color:var(--text-muted);font-weight:500}.alert,.notice{display:flex;align-items:center;gap:10px;padding:13px 16px;margin-bottom:20px;border-radius:5px;background:var(--surface-muted);color:var(--text-primary);font-size:11px;line-height:1.6;border-left:3px solid var(--text-muted)}.notice{background:var(--accent-soft);color:var(--link);border-color:var(--accent)}.alert .icon,.notice .icon{margin-left:auto;border:0;background:transparent;color:inherit}.loading{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:16px;min-height:240px;color:var(--text-muted);font-size:12px}.loading:only-child{min-height:100dvh}footer{display:flex;justify-content:space-between;gap:16px;max-width:1440px;margin:auto;padding:20px 40px 24px;font-size:11px;color:var(--text-muted);border-top:1px solid var(--border-subtle)}.skip{position:absolute;top:-80px;padding:12px;background:var(--background);z-index:2;font-size:12px;color:var(--accent)}.skip:focus{top:8px;left:8px}dialog{width:min(640px,calc(100vw - 32px));max-height:90dvh;border:0;border-radius:10px;padding:0;background:var(--surface);color:var(--text-primary);box-shadow:0 24px 72px var(--shadow);isolation:isolate}dialog::backdrop{background:var(--backdrop);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal-head{padding:20px 24px;border-bottom:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:space-between}.modal-head .icon{border:0;background:transparent;color:var(--text-muted)}.modal-body{padding:24px}.modal-body>p{margin-bottom:16px}.modal-foot{display:flex;justify-content:flex-end;gap:12px;border-top:1px solid var(--border-subtle);padding-top:20px;margin-top:24px}.container-list{margin-top:16px;border:1px solid var(--border-subtle);border-radius:5px;max-height:240px;overflow:auto}.container-option{display:flex;gap:12px;padding:16px;border-bottom:1px dashed var(--border-subtle);font-size:11px}.container-option input{width:auto;accent-color:var(--accent)}.container-option small{display:block;margin-top:4px;font-size:11px;overflow-wrap:anywhere}.hint{padding:14px;border-radius:5px;background:var(--surface-muted);font-size:11px}.auth-shell{min-height:100dvh;background:var(--background);display:flex;flex-direction:column}.auth-header{display:flex;align-items:center;justify-content:space-between;padding:24px 40px;background:var(--cream);border-bottom:1px solid var(--border-subtle)}.auth-header>span{font-size:11px;color:var(--text-muted)}.auth-main{display:flex;align-items:center;justify-content:center;flex:1;padding:48px 24px}.auth-card{width:100%;max-width:400px;background:var(--surface);border:1px solid var(--border-subtle);border-radius:10px;padding:32px;box-shadow:0 12px 40px var(--transparent)}.mark{display:inline-flex;align-items:center;justify-content:center;color:var(--accent);background:var(--accent-soft);border-radius:8px;padding:10px;margin-bottom:20px}.mark svg{stroke-width:1.5;width:23px;height:23px}.auth-card h2{font-size:23px;letter-spacing:-.6px;font-weight:550;margin-bottom:10px}.auth-card>p{font-size:11px;margin-bottom:24px}.security-note{display:flex;align-items:center;justify-content:center;gap:7px;font-size:11px!important;margin:20px -12px 0}.security-note svg{width:12px}.enrollment{border:1px solid var(--border-subtle);padding:14px;border-radius:6px;margin-top:20px}.enrollment h3{font-size:11px;margin:16px 0 8px}.enrollment h3:first-child{margin-top:0}.enrollment p{font-size:11px;margin-bottom:8px}.enrollment code{display:block;padding:8px;background:var(--surface-muted);border-radius:4px;font-size:11px}.enrollment details{font-size:11px;margin-top:12px}.codes{display:grid;grid-template-columns:1fr 1fr;gap:6px}.enrollment .check{margin-bottom:0;font-size:11px}@media(max-width:1250px){.topbar{padding:0 24px}.topbar-inner{gap:20px}nav button{padding:9px 8px;font-size:11px}.account>span:last-child{display:none}main#content{padding:36px 32px 16px}.analytics{padding:0 20px 8px}.analytics-value{font-size:23px}.analytics-value small,.analytics-title{font-size:11px}}@media(max-width:960px){.topbar-inner{flex-wrap:wrap;gap:0;min-height:100px;padding-top:16px}.header-utilities{order:1;margin-left:auto}.topbar nav{order:2;width:100%;flex-basis:100%;overflow-x:auto;scrollbar-width:none;margin-top:10px;padding-bottom:10px;gap:4px}.topbar nav::-webkit-scrollbar{display:none}.topbar nav button{font-size:11px;padding:9px 12px;flex-shrink:0}.analytics-grid{grid-template-columns:repeat(2,minmax(0,1fr));padding:0}.analytics{padding:24px;border-bottom:1px dashed var(--border-subtle)}.analytics:nth-child(2){border-right:0}.analytics:nth-last-child(-n+2){border-bottom:0}.analytics-value{font-size:26px}.overview-grid{grid-template-columns:minmax(0,2fr) minmax(210px,1fr);gap:20px}.analytics-value small{font-size:11px}}@media(max-width:680px){.topbar{padding:0 20px}.topbar-inner{min-height:100px}.brand{font-size:13px}.topbar nav button{font-size:11px;padding:8px 10px}main#content{padding:28px 20px 16px}.page-head{gap:16px;margin-bottom:24px}.page-head h1{font-size:25px}.page-head p{font-size:11px}.page-head .actions{flex-shrink:0}.page-head .primary{font-size:11px;padding:8px 10px}.page-head .icon{display:none}.analytics{padding:20px 16px}.analytics-title{font-size:11px}.analytics-value{font-size:24px;flex-wrap:wrap;gap:4px}.analytics-value small,.chart-labels{font-size:11px}.chart-labels span:nth-child(2){display:none}.metric-row,.metric-row b{font-size:11px}.history-chart svg{height:90px}.overview-grid{grid-template-columns:1fr;gap:20px}.storage{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:12px 20px}.storage>svg{display:none}.storage h2{grid-column:1}.storage strong{grid-column:2;grid-row:1;margin:0;font-size:24px;text-align:right}.storage p{margin:0;grid-column:1/3}.storage progress{grid-column:1/3;margin:0}.storage small{grid-column:1/3}.storage-foot{grid-column:1/3;margin-top:0;padding-top:12px}.panel-head{padding:18px 20px 14px}.panel-head h2{font-size:13px}.empty{padding:28px 20px}.empty p{font-size:11px}th,td{padding:12px 16px}.panel{margin-bottom:20px}.form-grid{grid-template-columns:1fr;gap:0}.form-grid .field{margin:16px 0}.auth-header{padding:20px 24px}.auth-header>span{display:none}.auth-main{padding:32px 20px}.auth-card{padding:28px 24px}.modal-body{padding:20px}.modal-head{padding:18px 20px}footer{padding:18px 20px 24px;font-size:11px}.maintenance-preview{padding:28px}.search span{font-size:11px}}@media(max-width:390px){.page-head{flex-direction:column;align-items:flex-start}.analytics-value small{display:block;width:100%;margin-top:4px}.analytics-value{min-height:50px}.analytics{padding:16px 12px}.analytics-title svg{display:none}.chart-empty,.metric-row,.metric-row b{font-size:11px}.auth-card{padding:24px 20px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}body{font-size:14px}h1{font-size:32px;font-weight:400}h2,h3{font-weight:500}p{font-size:14px}.page-head p{font-size:13px}.primary,.primary:hover{color:var(--text-primary)}button,.button{border-radius:999px}.panel,.analytics-grid{border:1px solid var(--border-subtle);border-radius:10px}.analytics-value{font-weight:400}.analytics-title{font-size:12px}.metric-row{font-size:11px}.chart-labels{gap:8px}.chart-labels span:nth-child(2){display:none}.storage{border:1px solid var(--border-subtle);background:var(--surface)}.auth-card{box-shadow:none}.auth-card h2{font-weight:400}.auth-card>p{font-size:13px}.auth-qr{display:block;width:min(220px,100%);height:auto;aspect-ratio:1;margin:20px auto;border-radius:6px}.access-rules{display:flex;align-items:center;gap:20px;flex-wrap:wrap;padding:16px 0 24px;color:var(--text-muted);font-size:11px}.access-rules span{display:flex;align-items:center;gap:8px}.access-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.access-grid .panel{align-self:start}.access-grid p{margin-top:12px;font-size:13px}.access-count{font-size:11px;color:var(--text-muted)}.reauth-panel{background:var(--accent-soft)}.reauth-panel>p{font-size:13px;margin-top:8px}.expiry{color:var(--text-secondary)!important;font-size:12px!important;margin:12px 0!important}.enrollment-back{display:flex;margin:24px auto 0}.recovery-codes{margin:24px 0}.recovery-codes code{background:var(--surface-muted);padding:10px;border-radius:6px;font-size:12px}.qr-heading{margin-top:24px;margin-bottom:12px}.modal-body details{margin:16px 0;font-size:12px}.modal-body details code{display:block;margin:12px 0;overflow-wrap:anywhere}.access-grid .field{font-size:12px}.header-utilities{gap:10px}.topbar-inner{gap:20px}.topbar nav button{font-size:11px;padding:9px}.modal-head .icon,.notice{border-radius:6px}.modal-body,.auth-card{animation:dialog-enter .18s ease-out}@keyframes dialog-enter{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@media(max-width:960px){.access-grid{grid-template-columns:1fr}.access-rules{gap:12px 20px}.analytics-value small{font-size:11px}}@media(max-width:680px){.analytics-value{font-size:23px}.analytics-value small{width:100%;font-size:11px}.analytics-value{min-height:50px}.analytics-title,.metric-row b,.chart-labels,.chart-empty{font-size:11px}.panel-head h2{font-size:14px}.empty p{font-size:12px}.page-head h1{font-size:28px}.auth-card h2{font-size:23px}.auth-card>p{font-size:13px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}input,select,textarea{border-radius:6px}.primary{border-color:var(--accent-hover)}.text,.text:hover{color:var(--link)}.wizard-steps{display:flex;gap:12px;list-style:none;padding:0;flex-wrap:wrap;color:var(--muted);font-size:12px}.wizard-steps [aria-current=step]{color:var(--accent);font-weight:600}.setup-command{white-space:pre-wrap;overflow-wrap:anywhere;max-height:220px;overflow:auto;font-size:11px}.server-wizard h3{margin-bottom:12px}body{background:var(--background);color:var(--text-primary)}.primary,.primary:hover{color:var(--primary-foreground);border-color:var(--focus-ring)}button,.button{border-color:var(--border-control);border-radius:8px}button:hover,.button:hover{border-color:var(--border-control)}input,select,textarea{border:1px solid var(--border-control);border-radius:8px;background:var(--surface);color:var(--text-primary)}input:disabled,select:disabled,textarea:disabled{color:var(--text-muted);background:var(--surface-muted)}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--focus-ring);outline-offset:3px}.text,.text:hover,a{color:var(--link)}.text{border:0}.topbar nav button{border:0;border-radius:8px}.topbar nav button.selected{background:var(--accent-soft);color:var(--link)}.alert,.badge.bad{background:var(--error-surface);color:var(--error);border-color:var(--error)}.notice{background:var(--info-surface);color:var(--info);border-color:var(--info)}.badge.good{background:var(--success-surface);color:var(--success)}.attention{color:var(--error)}.idle-warning{background:var(--warning-surface);color:var(--warning);border-color:var(--warning)}.brand-lockup{display:block;width:160px;height:auto;max-width:100%;object-fit:contain}.brand-lockup.descriptive{width:360px;margin:0 auto 28px}.auth-card{width:480px;max-width:100%;background:var(--surface)}.auth-header{gap:24px}.auth-header>span{margin-left:auto;color:var(--text-secondary)}.brand-button{border:0;border-radius:0;padding:8px 0}.brand-button:hover{border:0}.theme-toggle{flex-shrink:0}.header-utilities{margin-left:auto}.auth-qr{background:var(--qr-background)}.auth-shell{background:var(--background)}@media(max-width:680px){.auth-header{gap:12px}.auth-header .theme-toggle{margin-left:auto}.brand-lockup{width:160px}.brand-lockup.descriptive{width:100%;max-width:360px}.topbar-inner{gap:16px}.header-utilities{gap:8px}}::view-transition-old(root),::view-transition-new(root){animation-duration:.22s;animation-timing-function:ease-out}@supports not (view-transition-name:root){:root,body,body *{transition:background-color .22s ease-out,color .22s ease-out,border-color .22s ease-out}}@media(prefers-reduced-motion:reduce){::view-transition-old(root),::view-transition-new(root){animation:none!important}:root,body,body *{transition:none!important}}.auth-header,.topbar{background:var(--surface);border-color:var(--border-subtle)}.auth-card{width:440px;border-radius:10px;padding:32px}.auth-card h2{font-weight:550;font-size:24px}.auth-card>p{color:var(--text-secondary);font-size:14px;line-height:1.6}.auth-card .field{font-size:13px}.auth-card .notice{display:block;font-size:12px;overflow-wrap:anywhere}.auth-card .notice code{display:inline;font-size:11px}.auth-card .primary{font-size:13px}.primary:disabled{opacity:1;background:var(--surface-muted);color:var(--text-muted);border-color:var(--border-subtle)}.wizard-steps [aria-current=step]{color:var(--link)}.backup-tree details{margin:12px 0 12px 16px;padding-left:12px;border-left:1px solid var(--border-subtle)}.backup-tree summary{cursor:pointer;color:var(--link);padding:8px 0;font-size:13px}.backup-tree-file{padding:16px 0;display:flex;justify-content:space-between;align-items:center;gap:16px}.backup-tree-file small,.backup-tree-file code{display:block;margin-top:8px;font-size:11px;overflow-wrap:anywhere}.backup-tree-file>div{min-width:0}@media(max-width:680px){.backup-tree-file{align-items:flex-start;flex-direction:column}.backup-tree details{margin-left:8px;padding-left:8px}}.storage-destination{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 0;border-bottom:1px solid var(--border-subtle)}.storage-destination:last-child{border-bottom:0}.storage-destination p{margin:8px 0;overflow-wrap:anywhere}@media(max-width:680px){.storage-destination{align-items:flex-start;flex-direction:column}}.site-wizard h3{margin-bottom:12px}.site-wizard summary{cursor:pointer;color:var(--link);padding:10px 0}.site-wizard .hint p{font-size:12px;margin-top:6px;overflow-wrap:anywhere}.setup-review{display:grid;grid-template-columns:100px minmax(0,1fr);gap:12px;margin:20px 0;padding:16px;background:var(--surface-muted);border-radius:6px;font-size:12px}.setup-review dt{color:var(--text-secondary)}.setup-review dd{margin:0;overflow-wrap:anywhere}.site-wizard .wizard-steps{margin-bottom:24px}@media(max-width:680px){.auth-card{padding:28px 24px}.auth-main{padding:32px 20px}}.connection-panel{padding:20px;border:1px solid var(--border-subtle);border-radius:8px;margin:20px 0}.connection-panel h4{margin-bottom:16px}.connection-panel .setup-command{margin:12px 0}.setup-section-title{margin:24px 0 12px}.command-preview{margin:16px 0}.command-preview summary{cursor:pointer;color:var(--link);padding:12px 0}.server-wizard .modal-foot,.site-wizard .modal-foot{position:sticky;bottom:0;background:var(--surface);padding:16px 0;margin-top:24px;z-index:1;flex-wrap:wrap}.modal-foot>button:first-child{margin-right:auto}.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:16px 0}.project-card{display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:8px;min-width:0;padding:16px;background:var(--surface);border:1px solid var(--border-subtle);border-radius:8px}.project-card[aria-pressed=true]{border-color:var(--accent);background:var(--accent-soft)}.project-card small{overflow-wrap:anywhere;color:var(--text-secondary);line-height:1.5}.project-action{color:var(--link);font-size:12px}.project-card b{font-size:14px}.project-card:hover{border-color:var(--accent)}@media(max-width:680px){.project-grid{grid-template-columns:1fr}.connection-panel{padding:16px}.modal-foot{gap:8px}}button,.button{min-height:40px;padding:10px 16px;font-size:13px;border-radius:8px;line-height:1.3}button.icon,.button.icon{min-width:40px;padding:10px}button.text{min-height:36px;padding:8px 0}button:disabled:hover{background:var(--surface);border-color:var(--border-subtle);transform:none}button.primary:disabled:hover{background:var(--accent);border-color:var(--accent)}.actions{gap:12px}.page-head .actions{justify-content:flex-end}.panel-head{flex-wrap:wrap}.modal-foot{position:sticky;bottom:0;background:var(--surface);padding:16px 0;margin-top:24px;align-items:center;flex-wrap:wrap;z-index:1}.modal-foot>button:first-child:not(.primary){margin-right:auto;background:transparent}.modal-foot>.primary{min-width:140px}.wizard-steps{gap:8px;margin:0 0 24px}.wizard-steps li{padding:8px 12px;border-radius:6px;background:var(--surface-muted)}.wizard-steps [aria-current=step]{background:var(--accent-soft);color:var(--text-primary)}.server-wizard section{padding:16px;border:1px solid var(--border-subtle);border-radius:8px;margin:16px 0 24px}.server-wizard h4,.application-group h4{margin:0 0 8px;font-size:14px;font-weight:600}.application-groups{display:grid;gap:16px;margin:20px 0}.application-group{border:1px solid var(--border-subtle);border-radius:8px;overflow:hidden;background:var(--surface)}.application-group header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px;background:var(--surface-muted);flex-wrap:wrap}.application-group .container-option{align-items:center;font-size:13px;cursor:pointer;border-bottom:1px solid var(--border-subtle)}.application-group .container-option:last-child{border-bottom:0}.application-group .container-option:has(input:checked){background:var(--accent-soft)}.application-group .container-option>div{flex:1;min-width:0;overflow-wrap:anywhere}.application-group input{width:18px;height:18px;flex-shrink:0}.container-state{font-size:11px;color:var(--text-muted)}.selection-summary{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:16px;border:1px solid var(--border-subtle);border-radius:8px;background:var(--surface-muted)}.selection-summary b{font-size:13px}.selection-summary span{font-size:12px;flex:1;min-width:0;overflow-wrap:anywhere;color:var(--text-muted)}@media(max-width:600px){.page-head{align-items:flex-start;gap:16px;flex-wrap:wrap}.page-head .actions{width:100%;justify-content:flex-start}.actions button{flex-grow:1}.modal-foot{gap:8px}.modal-foot>.primary{min-width:0;flex:1}.application-group header button{width:100%}.container-state{max-width:64px}.wizard-steps{font-size:11px}.wizard-steps li{padding:8px}.application-group .container-option{padding:12px}}.application-group header{display:flex;align-items:center;justify-content:space-between;gap:16px}.application-group header button{flex-shrink:0}.container-state{margin-left:auto;font-size:11px;color:var(--text-secondary)}@media(max-width:680px){.application-group header{align-items:flex-start;flex-direction:column}}dialog .modal-head{position:sticky;top:0;z-index:2;background:var(--surface)}.form-actions{display:flex;justify-content:flex-end;align-items:center;gap:12px;flex-wrap:wrap;margin-top:24px;padding-top:20px;border-top:1px solid var(--border-subtle)}.form-actions>button{min-width:144px;max-width:100%}.panel.padded>p{margin:8px 0 20px;line-height:1.6}.panel.padded form>.form-grid{align-items:start;gap:16px}.panel.padded form>.form-grid>.field{margin:0 0 16px}.panel.padded form>.field{margin-bottom:16px}.panel.padded form>details{margin:16px 0}.actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}td .actions{justify-content:flex-start;min-width:160px}.storage-destination>.actions{justify-content:flex-end}.server-wizard .setup-command{margin:16px 0}.server-wizard button+.hint,.server-wizard button+.notice{margin-top:16px}.server-wizard .hint+.field,.server-wizard .notice+.field{margin-top:20px}.server-wizard .command-preview+button{margin-bottom:4px}.auth-card form>.primary{margin-top:16px}button.primary:disabled:hover{background:var(--surface-muted);border-color:var(--border-subtle)}@media(max-width:680px){.form-actions{gap:12px;padding-top:16px;margin-top:20px}.form-actions>button{width:100%;min-width:0}.storage-destination>.actions{width:100%;justify-content:flex-start}.actions button{flex-grow:0}.page-head .actions>button,.storage-destination>.actions>button{flex:1}.panel.padded form>.form-grid{gap:0}}
