:root{--brand:#068a46;--brand-deep:#04693a;--on-brand:#fff;--danger:#b42318;--warn:#c2710a;--warn-soft:#fef3e2;--ink:#17201b;--ink-2:#4f5b54;--ink-3:#7f8a84;--line:#e3e9e5;--surface:#fff;--ground:#f4f7f5;--chip:#eef3ef;--shadow:0 1px 2px rgba(10,50,30,.06),0 4px 12px rgba(10,50,30,.08);--f-display:"Poppins",system-ui,sans-serif;--f-body:"Hind","Noto Sans Devanagari",system-ui,sans-serif;--status-packed:#1e6fa3;--status-ofd:#c2710a;--status-arrived:#7b2abf;--status-delivered:#068a46;--status-cancelled:#b42318}*{box-sizing:border-box}body,html{margin:0;height:100%}body{background:var(--ground);color:var(--ink);font-family:var(--f-body);font-size:15px;line-height:1.5;max-width:430px;margin:0 auto}button{font:inherit;color:inherit;cursor:pointer;border:0;background:none;padding:0}input{font:inherit;color:var(--ink)}:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.num{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}h1,h2,h3{font-family:var(--f-display);margin:0;line-height:1.2}.app-shell{display:flex;flex-direction:column;min-height:100vh}.app-header{background:var(--surface);border-bottom:1px solid var(--line);position:-webkit-sticky;position:sticky;top:0;z-index:10;padding:12px 16px;display:flex;align-items:center;gap:12px}.app-header .logo{font-family:var(--f-display);font-weight:700;font-size:18px;color:var(--brand)}.app-header .logo b{color:var(--brand-deep)}.app-header .agent-name{flex:1 1;font-size:14px;color:var(--ink-2);text-align:right}.app-body{flex:1 1;padding:16px}.btn{display:block;width:100%;padding:14px 20px;background:var(--brand);color:var(--on-brand);border-radius:14px;font-weight:700;font-size:15px;text-align:center;text-decoration:none;transition:background .15s}.btn:hover{background:var(--brand-deep)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-outline{display:block;width:100%;padding:14px 20px;background:none;color:var(--brand);border:2px solid var(--brand);border-radius:14px;font-weight:700;font-size:15px;text-align:center}.btn-danger{background:var(--danger)}.btn-danger:hover{background:#9b1c14}.mini{padding:8px 16px;border-radius:10px;font-weight:600;font-size:14px;background:var(--chip)}.badge{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:20px;font-size:12.5px;font-weight:700;letter-spacing:.01em}.badge.available{background:#e4f4ea;color:var(--brand-deep)}.badge.offline{background:var(--chip);color:var(--ink-3)}.badge.delivering{background:var(--warn-soft);color:var(--warn)}.badge.on_hold{background:#f9e8e8;color:var(--danger)}.badge.packed{background:#e8f4fc;color:var(--status-packed)}.badge.out_for_delivery{background:var(--warn-soft);color:var(--warn)}.badge.at_location{background:#f3ecf9;color:var(--status-arrived)}.badge.delivered{background:#e4f4ea;color:var(--status-delivered)}.badge.cancelled{background:#fdeded;color:var(--status-cancelled)}.status-toggle{display:flex;align-items:center;justify-content:space-between;background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:16px 20px;margin-bottom:16px;box-shadow:var(--shadow)}.status-toggle .label{font-size:14px;color:var(--ink-2)}.status-toggle .value{font-family:var(--f-display);font-size:17px;font-weight:700}.toggle-pill{width:52px;height:28px;border-radius:14px;background:var(--chip);position:relative;transition:background .2s}.toggle-pill.on{background:var(--brand)}.toggle-pill:after{content:"";position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.2);transition:transform .2s}.toggle-pill.on:after{transform:translateX(24px)}.earnings-strip{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px;margin-bottom:16px}.earnings-card{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:14px 16px}.earnings-card small{display:block;font-size:12px;color:var(--ink-3);margin-bottom:3px}.earnings-card b{font-size:20px}.earnings-card b,.sec-h{font-family:var(--f-display);color:var(--ink)}.sec-h{font-size:16px;font-weight:700;margin:0 0 10px}.order-card{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:14px 16px;margin-bottom:10px;display:flex;flex-direction:column;gap:8px;text-decoration:none;color:inherit;box-shadow:var(--shadow)}.order-card:active{background:var(--chip)}.order-card .top{display:flex;align-items:center;justify-content:space-between}.order-card .id{font-family:var(--f-display);font-weight:700;font-size:15px}.order-card .addr{font-size:13.5px;color:var(--ink-2)}.order-card .meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.order-card .payment{font-size:12.5px;font-weight:700;padding:3px 8px;border-radius:6px}.order-card .payment.cod{background:var(--warn-soft);color:var(--warn)}.order-card .payment.online-paid{background:#e4f4ea;color:var(--brand-deep)}.order-card .payment.online-pending{background:#fdeded;color:var(--danger)}.order-card .items{font-size:13px;color:var(--ink-3)}.seg{display:flex;background:var(--chip);border-radius:12px;padding:3px;gap:0;margin-bottom:14px}.seg button{flex:1 1;padding:8px 10px;border-radius:9px;font-size:13px;font-weight:600;color:var(--ink-2)}.seg button.on{background:var(--surface);color:var(--brand-deep);box-shadow:0 1px 3px rgba(0,0,0,.08)}.empty{text-align:center;padding:48px 20px;color:var(--ink-3)}.empty b{display:block;font-size:17px;color:var(--ink-2);margin-bottom:6px}.detail-section{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:16px;margin-bottom:12px}.detail-section h3{font-size:14px;color:var(--ink-3);text-transform:uppercase;letter-spacing:.05em;margin-bottom:10px}.addr-block{font-size:15px;line-height:1.6}.addr-block b{font-family:var(--f-display);font-size:16px;display:block;margin-bottom:2px}.map-link{display:inline-flex;gap:6px;margin-top:8px;color:var(--brand-deep);font-weight:600;text-decoration:none}.item-row,.map-link{align-items:center;font-size:14px}.item-row{display:flex;justify-content:space-between;padding:8px 0;border-top:1px solid var(--line)}.item-row:first-of-type{border-top:0}.item-row .nm{flex:1 1}.item-row .qty{color:var(--ink-3);margin-right:12px}.item-row b{font-family:var(--f-display)}.otp-grid{display:grid;grid-template-columns:repeat(6,1fr);grid-gap:8px;gap:8px;margin:16px 0}.otp-cell{height:52px;border:2px solid var(--line);border-radius:12px;font-family:var(--f-display);font-size:22px;font-weight:700;text-align:center;background:var(--surface);transition:border-color .15s}.otp-cell:focus{border-color:var(--brand);outline:none}.confirm-sheet{position:fixed;inset:0;z-index:50;display:flex;align-items:flex-end;justify-content:center}.confirm-scrim{position:absolute;inset:0;background:rgba(0,0,0,.5)}.confirm-box{position:relative;width:100%;max-width:430px;background:var(--surface);border-radius:24px 24px 0 0;padding:24px 20px calc(24px + env(safe-area-inset-bottom, 0px));display:flex;flex-direction:column;gap:12px}.confirm-box h3{font-size:18px;margin-bottom:4px}.confirm-box p{color:var(--ink-2);margin:0;font-size:14.5px}.toast{position:fixed;bottom:calc(20px + env(safe-area-inset-bottom, 0px));left:50%;transform:translateX(-50%);background:var(--ink);color:#fff;padding:10px 20px;border-radius:12px;font-size:14px;font-weight:600;white-space:nowrap;z-index:100;pointer-events:none;animation:fadeUp .2s ease}.toast.success{background:var(--brand-deep)}.toast.error{background:var(--danger)}@keyframes fadeUp{0%{opacity:0;transform:translateX(-50%) translateY(8px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.login-wrap{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px}.login-card{width:100%;max-width:380px;background:var(--surface);border:1px solid var(--line);border-radius:24px;padding:32px 24px}.login-card h1{font-size:24px;margin-bottom:6px}.login-card p{color:var(--ink-2);margin:0 0 24px;font-size:14.5px}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.field label{font-size:13px;font-weight:600;color:var(--ink-2)}.field input{padding:12px 14px;border:1.5px solid var(--line);border-radius:12px;font-size:16px;background:var(--surface);transition:border-color .15s}.field input:focus{border-color:var(--brand);outline:none}.hint{font-size:13px;color:var(--ink-3);text-align:center}.err,.hint{margin:8px 0 0}.err{font-size:13.5px;color:var(--danger)}.spin{width:24px;height:24px;border:3px solid var(--chip);border-top-color:var(--brand);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.loading-page{min-height:100vh;display:grid;place-items:center}