:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;color:#e9efff;background:#0b1220;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}a{color:inherit;text-decoration:none}.loading{padding:40px;text-align:center}.shell{display:flex;min-height:100vh}.side{width:245px;flex-shrink:0;background:#0c1729;border-right:1px solid #24334a;padding:24px 14px;display:flex;flex-direction:column;gap:5px;position:sticky;height:100vh;top:0}.brand{display:flex;align-items:center;gap:12px;padding:10px 12px 25px;font-weight:850;font-size:20px;letter-spacing:.03em}.brandmark{width:38px;height:38px;background:linear-gradient(135deg,#59a8ff,#2f54dd);border-radius:12px;display:grid;place-items:center;font-weight:900;box-shadow:0 10px 22px #295ed044}.sub{display:block;color:#8c9ebf;font-size:10px;font-weight:650;letter-spacing:.11em}.nav{background:transparent;border:0;color:#a8bad5;text-align:left;width:100%;padding:13px 14px;border-radius:10px;font-weight:600;font-size:13px}.nav:hover,.nav.active{background:#1c3152;color:#f5faff}.spacer{flex:1}.main{min-width:0;flex:1;padding:26px 32px;max-width:1850px}.top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:25px}.eyebrow{color:#6eaaff;font-size:11px;letter-spacing:.15em;font-weight:800}.title{font-size:27px;margin:7px 0}.muted{color:#91a3c0;font-size:13px}.row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.button{border:1px solid #344767;background:#1c2c46;color:#e5efff;border-radius:10px;padding:10px 14px;font-weight:700;font-size:12px}.button:hover{background:#294267}.button.primary{border-color:#4e93ff;background:#3372e7}.button.danger{color:#ffb1b8}.field{background:#15243b;border:1px solid #304360;color:#f0f5ff;border-radius:9px;padding:10px 11px;min-width:0}.field:focus{outline:2px solid #4275dc}.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:18px 0}.card,.panel{background:#121f33;border:1px solid #273c55;border-radius:16px}.card{padding:20px;min-height:135px}.card .number{font-size:33px;font-weight:800;margin:12px 0 6px}.panel{padding:20px;margin-bottom:16px;min-width:0}.panel h3{margin:0 0 12px}.panelhead{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:14px;flex-wrap:wrap}.chartgrid{display:grid;grid-template-columns:1.2fr 1fr;gap:14px}.bars{height:185px;display:flex;gap:13px;align-items:end;padding:16px 8px 30px;border-bottom:1px solid #2a3e58}.barcol{height:100%;flex:1;position:relative;display:flex;align-items:end;justify-content:center}.bar{width:64%;border-radius:8px 8px 2px 2px;background:linear-gradient(#61b2ff,#3567e8);min-height:3px}.barlabel{position:absolute;bottom:-27px;font-size:11px;color:#9eafc9}.barvalue{position:absolute;bottom:calc(var(--height) + 5px);font-size:10px;color:#b6caf2}.ringrow{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.donut{width:145px;height:145px;border-radius:50%;display:grid;place-items:center}.donutinner{background:#121f33;border-radius:50%;height:98px;width:98px;display:grid;place-items:center;flex-direction:column}.status{display:inline-flex;padding:5px 9px;border-radius:7px;color:#99f0ce;background:#1c4b48;font-size:11px;font-weight:700}.warn{color:#ffda99;background:#54452a}.neutral{color:#c1d2ef;background:#233b5b}.tablewrap{overflow:auto;max-height:68vh;border:1px solid #243a53;border-radius:12px}table{border-collapse:collapse;width:100%;font-size:12px;white-space:nowrap}th{position:sticky;top:0;background:#1d2d47;color:#c6d7f2;text-align:left;padding:12px;z-index:1}td{padding:11px 12px;border-bottom:1px solid #22334a;color:#cfdbef}tr:hover td{background:#16273f}.cellbtn{display:block;background:#1a365a;color:#dceeff;border:1px solid #335681;border-radius:7px;padding:7px;font-size:11px;min-width:86px}.cellbtn.off{background:#2c3448;color:#aeb8c9;border-color:#3e4a5f}.message{background:#5b302e;border:1px solid #9c5152;color:#ffe0dc;padding:13px;border-radius:10px;margin:12px 0}.good{background:#153d37;border-color:#317561;color:#9ff6d3}.auth{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 10% 10%,#1b3762,#0b1220 55%)}.authcard{width:min(440px,100%);background:#14253d;border:1px solid #314868;padding:33px;border-radius:22px;box-shadow:0 25px 100px #0005}.authcard h1{margin:18px 0 4px}.authcard label{display:block;color:#afc5e1;font-size:12px;font-weight:700;margin:19px 0 7px}.authcard input{width:100%}.authcard .button{width:100%;margin-top:20px;padding:13px}.notice{color:#9fb0c8;font-size:11px;line-height:1.6;margin-top:18px}.hidden{display:none}.chip{padding:6px 9px;background:#223a5a;border:1px solid #375676;border-radius:9px;font-size:12px;color:#b8d0f4}.pagenav{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:16px}.foot{color:#728aa9;font-size:11px;margin-top:24px}.mobs{display:none}@media(max-width:1000px){.side{width:75px;padding:15px 5px}.side .brandtext,.side .navtext,.side .sub{display:none}.side .nav{text-align:center;font-size:21px;padding:14px 4px}.side .brand{padding:5px 13px 22px}.main{padding:20px}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.chartgrid{grid-template-columns:1fr}}@media(max-width:600px){.shell{display:block}.side{height:auto;position:sticky;top:0;width:100%;z-index:5;flex-direction:row;overflow:auto;padding:7px}.side .brand,.side .spacer,.side .exit{display:none}.side .nav{flex-shrink:0;width:45px}.main{padding:15px}.top{align-items:start}.title{font-size:23px}.cards{gap:8px}.card{padding:13px;min-height:110px}.card .number{font-size:27px}.panel{padding:13px}.tablewrap{max-height:64vh}}

/* V7 visual and responsive layer */
.authlogo{display:block;width:min(240px,75%);height:auto;margin:0 auto 12px;object-fit:contain;mix-blend-mode:screen;filter:invert(1)}
.smalllogo{width:76px;max-width:76px;object-fit:contain;filter:invert(1);mix-blend-mode:screen;background:transparent;border-radius:3px}
.slogan{text-align:center;letter-spacing:.13em;text-transform:uppercase;font-size:10px;color:#abb9d2;margin:4px 0 17px}.v7hero{display:flex;align-items:center;justify-content:space-between;gap:22px;background:linear-gradient(105deg,#182b46,#1a3653 60%,#22283e);border:1px solid #334a66;border-radius:20px;padding:26px;margin:14px 0 18px}.v7hero h2{font-size:26px;color:#f4f7ff;margin:5px 0}.v7hero p{color:#b9c6db;font-size:13px;max-width:620px;line-height:1.6}.v7cards{margin:12px 0 18px}.metricrow{display:grid;grid-template-columns:minmax(90px,2fr) minmax(90px,3fr) 24px;gap:10px;align-items:center;padding:12px 0;border-bottom:1px solid #26364e}.metriclabel{font-size:12px;display:flex;flex-direction:column;gap:3px;min-width:0}.metriclabel small{color:#9db0cb}.meter{height:10px;background:#27364a;border-radius:9px;overflow:hidden}.meter span{display:block;height:100%;background:linear-gradient(90deg,#fc636e,#ffb15b);border-radius:9px}.qrCanvas{display:flex;align-items:center;justify-content:center;flex-direction:column;min-height:220px;padding:14px;gap:8px}.qrCanvas img{border:12px solid #fff;border-radius:12px}.smalllogo{vertical-align:middle}
@media(max-width:780px){.v7hero{flex-direction:column;align-items:stretch;padding:18px}.v7hero h2{font-size:21px}.metricrow{grid-template-columns:100px 1fr 20px}}

/* V8 */
.v8hero{display:flex;justify-content:space-between;align-items:center;gap:20px;border-radius:22px;border:1px solid #41506d;background:linear-gradient(130deg,#1d2539,#172a42 66%,#401f38);padding:28px;margin:0 0 20px}.v8hero h2{font-size:clamp(22px,2.4vw,32px);margin:9px 0}.v8hero p{font-size:13px;color:#a9bbd3;line-height:1.6;max-width:660px}.v8emblem{font-size:70px;font-weight:850;color:#ff3f54;letter-spacing:-.09em;margin-right:22px}.v8number{font-size:clamp(17px,2vw,26px)!important}.v8form{display:flex;flex-wrap:wrap;align-items:end;gap:14px}.v8form label{display:flex;flex-direction:column;gap:8px;color:#bbcee7;font-size:12px}.v8form .field{min-width:150px}.v8form .button{min-height:42px}.panel .tablewrap button.button{padding:7px 9px;font-size:11px}.side .nav.active{border-left:3px solid #e73f56;background:#202c49}@media(max-width:780px){.v8hero{padding:20px;align-items:start}.v8emblem{font-size:42px;margin:0}.v8form{flex-direction:column;align-items:stretch}.v8form label,.v8form .button{width:100%}}