.admin-page{--admin-accent:#e50914;--admin-button:#e50914;--admin-highlight:#ffb454;--admin-background:#090b10;color:#f4f5f8;background:radial-gradient(ellipse at 0 0,color-mix(in srgb,var(--admin-accent) 10%,transparent),transparent 48%),radial-gradient(ellipse at 100% 65%,#16203855,transparent 50%),var(--admin-background);min-height:100vh;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}
.admin-page[data-background-style="solid"]{background:var(--admin-background)}
.admin-page .admin-shell{width:min(1600px,96%);max-width:1600px;margin:0 auto;padding:30px 0 60px}
.admin-page .admin-central{display:grid;grid-template-columns:190px minmax(0,1fr);gap:28px;background:transparent;border:0;padding:0;box-shadow:none}
.admin-page [hidden]{display:none!important}.admin-page .admin-topbar{grid-column:1/-1;border-bottom:1px solid #ffffff12;padding:0 0 24px;margin:0;gap:20px}
.admin-heading{display:flex;align-items:center;gap:24px}.admin-heading h1{font-size:1.55rem;letter-spacing:-.04em;margin:4px 0}.admin-heading p{margin:0;font-size:.85rem}
.admin-page .admin-logo-small{width:145px;max-width:160px;height:60px;object-fit:contain;margin:0}.admin-eyebrow{font-size:.63rem;letter-spacing:.18em;font-weight:750;color:var(--admin-highlight)}
.admin-page .admin-tabs{grid-column:1;grid-row:2;display:flex;flex-direction:column;align-items:stretch;gap:8px;padding:8px 0;margin:0;position:sticky;top:22px;align-self:start;overflow:visible}
.admin-page .admin-tabs button{display:flex;gap:12px;align-items:center;text-align:left;border:1px solid transparent;border-radius:11px;background:transparent;padding:15px 12px;color:#9399a8;font-size:.85rem;transition:background .16s,color .16s}
.admin-page .admin-tabs button::before{font-size:1rem;width:22px;text-align:center;color:inherit}.admin-tabs [data-tab="dashboard"]::before{content:'▥'}.admin-tabs [data-tab="server"]::before{content:'▣'}.admin-tabs [data-tab="appearance"]::before{content:'◈'}.admin-tabs [data-tab="messages"]::before{content:'◉'}.admin-tabs [data-tab="system"]::before{content:'⌘'}.admin-tabs [data-tab="security"]::before{content:'◇'}
.admin-page .admin-tabs button.active{color:#fff;background:color-mix(in srgb,var(--admin-accent) 13%,transparent);border-color:color-mix(in srgb,var(--admin-accent) 30%,transparent);box-shadow:inset 3px 0 var(--admin-accent)}
.admin-page .admin-tabs button:hover{background:#ffffff08;color:#fff}.admin-page .admin-tab{grid-column:2;grid-row:2;min-width:0}.dashboard-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:0 0 24px}.dashboard-heading h2{font-size:clamp(1.6rem,2.3vw,2.3rem);letter-spacing:-.05em;margin:8px 0}.dashboard-heading p{margin:0;font-size:.85rem}
.live-badge{display:inline-flex;align-items:center;gap:9px;background:#34d3990c;border:1px solid #34d39922;color:#75deb6;border-radius:30px;padding:9px 13px;font-size:.69rem;white-space:nowrap}.live-badge i{width:6px;height:6px;background:#34d399;border-radius:50%;box-shadow:0 0 0 4px #34d39912}
.admin-page .admin-box{background:linear-gradient(135deg,#ffffff04,transparent 60%),#11141c;border:1px solid #ffffff0d;border-radius:18px;padding:24px;box-shadow:0 8px 30px #00000010;margin-bottom:22px}
.admin-page .admin-box h2,.admin-page .admin-tab>h2{font-size:1rem;letter-spacing:-.02em;margin:0 0 10px}.admin-page .admin-muted{color:#9298a8;font-size:.8rem;line-height:1.7}
.admin-page .admin-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:18px 0 24px}.admin-page .admin-kpis article{position:relative;border:1px solid #ffffff0c;background:linear-gradient(140deg,#ffffff05,transparent),#11141c;border-radius:16px;padding:22px 18px;gap:10px;box-shadow:0 8px 25px #0002;overflow:hidden}
.admin-page .admin-kpis article::after{position:absolute;right:12px;top:10px;content:'↗';font-size:1rem;color:var(--admin-highlight);opacity:.6}.admin-page .admin-kpis article>span{font-size:.73rem;color:#a1a8b8;padding-right:12px}.admin-page .admin-kpis strong{font-size:2.15rem;font-weight:650;color:#f8fafc;letter-spacing:-.05em;line-height:1.1}.admin-page .admin-kpis small{font-size:.65rem;line-height:1.55;color:#9298a8}
.admin-page .presence-kpis article:first-child{border-color:#34d39930;background:linear-gradient(135deg,#34d3990e,transparent),#11141c}.admin-page .presence-kpis article:first-child strong{color:#78ebc1}.admin-page .presence-kpis article:nth-child(3){border-color:color-mix(in srgb,var(--admin-accent) 35%,transparent)}
.admin-page .kpi-trend[data-direction="up"]{color:#61dca7}.admin-page .kpi-trend[data-direction="down"]{color:#fb8790}.box-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}.box-heading label{display:grid;gap:6px;color:#9298a8;font-size:.7rem}
.admin-page input,.admin-page select,.admin-page textarea{background:#0b0e15;border:1px solid #ffffff16;color:#e6e8ed;border-radius:9px;min-height:42px;padding:10px 12px;font:inherit;font-size:.8rem;color-scheme:dark;max-width:100%}.admin-page input:focus,.admin-page select:focus,.admin-page textarea:focus{outline:2px solid color-mix(in srgb,var(--admin-accent) 45%,transparent);outline-offset:2px}.admin-page input[type="color"]{width:100%;padding:5px;height:44px}
.admin-page .admin-primary{background:var(--admin-button);border:1px solid #ffffff15;box-shadow:0 4px 15px #0002}.admin-page .admin-secondary{background:#ffffff05;border:1px solid #ffffff15}.admin-page .admin-primary,.admin-page .admin-secondary{border-radius:9px;padding:11px 15px;font-size:.77rem;min-height:42px}.admin-page button{transition:filter .15s,background .15s}.admin-page button:hover{filter:brightness(1.12)}.admin-page button:focus-visible,.upload-label:focus-within{outline:2px solid var(--admin-highlight);outline-offset:3px}.admin-page button:disabled{opacity:.4;cursor:not-allowed}
.admin-page .analytics-filter{gap:12px;margin:18px 0 10px}.analytics-filter label{font-size:.7rem}.admin-page #dashboard-status{font-size:.7rem;margin:4px 0}.admin-page #stats-range{font-size:.7rem}
.admin-page .stats-bars{height:190px;align-items:flex-end;border-bottom:1px solid #ffffff10;gap:7px;margin-top:18px;background:repeating-linear-gradient(to top,transparent 0,transparent 39px,#ffffff04 40px)}.admin-page .stats-day{min-width:35px;flex-basis:35px;height:175px;gap:10px}.admin-page .stats-day small{font-size:.58rem;color:#858da1}.admin-page .stats-bar{border:0;padding:0;min-width:16px;border-radius:5px 5px 0 0;background:linear-gradient(0deg,color-mix(in srgb,var(--admin-accent) 60%,#1a1d29),var(--admin-accent));cursor:pointer}.admin-page .stats-bar:focus-visible{outline:2px solid var(--admin-highlight)}.chart-detail{font-size:.75rem;min-height:22px;color:#d4d8e2;line-height:1.6}
.watching-clients-list{display:grid;gap:12px;margin-top:20px}.watching-client{background:#0b0e15;border:1px solid #ffffff0b;border-radius:13px;padding:18px;display:grid;grid-template-columns:minmax(130px,1fr) minmax(180px,2fr) minmax(130px,1fr);gap:18px;align-items:start}.watching-client p{margin:6px 0;font-size:.75rem;color:#a1a8b8;overflow-wrap:anywhere}.watching-client strong{font-size:.85rem;color:#f2f4fa}.watching-client small{font-size:.63rem;color:#8991a4;line-height:1.6;display:block}.client-status{display:inline-flex;border-radius:30px;background:#34d39912;color:#68deb1;padding:4px 9px;font-size:.6rem;margin-top:7px}.client-status[data-state="offline"]{background:#ffffff08;color:#9aa1b0}.client-status[data-state="paused"],.client-status[data-state="buffering"]{background:#ffb45410;color:#ffcd89}.client-pagination{display:flex;align-items:center;justify-content:flex-end;gap:12px;margin-top:15px;font-size:.7rem;color:#9298a8}
.admin-password-field{position:relative;display:block}.admin-password-field input{width:100%;padding-right:50px!important}.admin-password-field button{position:absolute;right:4px;top:3px;bottom:3px;width:40px;border:0;background:transparent;color:#a3acbe;display:grid;place-items:center;cursor:pointer}.admin-password-field svg{width:21px;fill:none;stroke:currentColor;stroke-width:1.7}.admin-password-field button[aria-pressed="true"]{color:var(--admin-highlight)}
.admin-page .admin-card{background:linear-gradient(135deg,#ffffff05,transparent),#11141c;border:1px solid #ffffff10;border-radius:24px;box-shadow:0 30px 100px #0005;max-width:450px;margin:7vh auto;padding:40px}.admin-page .admin-card h1{font-size:1.7rem;letter-spacing:-.04em}.admin-page .admin-chip{background:#e5091414;color:#fa7b83;border-color:#e5091430}
.appearance-group{border:1px solid #ffffff10;border-radius:14px;padding:18px;margin:10px 0}.appearance-group legend{font-size:.8rem;font-weight:650;padding:0 8px;color:#e1e5ee}.appearance-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.admin-page .admin-form label{font-size:.8rem;gap:8px}.upload-label{display:inline-flex!important;align-items:center;cursor:pointer}.visually-hidden{position:absolute;width:1px!important;height:1px!important;clip-path:inset(50%);overflow:hidden;white-space:nowrap}.admin-page .admin-preview{background:#0b0e15;border:1px solid #ffffff10;flex-wrap:wrap}.admin-page #preview-logo{object-fit:contain;max-width:100%}
.client-theme-preview{--preview-accent:#e50914;--preview-button:#e50914;--preview-highlight:#f5c542;border-radius:16px;padding:28px;background:#0b0b0b;border:1px solid var(--preview-accent);background-size:cover;background-position:center}.client-theme-preview>small{letter-spacing:.13em;font-size:.6rem;color:var(--preview-highlight)}.client-theme-preview h3{font-size:1.4rem;color:#fff;margin:10px 0}.client-theme-preview p{color:#ccc;font-size:.8rem}.preview-client-button{display:inline-block;background:var(--preview-button);color:white;padding:9px 18px;border-radius:8px;font-size:.75rem;margin-right:15px}.preview-client-highlight{color:var(--preview-highlight);font-size:.75rem}
.admin-page .system-kpis{grid-template-columns:repeat(auto-fit,minmax(145px,1fr))}.admin-page .admin-events>div{border-color:#ffffff0a;padding:14px 0}.admin-page .admin-events span{font-size:.77rem}.admin-page .admin-events small{font-size:.66rem}.admin-page #analytics-summary,.admin-page #analytics-origin{font-size:.76rem}
@media(max-width:1100px){.admin-page .admin-central{grid-template-columns:155px minmax(0,1fr);gap:20px}.admin-page .admin-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.watching-client{grid-template-columns:1fr 1fr}.watching-client>div:last-child{grid-column:1/-1}.admin-heading{gap:15px}.admin-heading h1{font-size:1.3rem}}
@media(max-width:760px){.admin-page .admin-shell{width:94%;padding-top:18px}.admin-page .admin-central{display:block}.admin-page .admin-topbar{align-items:flex-start;flex-direction:column;gap:16px}.admin-heading .admin-logo-small{width:110px;height:48px}.admin-eyebrow{font-size:.56rem}.admin-page .admin-header-actions{width:100%;display:flex}.admin-page .admin-header-actions>*{flex:1;text-align:center}.admin-page .admin-tabs{position:static;display:flex;flex-direction:row;overflow-x:auto;gap:5px;margin:18px 0 22px;padding:5px 0 10px}.admin-page .admin-tabs button{padding:11px 12px;white-space:nowrap;flex-shrink:0;font-size:.73rem}.admin-page .admin-tabs button::before{display:none}.dashboard-heading{align-items:flex-start;flex-direction:column}.admin-page .admin-box{padding:18px}.admin-page .admin-kpis{gap:10px}.admin-page .admin-kpis article{padding:18px 13px}.admin-page .admin-kpis strong{font-size:1.85rem}.appearance-grid{grid-template-columns:1fr}.watching-client{grid-template-columns:1fr;gap:10px}.watching-client>div:last-child{grid-column:auto}.box-heading>label{width:100%}.box-heading input,.box-heading select{width:100%}.admin-page .admin-card{padding:28px;margin:5vh auto}.admin-page .admin-grid{grid-template-columns:1fr}}
.admin-page .admin-kpis article::after{content:'◈'}.admin-page .presence-kpis article:first-child::after{content:'●';color:#68deb1}.admin-heading>div{min-width:0}
@media(max-width:760px){.admin-heading img[data-brand-logo]{max-width:110px!important}.admin-heading{max-width:100%}}
@media(prefers-reduced-motion:reduce){.admin-page *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}