:root{color-scheme:dark;--bg:#120c22;--surface:#231633;--surface2:#30203e;--line:#764472;--accent:#ff9a42;--accent2:#a663e9;--text:#fff7f1;--muted:#c8b7ce;--shadow:#070311a8}
html[data-theme=classic]{--bg:#071725;--surface:#10253a;--surface2:#17314a;--line:#2c657e;--accent:#41c7ec;--accent2:#6088f2;--muted:#a9bfce}
html[data-theme=christmas]{--bg:#091a17;--surface:#122b25;--surface2:#1c3a31;--line:#3e725b;--accent:#ee6969;--accent2:#e8be71;--muted:#bdd3c4}
html[data-theme=ramadan]{--bg:#091c29;--surface:#112e40;--surface2:#193d4f;--line:#3d758c;--accent:#e9c97c;--accent2:#55b6c1;--muted:#bbd0d8}
html[data-theme=newyear]{--bg:#131020;--surface:#251d3e;--surface2:#322a4e;--line:#7763a8;--accent:#d9ac6b;--accent2:#a27df1;--muted:#c7bfde}
html[data-theme=summer]{--bg:#071d2b;--surface:#113a45;--surface2:#1d4b50;--line:#35858b;--accent:#ffbd62;--accent2:#55d1ca;--muted:#b7dbdb}
*{box-sizing:border-box}html{min-height:100%;background:var(--bg)}body{margin:0;min-height:100vh;color:var(--text);font:15px/1.5 ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:radial-gradient(circle at 84% 10%,color-mix(in srgb,var(--accent2) 24%,transparent),transparent 25%),radial-gradient(circle at 20% 90%,color-mix(in srgb,var(--accent) 15%,transparent),transparent 35%),var(--bg)}body::before{position:fixed;inset:0;pointer-events:none;content:"";z-index:0;opacity:.65;background:radial-gradient(circle at 78% 18%,color-mix(in srgb,var(--accent) 22%,transparent) 0 2px,transparent 3px) 0 0/127px 117px,radial-gradient(circle at 16% 62%,color-mix(in srgb,var(--accent2) 25%,transparent) 0 1px,transparent 2px) 0 0/92px 93px}body.login-page::after{position:fixed;right:5vw;top:4vh;width:min(32vw,390px);aspect-ratio:1;border-radius:50%;content:"";pointer-events:none;opacity:.13;background:var(--accent);box-shadow:0 0 90px var(--accent),0 0 180px var(--accent2)}html[data-theme=halloween] body.login-page::after{opacity:.35;clip-path:polygon(50% 0,64% 21%,88% 14%,79% 41%,100% 56%,73% 65%,72% 95%,50% 78%,28% 95%,27% 65%,0 56%,21% 41%,12% 14%,36% 21%);transform:rotate(-8deg);background:linear-gradient(120deg,#fe8d38,#8c49d1)}a{color:inherit}button,input,select{font:inherit}button{cursor:pointer}input,select{width:100%;min-height:44px;margin-top:7px;padding:10px 12px;border:1px solid color-mix(in srgb,var(--line) 70%,#778);border-radius:10px;color:var(--text);background:color-mix(in srgb,var(--surface2) 75%,#000);outline:none}input:focus-visible,select:focus-visible,button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:2px}input::placeholder{color:#b2a4b9}label{display:block;color:var(--muted);font-size:13px;font-weight:700}.primary,.secondary,.danger{border-radius:10px;padding:10px 17px;min-height:43px;font-weight:800}.primary{border:1px solid color-mix(in srgb,var(--accent) 70%,#fff);background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent2) 48%,var(--accent)));color:#221427;box-shadow:0 7px 24px color-mix(in srgb,var(--accent) 22%,transparent)}.secondary{border:1px solid var(--line);background:color-mix(in srgb,var(--surface2) 78%,transparent);color:var(--text)}.danger{border:1px solid #d37575;background:#632e37;color:#ffeded}.full{width:100%}.eyebrow{text-transform:uppercase;letter-spacing:.16em;color:var(--accent);font-size:11px;font-weight:900}.login-wrap{position:relative;z-index:1;min-height:100vh;display:grid;place-items:center;padding:28px}.login-card{width:min(440px,100%);padding:37px;border:1px solid color-mix(in srgb,var(--accent2) 55%,var(--line));border-radius:24px;background:linear-gradient(150deg,color-mix(in srgb,var(--surface) 93%,transparent),color-mix(in srgb,var(--bg) 92%,transparent));box-shadow:0 28px 85px var(--shadow),0 0 60px color-mix(in srgb,var(--accent2) 14%,transparent);backdrop-filter:blur(20px)}.login-logo{display:block;width:170px;height:100px;object-fit:contain;margin-bottom:15px;filter:drop-shadow(0 6px 20px color-mix(in srgb,var(--accent2) 30%,transparent))}.login-card h1{font-size:34px;margin:5px 0 5px;line-height:1.1}.login-card p{color:var(--muted);margin:0 0 24px}.login-card form{display:grid;gap:17px}.login-card small{display:block;color:var(--muted);margin-top:21px}.sidebar{position:fixed;z-index:2;left:0;top:0;bottom:0;width:245px;padding:22px 14px;border-right:1px solid var(--line);background:color-mix(in srgb,var(--surface) 90%,var(--bg));backdrop-filter:blur(20px);box-shadow:16px 0 40px #0005}.brand{display:flex;align-items:center;gap:9px;padding:4px 9px 24px}.brand img{width:65px;height:55px;object-fit:contain}.brand strong,.brand span{display:block}.brand strong{font-size:15px}.brand span{font-size:11px;letter-spacing:.1em;color:var(--muted);text-transform:uppercase}.sidebar nav{display:grid;gap:7px}.sidebar nav a{display:flex;align-items:center;gap:11px;text-decoration:none;border:1px solid transparent;border-radius:11px;padding:11px;color:var(--muted);font-weight:700}.sidebar nav a:hover,.sidebar nav a.active{color:var(--text);border-color:var(--line);background:linear-gradient(125deg,color-mix(in srgb,var(--accent) 19%,var(--surface2)),color-mix(in srgb,var(--accent2) 18%,var(--surface)))}.nav-icon{display:grid;place-items:center;width:24px;color:var(--accent);font-size:19px}.sidebar-footer{position:absolute;left:14px;right:14px;bottom:20px;padding:13px;border-top:1px solid var(--line)}.sidebar-footer span,.sidebar-footer small{display:block}.sidebar-footer span{font-weight:800}.sidebar-footer small{color:var(--muted);margin-bottom:12px}.content{position:relative;z-index:1;margin-left:245px;max-width:1500px;padding:35px 45px 70px}.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:25px}.page-head h1{font-size:clamp(28px,3vw,40px);line-height:1.1;margin:7px 0 8px}.page-head p{margin:0;color:var(--muted)}.status-pill{white-space:nowrap;border:1px solid var(--line);border-radius:99px;color:var(--accent);background:var(--surface);padding:8px 12px;font-size:12px;font-weight:900}.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:20px 0}.stats article,.card{border:1px solid var(--line);background:linear-gradient(145deg,color-mix(in srgb,var(--surface) 95%,transparent),color-mix(in srgb,var(--surface2) 75%,transparent));box-shadow:0 15px 35px #0002}.stats article{border-radius:15px;padding:17px 20px}.stats span,.stats strong{display:block}.stats span{color:var(--muted);font-size:12px}.stats strong{font-size:26px;line-height:1.2;margin-top:5px}.card{border-radius:18px;margin-top:18px;padding:23px}.card.narrow{max-width:820px}.card-title{margin-bottom:22px}.card-title h2{font-size:21px;margin:0 0 3px}.card-title p{color:var(--muted);margin:0}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.grid .wide{grid-column:1/-1}.form-action{display:flex;align-items:end}.notice{padding:12px 15px;border-radius:11px;border:1px solid color-mix(in srgb,var(--accent) 47%,var(--line));background:color-mix(in srgb,var(--accent) 14%,var(--surface));color:var(--text);margin:15px 0}.notice.error{border-color:#a94856;background:#4b252e}.notice.muted{border-color:var(--line);background:var(--surface2)}.tester-list,.device-list{display:grid;gap:12px}.tester-row,.device-row{display:flex;flex-wrap:wrap;align-items:center;gap:16px;padding:15px;border:1px solid color-mix(in srgb,var(--line) 70%,transparent);border-radius:12px;background:color-mix(in srgb,var(--surface2) 65%,transparent)}.tester-main,.device-main{display:flex;align-items:center;gap:12px;min-width:220px;flex:1}.avatar,.device-icon{display:grid;place-items:center;width:44px;height:44px;flex:none;border:1px solid var(--line);border-radius:12px;background:color-mix(in srgb,var(--accent2) 22%,var(--surface));color:var(--accent);font-size:21px;font-weight:900}.tester-main strong,.tester-main span,.device-main strong,.device-main span{display:block}.tester-main span,.device-main span{font-size:12px;color:var(--muted)}.tester-meta{text-align:right}.tester-meta small,.device-row small{display:block;color:var(--muted);font-size:11px}.badge{display:inline-block;border-radius:99px;padding:4px 9px;font-size:11px;font-weight:900;border:1px solid var(--line)}.badge.good{color:#a7f5c8;background:#1c4937;border-color:#358d60}.badge.muted{color:var(--muted);background:#30313d}details{width:100%}summary{cursor:pointer;width:max-content;color:var(--accent);font-weight:800}.details-content{display:grid;gap:20px;margin-top:14px;padding-top:16px;border-top:1px solid var(--line)}.grid.compact{grid-template-columns:repeat(4,minmax(0,1fr))}.reset-row{display:flex;align-items:end;gap:12px}.reset-row label{min-width:250px}.device-row code{font-size:20px;font-weight:900;letter-spacing:.13em;color:var(--accent)}.empty{color:var(--muted);padding:20px;margin:0}.disable-content{margin-top:16px}@media(max-width:900px){.sidebar{position:relative;bottom:auto;width:auto;height:auto;display:flex;align-items:center;gap:15px;padding:10px 16px}.brand{padding:0;min-width:180px}.brand img{height:46px}.sidebar nav{display:flex;overflow-x:auto}.sidebar-footer{position:static;margin-left:auto;padding:0;border:0;min-width:125px}.sidebar-footer span,.sidebar-footer small{display:none}.content{margin:0;padding:24px}.grid.compact{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.sidebar{flex-wrap:wrap}.sidebar nav{order:3;width:100%}.sidebar-footer{margin-left:auto}.page-head{display:block}.status-pill{display:inline-block;margin-top:16px}.stats{grid-template-columns:1fr 1fr}.stats article:last-child{grid-column:1/-1}.content{padding:20px 14px 50px}.card{padding:18px}.grid,.grid.compact{grid-template-columns:1fr}.form-action{display:block}.form-action button{width:100%}.tester-main,.device-main{min-width:0}.tester-meta{text-align:left}.device-row>*{flex-basis:100%}.login-card{padding:25px}.login-wrap{padding:14px}}