:root{--navy: #172033;--navy-2: #1e293b;--bg: #eef2f7;--card: #ffffff;--line: #e6eaf1;--ink: #0f172a;--muted: #64748b;--muted-2: #94a3b8;--blue: #2563eb;--blue-d: #1d4ed8;--green: #16a34a;--green-l: #dcfce7;--purple: #7c3aed;--purple-l: #f3e8ff;--red: #dc2626;--red-l: #fee2e2;--orange: #f59e0b;--blue-l: #dbeafe;--shadow: 0 6px 22px rgba(15, 23, 42, .08);--shadow-sm: 0 2px 8px rgba(15, 23, 42, .06);--radius: 18px;--maxw: 460px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0}body{font-family:Plus Jakarta Sans,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:#cbd5e1;color:var(--ink);-webkit-font-smoothing:antialiased}button{font-family:inherit;cursor:pointer;border:none;background:none}input,select,textarea{font-family:inherit}a{color:inherit;text-decoration:none}#root{display:flex;justify-content:center}.app-shell{width:100%;max-width:var(--maxw);height:100vh;height:100dvh;background:var(--bg);position:relative;display:flex;flex-direction:column;box-shadow:0 0 60px #02061747;overflow:hidden}.screen{flex:1 1 0;min-height:0;overflow-y:auto;padding-bottom:96px;-webkit-overflow-scrolling:touch}.pad{padding:16px}.hdr{background:linear-gradient(160deg,#33415b,#253248);color:#fff;padding:18px 16px 16px}.hdr.admin{background:linear-gradient(160deg,#1b2740,#0f172a)}.hdr-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.hdr h1{font-size:22px;font-weight:800;margin:0;letter-spacing:-.3px}.hdr .sub{color:#b7c2d6;font-size:12.5px;margin-top:2px}.hdr-btns{display:flex;gap:8px;align-items:center}.pill-btn{background:#fff;color:var(--blue);font-weight:700;font-size:14px;padding:9px 16px;border-radius:999px;display:flex;align-items:center;gap:6px;box-shadow:var(--shadow-sm)}.pill-btn.dark{background:#ffffff1f;color:#fff;padding:9px 12px}.icon-btn{width:40px;height:40px;border-radius:999px;background:#ffffff24;color:#fff;display:grid;place-items:center;font-size:17px}.datenav{display:flex;align-items:center;gap:8px;margin-top:14px}.datenav .arrow{width:42px;height:44px;border-radius:12px;background:#ffffff24;color:#fff;font-size:18px;display:grid;place-items:center}.datenav .datebox{flex:1;background:#ffffff24;border-radius:12px;height:44px;display:flex;align-items:center;padding:0 14px;color:#fff;font-weight:700;font-size:17px}.datenav .datebox input{background:transparent;border:none;color:#fff;font-weight:700;font-size:16px;width:100%;outline:none}.datenav .datebox input::-webkit-calendar-picker-indicator{filter:invert(1);opacity:.8}.datenav .today{background:#fff;color:var(--ink);font-weight:800;border-radius:12px;height:44px;padding:0 16px}.readonly-tag{text-align:center;color:#aeb9cd;font-size:13px;margin-top:12px}.kpi-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;margin-top:14px}.kpi{background:#ffffff1c;border-radius:16px;padding:12px 12px 14px}.kpi .k-label{color:#c6d0e2;font-size:13px;display:flex;align-items:center;gap:5px;font-weight:600}.kpi .k-val{color:#fff;font-weight:800;font-size:19px;margin-top:6px;letter-spacing:-.3px}.card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow-sm);border:1px solid var(--line)}.card.p{padding:16px}.section-title{font-size:13px;font-weight:800;letter-spacing:.6px;color:var(--muted-2);text-transform:uppercase;margin:18px 2px 10px}.lav-scroll{display:flex;gap:10px;overflow-x:auto;padding:2px 0 4px;scrollbar-width:none}.lav-scroll::-webkit-scrollbar{display:none}.lav-chip{background:#fff;border-radius:14px;padding:12px 16px;box-shadow:var(--shadow-sm);border:1px solid var(--line);min-width:96px}.lav-chip .n{font-weight:800;font-size:16px}.lav-chip .c{color:var(--muted);font-size:15px;margin-top:3px;font-weight:600}.tk{background:#fff;border:1.5px solid var(--green-l);border-radius:16px;padding:14px;display:flex;gap:12px;align-items:center;box-shadow:var(--shadow-sm);margin-bottom:12px}.tk .thumb{width:70px;height:62px;border-radius:12px;background:#e2e8f0 center/cover;flex-shrink:0;display:grid;place-items:center;font-size:26px;color:#94a3b8;overflow:hidden}.tk .thumb img{width:100%;height:100%;object-fit:cover}.tk .body{flex:1;min-width:0}.tk .row1{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.tk .placa{font-weight:800;font-size:19px;letter-spacing:.3px}.tk .meta{color:var(--muted);font-size:14px;margin-top:3px}.tk .time{color:var(--muted-2);font-size:13px;margin-top:2px;display:flex;align-items:center;gap:5px}.tk .monto{color:var(--green);font-weight:800;font-size:18px;margin-top:5px}.tk .chev{color:var(--muted-2);font-size:20px}.badge{font-size:12px;font-weight:700;padding:4px 11px;border-radius:999px}.badge.green{background:var(--green-l);color:#15803d}.badge.blue{background:var(--blue-l);color:var(--blue-d)}.badge.gray{background:#f1f5f9;color:var(--muted)}.badge.purple{background:var(--purple-l);color:var(--purple)}.badge.orange{background:#fff7ed;color:#c2410c}.fab{position:absolute;bottom:104px;right:16px;z-index:30;background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;height:58px;padding:0 22px;border-radius:999px;font-weight:800;font-size:16px;display:flex;align-items:center;gap:8px;box-shadow:0 10px 26px #2563eb73}.fab .plus{font-size:22px;margin-top:-2px}.bottomnav{position:absolute;bottom:0;left:0;right:0;height:76px;background:#fff;border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(5,1fr);z-index:25;padding-bottom:env(safe-area-inset-bottom)}.navitem{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:var(--muted-2);font-size:11px;font-weight:700}.navitem svg{width:24px;height:24px}.navitem.active{color:var(--blue)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:800;font-size:16px;border-radius:14px;padding:15px 18px;width:100%;transition:transform .05s,filter .15s}.btn:active{transform:scale(.98)}.btn.primary{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;box-shadow:0 8px 20px #2563eb4d}.btn.green{background:linear-gradient(135deg,#16a34a,#15803d);color:#fff;box-shadow:0 8px 20px #16a34a47}.btn.orange{background:linear-gradient(135deg,#fb923c,#f59e0b);color:#fff;box-shadow:0 8px 20px #f59e0b4d}.btn.ghost{background:#f1f5f9;color:var(--ink)}.btn.danger{background:var(--red-l);color:var(--red)}.btn.sm{padding:10px 14px;font-size:14px;width:auto;border-radius:12px}.btn-wa{background:#25d366;color:#fff}.field{margin-bottom:16px}.field label{display:block;font-weight:700;font-size:15px;margin-bottom:8px;color:var(--ink)}.field .hint{color:var(--muted);font-size:13px;font-weight:500;margin-top:-4px;margin-bottom:8px}.input,select.input,textarea.input{width:100%;background:#fff;border:1.5px solid var(--line);border-radius:14px;padding:15px 16px;font-size:16px;color:var(--ink);outline:none;transition:border .15s}.input:focus{border-color:var(--blue)}.field{min-width:0}input[type=date].input{padding:13px 10px;font-size:15px;min-width:0}.input::placeholder{color:#b7c0cf;letter-spacing:1px}.veh-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.veh{background:#fff;border:1.5px solid var(--line);border-radius:14px;padding:16px 14px;display:flex;align-items:center;gap:12px;font-weight:700;font-size:16px;text-align:left}.veh .emo{font-size:24px}.veh.on{border-color:var(--blue);background:#eff5ff;box-shadow:0 0 0 3px #2563eb1f}.veh .p{margin-left:auto;color:var(--muted);font-weight:700;font-size:14px}.dropzone{border:2px dashed #c7d0de;border-radius:16px;min-height:150px;display:grid;place-items:center;color:var(--muted);gap:8px;background:#fbfcfe;cursor:pointer;text-align:center;overflow:hidden}.dropzone img{width:100%;height:100%;object-fit:cover}.dropzone .cam{font-size:34px}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#02061780;z-index:60;display:flex;align-items:flex-end;justify-content:center}.sheet{width:100%;max-width:var(--maxw);background:#fff;border-radius:24px 24px 0 0;max-height:94vh;overflow-y:auto;animation:up .25s ease}@keyframes up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.sheet-hd{position:sticky;top:0;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:20px 18px 14px;border-bottom:1px solid var(--line);z-index:2}.sheet-hd h2{margin:0;font-size:22px;font-weight:800}.sheet-hd .x{width:40px;height:40px;border-radius:999px;background:#f1f5f9;display:grid;place-items:center;font-size:20px;color:var(--muted)}.sheet-bd{padding:18px}.sheet-ft{position:sticky;bottom:0;background:#fff;padding:14px 18px calc(14px + env(safe-area-inset-bottom));border-top:1px solid var(--line)}.stat3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}.stat{border-radius:16px;padding:14px 12px}.stat .s-lab{font-size:13.5px;font-weight:700;display:flex;align-items:center;gap:5px}.stat .s-val{font-weight:800;font-size:21px;margin-top:8px;letter-spacing:-.4px}.stat.blue{background:#eff5ff}.stat.blue .s-lab,.stat.blue .s-val{color:var(--blue-d)}.stat.red{background:#fef2f2}.stat.red .s-lab,.stat.red .s-val{color:var(--red)}.stat.green{background:#f0fdf4}.stat.green .s-lab,.stat.green .s-val{color:var(--green)}.stat.purple{background:#faf5ff}.stat.purple .s-lab,.stat.purple .s-val{color:var(--purple)}.line-item{display:flex;align-items:center;justify-content:space-between;padding:12px 0}.line-item+.line-item{border-top:1px solid var(--line)}.line-item .li-l{display:flex;align-items:center;gap:10px;font-size:16px}.line-item .li-v{font-weight:800;font-size:17px}.rank{display:flex;align-items:center;justify-content:space-between;background:#f8fafc;border-radius:14px;padding:14px;margin-bottom:10px}.rank .r-n{font-weight:800;font-size:17px}.rank .r-c{color:var(--muted);font-size:14px;margin-top:2px}.rank .r-t{font-weight:800;font-size:18px;text-align:right}.rank .r-p{color:var(--muted-2);font-size:13px}.cat-hd{display:flex;align-items:center;justify-content:space-between;padding:14px 4px;font-weight:800;font-size:17px}.cat-hd .count{color:var(--muted-2);font-weight:600;font-size:15px}.prod-row{background:#fff;border:1px solid var(--line);border-radius:14px;padding:15px 16px;display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;box-shadow:var(--shadow-sm)}.prod-row .p-n{font-weight:700;font-size:16px}.prod-row .p-p{color:var(--purple);font-weight:800;font-size:16px}.trash{color:var(--red);width:38px;height:38px;display:grid;place-items:center;border-radius:10px}.tgl{width:56px;height:32px;border-radius:999px;background:#cbd5e1;position:relative;transition:background .2s;flex-shrink:0}.tgl.on{background:var(--green)}.tgl:after{content:"";position:absolute;top:3px;left:3px;width:26px;height:26px;border-radius:999px;background:#fff;transition:transform .2s;box-shadow:0 1px 3px #0003}.tgl.on:after{transform:translate(24px)}.tabs{background:#1e293b;border-radius:16px;padding:5px;display:grid;grid-template-columns:1fr 1fr;gap:4px}.tab{padding:12px;border-radius:12px;color:#cbd5e1;font-weight:700;font-size:16px;display:flex;align-items:center;justify-content:center;gap:8px}.tab.on{background:#fff;color:var(--ink)}.login-wrap{min-height:100dvh;display:flex;flex-direction:column;justify-content:center;padding:24px;background:radial-gradient(120% 90% at 50% 0%,#23324f,#0f172a 60%)}.login-card{background:#fff;border-radius:26px;padding:26px 22px;box-shadow:0 30px 70px #02061780}.login-logo{width:84px;height:84px;border-radius:22px;margin:0 auto 14px;display:block;box-shadow:0 10px 26px #2563eb59}.cred-box{background:#f8fafc;border:1px solid var(--line);border-radius:16px;padding:14px;margin-top:6px}.cred-box .cb-t{font-weight:800;font-size:13px;text-transform:uppercase;letter-spacing:.5px;color:var(--muted);margin-bottom:10px;display:flex;align-items:center;gap:6px}.cred{display:flex;align-items:center;justify-content:space-between;padding:7px 0;font-size:15px}.cred .cl{color:var(--muted)}.cred .cv{font-weight:800}.copybtn{background:#eef2f7;color:var(--blue);font-weight:700;font-size:12.5px;padding:5px 10px;border-radius:8px;margin-left:8px}.center-empty{text-align:center;color:var(--muted);padding:40px 20px}.center-empty .big{font-size:42px;margin-bottom:10px}.spinner{width:34px;height:34px;border:3px solid #e2e8f0;border-top-color:var(--blue);border-radius:50%;animation:spin 1s linear infinite;margin:60px auto}@keyframes spin{to{transform:rotate(360deg)}}.footer-credit{text-align:center;color:var(--muted-2);font-size:12.5px;padding:18px 0 6px}.footer-credit a{color:var(--blue);font-weight:700}.chip-add{display:inline-flex;align-items:center;gap:6px;background:var(--blue);color:#fff;font-weight:700;font-size:14px;padding:9px 14px;border-radius:12px}.qty{display:flex;align-items:center;gap:12px}.qty button{width:34px;height:34px;border-radius:10px;background:#f1f5f9;font-size:20px;font-weight:700;color:var(--ink)}.money-input-row{display:flex;gap:10px}.toast{position:fixed;bottom:100px;left:50%;transform:translate(-50%);background:#0f172a;color:#fff;padding:12px 20px;border-radius:999px;font-weight:700;font-size:14px;z-index:100;box-shadow:0 10px 30px #0000004d;animation:up .2s;max-width:90%}.dot{width:9px;height:9px;border-radius:50%;display:inline-block}.legend{display:flex;flex-wrap:wrap;gap:12px;margin-top:12px}.legend span{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--muted);font-weight:600}@media (min-width: 500px){body{padding:0;background:#1e293b}}