:root{--bg:#08090d;--surface:#101116;--surface-hover:#171820;--border:#24252d;--text:#f4f4f7;--muted:#94959f;--accent:#7557e8;--accent-hover:#8669f2;--success:#22c55e;--warning:#eab308;--danger:#ef4444;--radius:12px;--font:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}.home-system-summary{margin-bottom:1.25rem;overflow:hidden;border:1px solid var(--border);border-radius:12px;background:linear-gradient(145deg,rgba(18,19,25,.96),rgba(12,13,17,.96))}.home-system-primary{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:48px;padding:.7rem 1rem;border-bottom:1px solid var(--border)}.home-system-server{display:flex;align-items:baseline;gap:.55rem;min-width:0}.home-system-server>span:last-child{overflow:hidden;color:var(--muted);font-size:.78rem;text-overflow:ellipsis;white-space:nowrap}.home-system-dot{width:8px;height:8px;flex:0 0 8px;border-radius:50%;background:#36d67d;box-shadow:0 0 0 4px rgba(54,214,125,.1)}.home-system-primary>a{display:flex;align-items:baseline;gap:.5rem;color:var(--muted);font-size:.78rem}.home-system-primary>a strong{color:#5ce394;font-size:.9rem}.home-system-primary>a.home-system-alert strong{color:#ff646b}.home-system-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.home-system-metric{display:grid;grid-template-columns:auto 1fr;align-items:baseline;grid-gap:.15rem .55rem;gap:.15rem .55rem;min-width:0;padding:.75rem 1rem;border-right:1px solid var(--border)}.home-system-metric:last-child{border-right:0}.home-system-metric>span{color:var(--muted);font-size:.7rem;font-weight:650;letter-spacing:.05em;text-transform:uppercase}.home-system-metric>strong{justify-self:end;font-size:.95rem;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.home-system-metric>small{grid-column:1/-1;overflow:hidden;color:#777983;font-size:.7rem;text-overflow:ellipsis;white-space:nowrap}.home-system-metric-warn>strong{color:#f6b84a}@media (max-width:760px){.home-system-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.home-system-metric{border-bottom:1px solid var(--border)}.home-system-primary{align-items:flex-start;flex-direction:column;gap:.35rem}}.sites-dashboard{max-width:1320px;margin:0 auto}.sites-dashboard-header{margin-bottom:1rem}.sites-dashboard-subtitle{margin:.35rem 0 0}.sites-summary-strip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));margin-bottom:1rem;overflow:hidden;border:1px solid var(--border);border-radius:12px;background:rgba(16,17,22,.8)}.sites-summary-strip>div{display:flex;align-items:center;justify-content:space-between;gap:.75rem;min-width:0;padding:.85rem 1rem;border-right:1px solid var(--border)}.sites-summary-strip>div:last-child{border-right:0}.sites-summary-strip span{overflow:hidden;color:var(--muted);font-size:.76rem;white-space:nowrap;text-overflow:ellipsis}.sites-summary-strip strong{font-size:1.15rem;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.sites-summary-good{color:#43e18a}.sites-summary-warn{color:#f6b84a}.sites-table-card{padding:0;overflow:visible}.sites-table-toolbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:72px;padding:1rem 1.15rem;border-bottom:1px solid var(--border)}.sites-table-toolbar h2{margin:0;font-size:1rem}.sites-table-toolbar .muted{font-size:.78rem}.sites-search{width:min(300px,40vw)}.site-name-cell{display:flex;align-items:center;gap:.75rem;min-width:190px}.site-type-icon{display:inline-grid;width:34px;height:34px;flex:0 0 34px;place-items:center;border:1px solid #343640;border-radius:9px;background:#1b1c23;color:#aaa;font-size:.7rem;font-weight:700}.site-type-icon-web{color:#a996ff;background:rgba(117,87,232,.12);border-color:rgba(117,87,232,.32)}.site-type-icon-telegram_bot{color:#6ecaf5;background:rgba(50,153,209,.1);border-color:rgba(50,153,209,.28)}.site-name-cell a{font-weight:600}.site-row-meta{margin-top:.15rem;color:var(--muted);font-size:.72rem}.site-row-menu{position:relative}.site-row-menu summary{display:grid;width:34px;height:34px;place-items:center;list-style:none;border:1px solid var(--border);border-radius:8px;color:var(--muted);cursor:pointer}.site-row-menu summary::-webkit-details-marker{display:none}.site-row-menu>div{position:absolute;z-index:15;top:calc(100% + .3rem);right:0;width:155px;padding:.35rem;border:1px solid var(--border);border-radius:9px;background:#16171d;box-shadow:0 14px 32px rgba(0,0,0,.35)}.site-row-menu a,.site-row-menu button{display:block;width:100%;padding:.55rem .65rem;border:0;border-radius:6px;background:transparent;color:var(--text);font:inherit;font-size:.82rem;text-align:left;cursor:pointer}.site-row-menu a:hover,.site-row-menu button:hover{background:var(--surface-hover);text-decoration:none}.site-row-menu button{color:#ff8585}.dashboard-system-details{margin-top:1rem;border:1px solid var(--border);border-radius:12px;background:rgba(16,17,22,.55)}.dashboard-system-details>summary{padding:1rem 1.15rem;color:var(--muted);font-size:.85rem;font-weight:600;cursor:pointer}.dashboard-system-details[open]>summary{border-bottom:1px solid var(--border);color:var(--text)}.dashboard-system-content{padding:1rem}.dashboard-system-content>.card:first-child{margin-top:0}@media (max-width:900px){.sites-summary-strip{grid-template-columns:repeat(3,minmax(0,1fr))}.sites-summary-strip>div{border-bottom:1px solid var(--border)}}@media (max-width:640px){.sites-summary-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.sites-table-toolbar{align-items:stretch;flex-direction:column}.sites-search{width:100%}.site-name-cell{min-width:150px}}.site-overview-page{max-width:1280px;margin:0 auto}.site-overview-header{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;margin-bottom:1.15rem}.site-overview-identity h1{margin:0;font-size:clamp(1.7rem,2.4vw,2.35rem);letter-spacing:-.045em}.site-overview-identity .page-header-meta{display:flex;align-items:center;flex-wrap:wrap;gap:.4rem}.site-overview-actions{display:flex;align-items:center;justify-content:flex-end;gap:.5rem;flex-wrap:wrap}.site-overview-more{position:relative}.site-overview-more summary{list-style:none;min-width:42px;justify-content:center}.site-overview-more summary::-webkit-details-marker{display:none}.site-overview-more-menu{position:absolute;z-index:20;top:calc(100% + .45rem);right:0;width:190px;padding:.4rem;border:1px solid var(--border);border-radius:10px;background:#15161c;box-shadow:0 16px 38px rgba(0,0,0,.35)}.site-overview-more-menu a,.site-overview-more-menu button{display:block;width:100%;padding:.65rem .75rem;border:0;border-radius:7px;background:transparent;color:var(--text);font:inherit;text-align:left;cursor:pointer}.site-overview-more-menu a:hover,.site-overview-more-menu button:hover{background:var(--surface-hover);text-decoration:none}.site-overview-more-menu button{color:#ff8585}.site-overview-status-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(280px,.85fr);grid-gap:1rem;gap:1rem}.site-overview-status-grid>.card+.card{margin-top:0}.site-deployment-summary,.site-health-summary{min-height:148px;padding:1.1rem 1.25rem}.site-health-summary-head{display:flex;align-items:center;justify-content:space-between;gap:1rem}.site-metric-label{display:block;color:var(--muted);font-size:.72rem;font-weight:650;letter-spacing:.07em;text-transform:uppercase}.site-metric-value{margin-top:.65rem;font-size:.95rem;font-weight:520}.site-metric-meta{color:var(--muted);font-size:.82rem}.site-icon-button{width:30px;height:30px;border:1px solid var(--border);border-radius:8px;background:var(--surface-hover);color:var(--muted);cursor:pointer;font-size:1rem}.site-health-state{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;margin:.65rem 0 .8rem}.site-health-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:.8rem;gap:.8rem;margin:0}.site-health-metrics>div{min-width:0;padding-left:.8rem;border-left:1px solid var(--border)}.site-config-row dt,.site-health-metrics dt{color:var(--muted);font-size:.72rem}.site-config-row dd,.site-health-metrics dd{margin:.15rem 0 0;font-size:.85rem;word-break:break-word}.site-deployment-summary{display:flex;flex-direction:column;justify-content:space-between;gap:.45rem}.site-deployment-summary>a{font-size:.82rem}.site-overview-details{margin-top:1rem;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);align-items:start}.site-configuration-card dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-column-gap:1.5rem;column-gap:1.5rem;margin:0}.site-config-row{min-width:0;padding:.65rem 0;border-bottom:1px solid rgba(255,255,255,.055)}.site-domain-list{display:grid;grid-gap:.55rem;gap:.55rem;margin:0;padding:0;list-style:none}.site-domain-list li{padding:.7rem .8rem;border:1px solid var(--border);border-radius:9px;background:rgba(0,0,0,.14)}@media (max-width:900px){.site-overview-header{align-items:flex-start;flex-direction:column}.site-overview-actions{width:100%;justify-content:flex-start}.site-overview-details,.site-overview-status-grid{grid-template-columns:1fr}.site-overview-details>.card+.card,.site-overview-status-grid>.card+.card{margin-top:0}}@media (max-width:640px){.site-overview-actions .btn{flex:1 1 auto;justify-content:center}.site-configuration-card dl,.site-health-metrics{grid-template-columns:1fr}.site-health-metrics>div{padding:.5rem 0;border-left:0;border-bottom:1px solid var(--border)}}*{box-sizing:border-box}body,html{margin:0;padding:0;min-height:100%;background:var(--bg);color:var(--text);font-family:var(--font);line-height:1.5;overflow-x:hidden;text-size-adjust:100%}body{background:radial-gradient(circle at 75% -20%,rgba(117,87,232,.08),transparent 32rem),var(--bg)}@media (min-width:769px){body{padding-left:224px}main{max-width:1440px;padding:2.5rem 2rem 4rem}.nav{position:fixed;inset:0 auto 0 0;width:224px;height:100dvh;display:flex;flex-direction:column;align-items:stretch;gap:1.75rem;padding:1.25rem .9rem;border:0;border-right:1px solid var(--border);background:rgba(15,16,21,.96);box-shadow:12px 0 40px rgba(0,0,0,.18)}.nav-bar{display:flex;min-height:52px;align-items:center;padding:0 .45rem}.nav-brand{width:100%}.brand-logo-img.brand-logo-full{width:46px;height:46px}.brand-logo{flex-wrap:wrap}.brand-logo .app-server-ip,.brand-logo .app-version{font-size:.68rem}.nav-links{flex:1 1;width:100%;margin:0;flex-direction:column;align-items:stretch;gap:.75rem}.nav-primary,.nav-primary.nav-primary-desktop{width:100%;flex-direction:column;align-items:stretch;gap:.35rem}.nav-link{width:100%;min-height:44px;gap:.8rem;padding:.7rem .85rem;border:0;border-radius:10px;color:#b7b7c0}.nav-link:hover{color:var(--text);background:rgba(255,255,255,.045);text-decoration:none}.nav-link-active{color:#fff;background:linear-gradient(135deg,rgba(117,87,232,.55),rgba(84,61,164,.55));box-shadow:inset 0 0 0 1px rgba(160,137,255,.18),0 8px 24px rgba(75,47,176,.14)}.nav-more{width:100%}.nav-more-menu{left:calc(100% + .6rem);top:0;min-width:13rem;padding:.5rem;background:#14151b;border-radius:12px}.nav-more-item{display:flex;align-items:center;gap:.7rem}.nav-actions{width:100%;margin:auto 0 0;padding:.8rem 0 0;border:0;border-top:1px solid var(--border);flex-wrap:wrap}.nav-actions .btn{flex:1 1 100%;justify-content:center}}.nav-icon{width:18px;height:18px;flex:0 0 18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.btn{transition:transform .15s ease,border-color .15s ease,background .15s ease}.page-header{min-height:64px;margin-bottom:1.25rem}.page-header-meta{margin-top:.45rem}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:#7255df;box-shadow:0 0 0 3px rgba(117,87,232,.14)}.table td{padding-top:.9rem;padding-bottom:.9rem}.table tbody tr{transition:background .15s ease}.badge-success{color:#43e18a;background:rgba(24,169,87,.15)}.site-tabs{gap:.35rem;margin-bottom:1.25rem}.site-tab{border-radius:8px}@media (max-width:768px){main{padding-top:1.35rem}.nav-icon{width:19px;height:19px}}main{max-width:1100px;margin:0 auto;padding:2rem 1.5rem calc(4rem + env(safe-area-inset-bottom, 0px));width:100%}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3{margin:0 0 .75rem;font-weight:600}.card{background:var(--surface);border:1px solid var(--border);padding:1.25rem}.btn,.card{border-radius:var(--radius)}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border:1px solid transparent;font-size:.875rem;font-weight:500;cursor:pointer;background:var(--accent);color:white}.btn:hover{background:var(--accent-hover)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background:var(--surface-hover);border-color:var(--border);color:var(--text)}.btn-danger{background:var(--danger)}.input,.select,.textarea{width:100%;padding:.5rem .75rem;border-radius:var(--radius);border:1px solid var(--border);background:var(--bg);color:var(--text);font-size:.875rem}@media (max-width:768px){.input,.select,.textarea,input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]):not([type=hidden]),select,textarea{font-size:16px}}.textarea{min-height:80px;resize:vertical}.label{display:block;font-size:.75rem;font-weight:500;color:var(--muted);margin-bottom:.35rem;text-transform:uppercase;letter-spacing:.04em}.field{margin-bottom:1rem}.badge{display:inline-block;padding:.15rem .5rem;border-radius:999px;font-size:.75rem;font-weight:500;text-transform:capitalize}.badge-draft,.badge-stopped{background:#374151;color:#d1d5db}.badge-deploying{background:#422006;color:#fde047}.badge-error{background:#450a0a;color:#fca5a5}.badge-success{background:#14532d;color:#86efac}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:1rem;gap:1rem}.form-grid .field{margin-bottom:0}.form-actions{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:1.25rem}.stack-list{display:flex;flex-direction:column;gap:.75rem}.stack-item{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;padding:.85rem 1rem;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius)}.stack-item-main{min-width:0;flex:1 1}.stack-item-meta{font-size:.8rem;color:var(--muted);margin-top:.25rem;word-break:break-word}.stack-item-actions{display:flex;gap:.5rem;flex-shrink:0;flex-wrap:wrap}.section-title{margin:0 0 1rem;font-size:1rem;color:var(--text)}.card+.card{margin-top:1rem}.backup-status-grid>.card+.card,.grid-2>.card+.card,.server-status-grid>.card+.card{margin-top:0}.choice-list{gap:.75rem;max-width:40rem}.choice-list,.choice-option{display:flex;flex-direction:column}.choice-option{align-items:flex-start;gap:.35rem;width:100%;margin:0;padding:1rem 1.15rem;text-align:left;cursor:pointer;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font:inherit;transition:border-color .15s ease,background .15s ease}.choice-option:hover{background:var(--surface-hover);border-color:var(--accent)}.choice-option:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.choice-option-title{font-size:1rem;font-weight:600;color:var(--text);line-height:1.3}.choice-option-hint{font-size:.875rem;color:var(--muted);line-height:1.45}.servers-page{display:flex;flex-direction:column;gap:0}.servers-summary{display:flex;flex-wrap:wrap;align-items:stretch;gap:0;margin-bottom:.85rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.servers-summary-card{flex:1 1 10rem;min-width:0;padding:.5rem .85rem;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;grid-column-gap:.65rem;column-gap:.65rem;grid-row-gap:.1rem;row-gap:.1rem;align-items:center;border-right:1px solid var(--border);background:transparent}.servers-summary-card:last-child{border-right:none}.servers-summary-card .server-status-label{grid-column:1;grid-row:1;margin:0;font-size:.65rem;line-height:1.2;width:auto}.servers-summary-card .server-status-value{grid-column:2;grid-row:1/span 2;align-self:center;justify-self:end;font-size:1.05rem;font-weight:650;line-height:1.1;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;text-align:right;margin:0}.servers-summary-card .server-status-meta{grid-column:1;grid-row:2;margin:0;font-size:.75rem;color:var(--muted);line-height:1.25;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.servers-filters{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:1rem}.servers-filter{margin:0;padding:.35rem .75rem;border-radius:999px;border:1px solid var(--border);background:transparent;color:var(--muted);font:inherit;font-size:.8125rem;font-weight:500;cursor:pointer}.servers-filter:hover{color:var(--text);border-color:var(--muted);background:var(--surface)}.servers-filter-active{background:var(--accent);border-color:var(--accent);color:#fff}.servers-filter-active:hover{background:var(--accent-hover);border-color:var(--accent-hover);color:#fff}.servers-node-list{display:flex;flex-direction:column;gap:.5rem}.servers-node-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:.7rem .9rem}.servers-node-top{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.servers-node-heading{min-width:0;flex:1 1;display:flex;flex-wrap:wrap;align-items:center;gap:.35rem .55rem}.servers-node-name{color:var(--text);font-size:.95rem;font-weight:600;text-decoration:none;line-height:1.25;word-break:break-word}.servers-node-name:hover{color:var(--accent)}.servers-node-badges{display:flex;flex-wrap:wrap;gap:.3rem;align-items:center}.servers-node-badges .badge{text-transform:none;font-size:.68rem;padding:.12rem .4rem}.servers-node-actions{display:flex;flex-shrink:0;flex-wrap:wrap;gap:.35rem;align-items:center;justify-content:flex-end}.servers-node-actions .btn{padding:.3rem .55rem;font-size:.78rem}.servers-node-meta{display:flex;flex-wrap:wrap;gap:.25rem .85rem;margin-top:.35rem;font-size:.75rem;color:var(--muted);word-break:break-word}.servers-node-metrics{display:flex;flex-wrap:wrap;align-items:center;gap:.25rem .15rem;margin-top:.45rem;padding-top:.45rem;border-top:1px solid var(--border);font-size:.78rem;color:var(--text);line-height:1.2}.servers-metric{display:inline-flex;align-items:center;gap:.28rem;padding:.15rem .4rem;border-radius:999px;background:color-mix(in srgb,var(--border) 55%,transparent);color:var(--text);white-space:nowrap;max-width:100%}.servers-metric svg{flex-shrink:0;opacity:.75}.servers-metric-muted{color:var(--muted);background:transparent;padding-left:.15rem;padding-right:.15rem}.servers-metric-warn{color:var(--danger);background:color-mix(in srgb,var(--danger) 12%,transparent)}.servers-metric-sep{width:1px;height:.9rem;margin:0 .25rem;background:var(--border);flex-shrink:0}.servers-metric-text{overflow:hidden;text-overflow:ellipsis;max-width:11rem}.servers-node-incidents{color:var(--danger);font-weight:500}.servers-legend{margin:0 0 .55rem;font-size:.75rem;line-height:1.35;max-width:none}.servers-inline-link{color:var(--accent);text-decoration:none;font-size:.78rem}.servers-inline-link:hover{text-decoration:underline}.servers-detail-page{display:flex;flex-direction:column;gap:.85rem}.servers-detail-page>.card{margin:0}.servers-detail-page>.card+.card{margin-top:0}.servers-rename-row{display:flex;flex-wrap:wrap;gap:.5rem;align-items:flex-end}.servers-rename-row .field{flex:1 1 14rem;margin:0;min-width:0}.servers-rename-row .btn{flex:0 0 auto}.servers-kv{display:grid;grid-template-columns:minmax(6.5rem,8.5rem) minmax(0,1fr);grid-column-gap:.85rem;column-gap:.85rem;grid-row-gap:.4rem;row-gap:.4rem;margin:0;font-size:.85rem;align-items:baseline}.servers-kv dt{margin:0;color:var(--muted);font-size:.78rem;line-height:1.35}.servers-kv dd{margin:0;min-width:0;word-break:break-word;line-height:1.35;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.servers-billing-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:.75rem 1rem;gap:.75rem 1rem}.servers-billing-grid .field{margin-bottom:0;min-width:0}.servers-billing-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem;margin-top:1rem}.servers-billing-actions .checkbox-row{margin:0;color:var(--text);font-size:.875rem;font-weight:500;text-transform:none;letter-spacing:normal}.servers-billing-actions .btn{margin:0}.servers-detail-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:.55rem;gap:.55rem}.servers-detail-metric{min-width:0;padding:.55rem .65rem;border:1px solid var(--border);border-radius:var(--radius);background:color-mix(in srgb,var(--border) 35%,transparent)}.servers-detail-metric-label{font-size:.68rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);margin-bottom:.25rem}.servers-detail-metric-value{font-size:.92rem;font-weight:600;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (max-width:720px){.servers-summary{flex-direction:column}.servers-summary-card{border-right:none;border-bottom:1px solid var(--border);padding:.45rem .75rem}.servers-summary-card:last-child{border-bottom:none}.servers-summary-card .server-status-value{font-size:1rem}.servers-summary-card .server-status-meta{white-space:normal}.servers-node-top{flex-direction:column;align-items:stretch}.servers-node-actions{width:100%;justify-content:stretch}.servers-node-actions .btn{flex:1 1 auto;justify-content:center}.servers-metric-sep{display:none}.servers-detail-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.servers-kv{grid-template-columns:minmax(5.5rem,7rem) minmax(0,1fr)}.servers-billing-grid{grid-template-columns:1fr}.servers-billing-actions{flex-direction:column;align-items:stretch}.servers-billing-actions .btn{width:100%;justify-content:center}}.muted{color:var(--muted)}.badge-active{background:#14532d;color:#86efac}.badge-pending,.badge-running{background:#422006;color:#fde047}.badge-succeeded{background:#14532d;color:#86efac}.badge-failed{background:#450a0a;color:#fca5a5}.badge-health-healthy{background:#14532d;color:#86efac}.badge-health-degraded{background:#422006;color:#fde047}.badge-health-unhealthy{background:#450a0a;color:#fca5a5}.badge-health-unknown{background:#374151;color:#d1d5db}.log-viewer{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.8rem;background:#0a0e14;border:1px solid var(--border);border-radius:var(--radius);padding:1rem;max-height:420px;overflow-y:auto;white-space:pre-wrap;word-break:break-word}.log-line-info{color:#94a3b8}.log-line-error{color:#f87171}.log-line-warn{color:#fbbf24}.nav{display:flex;align-items:center;flex-wrap:nowrap;gap:.75rem;padding:calc(.65rem + env(safe-area-inset-top, 0px)) calc(1rem + env(safe-area-inset-right, 0px)) .65rem calc(1rem + env(safe-area-inset-left, 0px));border-bottom:1px solid var(--border);background:var(--surface);position:-webkit-sticky;position:sticky;top:0;z-index:40}.nav.nav-menu-open{z-index:50}.nav-bar{display:contents}.nav-backdrop,.nav-drawer-head{display:none}.nav-brand{display:inline-flex;align-items:center;flex-shrink:0;font-weight:700;text-decoration:none;color:var(--text);min-width:0;gap:.65rem;flex-wrap:nowrap}.nav-context{font-size:.75rem;font-weight:500;letter-spacing:.02em}.brand-logo{display:inline-flex;align-items:center;gap:.55rem;min-width:0;flex-wrap:nowrap}.brand-logo-full,.brand-logo-small{width:auto;flex-shrink:0;object-fit:contain}.brand-logo-img.brand-logo-small{display:none;height:40px;width:40px;max-width:none;background:transparent}.brand-logo-img.brand-logo-full{display:block;height:44px;width:44px;max-width:none;background:transparent}.brand-logo-auth .brand-logo-img.brand-logo-full{height:88px;width:88px;max-width:none}.auth-brand{margin:0 0 .75rem;display:flex;justify-content:center}.app-server-ip,.app-version{font-size:.75rem;font-weight:500;color:var(--muted);vertical-align:middle;white-space:nowrap}.app-server-ip{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.app-server-ip:before{content:"·";margin:0 .35rem;opacity:.7}.nav-links{gap:.5rem;margin-left:auto;min-width:0}.nav-links,.nav-primary{display:flex;align-items:center;flex-wrap:nowrap}.nav-primary{gap:.15rem}.nav-primary.nav-primary-desktop{display:flex}.nav-primary.nav-primary-mobile{display:none}.nav-link{display:inline-flex;align-items:center;gap:.25rem;padding:.35rem .55rem;border-radius:var(--radius);font-size:.875rem;font-weight:500;color:var(--muted);text-decoration:none;border:1px solid transparent;background:transparent;cursor:pointer;font:inherit;white-space:nowrap;transition:color .12s ease,background .12s ease,border-color .12s ease}.nav-link-active,.nav-link:hover{color:var(--text);background:var(--bg)}.nav-link-active{border-color:var(--border)}.nav-more{position:relative;flex-shrink:0}.nav-more-caret{font-size:.7em;opacity:.75}.nav-more-menu{position:absolute;top:calc(100% + .35rem);left:0;z-index:40;min-width:12rem;padding:.35rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 8px 24px rgba(0,0,0,.35);display:flex;flex-direction:column;gap:.15rem}.nav-more-item{display:block;padding:.45rem .65rem;border-radius:calc(var(--radius) - 2px);color:var(--text);text-decoration:none;font-size:.875rem;white-space:nowrap}.nav-more-item:hover{background:var(--bg)}.nav-more-item-active{background:color-mix(in srgb,var(--accent) 16%,transparent);color:var(--accent)}.nav-actions{display:flex;align-items:center;flex-wrap:nowrap;flex-shrink:0;gap:.4rem;margin-left:.15rem;padding-left:.75rem;border-left:1px solid var(--border)}.nav-actions .btn{font-size:.8125rem;padding:.35rem .7rem;white-space:nowrap}.nav-toggle{display:none;margin-left:auto;padding:.35rem .75rem;font-size:.8rem}.page-header{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem}.page-header h1{margin:0;word-break:break-word}.page-header-tight{align-items:flex-start;margin-bottom:.5rem}.page-header-meta{color:var(--muted);margin:0;word-break:break-word;line-height:1.6}.page-header-meta .badge{vertical-align:middle;margin-left:.15rem}.page-actions{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:flex-end;flex-shrink:0;align-items:center}.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.table{width:100%;border-collapse:collapse;min-width:0}@media (min-width:769px){.table{min-width:520px}}.table td,.table th{text-align:left;padding:.75rem;border-bottom:1px solid var(--border)}.table th{color:var(--muted);font-size:.75rem;text-transform:uppercase}.site-tabs{display:flex;gap:.25rem;margin-bottom:1.5rem;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;border-bottom:1px solid var(--border);padding-bottom:.5rem}.backup-status-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:.75rem;gap:.75rem;align-items:stretch}.backup-status-grid>.card+.card{margin-top:0}@media (max-width:960px){.backup-status-grid{grid-template-columns:1fr}.backup-status-grid>.card+.card{margin-top:0}}.backup-status-card.card{display:flex;flex-direction:column;height:100%;min-height:0;padding:.85rem 1rem;box-sizing:border-box}.backup-status-card h3{font-size:.875rem;margin:0 0 .55rem;font-weight:600;line-height:1.3}.backup-status-card-body{flex:1 1 auto;display:flex;flex-direction:column;gap:.35rem;font-size:.8125rem;line-height:1.35;min-height:0}.backup-status-card-row{display:grid;grid-template-columns:6.75rem minmax(0,1fr);grid-column-gap:.65rem;column-gap:.65rem;align-items:baseline}.backup-status-card-row strong{font-weight:500;color:var(--muted);font-size:.75rem}.backup-status-card-row>span{min-width:0;text-align:right;overflow-wrap:anywhere}.backup-status-card-actions{margin-top:auto;padding-top:.75rem;flex-shrink:0}.backup-status-card-actions .btn{width:100%;justify-content:center;padding:.4rem .75rem;font-size:.8rem}.site-tab{display:inline-block;padding:.35rem .75rem;border-radius:var(--radius);font-weight:500;font-size:.875rem;color:var(--muted);background:transparent;border:1px solid transparent;text-decoration:none;cursor:pointer;font-family:inherit;line-height:inherit}.site-tab:hover{text-decoration:none;color:var(--text)}.site-tab-active{font-weight:600;color:var(--text);background:var(--surface-hover);border-color:var(--border)}.wizard-steps{display:flex;gap:.5rem;margin-bottom:2rem;flex-wrap:wrap}.wizard-step{padding:.35rem .75rem;border-radius:var(--radius);font-size:.8rem;background:var(--surface);border:1px solid var(--border);color:var(--muted)}.wizard-step.active{border-color:var(--accent);color:var(--accent)}.wizard-step.done{color:var(--success);border-color:var(--success)}.alert{padding:.75rem 1rem;border-radius:var(--radius);margin-bottom:1rem;font-size:.875rem}.alert-error{background:#450a0a;border:1px solid #7f1d1d;color:#fecaca}.alert-success{background:#14532d;border:1px solid #166534;color:#86efac}.checkbox-row{display:inline-flex;align-items:center;gap:.5rem;cursor:pointer}.server-status-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:1rem;gap:1rem;margin-top:1rem}.server-status-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin:0 0 .35rem;font-weight:600}.server-status-value{font-size:1.35rem;font-weight:600;line-height:1.2}.server-status-meta{margin-top:.25rem;font-size:.8125rem;color:var(--muted)}.meter{margin-top:.5rem;height:6px;background:var(--border);overflow:hidden}.meter,.meter-fill{border-radius:999px}.meter-fill{height:100%;background:var(--accent)}.server-status-procs{display:grid;grid-template-columns:1fr 1fr;grid-gap:1rem;gap:1rem;margin-top:1.25rem}.server-status-toggles{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.server-status-update{display:flex;justify-content:space-between;align-items:flex-start;gap:.75rem;flex-wrap:wrap;margin-top:1rem;padding-top:.85rem;border-top:1px solid var(--border)}.server-status-update-log{margin:.5rem 0 0;max-height:220px;overflow:auto;padding:.75rem;border-radius:var(--radius);border:1px solid var(--border);background:var(--bg);font-size:.75rem;line-height:1.4;white-space:pre-wrap;word-break:break-word}.table-compact td,.table-compact th{padding:.35rem .5rem;font-size:.8125rem}.cmd-cell{max-width:14rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}@media (max-width:800px){.server-status-grid,.server-status-procs{grid-template-columns:1fr}}.checkbox-row input{width:auto}.grid-2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-gap:1rem;gap:1rem;align-items:start}.grid-2>*{min-width:0;max-width:100%}.grid-2>.card+.card{margin-top:0}@media (max-width:640px){.grid-2{grid-template-columns:minmax(0,1fr)}}.deployments-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-gap:1rem;gap:1rem;align-items:start}.deployments-layout>.card+.card{margin-top:0}.deployments-layout>*{min-width:0;max-width:100%}.deployments-list,.deployments-side-logs{overflow:hidden}.deployments-log-id{overflow-wrap:anywhere;word-break:break-all}.deployments-inline-logs .log-viewer,.deployments-side-logs .log-viewer{max-width:100%;box-sizing:border-box}.deployments-inline-logs td{padding:.75rem;border-bottom:1px solid var(--border);vertical-align:top;background:var(--surface)}.deployments-inline-logs h3{font-size:.95rem}@media (max-width:768px){.deployments-layout{grid-template-columns:minmax(0,1fr)}.deployments-inline-logs .log-viewer{max-height:200px}}.kv-editor{margin-bottom:1rem}.kv-editor-table{width:100%;border-collapse:collapse;margin-bottom:.75rem;table-layout:fixed}.kv-editor-table th{text-align:left;padding:.35rem .5rem .5rem;color:var(--muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--border)}.kv-editor-table td{padding:.35rem .5rem;vertical-align:top}.kv-col-name{width:38%}.kv-col-value{width:52%}.kv-col-action{width:3rem}.kv-remove{padding:.35rem .55rem;min-width:2rem;line-height:1}@media (max-width:640px){.kv-editor-table,.kv-editor-table tbody,.kv-editor-table td,.kv-editor-table th,.kv-editor-table tr{display:block;width:100%}.kv-editor-table thead{display:none}.kv-editor-table tr{border-bottom:1px solid var(--border);padding-bottom:.75rem;margin-bottom:.75rem}.kv-editor-table td{padding:.25rem 0}.kv-editor-table td:before{content:attr(data-label);display:block;font-size:.75rem;color:var(--muted);text-transform:uppercase;margin-bottom:.25rem}.kv-editor-table td:first-child:before{content:"Name"}.kv-editor-table td:nth-child(2):before{content:"Value"}.kv-col-action{width:100%}}.auth-screen{min-height:calc(100vh - 2rem);display:flex;align-items:center;justify-content:center;padding:2rem 1rem}.auth-card{width:100%;max-width:420px}.auth-card h1{margin-bottom:.5rem}.auth-hint{color:var(--muted);font-size:.875rem;margin-bottom:.75rem}.auth-api-url{font-size:.8rem;color:var(--muted);margin-bottom:1.25rem;word-break:break-all}.auth-api-url code{color:var(--text)}.nav-logout{padding:.35rem .75rem;font-size:.8rem}.locale-switcher{display:inline-flex;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.locale-btn{padding:.35rem .55rem;font-size:.75rem;font-weight:600;background:transparent;color:var(--muted);border:none;cursor:pointer}.locale-btn-active,.locale-btn:hover{color:var(--text);background:var(--surface-hover)}.auth-locale{margin-bottom:1rem}.auth-actions{display:flex;flex-wrap:wrap;gap:.5rem}.auth-actions .btn{flex:1 1 auto}.modal-backdrop{position:fixed;inset:0;z-index:100;display:flex;align-items:flex-end;justify-content:center;padding:0;background:rgba(15,23,42,.55);-webkit-overflow-scrolling:touch}.modal{width:min(100%,22rem);max-height:calc(100dvh - 2rem);overflow-y:auto;margin:1rem}.modal-wide{width:min(100%,56rem)}@media (min-width:769px){.modal-backdrop{align-items:center;padding:1rem}.modal{margin:0;max-height:calc(100vh - 2rem)}}.linkish{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;padding:0;color:inherit;cursor:pointer;text-align:left;font:inherit}.linkish:hover code{text-decoration:underline}.db-tables{margin:.25rem 0 .75rem .75rem;padding:.75rem;border-left:2px solid var(--border)}.query-result-wrap{max-height:min(60vh,28rem);overflow:auto}.query-cell{font-size:.8rem;white-space:pre-wrap;word-break:break-word}.mobile-qr-scanner h2{margin:0 0 .5rem;font-size:1.125rem}.qr-scanner-viewport{width:100%;min-height:260px;overflow:hidden;background:#0a0e14;margin-bottom:1rem}.qr-scanner-viewport,.qr-scanner-viewport video{border-radius:var(--radius)}.mobile-qr-modal h2{margin:0 0 .5rem;font-size:1.125rem}.mobile-qr-hint{color:var(--muted);font-size:.875rem;margin-bottom:1rem}.mobile-qr-image{display:block;margin:0 auto .75rem;border-radius:var(--radius)}.mobile-qr-expires,.mobile-qr-status{text-align:center;font-size:.875rem;color:var(--muted);margin-bottom:1rem}.mobile-qr-actions{display:flex;gap:.5rem}.mobile-qr-actions .btn{flex:1 1}.nav-mobile-qr{padding:.35rem .75rem;font-size:.8rem}.mobile-auth-card{text-align:center}.mobile-auth-status{font-size:1.125rem;font-weight:600;margin-bottom:.5rem}.confirm-dialog h2{margin:0 0 .75rem;font-size:1.125rem}.confirm-dialog-message{color:var(--muted);font-size:.9rem;margin:0 0 1.25rem;line-height:1.5}.confirm-dialog-actions{display:flex;gap:.5rem;justify-content:flex-end}.confirm-dialog-actions .btn{min-width:5.5rem}@media (max-width:768px){main{padding:1rem .75rem 3rem}h1{font-size:1.35rem}.nav{display:block;padding:env(safe-area-inset-top,0) 0 0;border-bottom:1px solid var(--border)}.nav-bar{display:flex;align-items:center;gap:.5rem;padding:.55rem calc(.75rem + env(safe-area-inset-right, 0px)) .55rem calc(.75rem + env(safe-area-inset-left, 0px))}.nav-brand{flex:1 1 auto;min-width:0}.brand-logo,.nav-brand{gap:.4rem;flex-wrap:nowrap}.brand-logo{max-width:100%}.brand-logo-img.brand-logo-small{display:block;height:36px;width:36px;max-width:none;background:transparent}.brand-logo-img.brand-logo-full{display:none}.brand-logo-auth .brand-logo-img.brand-logo-full{height:96px;width:96px}.brand-logo .app-version{display:none}.brand-logo .app-server-ip{font-size:.68rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:min(42vw,10.5rem)}.nav-toggle{display:inline-flex;flex-shrink:0;margin-left:auto}.nav-backdrop{display:block;position:fixed;inset:0;z-index:45;border:0;padding:0;margin:0;background:rgba(0,0,0,.55);cursor:pointer}.nav-links{display:none;position:fixed;top:0;right:0;bottom:0;z-index:50;width:min(20rem,86vw);margin:0;padding:calc(.85rem + env(safe-area-inset-top, 0px)) .85rem calc(.85rem + env(safe-area-inset-bottom, 0px));flex-direction:column;align-items:stretch;gap:.35rem;background:var(--surface);border-left:1px solid var(--border);box-shadow:-12px 0 32px rgba(0,0,0,.45);overflow-y:auto;-webkit-overflow-scrolling:touch}.nav-links-open{display:flex}.nav-drawer-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin:0 0 .35rem;padding-bottom:.65rem;border-bottom:1px solid var(--border)}.nav-drawer-title{font-size:.8rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}.nav-drawer-close{flex-shrink:0;padding:.3rem .65rem;font-size:.8rem}.nav-primary.nav-primary-desktop{display:none}.nav-primary.nav-primary-mobile{display:flex;flex-direction:column;gap:.15rem}.nav-primary.nav-primary-mobile .nav-link{padding:.7rem .75rem;font-size:.95rem}.nav-actions{flex-direction:column;align-items:stretch;margin-left:0;margin-top:auto;padding:.75rem 0 0;border-left:none;border-top:1px solid var(--border);gap:.45rem}.nav-actions .btn,.nav-actions .locale-switcher{width:100%;justify-content:center}.nav-mobile-qr{display:none}.nav-logout{width:100%;justify-content:center}.servers-summary{flex-direction:column}.servers-summary-card{flex:none;width:100%;padding:.45rem .75rem;border-right:none;border-bottom:1px solid var(--border)}.servers-summary-card:last-child{border-bottom:none}.servers-summary-card .server-status-meta{white-space:normal}.page-header{flex-direction:column;align-items:stretch}main{padding-bottom:calc(5.5rem + env(safe-area-inset-bottom, 0px))}.page-header-tight{align-items:stretch}.page-actions{justify-content:stretch}.page-actions .btn{flex-grow:1;flex-shrink:1;flex-basis:calc(50% - 0.25rem);justify-content:center}.table .col-hide-mobile{display:none}.site-tabs{gap:.35rem!important}.site-tab{font-size:.8rem!important;padding:.3rem .55rem!important}}@media (min-width:769px){body{padding-left:224px}main{max-width:1440px;padding:2.5rem 2rem 4rem}.nav{position:fixed;inset:0 auto 0 0;width:224px;height:100dvh;flex-direction:column;align-items:stretch;gap:1.75rem;padding:1.25rem .9rem;border:0;border-right:1px solid var(--border);background:rgba(15,16,21,.96);box-shadow:12px 0 40px rgba(0,0,0,.18)}.nav-bar{display:flex;min-height:52px;align-items:center;padding:0 .45rem}.nav-brand{width:100%}.brand-logo-img.brand-logo-full{width:46px;height:46px}.brand-logo{flex-wrap:wrap}.brand-logo .app-server-ip,.brand-logo .app-version{font-size:.68rem}.nav-links{flex:1 1;width:100%;margin:0;flex-direction:column;align-items:stretch;gap:.75rem}.nav-primary,.nav-primary.nav-primary-desktop{width:100%;flex-direction:column;align-items:stretch;gap:.35rem}.nav-link{width:100%;min-height:44px;gap:.8rem;padding:.7rem .85rem;border:0;border-radius:10px;color:#b7b7c0}.nav-link:hover{color:var(--text);background:rgba(255,255,255,.045);text-decoration:none}.nav-link-active{color:#fff;background:linear-gradient(135deg,rgba(117,87,232,.55),rgba(84,61,164,.55));box-shadow:inset 0 0 0 1px rgba(160,137,255,.18),0 8px 24px rgba(75,47,176,.14)}.nav-more{width:100%}.nav-more-menu{left:calc(100% + .6rem);top:0;min-width:13rem;padding:.5rem;background:#14151b;border-radius:12px}.nav-more-item{display:flex;align-items:center;gap:.7rem}.nav-actions{width:100%;margin:auto 0 0;padding:.8rem 0 0;border:0;border-top:1px solid var(--border);flex-wrap:wrap}.nav-actions .btn{flex:1 1 100%;justify-content:center}}.card{background:linear-gradient(145deg,rgba(18,19,25,.98),rgba(13,14,19,.98));border-color:var(--border);box-shadow:0 14px 38px rgba(0,0,0,.12),inset 0 1px rgba(255,255,255,.018)}.btn{min-height:38px;padding:.55rem 1rem;border-radius:10px;background:linear-gradient(135deg,#8062ed,#6748da);box-shadow:0 7px 20px rgba(103,72,218,.2),inset 0 1px rgba(255,255,255,.16)}.btn:hover{transform:translateY(-1px);background:linear-gradient(135deg,#9176f4,#7557e8)}.btn-secondary{color:#e5e5e9;background:#17181e;border-color:#2b2c34;box-shadow:inset 0 1px rgba(255,255,255,.035)}.btn-secondary:hover{background:#202128;border-color:#3a3b46}.page-header h1{font-size:clamp(1.55rem,2vw,2rem);letter-spacing:-.035em}.input,.select,.textarea{min-height:42px;background:#0b0c10;border-color:#292a33}.table th{color:#747680;letter-spacing:.06em}.table tbody tr:hover{background:rgba(255,255,255,.025)}.site-tabs{padding:.3rem;border:1px solid var(--border);border-radius:12px;background:rgba(15,16,21,.72)}:root{--bg:#10141c;--surface:#1a202b;--surface-hover:#252d3a;--border:#343e4e;--text:#f5f7fb;--muted:#aeb7c6}body{background:radial-gradient(circle at 72% -10%,rgba(117,87,232,.13),transparent 35rem),linear-gradient(180deg,#10141c,#0d1118)}.card{background:linear-gradient(145deg,#1c2330,#181e29);border-color:#364153;box-shadow:0 12px 32px rgba(3,7,18,.18),inset 0 1px rgba(255,255,255,.035)}.btn-secondary{background:#252c38;border-color:#3b4658;color:#f0f3f8}.btn-secondary:hover{background:#303947;border-color:#4b586d}.input,.select,.textarea{background:#151b25;border-color:#3a4557}.table tbody tr:hover{background:rgba(137,151,179,.08)}.table th{color:#929cad}.site-tabs{background:#181e28}.site-tab-active{background:#283142}.home-system-summary{background:linear-gradient(145deg,#1d2532,#18202b)}.sites-summary-strip{background:#1a212c}.dashboard-system-details{background:#181f2a}.nav-more-menu,.site-overview-more-menu,.site-row-menu>div{background:#242c38;border-color:#414d60}.site-domain-list li{background:#151c26}.log-viewer,.server-status-update-log{background:#111722;border-color:#344054}@media (min-width:769px){.nav{background:#171d27;border-right-color:#354052;box-shadow:12px 0 36px rgba(3,7,18,.2)}}