:root{--brown: #4a2c17;--brown-dark: #341d0f;--cream: #f4ecdc;--green: #1c9e4b;--green-dark: #157a3a;--red: #d92b2b;--red-dark: #ad1f1f;--grey: #9a9a9a;--grey-light: #e6e6e6;--amber: #e8871e;--text: #1a1a1a;--shadow: 0 4px 14px rgba(0, 0, 0, .18);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-top: env(safe-area-inset-top, 0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%;margin:0}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:18px;color:var(--text);background:#fafafa;overscroll-behavior:none}#root{display:flex;flex-direction:column}.screen{flex:1;display:flex;flex-direction:column;min-height:0;padding:calc(16px + var(--safe-top)) 16px calc(16px + var(--safe-bottom))}.app-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.app-header h1{font-size:22px;margin:0;color:var(--brown)}.app-header .subtitle{font-size:15px;color:#666}.btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:68px;border:none;border-radius:16px;font-size:22px;font-weight:700;color:#fff;background:var(--brown);box-shadow:var(--shadow);cursor:pointer;transition:transform .06s ease,filter .15s ease;padding:0 18px}.btn:active{transform:scale(.98);filter:brightness(.94)}.btn:disabled{opacity:.45;box-shadow:none}.btn-green{background:var(--green)}.btn-red{background:var(--red)}.btn-amber{background:var(--amber)}.btn-outline{background:#fff;color:var(--brown);border:3px solid var(--brown);box-shadow:none}.btn-lg{min-height:80px;font-size:26px}.btn-ghost{background:transparent;color:var(--brown);box-shadow:none;min-height:48px;font-size:17px;font-weight:600}.pin-screen{justify-content:center;align-items:center;text-align:center;background:linear-gradient(160deg,var(--brown) 0%,var(--brown-dark) 100%);color:var(--cream)}.pin-logo{width:96px;height:96px;margin-bottom:8px}.pin-title{font-size:26px;font-weight:800;margin:4px 0 2px}.pin-hint{opacity:.85;margin-bottom:20px}.pin-dots{display:flex;gap:16px;justify-content:center;margin-bottom:24px;min-height:26px}.pin-dot{width:22px;height:22px;border-radius:50%;border:3px solid var(--cream)}.pin-dot.filled{background:var(--cream)}.pin-dot.error{border-color:#ff8a8a;background:#ff8a8a}.keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;width:100%;max-width:360px}.key{min-height:74px;font-size:30px;font-weight:700;border:none;border-radius:16px;background:#ffffff1f;color:var(--cream);cursor:pointer}.key:active{background:#ffffff47}.key.key-action{background:transparent;font-size:20px}.pin-error-msg{color:#ffb3b3;min-height:24px;margin-top:14px;font-weight:600}.list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:12px;-webkit-overflow-scrolling:touch}.card{display:flex;align-items:center;gap:14px;background:#fff;border:3px solid var(--grey-light);border-radius:16px;padding:16px;box-shadow:var(--shadow);cursor:pointer}.card.selected{border-color:var(--green);background:#eafaf0}.card.locked{opacity:.6;background:#f0f0f0;cursor:not-allowed;box-shadow:none}.card.done{border-color:var(--green)}.card-check{width:40px;height:40px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:24px;background:var(--grey-light);color:#fff}.card.selected .card-check{background:var(--green)}.card-body{min-width:0;flex:1}.bl-number{font-size:28px;font-weight:800;color:var(--brown);letter-spacing:.5px;word-break:break-word}.customer{font-size:19px;font-weight:600}.city{color:#666;font-size:16px}.locked-tag{font-size:14px;font-weight:700;color:var(--red-dark)}.sticky-bar{position:sticky;bottom:0;padding-top:12px;display:flex;flex-direction:column;gap:10px;background:linear-gradient(to top,#fafafa 70%,#fafafa00)}.big-duration{text-align:center;padding:24px 12px}.big-duration .value{font-size:64px;font-weight:900;color:var(--brown);line-height:1}.big-duration .label{font-size:18px;color:#666;margin-top:6px}.stat-row{display:flex;gap:12px;margin:8px 0 16px}.stat{flex:1;background:#fff;border-radius:14px;padding:14px;text-align:center;box-shadow:var(--shadow)}.stat .n{font-size:30px;font-weight:800;color:var(--brown)}.stat .t{font-size:14px;color:#666}.banner{border-radius:14px;padding:16px;font-size:19px;font-weight:700;margin-bottom:14px;text-align:center}.banner-red{background:#ffe3e3;color:var(--red-dark);border:3px solid var(--red)}.banner-amber{background:#fff2df;color:#8a4e00;border:3px solid var(--amber)}.progress-pill{align-self:center;background:var(--brown);color:#fff;font-weight:800;font-size:20px;padding:8px 20px;border-radius:999px;margin-bottom:14px}.stop-card{background:#fff;border-radius:20px;box-shadow:var(--shadow);padding:22px;text-align:center;margin-bottom:16px}.stop-card .bl-number{font-size:34px}.stop-card .customer{font-size:28px;font-weight:800;margin:8px 0}.stop-card .address{font-size:20px;color:#444;line-height:1.35}.stop-card .eta{display:inline-block;margin-top:12px;background:var(--cream);color:var(--brown);font-weight:700;padding:6px 16px;border-radius:999px;font-size:17px}.action-stack{display:flex;flex-direction:column;gap:12px}.remaining{margin-top:18px}.remaining summary{font-weight:700;color:var(--brown);cursor:pointer;padding:10px 0}.remaining-item{display:flex;justify-content:space-between;padding:10px 4px;border-bottom:1px solid var(--grey-light);font-size:16px}.remaining-item .done{color:var(--green);font-weight:700}.remaining-item .fail{color:var(--red);font-weight:700}.end-screen{justify-content:center;align-items:center;text-align:center}.end-emoji{font-size:72px}.end-title{font-size:30px;font-weight:900;color:var(--brown);margin:8px 0 20px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:flex;align-items:flex-end;z-index:50}.modal{background:#fff;width:100%;border-radius:22px 22px 0 0;padding:22px 18px calc(22px + var(--safe-bottom));display:flex;flex-direction:column;gap:12px;max-height:90vh;overflow-y:auto}.modal h2{margin:0 0 6px;font-size:24px;color:var(--brown);text-align:center}.reason-input{width:100%;min-height:60px;font-size:18px;padding:12px;border:3px solid var(--grey-light);border-radius:12px;resize:vertical}.net-badge{position:fixed;top:calc(8px + var(--safe-top));left:50%;transform:translate(-50%);background:var(--amber);color:#fff;font-weight:700;font-size:15px;padding:8px 16px;border-radius:999px;box-shadow:var(--shadow);z-index:40;display:flex;align-items:center;gap:8px}.scanner-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000;z-index:60;display:flex;flex-direction:column}.scanner-video{flex:1;min-height:0;width:100%;object-fit:cover;background:#000}.scanner-frame{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:min(84vw,420px);height:130px;border:3px solid rgba(255,255,255,.9);border-radius:12px;box-shadow:0 0 0 100vmax #00000059;pointer-events:none}.scanner-hint{position:relative;z-index:1;color:#fff;text-align:center;padding:14px;font-size:18px}.scanner-close{position:relative;z-index:1;margin:12px 16px calc(16px + var(--safe-bottom))}.scanner-header{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:calc(10px + var(--safe-top)) 14px 10px}.scanner-counter{background:var(--brown);color:#fff;font-weight:800;font-size:17px;padding:8px 16px;border-radius:999px;box-shadow:var(--shadow)}.scanner-close-x{background:#00000080;color:#fff;border:none;width:44px;height:44px;border-radius:50%;font-size:22px;line-height:1;flex:0 0 auto}.scanner-flash{position:fixed;top:0;right:0;bottom:0;left:0;z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center;padding:24px;color:#fff;pointer-events:none;animation:flash-in .12s ease-out}.scanner-flash-success{background:#1c9e4beb}.scanner-flash-error{background:#e8871ef0}.scanner-flash-title{font-size:34px;font-weight:900;line-height:1.15;letter-spacing:.3px}.scanner-flash-sub{font-size:24px;font-weight:700;opacity:.95}@keyframes flash-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.scanner-neutral{position:fixed;z-index:3;top:50%;left:50%;transform:translate(-50%,-50%);background:#000000c7;color:#fff;font-weight:700;font-size:20px;padding:12px 22px;border-radius:999px;pointer-events:none}.scanner-terminer{position:relative;z-index:2;margin:12px 16px calc(16px + var(--safe-bottom))}.center-msg{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#666;gap:12px;padding:24px}.spinner{width:44px;height:44px;border:5px solid var(--grey-light);border-top-color:var(--brown);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.link-btn{background:none;border:none;color:var(--brown);font-size:16px;font-weight:600;text-decoration:underline;cursor:pointer}