:root{--ink: #040408;--lime: #AEDD28;--pale: #D9E2B1;--olive: #56544D;--gray: #7D7D83;--red: #DE341B;--dark: #1D1A2B;--line: #EFEFE9;--tint: #F3F8DE;--bg: #F9F9F7;--ok: #4E7A12}*{box-sizing:border-box;margin:0}html{scroll-behavior:smooth}body{font-family:Segoe UI,Inter,system-ui,Arial,sans-serif;background:#ecece8;color:var(--ink)}button,input,select{font-family:inherit}.app{display:flex;gap:18px;max-width:1340px;margin:0 auto;padding:22px}.side{width:232px;flex:none;background:var(--dark);border-radius:24px;padding:24px 16px;display:flex;flex-direction:column;position:sticky;top:22px;height:calc(100vh - 44px)}.main{flex:1;min-width:0;display:flex;flex-direction:column;gap:16px}.logo{display:flex;align-items:center;gap:9px;padding:2px 8px 20px}.logo-ico{width:34px;height:34px;border-radius:50%;background:var(--lime);display:flex;align-items:center;justify-content:center;font-size:17px}.logo-txt b{color:#fff;font-size:17px;display:block;line-height:1.05}.logo-txt small{color:var(--lime);font-size:9px;letter-spacing:.32em;font-weight:700}.side-secc{color:#8b8798;font-size:11.5px;padding:14px 12px 7px}.nav{display:flex;flex-direction:column;gap:3px}.nav a{display:flex;align-items:center;gap:10px;color:#cfccda;text-decoration:none;font-size:14px;padding:10px 13px;border-radius:999px}.nav a:hover{background:#ffffff0f}.nav a.activo{background:var(--lime);color:var(--ink);font-weight:700}.promo{margin-top:auto;background:var(--lime);border-radius:18px;padding:14px;text-align:center}.promo p{font-size:12.5px;font-weight:700;margin:4px 0 10px}.promo a{display:block;background:var(--ink);color:#fff;text-decoration:none;font-size:12.5px;font-weight:700;border-radius:12px;padding:9px}.tarjeta{background:#fff;border-radius:20px;padding:20px 22px}.saludo{display:flex;justify-content:space-between;align-items:center;gap:12px}.saludo h1{font-size:24px;letter-spacing:-.02em}.saludo h1 span{color:var(--olive);font-weight:400}.pildora{background:var(--bg);border:1px solid var(--line);border-radius:999px;padding:9px 16px;font-size:12px;color:var(--gray);white-space:nowrap}.pildora-mini{border:1px solid var(--line);border-radius:999px;padding:5px 12px;font-size:11.5px;color:var(--olive)}.avatar{width:42px;height:42px;border-radius:50%;background:var(--dark);color:var(--lime);font-weight:800;display:flex;align-items:center;justify-content:center;font-size:14px}.fila-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.kpi{border-radius:18px;padding:16px 18px;position:relative;overflow:hidden;min-height:122px;background:#fff;border:1px solid var(--line)}.kpi.oscura{background:var(--dark);color:#fff;border:none}.kpi-top{display:flex;justify-content:space-between;align-items:center}.kpi-etq{font-size:12.5px;color:var(--gray)}.kpi.oscura .kpi-etq{color:#b9b5c9}.kpi-num{font-size:28px;font-weight:800;letter-spacing:-.03em;margin:7px 0 auto;font-variant-numeric:tabular-nums}.kpi-usd{font-size:11px;font-weight:600;color:var(--gray);margin-left:4px}.kpi-pie{display:flex;align-items:center;gap:8px;margin-top:8px}.kpi-badge{border-radius:999px;padding:3px 9px;font-size:11px;font-weight:700;background:var(--tint);color:var(--olive)}.kpi.oscura .kpi-badge{background:var(--lime);color:var(--ink)}.kpi-sub{font-size:11px;color:var(--gray)}.kpi-wm{position:absolute;right:8px;bottom:-6px;font-size:54px;opacity:.1;pointer-events:none}.fila-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.tarj-top{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;flex-wrap:wrap}.tarj-top h2{font-size:16.5px;letter-spacing:-.01em}.leyenda{display:flex;gap:14px;font-size:12px;color:var(--olive);margin-top:6px}.sq{width:11px;height:11px;border-radius:4px;display:inline-block;margin-right:5px;vertical-align:-1px}table{border-collapse:collapse;width:100%}th{text-align:left;font-size:11.5px;color:var(--olive);font-weight:700;padding:9px 10px;background:#fafaf6;position:sticky;top:0;z-index:5}th:first-child{border-radius:10px 0 0 10px}th:last-child{border-radius:0 10px 10px 0}td{padding:9px 10px;font-size:13px;border-bottom:1px solid #F4F4EF}tr:last-child td{border-bottom:none}tr.par td{background:#fbfbf8}.chip{width:32px;height:32px;border-radius:10px;background:var(--tint);display:inline-flex;align-items:center;justify-content:center;font-size:14px;margin-right:9px;flex:none}.chip.fallida{background:#fce9e5}.mov-txt b{font-size:13px;display:block}.mov-txt small{color:var(--gray);font-size:11px}.c-tipo{color:var(--gray);font-size:12px}.c-monto{text-align:right;font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}.pos{color:var(--ok)}.neg{color:var(--red)}.ctr{text-align:center}.num{text-align:right}.tabla-scroll{max-height:560px;overflow-y:auto;overscroll-behavior:contain}.th-ord{cursor:pointer;-webkit-user-select:none;user-select:none}.filtros{display:flex;gap:7px;margin-bottom:10px;flex-wrap:wrap;align-items:center}.f-btn{border:1px solid var(--line);background:#fff;border-radius:999px;padding:6px 13px;font-size:12px;cursor:pointer;color:var(--olive)}.f-btn.sel{background:var(--lime);border-color:var(--lime);color:var(--ink);font-weight:700}#buscar,input.f-input{border:1px solid var(--line);border-radius:999px;padding:7px 14px;font-size:12px;background:var(--bg);outline:none}#buscar:focus{border-color:var(--lime)}.zona-subir{border:2px dashed var(--pale);border-radius:18px;padding:30px 20px;text-align:center;background:var(--bg);cursor:pointer;transition:border-color .15s}.zona-subir:hover,.zona-subir.encima{border-color:var(--lime)}.zona-subir .grande{font-size:34px;margin-bottom:8px}.previa{max-width:100%;max-height:300px;border-radius:12px;border:1px solid var(--line);margin:12px auto;display:block}.fila-rev{display:grid;grid-template-columns:26px 1fr 1fr 1fr 110px 90px 40px;gap:8px;align-items:center;padding:7px 0;border-bottom:1px solid #F4F4EF;font-size:12.5px}.fila-rev input,.fila-rev select{border:1px solid var(--line);border-radius:8px;padding:6px 8px;font-size:12px;width:100%;background:#fff}.resumen-rev{display:flex;gap:14px;flex-wrap:wrap;margin:10px 0;font-size:12.5px;color:var(--olive)}.btn{border:none;border-radius:999px;padding:11px 22px;font-size:14px;font-weight:700;cursor:pointer;background:var(--lime);color:var(--ink)}.btn.sec{background:#fff;border:1px solid var(--line);color:var(--olive)}.btn.neg{background:#fce9e5;color:var(--red)}.btn:disabled{opacity:.5;cursor:not-allowed}.cargando{display:inline-block;animation:girar 1s linear infinite}@keyframes girar{to{transform:rotate(360deg)}}.aviso{background:var(--tint);border-radius:12px;padding:10px 14px;font-size:12.5px;color:var(--olive)}.error{background:#fce9e5;border-radius:12px;padding:10px 14px;font-size:12.5px;color:var(--red)}.login-body{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;background:linear-gradient(160deg,#ecece8,#e4e7d8)}.login-caja{background:#fff;border-radius:24px;padding:34px 30px;width:100%;max-width:400px;box-shadow:0 20px 60px #0404081f}.login-caja h1{font-size:22px;margin:14px 0 4px}.login-caja .sub{color:var(--gray);font-size:13px;margin-bottom:22px}.login-caja label{display:block;font-size:12px;color:var(--olive);font-weight:600;margin:12px 0 5px}.login-caja input{width:100%;border:1px solid var(--line);border-radius:12px;padding:12px 14px;font-size:14px;outline:none}.login-caja input:focus{border-color:var(--lime)}.login-caja .btn{width:100%;margin-top:20px}.hint{background:var(--bg);border:1.5px dashed var(--pale);border-radius:14px;padding:14px 16px;font-size:12.5px;color:var(--olive)}.pie{text-align:center;font-size:11px;color:var(--gray);padding:4px 0 2px}.bottomnav{display:none}@media(max-width:940px){.app{flex-direction:column;padding:14px 14px 86px;gap:12px}.side{display:none}.fila-kpis{grid-template-columns:repeat(2,1fr);gap:10px}.fila-2{grid-template-columns:1fr}.kpi-num{font-size:22px}.saludo h1{font-size:19px}.bottomnav{display:flex;position:fixed;left:12px;right:12px;bottom:12px;z-index:50;background:var(--dark);border-radius:999px;padding:8px;justify-content:space-around;box-shadow:0 10px 30px #04040840}.bottomnav a{color:#cfccda;text-decoration:none;font-size:11px;display:flex;flex-direction:column;align-items:center;gap:2px;padding:7px 12px;border-radius:999px}.bottomnav a.activo{background:var(--lime);color:var(--ink);font-weight:700}.bottomnav .ico{font-size:17px}.fila-rev{grid-template-columns:22px 1fr 1fr 90px 70px 32px}.fila-rev .col-oculta-movil{display:none}}