/* UNITV ADVANCE | Admin visual layer — no changes to application logic */
:root{color-scheme:dark;--bg:#050b17;--panel:#0b1b2e;--accent:#00caff;--focus:#42dfff;--text:#f2f8ff;--muted:#9aafc7;--line:#24425f}
body{font-family:Inter,system-ui,-apple-system,'Segoe UI',sans-serif;color:var(--text);background:radial-gradient(ellipse at 95% 0%,#073b7955,transparent 43%),radial-gradient(ellipse at 0% 90%,#003d6650,transparent 43%),#050b17}
aside{width:266px;background:linear-gradient(165deg,#081c32,#050c19 72%);border-right:1px solid #173a61;box-shadow:12px 0 40px #0002;padding:26px 17px}
aside .brand{width:100%;height:96px;display:flex;justify-content:center;align-items:center;border-bottom:1px solid #23445d;padding-bottom:16px}
aside .brand img{width:100%;max-width:205px;height:75px;object-fit:contain}
aside .eyebrow{margin:25px 12px 13px;color:#69cfff}
nav{gap:7px}nav a{border-radius:11px;padding:13px 14px;color:#b7cbe2;transition:background .15s,border-color .15s,transform .15s}
nav a svg{color:#4cbfff}nav a:hover{background:#123255;border-color:#2a6c9c}nav a.active{background:linear-gradient(110deg,#0066c9,#063a79);border-color:#168ce2;color:white;box-shadow:0 5px 24px #007dff35}nav a.active svg{color:#7beaff}
aside>form button{width:100%}aside>p.muted{color:#7595b5}
main{margin-left:266px;max-width:none;padding:35px clamp(20px,3vw,52px)}
header{border:1px solid #1a4770;border-radius:19px;background:linear-gradient(105deg,#0b2544 0%,#0a1c35 58%,#063866 100%);padding:26px 30px;box-shadow:0 12px 35px #0004;margin-bottom:28px;position:relative;overflow:hidden}
header:after{content:'';pointer-events:none;position:absolute;right:-80px;top:-115px;width:330px;height:260px;border:2px solid #00caff33;border-radius:50%;box-shadow:0 0 70px #008cff33}
header h1{font-size:clamp(28px,3vw,39px);letter-spacing:-.8px;position:relative;z-index:1}
.eyebrow{color:#55cfff;font-weight:750;letter-spacing:2.2px}
h2{color:#f6fbff;letter-spacing:-.35px}
.page-intro,.muted{color:#a8bfd6}
.panel,.card{background:linear-gradient(145deg,#112a45ee,#081524f8);border:1px solid #244666;border-radius:18px;box-shadow:0 12px 36px #0004;padding:26px}
.panel:hover{border-color:#32648d}
.badge{border:1px solid #326080;background:#0a2539;color:#9be7ff}
.asset-preview{background:#040e19;border-color:#2d526e;border-radius:14px}
.asset-preview.logo img{object-fit:contain}
input,textarea,select{background:#071423;border:1px solid #31516c;color:#f2f9ff;border-radius:10px;padding:13px 15px}
input:focus,textarea:focus,select:focus{border-color:#25caff;box-shadow:0 0 0 3px #00bbff28}
input[type=checkbox]{accent-color:#00aaff}
label{color:#bfd3e8}
button,.button{background:linear-gradient(120deg,#007bdf,#00b8ee);border:1px solid #22bfff;color:#fff;border-radius:10px;padding:12px 19px;box-shadow:0 4px 17px #007fff22}
button:hover,.button:hover{background:linear-gradient(120deg,#098be8,#36d2ff);border-color:#8beaff;color:#fff}
button.quiet,.button.quiet,.quiet{background:#15273d;border:1px solid #38546f;color:#e8f4ff;box-shadow:none}
button.quiet:hover,.button.quiet:hover,.quiet:hover{background:#1d3c5c;color:#fff}
button.danger,.button.danger,.danger{background:#522032;border-color:#9e405a;color:#fff}
.table-wrap{border:1px solid #294763;border-radius:13px;background:#081828}
th{background:#123456;color:#9ce8ff}td{background:#0b1d31;color:#dceafa}td,th{border-color:#24435f}
.notice{background:#0b2e4a;border:1px solid #2770a0;border-left:4px solid #00caff;color:#e4f8ff}
.qr-preview img{box-shadow:0 0 30px #00aaff28}
footer{color:#7294b1}footer strong{color:#9fe6ff}
.login{background:radial-gradient(ellipse at 10% 0,#07457990,transparent 50%),radial-gradient(ellipse at 100% 100%,#003b7580,transparent 52%),#040b16;min-height:100vh}
.login-card{background:linear-gradient(145deg,#102740f2,#07121ff5);border:1px solid #27577d;border-top:4px solid #00caff;border-radius:24px;box-shadow:0 25px 90px #0009,0 0 65px #0088ff12}
.login-card .brand{width:100%;height:90px;display:flex;justify-content:center;align-items:center}
.login-card .brand img{max-width:230px;width:100%;height:88px;object-fit:contain}
.login-card h1{font-size:clamp(27px,5vw,36px)}.login-card button{font-weight:750;letter-spacing:.5px}
button:focus-visible,a:focus-visible{outline:2px solid #6de6ff;outline-offset:3px}
@media(max-width:1100px){aside{width:230px}main{margin-left:230px;padding:24px}.panel{padding:22px}}
@media(max-width:700px){aside{position:static;width:auto;padding:16px;border-right:0;border-bottom:1px solid #244666;box-shadow:none}aside .brand{height:72px;border:0;padding:0}aside .brand img{height:65px}aside .eyebrow,aside>p.muted{display:none}nav{display:flex;overflow-x:auto;gap:8px;padding:12px 0;scrollbar-width:thin}nav a{flex:none;white-space:nowrap;padding:11px 13px}aside>form{margin-top:6px}aside>form button{width:auto}main{margin:0;padding:16px}header{padding:22px 18px;gap:12px;align-items:flex-start;flex-wrap:wrap}header h1{font-size:29px}.panel{padding:18px;border-radius:15px}.asset-grid,.support-grid,.grid{grid-template-columns:1fr}.login{padding:18px}.login-card{padding:26px 22px}.asset-preview{height:180px}}

/* UNITV ADVANCE V2: login branding and overview page */
.login{background:radial-gradient(circle at 18% 10%,#0058a055,transparent 40%),radial-gradient(circle at 90% 90%,#003a7555,transparent 40%),#040a14;padding:22px}
.login-card{width:min(100%,480px);padding:clamp(24px,5vw,42px);border:1px solid #24557b;border-top:3px solid #00baff;border-radius:22px;background:linear-gradient(155deg,#102a45,#07101e);box-shadow:0 28px 85px #000a}
.login-card .brand{height:auto;width:100%;margin:0 auto 24px;display:flex;align-items:center;justify-content:center}
.login-card .brand img{position:static;width:min(100%,315px);max-width:315px;height:140px;object-fit:contain}
.login-card h1{font-size:clamp(26px,5vw,34px);margin:12px 0}.login-card .eyebrow{color:#58d5ff}.login-card .muted{color:#a8c1d8}
.login-card label{font-size:14px}.login-card input{background:#061322;border-color:#315b7b;padding:14px}.login-card button{background:linear-gradient(100deg,#006ce0,#00b9ed);border-color:#19c9ff;color:white;min-height:50px}
aside .brand{height:95px;width:100%}aside .brand img{height:85px;max-width:215px;width:100%;object-fit:contain}
.home-welcome{padding:28px;background:linear-gradient(105deg,#0e3157,#081c32)}.home-welcome h2{font-size:clamp(22px,3vw,30px);margin-bottom:8px}
.home-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:24px}.home-stat{display:flex;flex-direction:column;gap:9px;margin:0;min-height:154px;text-decoration:none}.home-stat span{color:#a5d8f5;font-size:14px}.home-stat strong{font-size:clamp(26px,3vw,38px);line-height:1.2;color:#fff}.home-stat small{color:#8caecb}.home-stat:hover{border-color:#00baff}
.home-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.home-actions a{display:flex;justify-content:space-between;align-items:center;padding:17px;background:#0a2540;border:1px solid #285378;border-radius:12px;color:#e9f7ff}.home-actions a:hover{background:#0b3b66;border-color:#00caff}.home-actions span{color:#00caff;font-size:20px}
@media(max-width:1100px){.home-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.home-stats{gap:10px}.home-stat{padding:16px;min-height:130px}.home-actions{grid-template-columns:1fr}.login-card .brand img{height:120px}}