.live-admin-page{--admin-accent:var(--accent,#8db9ff);--admin-panel:color-mix(in srgb,var(--panel,#0d1420) 92%,transparent);--admin-line:color-mix(in srgb,var(--line,#25344b) 78%,transparent);color:var(--text,#eef4ff);min-height:100%;padding:clamp(28px,5vw,72px) clamp(18px,6vw,96px) 120px;background:radial-gradient(circle at 80% 0%,color-mix(in srgb,var(--admin-accent) 9%,transparent),transparent 33%),var(--bg,#070b11)}
.live-admin-shell{max-width:1480px;margin:0 auto}.live-admin-header,.live-admin-section-head,.live-admin-account-head,.live-admin-service-main,.live-admin-action,.live-admin-tv-request>div,.live-admin-import{display:flex;align-items:center;justify-content:space-between;gap:18px}.live-admin-header{align-items:flex-end;border-bottom:1px solid var(--admin-line);padding-bottom:27px;margin-bottom:20px}.live-admin-header h1{margin:4px 0 9px;font-size:clamp(34px,4vw,58px);letter-spacing:-.05em}.live-admin-header p:not(.live-admin-eyebrow){margin:0;color:var(--muted,#8e9bae);font-size:14px}.live-admin-eyebrow,.live-admin-card-kicker{margin:0;color:var(--admin-accent);font-size:10px;letter-spacing:.18em;text-transform:uppercase}.live-admin-header-actions{display:flex;gap:8px}.live-admin-icon-button,.live-admin-button{border:1px solid var(--admin-line);color:var(--text,#eef4ff);background:color-mix(in srgb,var(--admin-panel) 82%,transparent);font:inherit;cursor:pointer;transition:transform .2s ease,border-color .2s ease,background .2s ease}.live-admin-icon-button{width:42px;height:42px;display:grid;place-items:center;border-radius:50%}.live-admin-button{min-height:38px;padding:9px 14px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:12px}.live-admin-button .icon,.live-admin-icon-button .icon{width:17px;height:17px}.live-admin-button.primary{background:var(--admin-accent);border-color:var(--admin-accent);color:#07101e}.live-admin-button.danger{color:#ffb7bb;border-color:#7d3740}.live-admin-button.subtle:hover,.live-admin-icon-button:hover{background:color-mix(in srgb,var(--admin-accent) 11%,var(--admin-panel));border-color:var(--admin-accent)}.live-admin-button:hover,.live-admin-icon-button:hover{transform:translateY(-1px)}.live-admin-button:focus-visible,.live-admin-icon-button:focus-visible,.live-admin-account summary:focus-visible,.live-admin-tv-form input:focus-visible,.live-admin-tv-form select:focus-visible{outline:2px solid var(--admin-accent);outline-offset:3px}.live-admin-truth-note,.live-admin-note{display:flex;align-items:flex-start;gap:8px;color:var(--muted,#8e9bae);font-size:12px;line-height:1.6}.live-admin-truth-note{margin:0 0 26px}.live-admin-truth-note .icon,.live-admin-note .icon{width:16px;height:16px;flex:none;color:var(--admin-accent)}.live-admin-error,.live-admin-callout{display:flex;align-items:center;gap:10px;border:1px solid #8a4c42;background:#351c1a;color:#ffd6ca;padding:12px 15px;border-radius:10px;margin:0 0 18px;font-size:12px}.live-admin-error .icon,.live-admin-callout .icon{width:17px;height:17px;flex:none}.live-admin-loading,.live-admin-empty{display:grid;place-items:center;min-height:120px;gap:8px;text-align:center;color:var(--muted,#8e9bae);padding:18px}.live-admin-loading .icon{width:28px;height:28px;animation:live-admin-spin 1.2s linear infinite;color:var(--admin-accent)}.live-admin-empty .icon{width:24px;height:24px;color:var(--admin-accent)}.live-admin-empty p{margin:0;font-size:12px}@keyframes live-admin-spin{to{transform:rotate(360deg)}}.live-admin-overview-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:13px;margin-bottom:38px}.live-admin-card,.live-admin-section{border:1px solid var(--admin-line);background:var(--admin-panel);border-radius:16px;box-shadow:0 15px 45px #00000014}.live-admin-card{padding:20px}.live-admin-hero-card{min-height:170px;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;background:linear-gradient(135deg,color-mix(in srgb,var(--admin-accent) 13%,var(--admin-panel)),var(--admin-panel))}.live-admin-hero-card h3{font-size:25px;margin:10px 0 8px;letter-spacing:-.035em}.live-admin-hero-card p{font-size:12px;line-height:1.6;color:var(--muted,#8e9bae);max-width:420px;margin:0}.live-admin-card-kicker{margin-bottom:16px}.live-admin-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.live-admin-metric{display:grid;gap:5px;min-width:0}.live-admin-metric span,.live-admin-metric small{color:var(--muted,#8e9bae);font-size:10px}.live-admin-metric strong{font-size:21px;letter-spacing:-.04em}.live-admin-facts{display:grid;gap:12px;margin:17px 0 0}.live-admin-facts div{display:grid;gap:4px}.live-admin-facts dt{font-size:10px;color:var(--muted,#8e9bae)}.live-admin-facts dd{margin:0;font-size:12px;word-break:break-word}.live-admin-status{display:inline-flex;align-items:center;gap:6px;max-width:100%;padding:5px 8px;border-radius:999px;font-size:10px;line-height:1.2;white-space:nowrap;border:1px solid var(--admin-line);color:var(--muted,#8e9bae)}.live-admin-status i{width:6px;height:6px;display:block;border-radius:50%;background:currentColor}.live-admin-status.up{color:#8ee1b0;border-color:#31705466;background:#15382766}.live-admin-status.down{color:#ffaaa9;border-color:#854a4e66;background:#421f2366}.live-admin-status.unknown{color:#d1b989;border-color:#806c3c66;background:#3b301866}.live-admin-section{padding:25px;margin-bottom:18px}.live-admin-section-head{margin-bottom:14px}.live-admin-section-head h2{margin:4px 0 0;font-size:22px;letter-spacing:-.04em}.live-admin-section-head>.live-admin-status{margin-top:4px}.live-admin-accounts-list,.live-admin-services-list,.live-admin-audit-list,.live-admin-action-list{display:grid;gap:10px}.live-admin-account,.live-admin-service,.live-admin-audit,.live-admin-action{border:1px solid var(--admin-line);border-radius:12px;background:#ffffff03}.live-admin-account{padding:17px}.live-admin-account-head{justify-content:flex-start}.live-admin-avatar{width:37px;height:37px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--admin-accent),#4f65b6);color:#07101e;font-weight:700}.live-admin-account-name{min-width:0;flex:1}.live-admin-account-name h3,.live-admin-service h3{margin:0;font-size:14px}.live-admin-account-name p,.live-admin-service p{margin:4px 0 0;color:var(--muted,#8e9bae);font-size:11px;overflow:hidden;text-overflow:ellipsis}.live-admin-account-state{margin-left:auto}.live-admin-account-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:17px 0 0;padding:13px 0;border-top:1px solid var(--admin-line);border-bottom:1px solid var(--admin-line)}.live-admin-account-meta div{min-width:0}.live-admin-account-meta dt{font-size:9px;color:var(--muted,#8e9bae);margin-bottom:4px}.live-admin-account-meta dd{font-size:11px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin:0}.live-admin-account-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.live-admin-permissions{margin-top:13px;border-top:1px solid var(--admin-line);padding-top:13px}.live-admin-permissions summary{display:inline-flex;align-items:center;gap:7px;cursor:pointer;list-style:none;color:var(--muted,#8e9bae);font-size:11px}.live-admin-permissions summary::-webkit-details-marker{display:none}.live-admin-permissions summary .icon{width:15px;height:15px}.live-admin-toggle-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:15px 0}.live-admin-toggle{position:relative;display:flex;align-items:center;justify-content:space-between;gap:7px;padding:9px 10px;border:1px solid var(--admin-line);border-radius:8px;color:var(--muted,#8e9bae);font-size:10px;cursor:pointer}.live-admin-toggle input{position:absolute;opacity:0;pointer-events:none}.live-admin-toggle i{width:25px;height:15px;border-radius:99px;background:#394353;position:relative;flex:none}.live-admin-toggle i:after{content:"";position:absolute;width:11px;height:11px;left:2px;top:2px;border-radius:50%;background:#aab4c4;transition:transform .2s ease}.live-admin-toggle input:checked+i{background:var(--admin-accent)}.live-admin-toggle input:checked+i:after{transform:translateX(10px);background:#07101e}.live-admin-service{padding:16px}.live-admin-service-main{justify-content:flex-start}.live-admin-service-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;color:var(--admin-accent);background:color-mix(in srgb,var(--admin-accent) 11%,transparent);flex:none}.live-admin-service-icon .icon{width:18px;height:18px}.live-admin-service-main>div{min-width:0;flex:1}.live-admin-service-main>.live-admin-status{margin-left:auto}.live-admin-service-detail{padding-left:52px;margin:10px 0 0!important;font-size:11px!important}.live-admin-service-actions{display:flex;gap:8px;flex-wrap:wrap;padding-left:52px;margin-top:12px}.live-admin-subgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:13px}.live-admin-list{list-style:none;padding:0;margin:13px 0 0;display:grid;gap:10px}.live-admin-list li{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:11px;color:var(--muted,#8e9bae)}.live-admin-small{color:var(--muted,#8e9bae);font-size:11px;line-height:1.5}.live-admin-audit{padding:14px}.live-admin-audit>div{display:flex;justify-content:space-between;gap:12px;align-items:center}.live-admin-audit strong{font-size:12px}.live-admin-audit span,.live-admin-audit p{font-size:10px;color:var(--muted,#8e9bae)}.live-admin-audit p{margin:8px 0}.live-admin-audit details{font-size:10px;color:var(--muted,#8e9bae)}.live-admin-audit pre{white-space:pre-wrap;overflow:auto;padding:10px;border-radius:8px;background:#00000022;font-size:10px}.live-admin-action{padding:12px 14px}.live-admin-action>div{display:flex;gap:10px;align-items:center;min-width:0}.live-admin-action strong{font-size:11px}.live-admin-action span,.live-admin-action time{font-size:10px;color:var(--muted,#8e9bae)}.live-admin-action time{margin-left:auto}.live-admin-tv-form{display:grid;gap:8px;margin:18px 0}.live-admin-tv-form label,.live-admin-tv-request label{font-size:11px;color:var(--muted,#8e9bae)}.live-admin-tv-form>div{display:flex;gap:8px}.live-admin-tv-form input,.live-admin-tv-request select{min-height:39px;border:1px solid var(--admin-line);border-radius:8px;background:#0000001e;color:var(--text,#eef4ff);padding:9px 11px;font:inherit;font-size:12px}.live-admin-tv-form input{flex:1}.live-admin-tv-request{display:grid;gap:15px;padding:16px;border:1px solid var(--admin-line);border-radius:12px}.live-admin-tv-request>div{justify-content:flex-start}.live-admin-tv-request h3{font-size:13px;margin:0}.live-admin-tv-request p,.live-admin-tv-request small{display:block;margin:5px 0 0;color:var(--muted,#8e9bae);font-size:10px}.live-admin-tv-request label{display:grid;gap:7px}.live-admin-tv-request select{width:100%}.live-admin-import{padding:18px;margin-top:18px}.live-admin-import p{margin:6px 0 0;color:var(--muted,#8e9bae);font-size:11px;line-height:1.5}.live-admin-import>div{max-width:700px}
@media(max-width:1100px){.live-admin-overview-grid{grid-template-columns:repeat(2,1fr)}.live-admin-toggle-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.live-admin-page{padding:24px 16px 100px}.live-admin-header{align-items:flex-start}.live-admin-header h1{font-size:34px}.live-admin-header p:not(.live-admin-eyebrow){font-size:12px}.live-admin-overview-grid,.live-admin-subgrid{grid-template-columns:1fr}.live-admin-section{padding:17px;border-radius:13px}.live-admin-account-meta{grid-template-columns:1fr 1fr}.live-admin-account-meta div:last-child{grid-column:1/-1}.live-admin-account-actions .live-admin-button{flex:1;min-width:130px}.live-admin-toggle-grid{grid-template-columns:1fr 1fr}.live-admin-service-detail,.live-admin-service-actions{padding-left:0}.live-admin-import{align-items:flex-start;flex-direction:column}.live-admin-import .live-admin-button{width:100%}.live-admin-action{align-items:flex-start;flex-wrap:wrap}.live-admin-action time{width:100%;margin-left:0}.live-admin-tv-form>div{align-items:stretch;flex-direction:column}.live-admin-tv-form .live-admin-button{width:100%}}
@media(prefers-reduced-motion:reduce){.live-admin-page *{animation:none!important;transition:none!important}}

/* The landing page has two levels: capacity/host, then service controls. */
.live-admin-page{padding-top:32px}.live-admin-header{padding-bottom:20px}.live-admin-header h1{font-size:clamp(30px,3vw,44px)}
.live-admin-evidence-alerts{display:grid;gap:8px;margin:0 0 18px}.live-admin-evidence-alert{display:flex;align-items:flex-start;gap:9px;padding:10px 13px;border:1px solid #806c3c66;border-radius:9px;background:#3b301866;color:#f2d59c;font-size:11px;line-height:1.5}.live-admin-evidence-alert.error{border-color:#854a4e66;background:#421f2366;color:#ffb8b8}.live-admin-evidence-alert .icon{width:15px;height:15px;flex:none;margin-top:1px}
.live-admin-overview-grid{gap:20px;margin-bottom:24px}.live-admin-card-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}.live-admin-card-heading h2{display:flex;align-items:center;gap:9px;font-size:16px;margin:0;letter-spacing:-.02em}.live-admin-card-heading .icon{width:20px;height:20px;color:var(--admin-accent)}
.live-admin-storage-card,.live-admin-proxmox-card{padding:24px;min-width:0}.live-admin-storage-free{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin:22px 0 15px}.live-admin-storage-free strong{font-size:38px;line-height:1.1;letter-spacing:-.045em;font-variant-numeric:tabular-nums}.live-admin-storage-free span{font-size:12px;color:var(--muted)}
.live-admin-capacity{display:block;width:100%;height:7px;appearance:none;border:0;border-radius:9px;overflow:hidden;background:var(--admin-line)}.live-admin-capacity::-webkit-meter-bar{background:var(--admin-line);border:0;border-radius:9px;height:7px}.live-admin-capacity::-webkit-meter-optimum-value{background:var(--admin-accent);border-radius:9px}.live-admin-capacity::-moz-meter-bar{background:var(--admin-accent)}
.live-admin-storage-numbers{display:flex;justify-content:space-between;gap:16px;margin-top:10px;font-size:11px;color:var(--muted)}.live-admin-storage-numbers span{display:flex;gap:7px;flex-wrap:wrap}.live-admin-storage-numbers b{color:var(--text);font-weight:500;font-variant-numeric:tabular-nums}.live-admin-system-disk{border-top:1px solid var(--admin-line);padding-top:14px;margin-top:20px}.live-admin-system-disk h3{font-size:12px;margin:0}.live-admin-storage-stats.compact .live-admin-storage-free{margin:10px 0}.live-admin-storage-stats.compact strong{font-size:23px}.live-admin-measured{font-size:10px;color:var(--muted);margin:18px 0 0;line-height:1.5}
.live-admin-proxmox-card{display:flex;flex-direction:column}.live-admin-node{font-size:30px;letter-spacing:-.03em;margin:20px 0 0}.live-admin-proxmox-metrics{display:grid;grid-template-columns:1fr 1.8fr;gap:16px;margin:20px 0 6px}.live-admin-proxmox-metrics strong{font-size:22px;overflow-wrap:anywhere}.live-admin-proxmox-card .live-admin-measured{margin-top:auto;padding-top:20px}.live-admin-vm{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.live-admin-primary-services .live-admin-services-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.live-admin-service{display:flex;flex-direction:column;min-width:0}.live-admin-service-main{gap:12px;flex-wrap:wrap}.live-admin-service-main>div{min-width:110px}.live-admin-service-detail{overflow-wrap:anywhere;line-height:1.6}.live-admin-service-actions{margin-top:auto;padding-top:12px}.live-admin-services-list .live-admin-service h3{font-size:14px}
.live-admin-accounts-entry{display:flex;align-items:center;gap:16px;padding:22px 24px;background:var(--admin-panel);border:1px solid var(--admin-line);border-radius:14px;color:var(--text);text-decoration:none;margin:24px 0 30px;transition:border-color .2s,background .2s}.live-admin-accounts-entry:hover{border-color:var(--admin-accent);background:color-mix(in srgb,var(--admin-accent) 6%,var(--admin-panel))}.live-admin-entry-icon{display:grid;place-items:center;width:42px;height:42px;background:color-mix(in srgb,var(--admin-accent) 10%,transparent);border-radius:12px;flex:none}.live-admin-entry-icon .icon{width:21px;height:21px}.live-admin-accounts-entry>span:nth-child(2){flex:1;min-width:0}.live-admin-accounts-entry strong{display:block;font-size:16px}.live-admin-accounts-entry small{display:block;font-size:12px;line-height:1.5;color:var(--muted);margin-top:5px}.live-admin-accounts-entry>.icon{width:20px;height:20px;flex:none}
.live-admin-back{display:inline-flex;align-items:center;gap:9px;color:var(--muted);font-size:12px;margin-bottom:20px;text-decoration:none;min-height:40px}.live-admin-back .icon{width:18px;height:18px}.live-admin-tools-title{font-size:18px;margin:0 0 14px;letter-spacing:-.03em}.live-admin-disclosure{border:1px solid var(--admin-line);border-radius:12px;margin-bottom:10px;background:var(--admin-panel)}.live-admin-disclosure>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 22px;font-size:13px;cursor:pointer;list-style:none}.live-admin-disclosure>summary::-webkit-details-marker{display:none}.live-admin-disclosure>summary .icon{width:17px;height:17px;transition:transform .2s}.live-admin-disclosure[open]>summary .icon{transform:rotate(180deg)}.live-admin-disclosure-body>.live-admin-section{border:0;box-shadow:none;background:none;margin:0;padding-top:4px}.live-admin-disclosure-body .live-admin-subgrid{margin-top:0}.live-admin-disclosure-body .live-admin-metric strong{overflow-wrap:anywhere;font-size:17px}.live-admin-accounts-entry:focus-visible,.live-admin-back:focus-visible,.live-admin-disclosure>summary:focus-visible{outline:2px solid var(--admin-accent);outline-offset:4px}.live-admin-toggle:focus-within{outline:2px solid var(--admin-accent);outline-offset:2px}
@media(max-width:900px){.live-admin-primary-services .live-admin-services-list{grid-template-columns:1fr}}
@media(max-width:700px){.live-admin-overview-grid{grid-template-columns:1fr;gap:14px}.live-admin-storage-card,.live-admin-proxmox-card{padding:20px}.live-admin-storage-free strong{font-size:32px}.live-admin-header{gap:10px}.live-admin-header-actions{flex:none}.live-admin-accounts-entry{padding:20px 16px;gap:12px}.live-admin-storage-numbers{font-size:10px}.live-admin-proxmox-metrics strong{font-size:19px}.live-admin-disclosure>summary{padding:18px 16px}.live-admin-list li{flex-wrap:wrap}.live-admin-account-head{flex-wrap:wrap}.live-admin-account-name{min-width:150px}.live-admin-account-name p{overflow-wrap:anywhere}}
.tv .live-admin-disclosure>summary,.tv .live-admin-accounts-entry{min-height:58px}.tv .live-admin-page :focus-visible{outline-width:3px;outline-offset:5px}
