/* Panel del dueño de egg.report y páginas sueltas (entrada al panel, portada, "no existe").
   Mismo estilo que la app: oscuro, esquinas rectas, amarillo de acento y letra Saira. */
@font-face{font-family:"Saira Semi Condensed";font-weight:600;font-display:swap;src:url(/_s/f/saira-600.woff2) format("woff2")}
@font-face{font-family:"Saira Semi Condensed";font-weight:700;font-display:swap;src:url(/_s/f/saira-700.woff2) format("woff2")}
@font-face{font-family:"Saira Semi Condensed";font-weight:800;font-display:swap;src:url(/_s/f/saira-800.woff2) format("woff2")}
@font-face{font-family:"Fredoka";font-weight:300 700;font-display:swap;src:url(/_s/f/fredoka.ttf) format("truetype")}
:root{--bg:#0a0b10;--bg2:#0e1016;--surface:#12141c;--surface2:#181b25;--line:rgba(255,255,255,.08);--line2:rgba(255,255,255,.15);--text:#f2f4f8;--muted:#8b92a5;--dim:#5d6477;
  --accent:#ffd166;--coral:#ff6b6b;--mint:#6ee7b7;--fd:"Saira Semi Condensed","Bahnschrift","Segoe UI",system-ui,sans-serif;--fb:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  --fm:"Cascadia Mono",Consolas,ui-monospace,Menlo,monospace;color-scheme:dark}
*{box-sizing:border-box}
[hidden]{display:none!important}
html{background:var(--bg)}
body{margin:0;min-height:100vh;background:var(--bg);color:var(--text);font:13.5px/1.5 var(--fb);-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%}
button,input,select,textarea{font:inherit;color:inherit}
button{cursor:pointer;-webkit-tap-highlight-color:transparent}
a{color:var(--accent)}
:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-thumb{background:rgba(255,255,255,.12);border:2px solid var(--bg)}
::-webkit-scrollbar-track{background:transparent}

/* ---------- páginas sueltas ---------- */
.enter{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px 16px;background:radial-gradient(900px 500px at 50% -10%,rgba(255,209,102,.09),transparent 60%),var(--bg)}
.enter-box{width:min(440px,100%);padding:32px 28px;border:1px solid var(--line);background:var(--surface);text-align:center;box-shadow:0 22px 50px -20px rgba(0,0,0,.75)}
.enter-box img{display:block;margin:0 auto 14px}
.enter-box h1{margin:0;font:700 25px/1.1 var(--fd)}
.enter-box p{margin:12px 0 0;color:var(--muted)}
.enter-box p b{color:var(--text)}
.enter-box p.err{color:var(--coral)}
.enter-btns{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin-top:18px}

/* ---------- marco ---------- */
.top{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:12px;height:58px;padding:0 18px;border-bottom:1px solid var(--line);background:rgba(10,11,16,.92);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.top .logo{display:flex;width:24px;height:30px;color:var(--accent);filter:drop-shadow(0 0 10px rgba(255,209,102,.45))}
.top .logo svg{width:100%;height:100%}
.ttl{display:flex;flex-direction:column;min-width:0;line-height:1.15}
.ttl b{font:700 17px/1.1 var(--fd)}
.ttl small{color:var(--muted);font-size:11.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sp{flex:1}
.adminbar{padding:8px 18px;background:rgba(124,196,255,.1);border-bottom:1px solid rgba(124,196,255,.25);color:#cfe6ff;font-size:12.5px}
.layout{display:grid;grid-template-columns:214px minmax(0,1fr);min-height:calc(100vh - 58px)}
.nav{position:sticky;top:58px;align-self:start;display:flex;flex-direction:column;gap:2px;height:calc(100vh - 58px);padding:14px 10px;border-right:1px solid var(--line)}
.nav button{display:flex;align-items:center;gap:11px;height:40px;padding:0 12px;border:0;background:none;color:var(--muted);font:600 13.5px/1 var(--fb);text-align:left;white-space:nowrap}
.nav button svg{flex:none;width:17px;height:17px}
.nav button:hover{background:rgba(255,255,255,.04);color:var(--text)}
.nav button.on{background:rgba(255,209,102,.09);color:var(--accent);box-shadow:inset 2px 0 0 var(--accent)}
.pmain{width:100%;max-width:1180px;padding:24px 28px 110px}
@media (max-width:880px){
  .layout{grid-template-columns:1fr}
  .nav{z-index:20;flex-direction:row;height:auto;overflow-x:auto;padding:6px 10px;border-right:0;border-bottom:1px solid var(--line);background:var(--bg)}
  .nav button{flex:none;height:36px;padding:0 11px}
  .nav button.on{box-shadow:inset 0 -2px 0 var(--accent)}
  .pmain{padding:16px 16px 110px}
  .top .btn span{display:none}.top .btn{width:36px;padding:0}
}

/* ---------- piezas ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;height:36px;padding:0 14px;border:1px solid var(--line2);background:rgba(255,255,255,.035);color:var(--text);font:600 12.5px/1 var(--fb);text-decoration:none;white-space:nowrap;transition:background .15s,border-color .15s}
.btn svg{flex:none;width:16px;height:16px}
.btn:hover{background:rgba(255,255,255,.08)}
.btn.main{border-color:transparent;background:var(--accent);color:#16120a;font-weight:800}
.btn.main:hover{filter:brightness(1.07)}
.btn.danger{border-color:rgba(255,107,107,.45);color:var(--coral)}
.btn.danger:hover{background:rgba(255,107,107,.1)}
.btn.icon{width:36px;padding:0}
.btn.small{height:30px;padding:0 10px;font-size:12px}
.btn:disabled{opacity:.5;cursor:default}
.chip{display:inline-flex;align-items:center;height:22px;padding:0 8px;border:1px solid var(--line2);font:800 10.5px/1 var(--fb);font-style:normal;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}
.chip.on{border-color:rgba(110,231,183,.45);color:var(--mint)}
.chip.paused{border-color:rgba(255,209,102,.45);color:var(--accent)}
.chip.off{border-color:rgba(255,107,107,.45);color:var(--coral)}
.h1{margin:0 0 18px;font:700 28px/1.1 var(--fd)}
.h2{margin:0 0 14px;font:700 17px/1.2 var(--fd)}
.p{margin:0;color:var(--muted)}
.p b{color:var(--text)}
.muted{color:var(--muted)}
a.muted{text-decoration:none}a.muted:hover{color:var(--text)}
.card{margin:0 0 16px;padding:18px 18px 16px;border:1px solid var(--line);background:var(--surface)}
.note{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:0 0 16px;padding:12px 14px;border:1px solid rgba(255,209,102,.3);border-left:3px solid var(--accent);background:rgba(255,209,102,.06)}
.note.bad{border-color:rgba(255,107,107,.35);border-left-color:var(--coral);background:rgba(255,107,107,.07)}
.empty{display:flex;flex-direction:column;align-items:center;gap:6px;padding:46px 16px;border:1px dashed var(--line2);color:var(--muted);text-align:center}
.empty b{color:var(--text);font:700 17px/1.2 var(--fd)}
.btns{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:8px}
.btns.end{justify-content:flex-end;margin-top:14px}
.hrow{display:flex;align-items:center;gap:12px;margin-bottom:18px}
.hrow .h1{margin:0}

/* campos */
.f{display:flex;flex-direction:column;gap:6px;margin:0 0 14px}
.fl{color:var(--muted);font:700 10.5px/1.2 var(--fb);letter-spacing:.12em;text-transform:uppercase}
.fh{color:var(--dim);font-size:12px}
.fh.good{color:var(--mint)}.fh.bad{color:var(--coral)}
input[type=text],input[type=search],input[type=number],input[type=date],select,textarea{width:100%;min-height:38px;padding:8px 11px;border:1px solid var(--line2);border-radius:0;background:var(--bg2);color:var(--text);outline:none}
input:focus,select:focus,textarea:focus{border-color:rgba(255,209,102,.6)}
textarea{resize:vertical;min-height:70px;line-height:1.45}
input[type=number]{width:110px}
input[type=date]{width:auto;min-width:160px;color-scheme:dark}
select{width:auto;min-width:170px}
.btns input[type=text]{flex:1 1 200px;width:auto}
.seg{display:inline-flex;flex-wrap:wrap;gap:2px;padding:3px;border:1px solid var(--line2);background:var(--bg2);align-self:flex-start}
.seg button{height:30px;padding:0 13px;border:0;background:none;color:var(--muted);font:700 12.5px/1 var(--fb)}
.seg button.on{background:rgba(255,209,102,.14);color:var(--accent)}
.sf{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px 0;border-top:1px solid var(--line);cursor:pointer}
.h2+.sf{border-top:0}
.sf span{display:flex;flex-direction:column;gap:2px}
.sf b{font-weight:600}
.sf small{color:var(--dim);font-size:12px}
.sw{appearance:none;-webkit-appearance:none;flex:none;width:40px;height:22px;margin:0;background:rgba(255,255,255,.12);position:relative;cursor:pointer;transition:background .2s}
.sw::after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;background:var(--muted);transition:transform .2s,background .2s}
.sw:checked{background:var(--accent)}
.sw:checked::after{transform:translateX(18px);background:#16120a}
.colors{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}
.cf{display:flex;align-items:center;gap:10px;padding:6px;border:1px solid var(--line);background:var(--bg2);cursor:pointer;margin-bottom:8px}
.colors .cf{margin:0}
.cf input{flex:none;width:34px;height:34px;padding:0;border:1px solid var(--line2);background:none;cursor:pointer}
.cf input::-webkit-color-swatch-wrapper{padding:0}
.cf input::-webkit-color-swatch{border:0}
.cf span{display:flex;flex-direction:column;line-height:1.2}
.cf b{font-weight:600;font-size:12.5px}
.cf small{color:var(--dim);font:600 11px/1.2 var(--fm)}
.img{display:flex;align-items:center;gap:14px;padding:12px 0;border-top:1px solid var(--line)}
.h2+.img{border-top:0;padding-top:0}
.img-p{flex:none;display:flex;align-items:center;justify-content:center;width:120px;height:68px;border:1px solid var(--line2);background:repeating-conic-gradient(rgba(255,255,255,.05) 0 25%,transparent 0 50%) 0 0/14px 14px;overflow:hidden}
.img-p.sq{width:68px}
.img-p img{width:100%;height:100%;object-fit:contain}
.img-p span{color:var(--dim);font-size:11px}
.img-t{display:flex;flex-direction:column;gap:3px;min-width:0}
.img-t b{font-weight:600}
.img-t small{color:var(--dim);font-size:12px}
.img-a{display:flex;gap:8px;margin-top:5px}
.img-a label.btn{cursor:pointer}

/* resumen */
.urlcard>small{color:var(--muted);font:700 10.5px/1 var(--fb);letter-spacing:.12em;text-transform:uppercase}
.url{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:8px 0 10px}
.url b{flex:1 1 auto;min-width:0;font:700 22px/1.2 var(--fd);overflow-wrap:anywhere;color:var(--accent)}
.stats{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;margin:0 0 16px}
.stat{display:flex;flex-direction:column;gap:4px;padding:14px 16px;border:1px solid var(--line);background:var(--surface)}
.stat small{color:var(--muted);font:700 10px/1.2 var(--fb);letter-spacing:.12em;text-transform:uppercase}
.stat b{font:700 24px/1.1 var(--fd)}
.stat b em{color:var(--dim);font-style:normal;font-size:17px}
.stat span{color:var(--dim);font-size:12px}
.st-on{color:var(--mint)}.st-paused{color:var(--accent)}.st-off{color:var(--coral)}
.modes{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px}
.mode{display:flex;flex-direction:column;gap:4px;padding:14px;border:1px solid var(--line2);background:var(--bg2);text-align:left}
.mode b{font:700 16px/1.1 var(--fd)}
.mode span{color:var(--muted);font-size:12.5px}
.mode.on{border-color:var(--accent);background:rgba(255,209,102,.07);box-shadow:inset 0 0 0 1px var(--accent)}
.mode.on b{color:var(--accent)}
@media (max-width:560px){.modes{grid-template-columns:1fr}}

/* usuarios */
.ubar{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin:0 0 12px}
.ubar input{flex:1 1 240px;width:auto}
.ulist{display:flex;flex-direction:column;border:1px solid var(--line);background:var(--surface)}
.u+.u{border-top:1px solid var(--line)}
.uh{display:grid;grid-template-columns:minmax(150px,1.3fr) auto minmax(140px,1.2fr) 80px 110px;align-items:center;gap:12px;width:100%;padding:12px 14px;border:0;background:none;text-align:left}
.uh:hover{background:rgba(255,255,255,.025)}
.u.open .uh{background:rgba(255,209,102,.05)}
.un{display:flex;align-items:center;gap:8px;min-width:0}
.un b{font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.un small{color:var(--dim);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dot{flex:none;width:8px;height:8px;background:var(--dim)}
.dot.live{background:var(--mint);box-shadow:0 0 8px var(--mint)}
.ue,.ud,.us{color:var(--muted);font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ud{font-family:var(--fm);font-size:11.5px}
.ub{padding:6px 14px 16px;border-top:1px solid var(--line);background:var(--bg2)}
.ug{padding:12px 0;border-bottom:1px solid var(--line)}
.ug>.fl{display:block;margin-bottom:2px}
.ug .btns{margin-top:8px}
.ug>small{display:block;margin-top:8px}
.devs{margin:8px 0 0;padding:0 0 0 18px;color:var(--muted)}
@media (max-width:760px){.uh{grid-template-columns:1fr auto;gap:6px 10px}.ue{grid-column:1/-1}.ud,.us{display:none}}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:4px 18px}
.grid2 .wide{grid-column:1/-1}
@media (max-width:700px){.grid2{grid-template-columns:1fr}}
.seg.wrap{flex-wrap:wrap}
.newu{border-color:rgba(255,209,102,.35)}
.cred{display:flex;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;gap:14px;border-color:rgba(110,231,183,.4);background:linear-gradient(180deg,rgba(110,231,183,.06),transparent),var(--surface)}
.credbox{margin:12px 0 0;padding:12px 14px;border:1px solid var(--line2);background:var(--bg);font:600 14px/1.6 var(--fm);white-space:pre-wrap;word-break:break-all;user-select:all}

/* apariencia: dos columnas con la vista previa fija */
.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,420px);gap:18px;align-items:start}
.col.sticky{position:sticky;top:78px}
@media (max-width:1100px){.split{grid-template-columns:1fr}.col.sticky{position:static}}
.pv-h{display:flex;align-items:center;justify-content:space-between;margin:0 0 8px}
.pv{--a:#ffd166;--b:#0a0b10;--s:#12141c;--t:#f2f4f8;--m:#8b92a5;--r:0px;--f:var(--fd);border:1px solid var(--line2);background:var(--b) center/cover no-repeat;color:var(--t);overflow:hidden}
.pv-in{padding:12px;min-height:300px}
.pv-in.has-bg{background:color-mix(in srgb,var(--b) 78%,transparent)}
.pv-top{display:flex;align-items:center;gap:9px;padding:0 0 10px;border-bottom:1px solid color-mix(in srgb,var(--t) 9%,transparent)}
.pv-top img{width:30px;height:30px;object-fit:contain;border-radius:var(--r)}
.pv-egg{width:16px;height:21px;border-radius:50% 50% 50% 50%/60% 60% 40% 40%;background:linear-gradient(155deg,#fff1c2,var(--a) 45%,color-mix(in srgb,var(--a) 70%,#000))}
.pv-name{flex:1;min-width:0;display:flex;flex-direction:column}
.pv-name b{font:700 15px/1.1 var(--f);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pv-name small{color:var(--m);font-size:10.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pv-cnt{display:flex;flex-direction:column;align-items:flex-end;line-height:1}
.pv-cnt small{color:var(--m);font-size:7.5px;letter-spacing:.14em;text-transform:uppercase}
.pv-cnt b{font:700 16px/1.1 var(--f)}
.pv-ban{margin:10px 0 0;padding:7px 10px;border-left:3px solid var(--bc);background:color-mix(in srgb,var(--bc) 12%,var(--s));border-radius:var(--r);font-weight:600;font-size:12px}
.pv-card{--z:#FFB43A;margin:10px 0 0;padding:10px 0 6px;border:1px solid color-mix(in srgb,var(--t) 9%,transparent);border-radius:var(--r);background:linear-gradient(180deg,color-mix(in srgb,var(--z) 12%,transparent),transparent 110px),var(--s);position:relative;overflow:hidden}
.pv-card::before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--z)}
.pv-zone{margin:0 10px 6px;color:var(--z);font:600 9px/1 var(--f);letter-spacing:.14em}
.pv-tt{display:flex;align-items:center;gap:8px;margin:0 10px 8px}
.pv-tt img{width:36px;height:36px;object-fit:contain}
.pv-tt div{flex:1;display:flex;flex-direction:column;min-width:0}
.pv-tt b{color:#fbff00;font:600 17px/1.05 var(--f)}
.pv.light .pv-tt b{color:#8a8c00}
.pv-tt small{color:var(--m);font-size:10.5px}
.pv-best{display:flex;flex-direction:column;align-items:flex-end;color:var(--z);font:700 18px/1 var(--f)}
.pv-best small{color:var(--m);font:700 7.5px/1 var(--fb);letter-spacing:.12em;text-transform:uppercase;margin-bottom:3px}
.pv-row{display:flex;align-items:center;gap:6px;margin:0 5px 3px;padding:6px 6px 6px 8px;border-radius:var(--r);background:color-mix(in srgb,var(--t) 5%,transparent)}
.pv-row.top{background:linear-gradient(90deg,color-mix(in srgb,var(--z) 22%,transparent) 100%,transparent 0)}
.pv-row b{font:700 14px/1 var(--f);min-width:44px}
.pv-row.top b{color:var(--z)}
.pv-gen{padding:2px 5px;border:1px solid color-mix(in srgb,var(--t) 15%,transparent);border-radius:min(5px,var(--r));color:var(--m);font:800 9.5px/1 var(--f);font-style:normal}
.pv-mut{padding:3px 5px;border-radius:min(5px,var(--r));background:linear-gradient(135deg,#ffe99a,#ffb43a 55%,#e58a12);color:#2a1a00;font:800 8.5px/1 var(--f);font-style:normal;letter-spacing:.1em}
.pv-rob{padding:2px 5px;border:1px solid rgba(255,107,107,.5);border-radius:var(--r);color:#ff6b6b;font:800 8px/1 var(--fb);font-style:normal;letter-spacing:.1em}
.pv-join{margin-left:auto;padding:6px 9px;border-radius:var(--r);background:var(--z);color:#14100a;font:800 9.5px/1 var(--f);letter-spacing:.14em}
.pv-contact{display:inline-flex;margin:10px 0 0;padding:6px 10px;border:1px solid color-mix(in srgb,var(--t) 12%,transparent);border-radius:var(--r);font-weight:600;font-size:11.5px}
.pvl .pv-in{display:flex;align-items:center;justify-content:center;min-height:380px}
.pv-lcard{width:min(270px,100%);display:flex;flex-direction:column;gap:7px;padding:18px 16px;border:1px solid color-mix(in srgb,var(--t) 9%,transparent);border-radius:calc(var(--r) * 1.5);background:color-mix(in srgb,var(--s) 94%,transparent);text-align:center}
.pv-lcard img{width:44px;height:44px;margin:0 auto;object-fit:contain;border-radius:var(--r)}
.pv-lcard>b{font:700 18px/1.1 var(--f)}
.pv-lcard p{margin:0;color:var(--m);font-size:11.5px;white-space:pre-line}
.pv-lcard label{display:flex;flex-direction:column;gap:3px;color:var(--m);font-size:10px;font-weight:600;text-align:left}
.pv-lcard label span{height:28px;border:1px solid color-mix(in srgb,var(--t) 9%,transparent);border-radius:var(--r);background:var(--b)}
.pv-lbtn{display:block;margin-top:3px;padding:9px;border-radius:var(--r);background:var(--a);color:#111;font:800 12px/1 var(--fb);font-style:normal}
.pv-lcard .pv-note{font-size:10.5px}
.pv-lcard .pv-contact{align-self:center}

/* dirección */
.slug{display:flex;align-items:stretch;border:1px solid var(--line2);background:var(--bg2)}
.slug span{display:flex;align-items:center;padding:0 0 0 11px;color:var(--muted);font-weight:600}
.slug input{border:0;padding-left:2px;background:transparent}

/* actividad */
.acts{margin:0;padding:0;list-style:none}
.acts li{display:grid;grid-template-columns:120px 110px minmax(0,1fr);gap:12px;padding:9px 0;border-top:1px solid var(--line)}
.acts li:first-child{border-top:0}
.acts time{color:var(--dim);font:600 11.5px/1.5 var(--fm)}
.acts .who{color:var(--muted);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media (max-width:640px){.acts li{grid-template-columns:1fr;gap:2px}}

/* guardar y avisos */
.savebar{position:fixed;left:50%;bottom:18px;z-index:40;display:flex;align-items:center;gap:10px;padding:10px 10px 10px 16px;border:1px solid rgba(255,209,102,.45);background:var(--surface2);box-shadow:0 18px 50px rgba(0,0,0,.6);transform:translateX(-50%);white-space:nowrap}
.savebar span{margin-right:6px;font-weight:600}
@media (max-width:560px){.savebar{left:12px;right:12px;transform:none;flex-wrap:wrap;white-space:normal}.savebar span{flex-basis:100%}}
.toasts{position:fixed;right:16px;bottom:16px;z-index:60;display:flex;flex-direction:column;gap:8px;max-width:min(380px,calc(100vw - 32px))}
.toast{padding:11px 14px;border:1px solid var(--line2);border-left:3px solid var(--mint);background:var(--surface2);box-shadow:0 14px 34px rgba(0,0,0,.5);animation:tin .25s ease both}
.toast.err{border-left-color:var(--coral)}
@keyframes tin{from{opacity:0;transform:translateY(8px)}}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}