@import url('data:text/css,');
:root{color-scheme:dark;--bg:#0b0e14;--panel:#141924;--line:#283043;--muted:#9faabd;--red:#fa3e54}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:#f4f6fa;font:15px/1.6 system-ui,sans-serif}a{color:#ff8795;text-decoration:none}.brand{font-size:42px;font-weight:950;color:var(--red);letter-spacing:-3px}.brand span{color:#fff}h1{font-size:34px;margin:0 0 20px;letter-spacing:-1px}h2{font-size:21px;margin:0 0 12px}h3{font-size:16px}p,small{color:var(--muted)}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:700;color:#fb7185}.login{width:min(460px,92vw);margin:8vh auto;background:var(--panel);border:1px solid var(--line);padding:38px;border-radius:22px;box-shadow:0 25px 100px #0005}.login button{width:100%;margin-top:12px}.login small{display:block;text-align:center;margin-top:26px}aside{position:fixed;inset:0 auto 0 0;width:235px;border-right:1px solid var(--line);padding:30px 22px;background:#10141d}aside small{font-size:10px;letter-spacing:2px}nav{margin:48px 0}nav a{display:block;padding:12px 15px;color:var(--muted);border-radius:10px;margin:6px 0}nav a.active{background:#fa3e5420;color:#ff7082}.content{margin-left:235px;padding:36px 5vw;max-width:1500px}header,.row{display:flex;justify-content:space-between;align-items:center;gap:16px}.badge{padding:8px 14px;background:#1a2630;border:1px solid #304a46;border-radius:30px;color:#7cddb9}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:20px 0}.stats article,.card{background:var(--panel);border:1px solid var(--line);padding:25px;border-radius:16px;margin-bottom:20px}.stats strong{display:block;font-size:36px;margin-top:8px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:0 24px}label{display:block;color:#cbd2df;font-size:13px;margin-bottom:18px}input,select{display:block;width:100%;border:1px solid #343d51;background:#0e131d;color:#fff;padding:12px;border-radius:8px;margin-top:6px;font:inherit}input:focus,select:focus{outline:2px solid var(--red);outline-offset:2px}.check{display:flex;align-items:center;gap:10px}.check input{width:auto;margin:0}button,.button{display:inline-block;border:0;background:var(--red);color:white;padding:11px 18px;border-radius:8px;font:600 13px system-ui;cursor:pointer}.secondary{background:#242d3d;color:#dce4f3}.danger{background:#43222b;color:#ffa6ad}.inline{display:inline-flex;gap:10px;margin:14px 8px 0 0}.success,.error,.warning{padding:14px 18px;border-radius:9px}.success{background:#14372d;color:#93e3c5}.error{background:#421f2a;color:#ffacba}.warning{background:#3b3020;color:#f6d597}table{border-collapse:collapse;width:100%;text-align:left}td,th{padding:14px 12px;border-bottom:1px solid var(--line)}th{font-size:12px;color:var(--muted)}.table{overflow:auto}code{color:#ff8b9b}li{margin:12px 0}button:hover,.button:hover{filter:brightness(1.12)}@media(max-width:850px){aside{position:static;width:100%;padding:15px 20px}aside .brand{font-size:30px}aside small,aside>form{display:none}nav{display:flex;overflow:auto;margin:10px 0 0}nav a{white-space:nowrap;padding:8px 12px}.content{margin:0;padding:22px 16px}.stats{grid-template-columns:1fr 1fr}.grid{grid-template-columns:1fr}h1{font-size:28px}.card{padding:20px}.badge{display:none}}
/* NAVIXTV — edición esmeralda, inspirada en la estructura del panel de referencia. */
:root{--bg:#080f14;--panel:#111e26;--line:#263b45;--muted:#92acb7;--red:#16bfa5}body{background:radial-gradient(ellipse at 85% 0,#133a3b55,transparent 50%),var(--bg)}a{color:#69e2d1}.brand{display:flex;align-items:center;gap:0;color:#42dfc5;letter-spacing:-2px}.eyebrow{color:#5adfc8}aside{width:252px;background:#0d171e;padding:30px 18px;overflow-y:auto}.content{margin-left:252px;padding:32px;max-width:1640px}.nav-label{font-size:9px;letter-spacing:1.6px;margin:30px 10px 15px}nav{margin:0 0 25px}nav a{font-size:13px;padding:10px 14px;margin:3px 0;color:#a7bec8}nav a.active{background:linear-gradient(100deg,#087d76,#16bfa5);color:white;box-shadow:0 6px 25px #12b59d22}header{border-bottom:1px solid var(--line);padding-bottom:16px;margin-bottom:24px}header h1{margin-bottom:0}.hero{border:1px solid #256256;border-radius:19px;padding:38px;background:radial-gradient(ellipse at 90% 0,#155746,transparent 65%),linear-gradient(130deg,#13232c,#0c1a20);margin:26px 0}.hero h2{font-size:38px;line-height:1.15;letter-spacing:-1px;margin:12px 0}.hero p{max-width:560px}.hero .button{margin-top:12px}.two-columns{display:grid;grid-template-columns:1.2fr 1fr;gap:22px}.shortcuts{display:grid;grid-template-columns:1fr 1fr;gap:12px}.shortcuts a{display:block;border:1px solid var(--line);background:#142831;padding:20px;border-radius:12px;color:#eefdfa}.shortcuts small{display:block;margin-top:7px;font-size:11px}.shortcuts a:hover{border-color:var(--red)}input,select,textarea{background:#0b171e;border-color:#304852}textarea{width:100%;color:white;border:1px solid #304852;padding:12px;border-radius:8px;font:inherit;resize:vertical}.secondary{background:#223b44}.danger{background:#492631}.badge{background:#102e2c;color:#8becd4;border-color:#1d5a4d}.stats article{margin:0}.stats{margin-bottom:26px}code{color:#6be7d3}.menu-toggle{display:none}.portal-content{max-width:820px;margin:auto;padding:32px 20px;position:relative}.portal-content h1{margin:35px 0 15px}.portal-bg{position:fixed;width:100%;height:100%;object-fit:cover;opacity:.2;inset:0}.portal-item{padding:18px 0;border-top:1px solid var(--line)}.ad-image{max-width:100%;max-height:480px;border-radius:12px;object-fit:contain}.portal-content .card{background:#111e26ed}.foot{text-align:center;font-size:12px;margin:35px}.login{border-top:3px solid var(--red)}@media(max-width:1100px){.two-columns{grid-template-columns:1fr}.content{padding:24px}}@media(max-width:850px){.menu-toggle{display:block;position:fixed;top:14px;left:14px;z-index:60;background:#173a42;font-size:19px;padding:8px 14px}.content{margin:0;padding:78px 16px 22px}aside{position:fixed;z-index:55;width:260px;top:0;bottom:0;padding-top:70px;transform:translateX(-100%);transition:transform .2s;box-shadow:20px 0 80px #0007}.menu-open aside{transform:translateX(0)}aside .brand{font-size:35px}aside small,aside>form{display:block}nav{display:block;overflow:visible}nav a{padding:10px 14px}.nav-label{display:block}.stats{grid-template-columns:1fr 1fr;gap:10px}.stats article{padding:17px}.stats strong{font-size:28px}.hero{padding:25px}.hero h2{font-size:31px}header{align-items:flex-start}header .button{font-size:11px;padding:8px 10px}.portal-content{padding-top:25px}.login{margin:10vh auto}.login~.menu-toggle{display:none}}

/* ═════════ NavixTv v75 — mismo diseño de la app (negro + rojo NavixTv) ═════════ */
:root{--bg:#08090c;--panel:#13151b;--panel2:#1c1f27;--line:#272a33;--muted:#9b9fab;--red:#e50914;--red2:#ff2d39}
body{background:radial-gradient(ellipse at 80% -10%,#e5091422,transparent 55%),radial-gradient(ellipse at 0 100%,#e5091410,transparent 45%),var(--bg);color:#fff;font-family:"Segoe UI",system-ui,-apple-system,Roboto,sans-serif}
a{color:#ff6b74}
h1,h2,h3{letter-spacing:-.4px}
.eyebrow{color:#ff5a63;letter-spacing:2.4px}
.brand{color:#fff;font-weight:900;letter-spacing:-1px;gap:10px}
.brand img{filter:drop-shadow(0 4px 18px #e5091455)}
aside{background:linear-gradient(180deg,#120609 0%,#0b0c10 45%,#08090c 100%);border-right:1px solid #1f2128}
aside small{color:#ff6b74}
.nav-label{color:#666a76}
nav a{color:#c9ccd4;border-radius:12px;border:1px solid transparent;transition:.15s}
nav a:hover{background:#ffffff0d;color:#fff}
nav a.active{background:linear-gradient(100deg,#b20710,#e50914);color:#fff;box-shadow:0 8px 28px #e5091433;border-color:#ff4b55}
header{border-bottom:1px solid var(--line)}
.badge{background:#1c1f27;color:#fff;border:1px solid #33363f}
.card,.stats article{background:linear-gradient(180deg,#16181f,#121419);border:1px solid var(--line);border-radius:18px;box-shadow:0 10px 40px #0006}
.stats article{position:relative;overflow:hidden}
.stats article:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--red)}
.stats strong{color:#fff}
.hero{background:radial-gradient(ellipse at 95% 0,#e5091455,transparent 60%),linear-gradient(130deg,#1a0a0d,#0d0e12);border:1px solid #4a1418;border-radius:22px}
.hero h2{color:#fff}
.shortcuts a{background:#1c1f27;border:1px solid var(--line);border-radius:14px;color:#fff;transition:.15s}
.shortcuts a:hover{border-color:var(--red);transform:translateY(-2px)}
input,select,textarea{background:#0e0f13;border:1px solid #2c2f38;border-radius:10px;color:#fff}
input:focus,select:focus,textarea:focus{outline:2px solid var(--red);outline-offset:1px;border-color:transparent}
button,.button{background:var(--red);border-radius:10px;font-weight:700;box-shadow:0 6px 20px #e5091433}
button:hover,.button:hover{background:var(--red2);filter:none}
.secondary{background:#262932;color:#fff;box-shadow:none}
.secondary:hover{background:#30343e}
.danger{background:#3a1216;color:#ff9aa1;box-shadow:none}
.success{background:#0f2a1c;color:#7ee2a8;border:1px solid #1d5a38}
.error{background:#2c0d10;color:#ff9aa1;border:1px solid #6b1d24}
.warning{background:#2b220f;color:#ffd27a;border:1px solid #5a4516}
td,th{border-bottom:1px solid var(--line)}
th{color:#9b9fab;text-transform:uppercase;letter-spacing:1px;font-size:11px}
tr:hover td{background:#ffffff05}
code{color:#ff6b74;background:#1c1f27;padding:2px 7px;border-radius:6px}
.login{background:linear-gradient(180deg,#17090c,#121419);border:1px solid #3a1418;border-top:3px solid var(--red);border-radius:22px}
.menu-toggle{background:var(--red)}
.portal-content .card{background:#13151bf0}
.pill{display:inline-block;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:700;background:#1c1f27;border:1px solid #33363f;color:#fff}
.pill.red{background:var(--red);border-color:var(--red)}
.pill.green{background:#0f2a1c;border-color:#1d5a38;color:#7ee2a8}
.release{display:flex;gap:18px;align-items:center;flex-wrap:wrap}
.release .big{font-size:46px;font-weight:900;line-height:1;letter-spacing:-2px}
.release .big span{color:var(--red)}
.feature{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px;margin:16px 0}
.feature div{background:#1c1f27;border:1px solid var(--line);border-radius:12px;padding:12px 14px;font-size:13px;color:#d6d8de}
.feature b{display:block;color:#fff;margin-bottom:3px}
@media(max-width:850px){aside{background:#0b0c10}.release .big{font-size:38px}}
aside .brand{font-size:30px;letter-spacing:-1px}aside .brand img{height:52px;width:auto}