/* Panel admin v1.6.0 · «Clean & Modern»: oscuro premium con acentos ámbar, sidebar retráctil y drawer móvil.
   Solo actúa con body.abody (no afecta login ni panel del socio) y no cambia clases existentes. */
html[data-theme="dark"] body.abody{--bg:#020617;--card:#0f172a;--in:#090d16;--bd:rgba(51,65,85,.55);--tx:#f8fafc;--mu:#94a3b8;--ac:#fbbf24;--acx:#1a1204;--glow:rgba(245,158,11,.28)}
html[data-theme="light"] body.abody{--bg:#f6f4ef;--card:#ffffff;--in:#f6f4ef;--bd:#e3dfd6;--ac:#b45309;--acx:#ffffff;--glow:rgba(180,83,9,.18)}
body.abody{background:var(--bg);-webkit-font-smoothing:antialiased}
body.abody .wrap{max-width:none;margin:0;padding:0}
body.abody.sblock{overflow:hidden}
body.abody h2,body.abody .kpihead b{font-family:"Barlow Condensed",Impact,sans-serif;letter-spacing:.01em}
/* tarjetas con profundidad y resplandor sutil */
body.abody .card,body.abody .kpi{background:linear-gradient(180deg,rgba(255,255,255,.035),transparent 45%),var(--card);border:1px solid var(--bd);box-shadow:0 1px 0 rgba(255,255,255,.04) inset,0 18px 40px -24px rgba(0,0,0,.65);transition:border-color .2s,box-shadow .2s}
body.abody .card:hover,body.abody .kpi:hover{border-color:rgba(245,158,11,.4);box-shadow:0 1px 0 rgba(255,255,255,.05) inset,0 18px 40px -24px rgba(0,0,0,.65),0 0 30px -10px var(--glow)}
body.abody .btn:not(.ghost):not(.danger){box-shadow:0 8px 20px -10px var(--glow)}
body.abody input:not([type=checkbox]):not([type=radio]),body.abody select{background:var(--in);color:var(--tx);border-color:var(--bd)}
/* layout */
.ash{display:flex;min-height:100vh}.asm{flex:1;min-width:0}
.asd{width:256px;flex:none;position:sticky;top:0;height:100vh;overflow-y:auto;overflow-x:hidden;box-sizing:border-box;padding:16px 12px;background:linear-gradient(180deg,rgba(245,158,11,.05),transparent 30%),var(--card);border-right:1px solid var(--bd);transition:width .25s ease}
.asb{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:2px 4px 14px}
.asl{display:flex;align-items:center;gap:10px;min-width:0}.asl i{flex:none;width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#1a1204;display:grid;place-items:center;font:900 22px "Barlow Condensed",sans-serif;font-style:normal;box-shadow:0 0 22px -4px rgba(245,158,11,.7)}
.ast{font:800 20px "Barlow Condensed",sans-serif;letter-spacing:.05em;line-height:1.05;white-space:nowrap}.ast b{color:var(--ac)}.ast small{display:block;font:500 11px Barlow,sans-serif;color:var(--mu);letter-spacing:.04em}
.asx,.asc,.aic{width:36px;height:36px;flex:none;border-radius:10px;border:1px solid var(--bd);background:transparent;color:var(--mu);cursor:pointer;display:grid;place-items:center;transition:background .15s,color .15s}
.asx:hover,.asc:hover,.aic:hover{background:var(--in);color:var(--ac)}.asx svg{transition:transform .25s}.asc,.ahb,.asv{display:none}
.asg{padding:16px 10px 4px;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--mu);white-space:nowrap}
.asi{display:flex;align-items:center;gap:12px;width:100%;border:0;background:none;color:var(--mu);font:600 15px Barlow,sans-serif;padding:10px;border-radius:12px;cursor:pointer;text-align:left;margin-bottom:2px;white-space:nowrap;transition:background .15s,color .15s}
.asi:hover{background:var(--in);color:var(--tx)}.aie{flex:none;width:24px;text-align:center;font-size:17px}
.asi[aria-current="page"]{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#1a1204;box-shadow:0 8px 20px -8px rgba(245,158,11,.65)}
/* header fijo */
.ahd{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:12px;padding:12px 24px;padding-top:calc(12px + env(safe-area-inset-top,0px));background:color-mix(in srgb,var(--card) 82%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--bd)}
.acr{display:flex;align-items:center;gap:8px;flex:1;min-width:0;font-size:14px;color:var(--mu);white-space:nowrap;overflow:hidden}.acr b{color:var(--tx);overflow:hidden;text-overflow:ellipsis}.acr i{font-style:normal;opacity:.6}
.ahr{display:flex;align-items:center;gap:10px}.apf{display:flex;align-items:center;gap:8px;font-size:14px}
.aav{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#1a1204;display:grid;place-items:center;font-weight:800;box-shadow:0 0 14px -3px rgba(245,158,11,.6)}
.amn{padding:24px;max-width:1180px;margin:0 auto;padding-bottom:calc(24px + env(safe-area-inset-bottom,0px))}
/* escritorio: sidebar contraída = solo íconos */
@media(min-width:901px){
 .ash.col .asd{width:76px;padding:16px 10px}.ash.col .ast,.ash.col .ail{display:none}.ash.col .asb{flex-direction:column;gap:10px;padding-bottom:10px}
 .ash.col .asx svg{transform:rotate(180deg)}.ash.col .asi{justify-content:center;padding:10px 0}.ash.col .asg{height:1px;padding:0;margin:10px 8px;background:var(--bd)}.ash.col .asg span{display:none}}
/* móvil: drawer deslizante con hamburguesa */
@media(max-width:900px){
 .ahb,.asc{display:grid}.asx{display:none}.ahd{padding:10px 14px;padding-top:calc(10px + env(safe-area-inset-top,0px))}.apf b{display:none}.amn{padding:14px}
 .asd{position:fixed;left:0;top:0;bottom:0;height:auto;width:min(290px,84vw);z-index:60;transform:translateX(-102%);transition:transform .28s ease;box-shadow:none;padding-top:calc(16px + env(safe-area-inset-top,0px))}
 .ash.open .asd{transform:none;box-shadow:0 0 60px rgba(0,0,0,.6)}
 .asv{display:block;position:fixed;inset:0;z-index:55;background:rgba(2,6,23,.6);backdrop-filter:blur(2px);opacity:0;pointer-events:none;transition:opacity .25s}.ash.open .asv{opacity:1;pointer-events:auto}}
@media(prefers-reduced-motion:reduce){.asd,.asv,.asx svg{transition:none}}