:root{--marca:#0f766e;--marca-osc:#0b5c56;--marca-2:#4f46e5;--verde:#16a34a;--verde-bg:#dcfce7;--ambar:#d97706;--ambar-bg:#fef3c7;--rojo:#dc2626;--rojo-bg:#fee2e2;--azul:#2563eb;--azul-bg:#dbeafe;--amar:#ca8a04;--amar-bg:#fef9c3;--fondo:#eef2f6;--superficie:#fff;--superficie-2:#f8fafc;--borde:#cbd5e1;--borde-input:#94a3b8;--texto:#0f172a;--texto-sec:#64748b;--sombra:0 1px 2px #0f172a0f, 0 2px 8px #0f172a0f;--radio:14px;--nav-h:72px}:root[data-theme=oscuro]{--marca:#14b8a6;--marca-osc:#0f766e;--marca-2:#818cf8;--verde-bg:#14351f;--ambar-bg:#3a2a06;--rojo-bg:#3b1414;--azul-bg:#14243f;--amar-bg:#33280a;--fondo:#0b1120;--superficie:#172033;--superficie-2:#1e293b;--borde:#334155;--borde-input:#52627a;--texto:#e8edf5;--texto-sec:#94a3b8;--sombra:0 1px 2px #0006, 0 2px 10px #0000004d}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--fondo);color:var(--texto);-webkit-font-smoothing:antialiased;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.app-shell{min-height:100vh;display:flex}.sidebar{background:var(--marca);color:#fff;flex-direction:column;flex-shrink:0;width:252px;height:100vh;display:none;position:sticky;top:0}.sidebar .marca{letter-spacing:-.3px;align-items:center;gap:10px;padding:22px 20px 18px;font-size:1.35rem;font-weight:800;display:flex}.sidebar .marca .logo{width:38px;height:38px;color:var(--marca);background:#fff;border-radius:11px;place-items:center;font-size:1.1rem;font-weight:900;display:grid}.sidebar nav{flex-direction:column;gap:4px;padding:8px 12px;display:flex}.sidebar .grupo-tit{text-transform:uppercase;letter-spacing:.6px;opacity:.6;margin:14px 12px 6px;font-size:.72rem;font-weight:700}.side-link{color:#fff;opacity:.85;border-radius:11px;align-items:center;gap:12px;padding:11px 14px;font-size:.98rem;font-weight:600;text-decoration:none;display:flex}.side-link:hover{opacity:1;background:#ffffff1a}.side-link.activa{color:var(--marca-osc);opacity:1;box-shadow:var(--sombra);background:#fff}.side-link.vender{background:#ffffff24}.side-link.vender.activa{color:var(--verde);background:#fff}.sidebar .pie{margin-top:auto;padding:14px}.main{flex-direction:column;flex:1;min-width:0;display:flex}.topbar{z-index:20;background:var(--superficie);border-bottom:1px solid var(--borde);align-items:center;gap:12px;padding:12px 16px;display:flex;position:sticky;top:0}.topbar .marca-mini{align-items:center;gap:9px;font-size:1.1rem;font-weight:800;display:flex}.topbar .marca-mini .logo{background:var(--marca);color:#fff;border-radius:9px;place-items:center;width:32px;height:32px;font-weight:900;display:grid}.topbar h1{flex:1;margin:0;font-size:1.05rem;font-weight:700}.topbar .titulo-desktop{display:none}.tema-btn{border:2px solid var(--borde-input);background:var(--superficie-2);width:42px;height:42px;color:var(--texto);cursor:pointer;border-radius:11px;flex-shrink:0;place-items:center;display:grid}.tema-btn:hover{border-color:var(--marca);color:var(--marca)}.sync-btn{border:2px solid var(--borde-input);background:var(--superficie-2);cursor:pointer;border-radius:11px;align-items:center;gap:7px;height:42px;padding:8px 12px;font-size:.85rem;font-weight:700;display:inline-flex}.sync-btn:hover{border-color:currentColor}@media (width<=560px){.sync-btn .sync-txt{display:none}}.girando{animation:1s linear infinite girar}@keyframes girar{to{transform:rotate(360deg)}}.contenido{padding:16px;padding-bottom:calc(var(--nav-h) + 20px);max-width:100%}.bottomnav{height:var(--nav-h);background:var(--superficie);border-top:1px solid var(--borde);z-index:30;padding-bottom:env(safe-area-inset-bottom);display:flex;position:fixed;bottom:0;left:0;right:0}.bottomnav a{color:var(--texto-sec);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;font-size:.7rem;font-weight:600;text-decoration:none;display:flex;position:relative}.bottomnav a.activa{color:var(--marca-2)}.bottomnav a.activa:before{content:"";background:var(--marca-2);border-radius:0 0 4px 4px;width:34px;height:3px;position:absolute;top:0}.bottomnav a.activa .ico-wrap{background:var(--marca-2);color:#fff}.ico-wrap{border-radius:10px;place-items:center;width:40px;height:30px;display:grid}.bottomnav a.vender .ico-wrap{background:var(--verde);color:#fff;width:46px;height:34px}.contenido-inner{max-width:1080px;margin:0 auto}.card{background:var(--superficie);border:1px solid var(--borde);border-radius:var(--radio);box-shadow:var(--sombra);margin-bottom:14px;padding:16px}.tiles{grid-template-columns:1fr 1fr;gap:12px;display:grid}.tile{background:var(--superficie);border:1px solid var(--borde);border-left:6px solid var(--borde);border-radius:var(--radio);box-shadow:var(--sombra);padding:15px}.tile .etq{color:var(--texto-sec);font-size:.8rem;font-weight:600}.tile .val{letter-spacing:-.5px;margin-top:4px;font-size:1.5rem;font-weight:800}.tile.verde{border-left-color:var(--verde)}.tile.verde .val{color:var(--verde)}.tile.rojo{border-left-color:var(--rojo)}.tile.rojo .val{color:var(--rojo)}.tile.ambar{border-left-color:var(--ambar)}.tile.ambar .val{color:var(--ambar)}.tile.azul{border-left-color:var(--azul)}.tile.azul .val{color:var(--azul)}.tile.marca{border-left-color:var(--marca-2)}.tile.marca .val{color:var(--marca-2)}.tile.ancho{grid-column:1/-1}a.tile{color:inherit;text-decoration:none;display:block}.form-card{max-width:640px}.campo{margin-bottom:14px}.campo label{color:var(--texto);margin-bottom:6px;font-size:.86rem;font-weight:700;display:block}.campo input,.campo select,.campo textarea{border:2px solid var(--borde-input);background:var(--superficie);width:100%;color:var(--texto);border-radius:11px;padding:12px 13px;font-size:1rem}.campo input::placeholder,.campo textarea::placeholder{color:var(--texto-sec)}.campo input:focus,.campo select:focus,.campo textarea:focus{border-color:var(--azul);box-shadow:0 0 0 4px var(--azul-bg);outline:none}.campo .ayuda{color:var(--texto-sec);margin-top:5px;font-size:.78rem}.form-row{flex-wrap:wrap;gap:12px 14px;margin-bottom:14px;display:flex}.form-row>.campo{margin-bottom:0}.campo.w-full{flex:100%}.campo.w-fecha{flex:140px;max-width:170px}.campo.w-num{flex:88px;max-width:120px}.campo.w-money{flex:110px;max-width:150px}.campo.w-select{flex:150px;max-width:210px}.campo.w-nombre{flex:2 190px;max-width:320px}.campo.w-prod{flex:240px;max-width:420px}.campo.w-doc{flex:130px;max-width:180px}@media (width<=560px){.campo.w-select,.campo.w-nombre,.campo.w-prod{max-width:100%}}.check-fila{cursor:pointer;border:2px solid var(--borde-input);background:var(--superficie);border-radius:11px;align-items:center;gap:12px;padding:13px 14px;font-weight:600;display:flex}.check-fila input{width:22px;height:22px;accent-color:var(--marca-2);flex-shrink:0}.check-fila.activo{border-color:var(--marca-2);background:color-mix(in srgb, var(--marca-2) 8%, var(--superficie))}.btn{background:var(--marca);color:#fff;cursor:pointer;border:none;border-radius:13px;justify-content:center;align-items:center;gap:8px;width:100%;padding:14px 18px;font-size:1.05rem;font-weight:700;display:inline-flex}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.45;cursor:default}.btn.verde{background:var(--verde)}.btn.rojo{background:var(--rojo)}.btn.azul{background:var(--azul)}.btn.secundario{background:var(--superficie);color:var(--texto);border:2px solid var(--borde-input)}.btn-top{border-radius:11px;width:auto;padding:10px 16px;font-size:.95rem}.btn-chip{background:var(--marca-2);color:#fff;cursor:pointer;border:none;border-radius:999px;width:auto;padding:7px 13px;font-size:.85rem;font-weight:700}.seccion{justify-content:space-between;align-items:center;gap:10px;margin:6px 2px 12px;display:flex}.seccion h2{margin:0;font-size:1.15rem;font-weight:800}.seccion-accion{margin-left:auto}.seccion-tit{color:var(--texto-sec);text-transform:uppercase;letter-spacing:.5px;margin:20px 2px 10px;font-size:.85rem;font-weight:700}.registro{background:var(--superficie);border:1px solid var(--borde);box-shadow:var(--sombra);border-radius:12px;align-items:center;gap:12px;margin-bottom:10px;padding:13px 15px;display:flex}.registro .info{flex:1;min-width:0}.registro .titulo{font-size:1rem;font-weight:700}.registro .sub{color:var(--texto-sec);margin-top:2px;font-size:.82rem}.registro .monto{white-space:nowrap;font-size:1.05rem;font-weight:800}.registro .monto.rojo{color:var(--rojo)}.registro .acciones{flex-wrap:wrap;align-items:center;gap:8px;margin-top:7px;display:flex}.tabla{flex-direction:column;gap:8px;display:flex}.tabla-head{text-transform:uppercase;letter-spacing:.4px;color:var(--texto-sec);gap:12px;padding:2px 14px;font-size:.72rem;font-weight:700;display:grid}.fila-reg{background:var(--superficie);border:1px solid var(--borde);box-shadow:var(--sombra);border-radius:12px;align-items:center;gap:12px;padding:12px 14px;display:grid}.tabla-ventas .tabla-head,.tabla-ventas .fila-reg{grid-template-columns:84px minmax(150px,1.6fr) minmax(90px,1fr) 120px 96px 96px auto}.tabla-gastos .tabla-head,.tabla-gastos .fila-reg{grid-template-columns:84px minmax(160px,1.8fr) minmax(90px,1fr) 110px 96px auto}.col-r{text-align:right}.cel-sec{color:var(--texto-sec);text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:.9rem;overflow:hidden}.cel-prod{min-width:0}.cel-prod b{text-overflow:ellipsis;white-space:nowrap;font-weight:700;display:block;overflow:hidden}.cel-prod span{color:var(--texto-sec);text-overflow:ellipsis;white-space:nowrap;font-size:.8rem;display:block;overflow:hidden}.cel-total{white-space:nowrap;font-weight:800}.acc-btns{justify-content:flex-end;gap:6px;display:flex}.icon-btn{border:1.5px solid var(--borde-input);background:var(--superficie-2);width:34px;height:34px;color:var(--texto-sec);cursor:pointer;border-radius:9px;flex-shrink:0;place-items:center;display:grid}.icon-btn:hover{border-color:currentColor}.icon-btn.edit:hover{color:var(--azul)}.icon-btn.del:hover{color:var(--rojo)}.icon-btn.cobrar{color:var(--verde);border-color:var(--verde)}@media (width<=760px){.tabla-head{display:none}.fila-reg{flex-wrap:wrap;align-items:center;gap:4px 10px;display:flex}.col-r{text-align:left}.c-prod{flex:55%;order:1}.c-total{order:2;margin-left:auto;font-size:1.05rem}.c-fecha{order:3}.c-cliente{order:4}.c-cant{order:5}.c-estado{order:6}.c-acc{order:7;margin-left:auto}.c-fecha:after,.c-cliente:after{content:"·";opacity:.5;margin-left:10px}}.reemb-item{align-items:center;gap:12px;padding:9px 0;display:flex}.reemb-item+.reemb-item{border-top:1px solid var(--borde)}.reemb-item .info{flex:1;min-width:0}.reemb-item .monto{white-space:nowrap;font-weight:700}.badge{border-radius:999px;align-items:center;gap:5px;padding:3px 10px;font-size:.74rem;font-weight:700;display:inline-flex}.badge.pagado{background:var(--verde-bg);color:var(--verde)}.badge.adelanto{background:var(--ambar-bg);color:var(--ambar)}.badge.pendiente{background:var(--rojo-bg);color:var(--rojo)}.badge.reembolso{background:var(--amar-bg);color:var(--amar)}.fila-datos{justify-content:space-between;gap:16px;padding:7px 0;display:flex}.fila-datos+.fila-datos{border-top:1px solid var(--borde)}.fila-datos span{color:var(--texto-sec)}.fila-datos strong{white-space:nowrap}.dash-2col{gap:14px;display:grid}@media (width>=820px){.dash-2col{grid-template-columns:1fr 1fr;align-items:start}}.dash-2col .card{margin-bottom:0}.card-tit{color:var(--texto-sec);text-transform:uppercase;letter-spacing:.5px;margin:0 0 8px;font-size:.82rem;font-weight:700}.barra-cat{margin-bottom:11px}.barra-cat:last-child{margin-bottom:0}.barra-cab{justify-content:space-between;margin-bottom:4px;font-size:.9rem;display:flex}.barra-cab em{color:var(--texto-sec);font-style:normal;font-weight:600}.barra{background:var(--superficie-2);border-radius:6px;height:12px;overflow:hidden}.barra-fill{background:var(--rojo);border-radius:6px;height:100%}.grafico-cab{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.anio-sel{align-items:center;gap:10px;font-weight:800;display:flex}.anio-sel button{background:var(--superficie-2);border:2px solid var(--borde-input);color:var(--texto);cursor:pointer;border-radius:9px;place-items:center;width:34px;height:34px;display:grid}.anio-sel button:hover{border-color:var(--marca);color:var(--marca)}.grafico-totales{color:var(--texto-sec);flex-wrap:wrap;gap:8px 20px;margin-bottom:14px;font-size:.9rem;display:flex}.grafico-totales strong{color:var(--texto);margin-left:4px}.grafico-totales .pt{vertical-align:0;border-radius:3px;width:10px;height:10px;margin-right:5px;display:inline-block}.grafico-totales .pt.verde{background:var(--verde)}.grafico-totales .pt.rojo{background:var(--rojo)}.segment{flex-wrap:wrap;gap:8px;margin-bottom:14px;display:flex}.seg-btn{border:2px solid var(--borde-input);background:var(--superficie);color:var(--texto);cursor:pointer;border-radius:10px;padding:9px 14px;font-size:.9rem;font-weight:700}.seg-btn.activo{background:var(--marca-2);color:#fff;border-color:var(--marca-2)}.edit-inline{border:2px solid var(--azul);background:var(--superficie);color:var(--texto);border-radius:10px;flex:1;padding:10px 12px;font-size:1rem}.vacio{text-align:center;color:var(--texto-sec);padding:44px 20px}.vacio .emoji{color:var(--texto-sec);place-items:center;margin-bottom:10px;display:grid}.periodo-sel{justify-content:center;align-items:center;gap:14px;margin-bottom:14px;display:flex}.periodo-sel .nombre{text-align:center;min-width:160px;font-size:1.1rem;font-weight:800}.periodo-sel button{background:var(--superficie);border:2px solid var(--borde-input);color:var(--texto);cursor:pointer;border-radius:11px;place-items:center;width:44px;height:44px;display:grid}.periodo-sel button:hover{border-color:var(--marca);color:var(--marca)}.overlay{z-index:50;background:#02061780;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet{background:var(--superficie);border:1px solid var(--borde);-webkit-overflow-scrolling:touch;border-radius:20px 20px 0 0;width:100%;max-width:560px;max-height:92vh;padding:22px 22px 30px;overflow-y:auto}.sheet h2{margin:0 0 4px}@media (width>=900px){.sidebar{display:flex}.bottomnav,.topbar .marca-mini{display:none}.topbar .titulo-desktop{display:block}.topbar{padding:16px 28px}.topbar h1{font-size:1.3rem}.contenido{padding:26px 28px 40px}.tiles{grid-template-columns:repeat(4,1fr)}.tile.ancho{grid-column:auto}.pag-tit{display:none}.periodo-sel{justify-content:flex-start}.overlay{align-items:center}.sheet{border-radius:18px;max-width:480px}}