.main{max-width:680px}.card{padding:16px}input,select{border:1px solid var(--br);border-radius:7px;padding:9px 10px;font-size:14px;color:var(--tx);background:#fff;width:100%;outline:none;font-family:inherit}input:focus,select:focus{border-color:var(--ic)}.btn{justify-content:center}.btn-full{padding:13px;font-size:15px}.vline{display:flex;align-items:center;gap:10px;padding:11px 0;border-bottom:1px solid var(--lg)}.vline:last-child{border-bottom:none}.vline-info{flex:1 1;min-width:0}.vline-name{font-size:14px;font-weight:600;color:var(--tx)}.vline-price{display:flex;align-items:center;gap:4px;margin-top:3px}.vline-price span{font-size:12px;color:var(--mt)}.vline-price input{width:78px;padding:4px 7px;font-size:13px}.stepper{gap:10px}.stepper,.stp{display:flex;align-items:center}.stp{width:32px;height:32px;border-radius:50%;border:1px solid var(--br);background:#fff;justify-content:center;color:var(--b);flex-shrink:0}.stp.plus{background:var(--b);border-color:var(--b);color:#fff}.stp:active{transform:scale(.92)}.qty{font-size:16px;font-weight:700;min-width:26px;text-align:center}.total-row{display:flex;align-items:center;justify-content:space-between;margin:14px 0}.total-row .lbl{font-size:14px;color:var(--mt)}.total-row .amt{font-size:26px;font-weight:700;color:var(--n)}.pay-row{display:flex;gap:8px;margin-bottom:6px}.pay{flex:1 1;text-align:center;padding:10px;border-radius:8px;border:1px solid var(--br);background:#fff;font-size:13px;font-weight:700;color:var(--mt)}.pay.on{background:var(--lg);border-color:var(--ic);color:var(--b)}.stock-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px;margin-bottom:14px}.stock{background:#fff;border:1px solid var(--br);border-radius:10px;padding:12px 14px}.stock .lbl{font-size:12px;color:var(--mt)}.stock .val{font-size:21px;font-weight:700;color:var(--n)}.stock .val small{font-size:11px;color:var(--mt);font-weight:400}.mov{display:flex;align-items:center;justify-content:space-between;padding:9px 0;border-bottom:1px solid var(--lg);font-size:13px}.mov:last-child{border-bottom:none}.pill{font-size:11px;font-weight:700;padding:2px 9px;border-radius:20px}.pill-in{background:var(--okl);color:var(--ok)}.pill-out{background:#fef0f0;color:#a03030}.tleft{text-align:left}.alm-qty{width:80px;text-align:center;padding:9px;border:1px solid var(--br);border-radius:8px;font-size:15px;font-weight:600;color:var(--tx)}.alm-head{display:grid;grid-template-columns:1fr 90px 90px;grid-gap:8px;gap:8px;padding:0 2px 8px;font-size:11px;font-weight:700;color:var(--mt);text-transform:uppercase;letter-spacing:.3px}.alm-head span:not(:first-child){text-align:center}.alm-row{display:grid;grid-template-columns:1fr 90px 90px;grid-gap:8px;gap:8px;align-items:center;padding:8px 0;border-bottom:1px solid var(--lg)}.alm-row .alm-name{font-size:14px;font-weight:500;color:var(--tx)}.alm-row input{text-align:center;padding:8px;border:1px solid var(--br);border-radius:8px;font-size:15px;font-weight:600;color:var(--tx);width:100%}*{box-sizing:border-box;margin:0;padding:0}:root{--n:#0d2240;--b:#1a4a8a;--ic:#4db8e8;--lg:#e8f4fc;--bg:#f2f6fb;--br:#c8ddef;--tx:#0d2240;--mt:#5a7a9a;--ok:#1a7a42;--okl:#e6f7ee;--okb:#b8e8cc}body{font-family:Segoe UI,system-ui,sans-serif;background:var(--bg);color:var(--tx);font-size:14px}.header{background:var(--n);color:#fff;height:54px;justify-content:space-between;padding:0 18px;position:-webkit-sticky;position:sticky;top:0;z-index:50}.header,.logo{display:flex;align-items:center}.logo{gap:9px;font-weight:700;font-size:16px}.logo-icon{width:30px;height:30px;background:var(--ic);border-radius:6px;display:flex;align-items:center;justify-content:center}.role-badge{background:rgba(77,184,232,.25);color:#a8d8f0;font-size:11px;font-weight:600;padding:3px 9px;border-radius:20px}.user-name{color:hsla(0,0%,100%,.8);font-size:12px;font-weight:600}.nav{display:flex;gap:2px}.nav button{background:none;border:none;color:hsla(0,0%,100%,.65);padding:6px 11px;border-radius:6px;cursor:pointer;font-size:12px;font-weight:600;display:flex;align-items:center;gap:5px;transition:all .15s}.nav button.act,.nav button:hover{background:rgba(77,184,232,.2);color:#fff}.nav button i{font-size:15px}.main{padding:16px 18px;max-width:780px;margin:0 auto}.page{display:none}.page.act{display:block}.ptitle{font-size:19px;font-weight:700;color:var(--n);margin-bottom:2px}.psub{color:var(--mt);font-size:12px;margin-bottom:16px}.card{background:#fff;border:1px solid var(--br);border-radius:12px;padding:18px;margin-bottom:14px}.ctitle{font-size:14px;font-weight:700;color:var(--n);margin-bottom:12px;display:flex;align-items:center;gap:7px}.ctitle i{color:var(--ic);font-size:17px}.frow{grid-template-columns:1fr 1fr;grid-gap:10px}.frow,.frow3{display:grid;gap:10px;margin-bottom:10px}.frow3{grid-template-columns:1fr 1fr 1fr;grid-gap:10px}.fg{display:flex;flex-direction:column;gap:3px;margin-bottom:0}.fg label{font-size:11px;font-weight:700;color:var(--mt);text-transform:uppercase;letter-spacing:.4px}input,select,textarea{border:1px solid var(--br);border-radius:7px;padding:8px 10px;font-size:13px;color:var(--tx);background:#fff;width:100%;outline:none;transition:border .2s;font-family:inherit}input:focus,select:focus,textarea:focus{border-color:var(--ic)}.msel{display:flex;gap:8px}.mb{flex:1 1;padding:10px 6px;border:2px solid var(--br);border-radius:9px;background:#fff;cursor:pointer;text-align:center;font-size:12px;font-weight:700;color:var(--mt);transition:all .15s;line-height:1.4}.mb i{display:block;font-size:20px;margin-bottom:3px}.mb.sel{border-color:var(--ic)!important;background:var(--lg)!important;color:var(--b)!important}.divider{border:none;border-top:1px solid var(--br);margin:16px 0}.sec-hdr{background:var(--n);color:#fff;padding:7px 13px;border-radius:7px;font-size:11px;font-weight:700;letter-spacing:.8px;margin:12px 0 5px;text-transform:uppercase}.ci{display:flex;align-items:center;gap:10px;padding:9px 11px;border-radius:8px;cursor:pointer;border:1.5px solid transparent;margin-bottom:3px;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:background .12s}.ci:hover{background:var(--lg)}.ci.done{background:var(--okl);border-color:var(--okb)}.ci-num{width:24px;height:24px;min-width:24px;border-radius:50%;background:var(--lg);color:var(--b);font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .2s}.ci.done .ci-num{background:var(--ok);color:#fff}.ci-lbl{flex:1 1;font-size:13px;line-height:1.35}.ci.done .ci-lbl{color:var(--ok);text-decoration:line-through;opacity:.7}.ci-chk{width:22px;height:22px;min-width:22px;border-radius:50%;border:2px solid var(--br);display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0}.ci.done .ci-chk{border-color:var(--ok);background:var(--ok)}.prog-top{display:flex;justify-content:space-between;font-size:12px;color:var(--mt);margin-bottom:5px}.prog-bar{height:8px;background:var(--br);border-radius:4px;overflow:hidden;margin-bottom:14px}.prog-fill{height:100%;background:var(--b);border-radius:4px;transition:width .35s}.alert{padding:10px 13px;border-radius:8px;font-size:12px;margin:10px 0;display:flex;align-items:center;gap:8px;border:1px solid}.al-ok{background:var(--okl);border-color:var(--okb);color:var(--ok)}.al-warn{background:#fff8e6;border-color:#f0d090;color:#8a5a00}.al-info{background:var(--lg);border-color:#b8d8f0;color:var(--b)}.al-err{background:#fef0f0;border-color:#f0b8b8;color:#a03030}.btn{padding:9px 18px;border-radius:8px;border:none;cursor:pointer;font-size:13px;font-weight:600;display:inline-flex;align-items:center;gap:6px;transition:all .15s}.btn-p{background:var(--b);color:#fff}.btn-p:hover{background:var(--n)}.btn-ok{background:var(--ok);color:#fff}.btn-ok:hover{background:#145f32}.btn-o{border:1px solid var(--br);color:var(--tx)}.btn-o:hover{background:var(--lg)}.btn-full{width:100%;justify-content:center;padding:12px 18px;font-size:14px}.btn-sm{font-size:12px}.btn:disabled{opacity:.5;cursor:not-allowed}.photos-grid{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:10px;gap:10px;margin-top:4px}.photo-slot{border:1.5px dashed var(--br);border-radius:10px;overflow:hidden;background:var(--bg);position:relative;cursor:pointer;transition:all .2s;min-height:100px}.photo-slot:hover{border-color:var(--ic);background:var(--lg)}.photo-slot.has-photo{border-style:solid;border-color:var(--ok);background:#fff}.photo-slot.uploading{border-color:var(--ic);background:var(--lg)}.photo-slot input[type=file]{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}.photo-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:14px 8px;pointer-events:none;height:100px}.photo-placeholder i{font-size:22px;color:var(--ic);margin-bottom:5px}.photo-placeholder .plbl{font-size:11px;font-weight:700;color:var(--mt);text-align:center;line-height:1.3}.photo-preview{width:100%;height:100px;object-fit:cover;display:none}.photo-ok-badge{top:5px;right:5px;background:var(--ok);border-radius:50%;width:18px;height:18px}.photo-ok-badge,.upload-spinner{position:absolute;display:none;align-items:center;justify-content:center;pointer-events:none}.upload-spinner{inset:0;background:rgba(232,244,252,.85)}.spinner{width:24px;height:24px;border:3px solid var(--br);border-top-color:var(--b);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.muestra-card{border:1px solid var(--br);border-radius:10px;padding:14px;margin-bottom:10px;background:var(--bg)}.muestra-header{font-size:12px;font-weight:700;color:var(--mt);text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px;display:flex;align-items:center;gap:6px}.muestra-header i{color:var(--ic);font-size:14px}.muestra-body{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px;align-items:start}.mfoto{border:1.5px dashed var(--br);border-radius:9px;overflow:hidden;background:#fff;position:relative;cursor:pointer;transition:all .2s;height:90px}.mfoto:hover{border-color:var(--ic)}.mfoto.has-photo{border-style:solid;border-color:var(--ok)}.mfoto.uploading{border-color:var(--ic)}.mfoto input[type=file]{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}.mfoto .fp{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;pointer-events:none}.mfoto .fp i{font-size:20px;color:var(--ic)}.mfoto .fp span{font-size:10px;color:var(--mt);margin-top:4px;font-weight:600}.mfoto img{width:100%;height:90px;object-fit:cover;display:none}.mfoto .pok{top:4px;right:4px;background:var(--ok);border-radius:50%;width:16px;height:16px}.mfoto .mspinner,.mfoto .pok{position:absolute;display:none;align-items:center;justify-content:center;pointer-events:none}.mfoto .mspinner{inset:0;background:hsla(0,0%,100%,.85)}.w-avg{text-align:center;padding:12px;border-radius:9px;background:var(--lg);border:1px solid #b8d8f0;margin-top:4px}.w-avg .num{font-size:26px;font-weight:700;color:var(--b)}.w-avg .sub{font-size:11px;color:var(--mt);margin-top:2px}.w-avg .detail{font-size:12px;color:var(--b);margin-top:4px;font-weight:600}.hr-card{background:var(--bg);border:1px solid var(--br);border-radius:9px;padding:10px 13px;margin-bottom:7px;gap:11px}.hr-card,.hr-mach{display:flex;align-items:center}.hr-mach{width:34px;height:34px;border-radius:7px;background:var(--lg);justify-content:center;font-weight:700;font-size:12px;color:var(--b);flex-shrink:0}.hr-info{flex:1 1}.hr-date{font-size:11px;color:var(--mt)}.hr-vals{font-size:13px;font-weight:600}.hr-kg .big{font-size:17px;font-weight:700;color:var(--b)}.hr-kg .sm{font-size:10px;color:var(--mt)}.stats-row{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:10px;gap:10px;margin-bottom:14px}.stat{background:#fff;border:1px solid var(--br);border-radius:10px;padding:12px 14px;text-align:center}.stat-val{font-size:22px;font-weight:700;color:var(--n)}.stat-lbl{font-size:10px;color:var(--mt);margin-top:2px;text-transform:uppercase;letter-spacing:.4px}.rtab{padding:5px 13px;border-radius:20px;border:1px solid var(--br);background:#fff;font-size:12px;font-weight:600;cursor:pointer;color:var(--mt)}.rtab.act{background:var(--n);color:#fff;border-color:var(--n)}.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}.login-card{background:#fff;border:1px solid var(--br);border-radius:16px;padding:32px 28px;width:100%;max-width:360px;text-align:center}.login-logo{width:56px;height:56px;background:var(--n);border-radius:12px;display:flex;align-items:center;justify-content:center;margin:0 auto 16px}.login-title{font-size:20px;font-weight:700;color:var(--n);margin-bottom:4px}.login-sub{font-size:12px;color:var(--mt);margin-bottom:24px}@media(max-width:540px){.frow,.frow3,.photos-grid,.stats-row{grid-template-columns:1fr 1fr}.nav button span{display:none}}body,html{height:100%}.loading-full{min-height:100vh;display:flex;align-items:center;justify-content:center}.al-floating{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:#fef0f0;color:#a03030;border:1px solid #f0b8b8;border-radius:10px;padding:11px 16px;font-size:13px;max-width:90%;text-align:center;box-shadow:0 4px 14px rgba(13,34,64,.12)}.app{max-width:520px;margin:0 auto;min-height:100vh;background:#f4f8fc}.topbar{position:-webkit-sticky;position:sticky;top:0;z-index:20;display:flex;justify-content:space-between;align-items:center;padding:8px 16px;background:#fff;border-bottom:1px solid #e2ecf6}.brand{font-weight:800;letter-spacing:.5px;font-size:16px}.brand-ico{color:#4db8e8;margin-right:4px}.who{font-size:12px;color:#5a7a9a}.link-out{background:none;border:none;color:#c0392b;font-weight:600;cursor:pointer}.tabbar{position:-webkit-sticky;position:sticky;top:0;z-index:19;display:flex;flex-wrap:nowrap;gap:3px;padding:7px 6px;background:#0a1c34;border-bottom:1px solid #16304f}.tabbar .tab{flex:1 1;min-width:0;display:flex;flex-direction:column;align-items:center;gap:1px;padding:6px 2px;border-radius:8px;border:none;background:transparent;color:#9fc0de;font-size:9px;font-weight:600;cursor:pointer;overflow:hidden}.tabbar .tab i{font-size:16px}.tabbar .tab.on{background:#4db8e8;color:#06223b}.tabbar .tab span{max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.screen{padding:14px}.subtabs{display:flex;gap:6px;margin-bottom:12px;flex-wrap:wrap}.subtab{padding:7px 14px;border:1px solid #c8ddef;background:#fff;border-radius:8px;font-size:13px;font-weight:600;color:#5a7a9a;cursor:pointer}.subtab.on{background:#0d2240;color:#fff;border-color:#0d2240}.inp{width:100%;border:1px solid #c8ddef;border-radius:9px;padding:11px 12px;font-size:15px;outline:none;color:#0d2240}.inp:focus{border-color:#4db8e8}.seg2{display:flex;gap:8px}.seg2 button{flex:1 1;padding:11px;border:1px solid #c8ddef;background:#fff;border-radius:9px;font-size:14px;font-weight:600;color:#5a7a9a;cursor:pointer}.seg2 button.on{background:#1a4a8a;color:#fff;border-color:#1a4a8a}.ruta-prod{display:flex;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid #eef3f8}.rp-nom{font-size:14px;font-weight:600;color:#0d2240}.rp-pre{font-size:12px;color:#5a7a9a}.qty{display:flex;align-items:center;gap:6px}.qty button{width:32px;height:32px;border-radius:8px;background:#f2f6fb;font-size:18px;font-weight:700;color:#1a4a8a;cursor:pointer}.qty button,.qty input{border:1px solid #c8ddef}.qty input{width:48px;text-align:center;border-radius:8px;padding:6px;font-size:15px;font-weight:600}.btn-block{width:100%;display:flex;align-items:center;justify-content:center;gap:6px}.btn-sm{padding:6px 12px;font-size:13px}.btn-o{background:#fff;border:1px solid #1a4a8a;color:#1a4a8a}.ruta-track{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid #c8ddef;border-radius:10px;padding:10px 12px;margin-bottom:12px}.dot-track{width:10px;height:10px;border-radius:50%;background:#c0392b}.dot-track.on{background:#1a7a42;box-shadow:0 0 0 4px rgba(26,122,66,.2)}.asis-estado{display:flex;gap:12px;margin-top:10px}.asis-box{flex:1 1;background:#f2f6fb;border-radius:10px;padding:12px;text-align:center}.asis-lbl{font-size:11px;color:#5a7a9a;text-transform:uppercase;font-weight:700}.asis-val{font-size:22px;font-weight:700;color:#0d2240;margin-top:2px}.asis-tag{font-size:10px;margin-top:3px}.tag-w{color:#b8860b}.asis-hint{font-size:12px;color:#5a7a9a;margin-top:10px;text-align:center}.rep-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px;margin:6px 0 10px}.rep-k{background:#f2f6fb;border-radius:10px;padding:12px}.rk-l{font-size:11px;color:#5a7a9a}.rk-v{font-size:18px;font-weight:700;color:#0d2240}.sep-title{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:700;color:#1a4a8a;text-transform:uppercase;letter-spacing:.3px;margin-bottom:10px;padding-top:6px;border-top:2px solid #e2ecf6}.stock-mini{display:flex;gap:6px;margin-bottom:12px;overflow:hidden}.smini{flex:1 1;min-width:0;background:#fff;border:1px solid #c8ddef;border-radius:9px;padding:8px 6px;text-align:center}.sm-lbl{font-size:9.5px;color:#5a7a9a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sm-val{font-size:16px;font-weight:700;color:#0d2240;line-height:1.1}.sm-val small{font-size:9px;font-weight:500;color:#5a7a9a;margin-left:1px}.qty-num{width:72px;text-align:center;border:1px solid #c8ddef;border-radius:8px;padding:8px;font-size:18px;font-weight:700;color:#0d2240;outline:none}.qty-num:focus{border-color:#4db8e8}.brand-logo{height:34px;width:auto;display:block}.track-on{border-color:#1a7a42;background:#e6f7ee}.ruta-bloqueado{opacity:.45;filter:grayscale(.6);pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.ruta-lock-card{background:#fff;border:1.5px dashed #c8ddef;border-radius:14px;padding:22px 18px;text-align:center;margin-bottom:14px}.rl-emoji{font-size:34px}.rl-title{font-size:17px;font-weight:800;color:#0d2240;margin-top:6px}.rl-sub{font-size:13px;color:#5a7a9a;margin:6px 0 14px;line-height:1.4}