@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}}
/* ZONA — 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}}