.app-shell{height:100dvh;display:flex;overflow:hidden}.app-shell__cargando{color:var(--soft);padding:24px}.sidebar{background:#12161c;border-right:1px solid #ffffff0f;flex-direction:column;flex-shrink:0;width:236px;padding:22px 14px;display:flex;overflow-y:auto}.sidebar__brand{align-items:center;gap:11px;margin-bottom:30px;padding:0 6px;display:flex}.sidebar__brand-mark{background:linear-gradient(135deg, var(--amber), var(--amberd));color:#1c2227;letter-spacing:-.02em;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:12px;font-weight:900;display:flex;box-shadow:0 5px 14px #f5601e59}.sidebar__brand-text{color:#fff;letter-spacing:-.01em;font-size:16px;font-weight:800;line-height:1.15}.sidebar__brand-text span{color:#fff6;letter-spacing:.14em;text-transform:uppercase;margin-top:2px;font-size:9px;font-weight:600;display:block}.sidebar__lista{flex-direction:column;gap:3px;margin:0;padding:0;list-style:none;display:flex}.sidebar__lista a{color:#ffffff9e;border-radius:9px;align-items:center;gap:11px;padding:10px 12px;font-size:13.5px;font-weight:600;text-decoration:none;transition:background .15s,color .15s;display:flex}.sidebar__lista a:hover{color:#fff;background:#ffffff12}.sidebar__lista a .sidebar__icon{text-align:center;flex-shrink:0;width:18px;font-size:15px}.sidebar__lista a.activo{background:var(--amber);color:#1c2227;font-weight:800;box-shadow:0 5px 14px #f5601e4d}.sidebar__lista a.activo:hover{background:var(--amber);color:#1c2227}.sidebar__grupo{margin-top:4px}.sidebar__grupo-toggle{color:#ffffff9e;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:9px;align-items:center;gap:9px;width:100%;padding:10px 12px;font-size:13.5px;font-weight:700;transition:background .15s,color .15s;display:flex}.sidebar__grupo-toggle:hover{color:#fff;background:#ffffff12}.sidebar__grupo-toggle.activa{color:#fff}.sidebar__grupo-flecha{text-align:center;opacity:.7;flex-shrink:0;width:12px;font-size:9px}.sidebar__grupo-lista{border-left:1px solid #ffffff17;flex-direction:column;gap:3px;margin:2px 0 0 21px;padding:0;list-style:none;display:flex}.sidebar--colapsado{width:64px;padding-left:8px;padding-right:8px;transition:width .16s}.sidebar--colapsado .sidebar__label,.sidebar--colapsado .sidebar__brand-text{display:none}.sidebar--colapsado .sidebar__lista a,.sidebar__version{color:var(--soft);font-variant-numeric:tabular-nums;white-space:nowrap;text-overflow:ellipsis;margin-top:auto;padding:8px 12px 2px;font-size:10.5px;overflow:hidden}.sidebar__colapso~.sidebar__version{margin-top:4px}.sidebar--colapsado .sidebar__version{display:none}.sidebar--colapsado .sidebar__colapso{justify-content:center;gap:0;padding-left:8px;padding-right:8px}.sidebar--colapsado .sidebar__brand{justify-content:center;margin-bottom:22px;padding:0}.sidebar__colapso{color:#ffffff61;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:9px;align-items:center;gap:11px;width:100%;margin-top:auto;padding:10px 12px;font-size:12px;font-weight:600;transition:background .15s,color .15s;display:flex}.sidebar__colapso:hover{color:#fff;background:#ffffff12}.app-shell__main{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex;overflow:hidden}.topbar{border-bottom:1px solid var(--line);background:var(--surface);justify-content:space-between;align-items:center;gap:10px;padding:12px 20px;display:flex}.topbar__rol{color:var(--soft);text-transform:capitalize}.topbar__usuario{align-items:center;gap:10px;min-width:0;display:flex}.topbar__nombre{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.topbar__acciones{flex-shrink:0;gap:8px;display:flex}.topbar__menu{flex-shrink:0;padding:7px 11px;font-size:17px;line-height:1;display:none}.app-shell__velo{z-index:55;cursor:pointer;background:#0000008c;border:0;padding:0;display:none;position:fixed;inset:0}.app-shell__content{flex:1;min-height:0;padding:20px;overflow-y:auto}@media (max-width:860px){.sidebar{z-index:60;width:min(82vw,300px);padding-left:max(14px, env(safe-area-inset-left));padding-bottom:max(22px, env(safe-area-inset-bottom));transition:transform .22s;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}.app-shell--menu-abierto .sidebar{transform:translate(0);box-shadow:0 0 44px #0000008c}.sidebar--colapsado{width:min(82vw,300px);padding-left:max(14px, env(safe-area-inset-left));padding-right:14px}.sidebar--colapsado .sidebar__label,.sidebar--colapsado .sidebar__brand-text{display:block}.sidebar--colapsado .sidebar__lista a{justify-content:flex-start;gap:11px;padding:10px 12px}.sidebar--colapsado .sidebar__brand{justify-content:flex-start;margin-bottom:30px;padding:0 6px}.sidebar__colapso{display:none}.app-shell__velo{display:block}.topbar__menu{justify-content:center;align-items:center;display:inline-flex}.topbar{padding:10px 12px;padding-right:max(12px, env(safe-area-inset-right))}.topbar__acciones{gap:6px}.app-shell__content{padding:14px;padding-bottom:max(14px, env(safe-area-inset-bottom))}.solo-ancho{display:none}}@media (prefers-reduced-motion:reduce){.sidebar{transition:none}}.modulo-placeholder{color:var(--soft)}.sin-acceso{color:var(--err);padding:20px}.compras-subnav{border-bottom:1px solid var(--line);flex-wrap:wrap;gap:6px;margin-bottom:18px;padding:2px 0 18px;display:flex}.compras-subnav-item{border:1px solid var(--line);background:var(--surface);color:var(--soft);cursor:pointer;border-radius:999px;align-items:center;gap:7px;padding:8px 14px;font-size:13px;font-weight:700;transition:background .15s,color .15s,border-color .15s;display:flex}.compras-subnav-item:hover{border-color:color-mix(in srgb, var(--amber) 45%, var(--line));color:var(--ink)}.compras-subnav-item.activo{background:var(--amber);border-color:var(--amber);color:#1c2227}.compras-subnav-icon{font-size:14px}.compras-subnav-badge{background:var(--err);color:#fff;font-variant-numeric:tabular-nums;border-radius:999px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 5px;font-size:10px;font-weight:800;display:inline-flex}.compras-subnav-item.activo .compras-subnav-badge{color:#fff;background:#1c2227}@media (max-width:767px){.compras-subnav--desliza{overscroll-behavior-x:contain;scrollbar-width:thin;flex-wrap:nowrap;margin-bottom:12px;padding-bottom:10px;overflow-x:auto}.compras-subnav--desliza .compras-subnav-item{white-space:nowrap;flex:none;padding:7px 12px}}.sidebar__lista a .sidebar__contador{background:var(--amber);color:#1c2227;text-align:center;font-variant-numeric:tabular-nums;border-radius:999px;min-width:20px;margin-left:auto;padding:1px 7px;font-size:11px;font-weight:700}.sidebar--colapsado .sidebar__lista a .sidebar__contador{width:7px;min-width:0;height:7px;padding:0;font-size:0;line-height:0;position:absolute;transform:translate(9px,-9px)}.sidebar--colapsado .sidebar__lista a{position:relative}.login-shell{background:var(--bg);min-height:100vh;display:flex}.login-photo-panel{background:#10141a;flex:0 0 60%;min-height:100vh;position:relative;overflow:hidden}.login-photo-img{filter:saturate(1.08)contrast(1.05)brightness(.65);background-position:50%;background-size:cover;position:absolute;inset:0}.login-photo-overlay{background:linear-gradient(#0b0e131a 0%,#0b0e1361 45%,#0b0e13eb 100%);position:absolute;inset:0}.login-photo-content{z-index:2;padding:56px;position:absolute;bottom:0;left:0;right:0}.login-photo-logo{align-items:center;gap:14px;margin-bottom:28px;display:flex}.login-photo-logo-mark{background:linear-gradient(135deg, var(--amber), var(--amberd));color:#1c2227;letter-spacing:-.02em;border-radius:14px;justify-content:center;align-items:center;width:52px;height:52px;font-size:20px;font-weight:900;display:flex;box-shadow:0 8px 22px #f5601e66}.login-photo-logo-name{color:#fff;letter-spacing:-.01em;text-shadow:0 2px 10px #00000080;font-size:24px;font-weight:900}.login-photo-logo-name span{color:var(--amber)}.login-photo-tagline{color:#fff;letter-spacing:-.02em;text-shadow:0 4px 20px #00000073;max-width:460px;font-size:36px;font-weight:800;line-height:1.1}.login-photo-sub{color:#ffffffad;max-width:420px;margin-top:12px;font-size:14px}.login-form-panel{flex:1;justify-content:center;align-items:center;padding:40px;display:flex;position:relative}.login-theme-toggle{width:32px;height:32px;color:var(--soft);cursor:pointer;opacity:.6;background:0 0;border:1px solid #0000;border-radius:50%;margin:28px auto 0;font-size:14px;line-height:1;transition:opacity .15s,background .15s,border-color .15s;display:block}.login-theme-toggle:hover{opacity:1;background:var(--bg);border-color:var(--line)}.login-form-inner{width:100%;max-width:360px}.login-brand{align-items:center;gap:12px;margin-bottom:40px;display:flex}.login-brand-mark{background:linear-gradient(135deg, var(--amber), var(--amberd));color:#1c2227;letter-spacing:-.02em;border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:14px;font-weight:900;display:flex;box-shadow:0 5px 14px #f5601e59}.login-brand-text{color:var(--ink);letter-spacing:-.01em;font-size:17px;font-weight:800;line-height:1.15}.login-brand-text span{color:var(--soft);letter-spacing:.14em;text-transform:uppercase;margin-top:2px;font-size:9px;font-weight:600;display:block}.login-title{color:var(--ink);letter-spacing:-.01em;margin-bottom:6px;font-size:22px;font-weight:800}.login-subtitle{color:var(--soft);margin-bottom:28px;font-size:13px}.login-field{margin-bottom:16px}.login-field label{text-transform:uppercase;letter-spacing:.06em;color:var(--soft);margin-bottom:6px;font-size:11px;font-weight:700;display:block}.login-input-wrap{color:var(--soft);align-items:center;transition:color .15s;display:flex;position:relative}.login-input-wrap:focus-within{color:var(--amber)}.login-input-wrap svg{pointer-events:none;position:absolute;left:13px}.login-input-wrap input{border:1.5px solid var(--line);background:var(--surface);width:100%;color:var(--ink);border-radius:11px;padding:12px 14px 12px 40px;font-family:inherit;font-size:14px;transition:border-color .15s,box-shadow .15s}.login-input-wrap input:hover{border-color:color-mix(in srgb, var(--amber) 45%, var(--line))}.login-input-wrap input:focus{border-color:var(--amber);box-shadow:0 0 0 3px color-mix(in srgb, var(--amber) 22%, transparent);outline:none}.login-field-error{color:var(--err);margin-top:6px;font-size:12px}.login-submit{background:var(--amber);color:#1c2227;cursor:pointer;border:none;border-radius:11px;justify-content:center;align-items:center;gap:10px;width:100%;margin-top:8px;padding:13px 16px;font-size:14px;font-weight:800;transition:transform .15s,box-shadow .15s;display:flex}.login-submit:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 10px 24px #f5601e66}.login-submit:disabled{opacity:.75;cursor:not-allowed}.login-spinner{border:2px solid #1c222759;border-top-color:#1c2227;border-radius:50%;flex-shrink:0;width:15px;height:15px;animation:.7s linear infinite login-spin}@keyframes login-spin{to{transform:rotate(360deg)}}.login-forgot{text-align:center;width:100%;color:var(--soft);cursor:pointer;text-underline-offset:2px;background:0 0;border:none;margin-top:18px;font-size:12.5px;text-decoration:underline;display:block}.login-forgot:hover{color:var(--ink)}.login-forgot-note{text-align:center;color:var(--soft);margin-top:8px;font-size:12px}@media (max-width:860px){.login-shell{flex-direction:column}.login-photo-panel{flex:0 0 200px;min-height:200px}.login-photo-content{padding:22px 24px}.login-photo-logo{margin-bottom:12px}.login-photo-tagline{font-size:22px}.login-photo-sub{display:none}.login-form-panel{min-height:unset;padding:32px 22px}}:root{--ink:#1c2227;--soft:#454f57;--line:#dfe3e6;--amber:#f5601e;--amberd:#b03d0e;--steel:#2b3b46;--bg:#eef1f3;--surface:#fff;--ok:#2f855a;--err:#c0392b;--warn:#c2410c;--info:#2563eb;--radius-sm:10px;--radius:14px;--radius-lg:18px;--shadow-sm:0 1px 2px #141e280f, 0 1px 3px #141e2814;--shadow-md:0 6px 16px #141e281a, 0 2px 5px #141e2812;--shadow-lg:0 18px 40px #141e2829, 0 6px 14px #141e281a}:root[data-theme=dark]{--ink:#eef1f3;--soft:#b7c0c7;--line:#33404a;--amber:#f5601e;--amberd:#ffa07a;--steel:#cfd8de;--bg:#161b1f;--surface:#1f262b;--ok:#4ba876;--err:#e0645a;--warn:#fb923c;--info:#60a5fa;--radius-sm:10px;--radius:14px;--radius-lg:18px;--shadow-sm:0 1px 2px #0000004d, 0 1px 3px #00000059;--shadow-md:0 6px 18px #0006, 0 2px 6px #0000004d;--shadow-lg:0 20px 44px #0000008c, 0 6px 16px #0006}:root{--tx:var(--ink);--g:var(--soft);--g1:color-mix(in srgb, var(--soft) 80%, var(--bg));--g2:color-mix(in srgb, var(--soft) 80%, var(--bg));--y:var(--amber);--y-tx:var(--amberd);--y2:#9a3412;--card:var(--surface);--card2:color-mix(in srgb, var(--ink) 7%, var(--surface));--ink2:color-mix(in srgb, var(--amber) 8%, var(--surface));--ink-050:var(--ink);--ink-300:var(--soft);--ink-600:var(--line);--ink-700:color-mix(in srgb, var(--ink) 10%, var(--surface));--ink-800:var(--surface);--ink-900:var(--bg);--steel-300:var(--info);--steel-400:var(--info);--steel-600:#1f6feb;--amber-400:var(--amber);--gr:var(--ok);--or:var(--warn);--re:var(--err);--bl:var(--info);--w:var(--ink);--border:var(--line);--fuente-texto:"Segoe UI", system-ui, Arial, sans-serif;--fuente-titulo:"Segoe UI", system-ui, Arial, sans-serif;--tx-micro:11px;--tx-apoyo:12.5px;--tx-base:14px;--tx-dato:16px;--tx-seccion:20px;--tx-pantalla:28px;--peso-medio:500;--peso-fuerte:600;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:24px;--sp-6:32px;--fila:56px;--toque:44px;--toque-movil:52px;--cifras:tabular-nums}*{box-sizing:border-box}body{color:var(--ink);background:var(--bg);margin:0;font-family:Segoe UI,system-ui,Arial,sans-serif;line-height:1.4}a,a:visited{color:var(--info)}