*{box-sizing:border-box}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;background:#f4f7fb;color:#132238}a{text-decoration:none;color:inherit}button,input{font:inherit}.login{min-height:100vh;display:grid;grid-template-columns:1.1fr .9fr}.login-hero{padding:9vw 7vw;color:#fff;background:radial-gradient(circle at 80% 90%,#17265b 0,transparent 34%),linear-gradient(135deg,#061827,#07111e);position:relative;overflow:hidden}.login-hero:after{content:"";position:absolute;inset:0;background-image:linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px);background-size:52px 52px}.login-hero>*{position:relative;z-index:1}.pill{display:inline-block;padding:7px 12px;border:1px solid #16b8ff55;border-radius:30px;color:#34bdf5;font-size:11px;font-weight:800}.login-hero h1{font-size:clamp(38px,4vw,68px);line-height:1.02;margin:35px 0 20px;letter-spacing:-2px}.login-hero h1 span{color:#24b8f3}.login-hero p{max-width:560px;color:#91a4b8;line-height:1.7}.hero-tags{display:flex;gap:10px;flex-wrap:wrap;margin-top:35px}.hero-tags b{font-size:12px;border:1px solid #ffffff1c;padding:9px 13px;border-radius:8px;color:#b8c7d7}.login-side{display:grid;place-items:center;padding:30px;background:radial-gradient(circle at 100% 0,#e8f8ff,transparent 45%),#f8fafc}.card{background:#fff;border:1px solid #e3eaf2;border-radius:20px;box-shadow:0 22px 70px #15283b12}.login-card{width:min(430px,100%);padding:38px}.brand{font-size:25px;font-weight:950;letter-spacing:-1px}.brand span{color:#16a9bd}.login-card>small{display:block;color:#1e9bd2;font-weight:900;font-size:10px;margin-top:18px}.login-card h2{font-size:28px;margin:8px 0}.login-card p,.muted{color:#718096}.login-card label{display:block;font-size:11px;font-weight:800;margin:17px 0 7px;color:#536174}.login-card input{width:100%;padding:14px;border:1px solid #dce4ed;border-radius:10px;outline:none}.login-card input:focus{border-color:#29aef1;box-shadow:0 0 0 3px #29aef118}.login-card button,.btn{width:100%;border:0;border-radius:10px;padding:14px;margin-top:20px;color:#fff;font-weight:850;background:linear-gradient(90deg,#129cf1,#6659ec)}.secure{text-align:center;font-size:10px;color:#718096;margin-top:18px}.err,.ok{padding:12px;border-radius:10px;margin:15px 0}.err{background:#fff0f0;color:#9b2525}.ok{background:#edfff5;color:#17663b}header{height:72px;background:#0b1019;color:#fff;display:flex;align-items:center;padding:0 28px;gap:28px;position:sticky;top:0;z-index:10}.topstats{display:flex;gap:12px;align-items:center;font-size:12px;color:#a8b5c5}.topstats b{color:#21c78a}.user{margin-left:auto;display:flex;align-items:center;gap:10px;font-size:12px}.user em{font-style:normal;color:#8fa0b5}.user a{padding:8px 11px;border:1px solid #ffffff1c;border-radius:8px}.layout{display:grid;grid-template-columns:238px 1fr;min-height:calc(100vh - 72px)}aside{background:#0e1622;padding:22px 14px}aside a{display:flex;align-items:center;gap:11px;color:#aab7c8;padding:12px 14px;border-radius:9px;margin:3px 0;font-size:14px}aside i{width:20px;text-align:center;font-style:normal;color:#5c7b9e}.on,aside a:hover{background:#172638;color:#fff}.on i{color:#22aaf1}.dash{padding:32px;max-width:1500px;width:100%;margin:auto}.pagehead{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px}.pagehead small{font-size:10px;color:#6b7c91;font-weight:850}.pagehead h1{font-size:28px;margin:6px 0}.status{font-size:11px;color:#159965;background:#e9fff5;border:1px solid #c9f4df;padding:8px 11px;border-radius:20px}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.grid article{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:20px;position:relative;box-shadow:0 8px 25px #13223808}.grid article>i{position:absolute;right:18px;top:18px;font-style:normal;font-size:22px;color:#2e9ddd}.grid strong{display:block;font-size:30px}.grid span{display:block;font-weight:800;margin-top:6px}.grid small{color:#8795a7}.twocol{display:grid;grid-template-columns:1.3fr .7fr;gap:16px;margin-top:18px}.panel{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:22px;box-shadow:0 8px 25px #13223808}.paneltitle{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.paneltitle p{margin:4px 0 0;color:#8190a2;font-size:12px}.badge{display:inline-block;padding:6px 9px;border-radius:20px;background:#e9fff5;color:#13855a;font-size:10px}.quick{display:grid;grid-template-columns:1fr 1fr;gap:10px}.quick a{border:1px solid #e2e8f0;padding:16px;border-radius:12px;font-size:13px;font-weight:750}.quick a:hover{border-color:#41aee7;background:#f7fcff}.smallbtn{border:0;border-radius:9px;background:#14273d;color:#fff;padding:10px 13px;font-weight:750}.smallbtn:disabled{opacity:.45}.table{overflow:auto}.tr{display:grid;grid-template-columns:1.4fr 1.2fr 1fr 1.2fr 1fr;gap:12px;align-items:center;padding:13px 12px;border-top:1px solid #edf1f5;font-size:13px;min-width:760px}.th{color:#7a899b;font-size:10px;font-weight:850;text-transform:uppercase;background:#f8fafc;border-radius:9px}.empty{padding:35px;text-align:center;color:#8795a7;font-size:13px}.module{text-align:center;padding:70px 30px}.moduleicon{font-size:42px;color:#299fda}.module h2{font-size:28px;margin:12px}.module>p{max-width:620px;margin:0 auto;color:#718096;line-height:1.7}.road{max-width:560px;margin:28px auto 0;text-align:left;background:#f6f9fc;border:1px solid #e2e8f0;border-radius:12px;padding:16px}.road b,.road span{display:block}.road span{margin-top:6px;color:#718096}.installer{min-height:100vh;display:grid;place-items:center;padding:25px;background:#f4f7fb}.wide{width:min(780px,100%);padding:34px}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.formgrid h3,.full{grid-column:1/-1}.formgrid label{display:block;font-size:13px;font-weight:700;margin:12px 0}.formgrid input{width:100%;padding:12px;border:1px solid #d9e0e7;border-radius:9px;margin-top:6px}.formgrid button{grid-column:1/-1;padding:13px;border:0;border-radius:10px;background:#14273d;color:#fff;font-weight:800;margin-top:18px}@media(max-width:900px){.login{grid-template-columns:1fr}.login-hero{display:none}.layout{grid-template-columns:76px 1fr}aside a{font-size:0;justify-content:center}aside i{font-size:18px}.grid{grid-template-columns:1fr 1fr}.twocol{grid-template-columns:1fr}.topstats{display:none}}@media(max-width:600px){header{padding:0 14px}.user em{display:none}.dash{padding:18px}.grid{grid-template-columns:1fr}.quick{grid-template-columns:1fr}.layout{grid-template-columns:1fr}aside{display:flex;overflow:auto;padding:8px;position:sticky;top:72px;z-index:9}aside a{min-width:52px;margin:0}.pagehead{align-items:flex-start}.status{display:none}.formgrid{grid-template-columns:1fr}}
/* ORIONTV PREMIUM V0.3 */
:root{--orion-red:#e00000;--orion-red2:#ff2b16;--orion-black:#080a0e;--orion-metal:#cfd4da}
header{background:linear-gradient(180deg,#11151c,#06080c);border-bottom:1px solid #ff2b162d;box-shadow:0 8px 28px #0006}
.brand{height:58px;display:flex;align-items:center;min-width:150px}.brand img{display:block;width:142px;height:58px;object-fit:contain;filter:drop-shadow(0 5px 8px #0008)}
aside{background:linear-gradient(180deg,#11151c,#07090d);border-right:1px solid #ffffff0a;box-shadow:8px 0 30px #10131a12}.on,aside a:hover{background:linear-gradient(135deg,#251116,#161b24);box-shadow:inset 3px 0 0 var(--orion-red2),0 7px 20px #0002}.on i,aside a:hover i{color:#ff3b2d;text-shadow:0 0 12px #ff2b1688}
.grid article,.panel{border:1px solid #dfe3e8;box-shadow:0 14px 35px #12182012, inset 0 1px 0 #fff}.grid article:after{content:"";position:absolute;left:18px;right:18px;bottom:0;height:2px;background:linear-gradient(90deg,transparent,#e0000060,transparent)}.grid article>i{color:#d31616;text-shadow:0 5px 12px #d3161630}.quick a:hover{border-color:#e01a1a;background:#fff8f8;box-shadow:0 8px 22px #d0000012}.smallbtn,.createform button{background:linear-gradient(180deg,#ff2d1b,#a90000);box-shadow:inset 0 1px 0 #ff9a8f,0 7px 15px #b0000033;color:#fff;border:1px solid #8c0000}.status{color:#128653;background:#edfff5}.badge.pending{background:#fff2f0;color:#b52820}.login-hero{background:radial-gradient(circle at 72% 45%,#5a000055 0,transparent 32%),linear-gradient(135deg,#050609,#0b0d12)}.login-hero:before{content:"";position:absolute;inset:0;background:url('../orion-logo.png') center 42%/min(74%,760px) auto no-repeat;opacity:.16;filter:drop-shadow(0 15px 35px #000)}.login-hero h1 span{color:#f1241a;text-shadow:0 4px 18px #d0000055}.pill{border-color:#e3262655;color:#ff5146}.login-card>small{color:#cf1717}.login-card button,.btn{background:linear-gradient(180deg,#f22b1d,#a50000);box-shadow:inset 0 1px 0 #ff8f86,0 9px 20px #9d00002b}.login-card input:focus{border-color:#dc2525;box-shadow:0 0 0 3px #dc252518}
.createform{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:0 0 22px;padding:16px;background:linear-gradient(180deg,#fbfcfd,#f5f7f9);border:1px solid #e5e8ec;border-radius:13px}.createform input,.createform select{min-width:0;padding:11px 12px;border:1px solid #d8dde4;border-radius:9px;background:#fff;outline:none}.createform input:focus,.createform select:focus{border-color:#d82121;box-shadow:0 0 0 3px #d8212110}.createform button{border-radius:9px;padding:11px 14px;font-weight:800}.demoform{grid-template-columns:2fr 2fr 1fr 1.2fr}
@media(max-width:900px){.createform,.demoform{grid-template-columns:1fr 1fr}.brand{min-width:100px}.brand img{width:110px}}
@media(max-width:600px){.createform,.demoform{grid-template-columns:1fr}.brand img{width:100px}}
/* V0.4 HYBRID + WHITE LABEL + PWA */
:root{--brand:#e32119;--brand-dark:#0b0d12}.xuinav{display:flex;align-items:center;gap:4px}.xuinav a{font-size:12px;color:#aab5c3;padding:9px 11px;border-radius:8px}.xuinav a:hover{background:#ffffff0c;color:#fff}.installbtn{margin-left:auto;border:1px solid #ffffff20;background:#171d27;color:#fff;padding:8px 11px;border-radius:8px;font-weight:800}.user{margin-left:0}.grid article>i,.moduleicon{color:var(--brand)}.on,aside a:hover{box-shadow:inset 3px 0 0 var(--brand),0 7px 20px #0002}.on i,aside a:hover i{color:var(--brand)}.smallbtn,.createform button,.login-card button,.btn{background:linear-gradient(180deg,color-mix(in srgb,var(--brand) 88%,white),color-mix(in srgb,var(--brand) 68%,black));border-color:color-mix(in srgb,var(--brand) 65%,black)}.login-hero h1 span,.login-card>small{color:var(--brand)}.pill{border-color:color-mix(in srgb,var(--brand) 35%,transparent);color:color-mix(in srgb,var(--brand) 75%,white)}.brandcards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.brandcards article{padding:18px;border:1px solid #e2e8f0;border-radius:14px;background:linear-gradient(180deg,#fff,#f8fafc);box-shadow:0 10px 25px #1322380a}.brandcards b,.brandcards span,.brandcards small{display:block}.brandcards span{margin:7px 0;color:var(--brand);font-weight:800}.brandcards small{color:#7b8999}.tr span small{display:block;color:#8491a0;margin-top:3px}.brandform{grid-template-columns:repeat(3,1fr)}
@media(max-width:1050px){.xuinav{display:none}.brandcards{grid-template-columns:1fr 1fr}}@media(max-width:600px){.brandcards{grid-template-columns:1fr}.brandform{grid-template-columns:1fr}.installbtn{font-size:0}.installbtn:first-letter{font-size:15px}}