:root{color-scheme:dark;--bg:#0a0d13;--panel:#121821;--panel2:#151d29;--line:#29313f;--muted:#929cac;--text:#eef1f7;--accent:#8f76ff;--accent2:#5b6bfe;--green:#31c59a;--red:#ff7b89}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.55 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,input,select{font:inherit}h1,h2,h3,p{margin:0}h1{font-size:36px;line-height:1.2;letter-spacing:-1.2px;font-weight:760}h2{font-size:18px;letter-spacing:-.25px}.muted{color:var(--muted);margin-top:9px}.eyebrow{font-size:11px;letter-spacing:2px;color:#a48eff;font-weight:750;margin-bottom:11px}.tiny{color:#778295;font-size:11px;margin-top:20px}.dim{color:#777f90}.btn{display:inline-flex;border:1px solid transparent;align-items:center;justify-content:center;border-radius:10px;padding:11px 18px;cursor:pointer;font-weight:675;text-decoration:none;color:var(--text);transition:.15s}.btn:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:2px solid #b1a3ff;outline-offset:3px}.btn:hover{filter:brightness(1.15)}.btn:disabled{opacity:.65;cursor:wait}.mainbtn{background:linear-gradient(105deg,#8064ed,#606ef5);color:white;border-color:#8a7fff}.secondary{background:#1b2432;border-color:#333b4b}.ghost{background:transparent;border-color:#353d4c}.danger{color:#ffafb6;background:#291c25;border-color:#48313b}.compact{width:auto;padding:11px 24px}input,select{background:#0d131d;border:1px solid #343d4d;color:white;border-radius:10px;padding:14px 15px;outline:0;min-width:0;width:100%;margin-top:9px}input::placeholder{color:#596579}select{appearance:auto}label{display:block;color:#cbd2df;font-size:12px;font-weight:650}.alert,.success{margin:16px 0;padding:12px 15px;border:1px solid #714150;background:#3a222b;color:#ffc4ce;border-radius:9px}.success{background:#173a32;border-color:#286557;color:#a8ecda}.authwrap{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 50% 0,#26224d 0,transparent 46%)}.authcard{background:var(--panel);border:1px solid var(--line);border-radius:20px;padding:40px;width:min(100%,420px);box-shadow:0 20px 100px #0007}.authcard h1{margin-top:6px}.authcard label{margin-top:23px}.authcard .mainbtn{width:100%;margin-top:24px}.brandmark{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:linear-gradient(145deg,#9973ff,#596afa);font-weight:900;font-size:27px;box-shadow:0 6px 30px #8870ff37}.brandmark.small{width:41px;height:41px;border-radius:12px;font-size:23px}.shell{display:flex;min-height:100vh}.sidebar{position:sticky;top:0;align-self:flex-start;height:100vh;background:#101620;border-right:1px solid #27303e;width:260px;flex-shrink:0;display:flex;flex-direction:column;padding:27px 17px}.sidebarhead{display:flex;align-items:center;gap:12px;padding:0 9px 42px}.sidebarhead strong{display:block;font-size:14px;letter-spacing:1px}.sidebarhead span{display:block;font-size:9px;letter-spacing:1.1px;color:#8e98ac;margin-top:4px}.navlink{display:flex;align-items:center;gap:12px;border-radius:10px;padding:13px 14px;color:#a9b3c6;text-decoration:none;margin:4px 0;font-size:19px}.navlink span{font-size:13px}.navlink:hover,.navlink.active{background:#25243b;color:#bbaeff}.sidebottom{margin-top:auto;border-top:1px solid #29313e;padding:25px 10px 0}.online{font-size:12px;color:#a7b1c4;display:flex;align-items:center;gap:10px}.dot{width:8px;height:8px;background:var(--green);border-radius:100%;box-shadow:0 0 0 4px #2ac49a20}.signout{background:none;color:#a5afbf;border:none;margin-top:21px;padding:0;cursor:pointer}.content{padding:29px clamp(22px,4vw,65px) 55px;width:100%;max-width:1600px;margin:0 auto}.topline{border-bottom:1px solid #242b39;padding-bottom:25px;font-size:11px;letter-spacing:1.5px;color:#c4cbdb;display:flex;justify-content:space-between}.topbadge{border:1px solid #3b385a;padding:5px 11px;border-radius:30px;background:#24223f;color:#d3c8ff;font-size:10px;letter-spacing:.3px}.headline{display:flex;align-items:flex-end;justify-content:space-between;gap:22px;margin:37px 0 32px}.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;margin-bottom:26px}.stat{background:var(--panel);border:1px solid var(--line);padding:22px 25px;border-radius:14px}.stat p{color:#aab3c3;font-size:12px}.stat b{display:block;font-size:34px;margin:8px 0 1px;line-height:1.3;letter-spacing:-.7px}.stat span{color:#798697;font-size:11px}.stat.accent{background:linear-gradient(125deg,#221d3e,#151a2a);border-color:#41385c}.stat .textstat{font-size:25px;color:#beaaff}.panel{border:1px solid var(--line);background:var(--panel);border-radius:14px;overflow:hidden;margin-bottom:22px}.sectiontitle{padding:24px 27px;border-bottom:1px solid var(--line)}.sectiontitle p{font-size:12px;color:var(--muted);margin-top:4px}.domain{display:flex;align-items:center;gap:16px;border-bottom:1px solid #242c38;padding:17px 25px}.domain:last-child{border-bottom:0}.domainicon{border:1px solid #434069;background:#282540;border-radius:10px;width:42px;height:42px;display:grid;place-items:center;color:#b9abfc;font-weight:850;font-size:11px;flex-shrink:0}.domaininfo{min-width:0;flex:1}.domaininfo strong,.domaininfo small{display:block}.domaininfo small{font-size:11px;color:#7e8a9d;margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status{border-radius:30px;padding:5px 11px;font-size:11px;white-space:nowrap}.status.on{background:#173930;color:#81ebcd}.status.off{background:#30323d;color:#abb2c0}.empty{padding:40px 25px;text-align:center;color:#8d9aab}.emptyglyph{display:grid;place-items:center;border-radius:14px;background:#292641;color:#c5b5ff;width:52px;height:52px;font-size:30px;margin:0 auto 16px}.empty h3{color:#dbe0ea;margin-bottom:6px}.formpanel form,.settingspanel form{padding:25px 27px}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.toggle{display:flex;align-items:center;gap:10px;margin-top:23px}.toggle input{width:18px;height:18px;margin:0;accent-color:#8a72ef}.formactions{display:flex;gap:12px;margin-top:25px;flex-wrap:wrap}.settingspanel .btn{max-width:260px}.footer{text-align:center;color:#68758a;margin:30px 0 0;font-size:11px}.clientbody{min-height:100vh;position:relative;background:radial-gradient(ellipse at 58% -15%,#32295b 0,transparent 48%),#0a0e16}.clientglow{position:absolute;bottom:0;left:0;width:100%;height:40%;pointer-events:none;background:linear-gradient(0deg,#0c1220 0,transparent 80%)}.clientcenter{position:relative;width:min(95%,440px);margin:auto;padding:clamp(28px,5vh,65px) 0 28px}.clientbrand{display:flex;align-items:center;justify-content:center;gap:12px;margin:0 0 35px}.clientbrand strong{letter-spacing:2px;font-size:18px;display:block}.clientbrand span{font-size:10px;letter-spacing:1.7px;color:#a6a1c4;display:block;margin-top:2px}.clientcard{background:#151b27;border:1px solid #3b3a52;padding:35px;border-radius:22px;box-shadow:0 25px 70px #0005}.clientcard h1{font-size:33px}.clientcard .muted{margin-bottom:27px}.clientcard label{margin-top:21px}.clientcard .mainbtn{width:100%;padding:15px;margin-top:28px}.clientfooter{text-align:center;color:#777a98;letter-spacing:1.5px;font-size:10px;margin-top:27px}@media(max-width:900px){.sidebar{width:195px}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.stat.accent{grid-column:span 2}.formgrid{grid-template-columns:1fr}}@media(max-width:650px){.sidebar{width:74px;padding:22px 10px}.sidebarhead{padding:0 5px 30px}.sidebarhead>div:last-child,.navlink span,.sidebottom .online,.signout{display:none}.navlink{justify-content:center;padding:12px}.content{padding:20px 15px}.topbadge{display:none}.headline{display:block}.headline .btn{margin-top:15px}.stats{grid-template-columns:1fr;gap:10px}.stat.accent{grid-column:auto}.domain{padding:15px 12px;gap:9px;flex-wrap:wrap}.domain .btn{padding:7px 8px;font-size:11px}.domaininfo{flex-basis:60%}.status{font-size:10px}.sectiontitle{padding:20px}.formpanel form,.settingspanel form{padding:20px}.clientcenter{width:min(96%,440px)}.clientcard{padding:25px}}

textarea,select{width:100%;box-sizing:border-box;background:#111827;color:#f1f5f9;border:1px solid #374151;border-radius:12px;padding:14px;font:inherit;} .formactions{display:flex;gap:12px;flex-wrap:wrap} a{color:inherit} .panel{margin-top:20px} code{overflow-wrap:anywhere}

.login-tabs{display:flex;gap:10px;flex-wrap:wrap;margin:24px 0}.login-tabs button{flex:1;min-width:160px}.clientcard input[readonly]{user-select:all;cursor:text}


/* v7 premium login refinements */
.clientcenter-premium{width:min(96vw,760px);padding:clamp(22px,4.5vh,54px) 0 24px}.premiumbrand{margin:0 0 26px}.brandmark-hero{width:80px;height:80px;border-radius:22px;font-size:40px;box-shadow:0 18px 50px #8a73ff4a}.premiumcard{padding:42px clamp(24px,4vw,58px);border-radius:28px;background:linear-gradient(180deg,#131b29,#121926);border:1px solid #40405d;box-shadow:0 24px 80px #00000066}.premiumcard h1{font-size:56px;line-height:1.02;letter-spacing:-1.8px;margin-bottom:8px}.premiumcard .muted{font-size:18px;line-height:1.55;color:#aeb7c9;margin-bottom:26px}.login-tabs-premium{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:24px 0 10px}.tabbtn{min-height:96px;padding:20px 22px;border-radius:20px;border:1px solid #434c5e;background:#192233;color:#e8edf8;font-weight:760;font-size:17px;justify-content:center;display:flex;align-items:center}.tabbtn.is-active{background:linear-gradient(105deg,#8665ef,#6773ff);border-color:#9f91ff;color:#fff;box-shadow:0 0 0 4px #b9a6ff2b}.premiumcard label{margin-top:18px;font-size:14px}.premiumcard input,.premiumcard select{margin-top:10px;padding:18px 18px;border-radius:16px;border-color:#324053;background:#0f1726;font-size:17px}.premiumsubmit{width:100%;padding:17px 20px;border-radius:16px;margin-top:28px;font-size:20px;font-weight:760}.loginhelp{margin-top:20px;text-align:center}.clientfooter{margin-top:18px}@media (max-width:900px){.clientcenter-premium{width:min(96vw,680px)}.premiumcard h1{font-size:48px}}@media (max-width:650px){.clientcenter-premium{width:min(96vw,520px)}.premiumcard{padding:28px 22px;border-radius:22px}.premiumcard h1{font-size:38px}.premiumcard .muted{font-size:16px}.login-tabs-premium{grid-template-columns:1fr;gap:12px}.tabbtn{min-height:72px}.brandmark-hero{width:66px;height:66px;font-size:34px}}

/* ZUS Control v8 — compact unified workspace */
[hidden]{display:none!important}.adminbody{background:#0b1018;color:#edf1f8}.dash{display:flex;min-height:100vh}.dashside{position:sticky;top:0;height:100vh;flex:0 0 222px;background:#111722;border-right:1px solid #253041;padding:23px 13px;display:flex;flex-direction:column;gap:4px;z-index:10}.dashbrand{display:flex;align-items:center;gap:11px;padding:4px 8px 28px;min-width:0}.dashlogo{display:grid;place-items:center;width:36px;height:36px;flex:none;border-radius:10px;background:linear-gradient(130deg,#8a6af8,#536eec);font-size:23px;font-weight:850}.dashbrand strong{font-size:12px;letter-spacing:1.3px;display:block}.dashbrand small{display:block;color:#818da1;letter-spacing:.7px;font-size:8px;margin-top:3px}.navcaption{color:#647189;font-size:10px;letter-spacing:1.4px;font-weight:800;padding:0 13px;margin:7px 0 6px}.navsecondary{margin-top:22px}.dashnav{display:grid;gap:4px}.dashnav a{display:flex;align-items:center;gap:12px;border-radius:10px;padding:11px 13px;color:#aeb9ca;text-decoration:none;font-size:13px;font-weight:600}.dashnav a:hover,.dashnav a.active{background:#27263b;color:#d4c9ff}.dashnav a.active{box-shadow:inset 3px 0 #987bff}.navsymbol{font-size:19px;line-height:1;width:23px;text-align:center;color:#a18ef6}.dashbottom{margin-top:auto;border-top:1px solid #283344;padding:18px 11px 2px}.dashsignout{padding:0;background:none;border:none;color:#9ca8ba;cursor:pointer;margin-top:13px}.dashmain{width:100%;min-width:0;max-width:1420px;padding:24px clamp(20px,3vw,47px) 52px}.dashcrumb{font-size:10px;letter-spacing:1.1px;font-weight:800;color:#b1a4f6;border-bottom:1px solid #263041;padding:0 0 17px}.dashcrumb span{color:#8290a5;font-weight:500}.dashheading{display:flex;align-items:center;justify-content:space-between;gap:25px;margin:27px 0 23px}.dashheading h1{font-size:29px;letter-spacing:-.7px}.dashheading .eyebrow{margin-bottom:5px}.dashheading .muted{max-width:680px;font-size:12px;margin-top:6px}.dashstats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:16px}.dashstats .stat{padding:15px 19px;border-radius:12px;background:#161e2a}.dashstats .stat span{font-size:12px;color:#94a3b7}.dashstats .stat b{font-size:27px;margin-top:2px}.compactpanel{margin:0 0 17px}.panelhead{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:17px 20px;border-bottom:1px solid #273242}.panelhead h2{font-size:15px}.panelhead p{color:#8694a8;font-size:11px;margin-top:4px}.compactlist{display:grid}.compactrow{display:flex;gap:13px;align-items:center;padding:13px 18px;border-bottom:1px solid #222d3a}.compactrow:last-child{border-bottom:0}.rowicon{height:35px;width:35px;display:grid;place-items:center;border:1px solid #4c416f;background:#29243d;color:#c5b4ff;border-radius:9px;font-size:10px;font-weight:800;flex:none}.rowmain{flex:1;min-width:0}.rowmain strong{display:block;font-size:13px}.rowmain small{display:block;font-size:11px;color:#78869b;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:3px}.compactrow .btn{padding:7px 12px;font-size:11px}.compactrow form{margin:0}.compactrow .status{font-size:10px}.emptydash{padding:25px;color:#8391a6}.formpanel form{padding:20px}.formpanel label{font-size:12px}.narrowpanel{max-width:640px}.securityform{padding:22px;display:grid;gap:18px}.securityform .formactions{margin-top:0}.deviceheader{padding:13px 19px;border-bottom:1px solid #26313f;display:flex;gap:12px;align-items:center}.deviceheader .rowmain{flex:1}.deviceedit{padding:0 19px 16px}.deviceedit summary{cursor:pointer;color:#bfaeff;font-size:12px;padding:12px 0;list-style:none}.deviceedit summary::before{content:'✎  ';color:#9782ff}.deviceedit form{padding:0}.deviceedit .formactions{margin-top:13px}.deviceedit .formgrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.deviceedit input,.deviceedit select{padding:11px;font-size:12px}.deviceedit label{font-size:11px}.releasebody{padding:18px 22px}.releasebody p{margin:0 0 9px}.releasebody code{font-size:11px}.releaseform{padding:18px 22px}.releaseform label{margin-bottom:13px}.releaseform textarea{margin-top:8px}.releaseform input{padding:12px}.releaseform .formactions{margin-top:9px}.adminbody .btn{font-size:12px}.adminbody .btn.compact{padding:9px 14px}.adminbody .muted{font-size:12px}.adminbody .topbadge{font-size:10px}.adminbody .panel{background:#151d29;border-color:#2a3443} @media(max-width:940px){.dashside{flex-basis:187px}.dashmain{padding:22px}.deviceedit .formgrid{grid-template-columns:1fr}.compactrow{flex-wrap:wrap}}@media(max-width:620px){.dash{display:block}.dashside{height:auto;width:100%;position:sticky;top:0;display:block;padding:8px 12px}.dashbrand{padding:4px 5px 8px}.navcaption,.dashbottom,.dashbrand small{display:none}.dashnav{display:flex;gap:6px;overflow:auto;margin-bottom:5px}.dashnav a{font-size:11px;white-space:nowrap;padding:9px 7px}.navsecondary{display:none}.dashmain{padding:18px 12px}.dashstats{gap:6px}.dashstats .stat{padding:12px}.dashstats .stat b{font-size:21px}.dashheading h1{font-size:24px}.dashheading .topbadge{display:none}.compactrow .rowmain{flex-basis:55%}.compactrow .status{margin-left:auto}}

/* v8 TV-sized client login — overrides v7 oversized form */
.clientbody{min-height:100vh;overflow:auto;background:radial-gradient(ellipse at 50% -15%,#2b214b 0%,transparent 50%),#0a1018}.clientcenter-premium{box-sizing:border-box;width:min(92%,455px);padding:14px 0 12px}.premiumbrand{margin:0 0 10px;gap:10px}.brandmark-hero{width:42px;height:42px;border-radius:12px;font-size:23px;box-shadow:none}.premiumbrand strong{font-size:13px;letter-spacing:1.6px}.premiumbrand span{font-size:8px;letter-spacing:1.2px}.premiumcard{padding:20px 24px 19px;border-radius:20px;border-color:#45435c;box-shadow:0 18px 55px #0007}.premiumcard .eyebrow{font-size:9px;letter-spacing:1.5px;margin-bottom:5px}.premiumcard h1{font-size:30px;line-height:1.2;letter-spacing:-.8px;margin-bottom:4px}.premiumcard .muted{font-size:11px;line-height:1.45;margin:4px 0 12px}.login-tabs-premium{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;margin:12px 0 10px}.login-tabs-premium .tabbtn{width:100%;min-width:0;min-height:44px;height:44px;padding:7px 6px;border-radius:10px;font-size:11px;font-weight:720;line-height:1.15}.premiumcard label{margin-top:9px;font-size:11px}.premiumcard input,.premiumcard select{margin-top:5px;padding:10px 12px;height:39px;border-radius:10px;font-size:12px}.premiumcard .premiumsubmit{margin-top:14px;min-height:41px;width:100%;border-radius:10px;padding:9px 13px;font-size:13px}.premiumcard .loginhelp{margin-top:13px;font-size:9px}.clientfooter{font-size:9px;margin:9px 0 2px;letter-spacing:1px}.premiumcard #message:empty{display:none}.premiumcard #mac-panel .tiny{margin-top:9px;font-size:9px}.premiumcard #mac-panel .muted{margin-bottom:10px}@media(max-height:660px){.clientcenter-premium{padding:6px 0}.premiumbrand{margin-bottom:5px}.premiumcard{padding:13px 19px}.premiumcard h1{font-size:25px}.premiumcard .muted{margin:2px 0 7px}.login-tabs-premium{margin:7px 0 5px}.premiumcard label{margin-top:6px}.premiumcard input,.premiumcard select{height:33px;padding:6px 9px}.premiumcard .premiumsubmit{margin-top:9px}}@media(max-width:500px){.clientcenter-premium{width:min(96%,455px)}.premiumcard{padding:18px}.login-tabs-premium{grid-template-columns:repeat(2,minmax(0,1fr))}.login-tabs-premium .tabbtn{font-size:10px;min-height:43px;height:43px}}