:root{--g:#15803d;--gl:#dcfce7;--gd:#14532d;--acc:#ea580c;--accl:#fff7ed;--t:#0f172a;--t2:#334155;--m:#64748b;--b:#e2e8f0;--bg:#f1f5f9;--card:#fff;--danger:#dc2626;--dangerBg:#fee2e2;--warn:#d97706;--warnBg:#fef3c7;--suc:#16a34a;--sucBg:#dcfce7;--info:#2563eb;--infoBg:#dbeafe;--purple:#7c3aed;--purpleBg:#ede9fe;--font:"Inter","Segoe UI",system-ui,sans-serif}*,:before,:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html,body,#root{height:100%}body{font-family:var(--font);background:var(--bg);color:var(--t);-webkit-font-smoothing:antialiased;font-size:14px;line-height:1.5}.scroll{-webkit-overflow-scrolling:touch;flex:1;overflow-y:auto}.scroll::-webkit-scrollbar{display:none}.app-root{background:linear-gradient(135deg,#0f172a 0%,#1e293b 100%);justify-content:center;align-items:flex-start;min-height:100vh;padding:20px;display:flex}.phone-frame{background:var(--bg);border:7px solid #1c1c1e;border-radius:48px;flex-shrink:0;width:390px;height:844px;position:relative;overflow:hidden;box-shadow:0 24px 64px #0000004d,inset 0 0 0 1.5px #ffffff14}.phone-notch{z-index:60;background:#1c1c1e;border-radius:0 0 22px 22px;width:126px;height:36px;position:absolute;top:0;left:50%;transform:translate(-50%)}.phone-screen{background:var(--bg);flex-direction:column;height:100%;padding-top:36px;display:flex;position:relative;overflow:hidden}.landing-root{background:linear-gradient(150deg,var(--gd) 0%,#020d06 100%);flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:40px 24px;display:flex}.landing-logo{background:#ffffff1f;border:2px solid #fff3;border-radius:24px;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 18px;display:flex}.landing-title{color:#fff;letter-spacing:-1px;text-align:center;font-size:34px;font-weight:800}.landing-sub{color:#ffffff8c;text-align:center;max-width:320px;margin-top:6px;font-size:13px}.role-grid{grid-template-columns:1fr 1fr;gap:14px;width:100%;max-width:480px;margin:36px auto 0;display:grid}.role-card{cursor:pointer;text-align:center;font-family:var(--font);background:#ffffff14;border:1.5px solid #ffffff26;border-radius:20px;flex-direction:column;align-items:center;gap:12px;padding:22px 16px;transition:all .2s;display:flex}.role-card:hover{background:#ffffff24;transform:translateY(-2px);box-shadow:0 12px 32px #0000004d}.role-icon{border-radius:15px;justify-content:center;align-items:center;width:52px;height:52px;display:flex}.role-label{color:#fff;font-size:15px;font-weight:700}.role-sub{color:#ffffff8c;font-size:11px;line-height:1.4}.auth-bg{background:linear-gradient(150deg,var(--g) 0%,var(--gd) 100%);-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;flex-direction:column;flex:1;justify-content:flex-start;align-items:center;min-height:100%;padding:24px 22px;display:flex;overflow-y:auto}.auth-bg::-webkit-scrollbar{display:none}.auth-card{background:#fff;border-radius:24px;width:100%;margin:auto 0;padding:28px 24px}.auth-logo-sm{background:#ffffff26;border:1px solid #ffffff40;border-radius:16px;justify-content:center;align-items:center;width:56px;height:56px;margin:0 auto 14px;display:flex}.auth-brand{color:#fff;text-align:center;font-size:22px;font-weight:800}.auth-brand-sub{color:#fff9;text-align:center;margin-top:3px;margin-bottom:28px;font-size:12px}.otp-row{justify-content:center;gap:10px;margin-bottom:22px;display:flex}.otp-box{text-align:center;border:2px solid var(--b);width:56px;height:62px;font-size:22px;font-weight:700;font-family:var(--font);color:var(--t);border-radius:13px;outline:none;transition:border-color .15s}.otp-box:focus,.otp-box.filled{border-color:var(--g)}.role-selector{flex-direction:column;gap:10px;display:flex}.role-btn-card{background:var(--gl);border:2px solid var(--g);cursor:pointer;text-align:left;width:100%;font-family:var(--font);border-radius:14px;align-items:center;gap:13px;padding:14px 16px;transition:all .15s;display:flex}.role-btn-card:hover{background:#bbf7d0}.role-btn-icon{background:var(--g);border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.hdr{background:var(--g);z-index:20;flex-shrink:0;align-items:center;gap:10px;padding:12px 16px;display:flex;position:sticky;top:0}.hdr-title{color:#fff;letter-spacing:-.2px;flex:1;font-size:16px;font-weight:700}.hdr-back{cursor:pointer;color:#fff;background:#ffffff2e;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;transition:background .15s;display:flex}.hdr-back:hover{background:#ffffff47}.bnav{border-top:1px solid var(--b);background:#fff;flex-shrink:0;display:flex;box-shadow:0 -2px 12px #0000000f}.bnt{cursor:pointer;font-size:10px;font-weight:600;font-family:var(--font);background:0 0;border:none;flex-direction:column;flex:1;align-items:center;gap:3px;padding:9px 4px 7px;transition:color .15s;display:flex}.card{background:var(--card);border:1px solid var(--b);border-radius:16px;margin-bottom:10px;padding:14px;transition:all .15s;box-shadow:0 1px 3px #00000012}.card-click{cursor:pointer}.card-click:hover{transform:translateY(-1px);box-shadow:0 4px 14px #0000001a}.card-accent{border-left:4px solid var(--acc)}.card-green{background:var(--g);color:#fff}.btn{cursor:pointer;font-size:14px;font-weight:700;font-family:var(--font);letter-spacing:-.1px;border:none;border-radius:12px;justify-content:center;align-items:center;gap:7px;width:100%;padding:13px 18px;transition:opacity .15s,transform .1s;display:flex}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.38;cursor:not-allowed}.btn-g{background:var(--g);color:#fff}.btn-g:hover:not(:disabled){background:#16a34a}.btn-danger{background:var(--danger);color:#fff}.btn-orange{background:var(--acc);color:#fff}.btn-warn{background:var(--warn);color:#fff}.btn-outline{color:var(--g);border:2px solid var(--g);background:0 0}.btn-ghost{color:var(--t2);background:#f1f5f9}.btn-sm{border-radius:9px;padding:8px 14px;font-size:12px}.btn-row{gap:8px;display:flex}.btn-row .btn{flex:1}.inp{border:1.5px solid var(--b);font-size:14px;font-family:var(--font);width:100%;color:var(--t);background:#fff;border-radius:10px;outline:none;padding:11px 13px;transition:border-color .15s}.inp:focus{border-color:var(--g)}textarea.inp{resize:none;line-height:1.7}.badge{white-space:nowrap;border-radius:999px;flex-shrink:0;align-items:center;gap:4px;padding:3px 9px;font-size:11px;font-weight:700;display:inline-flex}.badge-new{background:var(--infoBg);color:var(--info)}.badge-accepted{background:var(--purpleBg);color:var(--purple)}.badge-packed{background:var(--warnBg);color:var(--warn)}.badge-delivered{background:var(--sucBg);color:var(--suc)}.badge-rejected{background:var(--dangerBg);color:var(--danger)}.slabel{text-transform:uppercase;letter-spacing:.6px;color:var(--m);margin:16px 0 8px;padding:0 2px;font-size:11px;font-weight:700}.stat-grid{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:16px;display:grid}.stat-card{border:1px solid var(--b);background:#fff;border-radius:12px;padding:14px 16px}.stat-label{color:var(--m);text-transform:uppercase;letter-spacing:.5px;margin-bottom:5px;font-size:10px;font-weight:600}.stat-value{font-size:22px;font-weight:800}.skeleton{background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0 50%,#f1f5f9 75%) 0 0/200% 100%;border-radius:8px;animation:1.4s infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.list-display{background:var(--bg);border-radius:10px;margin-top:8px;padding:10px 12px}.list-item{align-items:center;gap:8px;padding:3px 0;font-size:13px;display:flex}.list-item+.list-item{border-top:1px solid var(--b)}.list-dot{background:var(--g);border-radius:50%;flex-shrink:0;width:5px;height:5px}.progress-step{align-items:flex-start;gap:10px;margin-bottom:6px;display:flex}.step-icon{background:#f1f5f9;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;transition:all .3s;display:flex}.step-icon.done{background:var(--g)}.step-icon.active{border:3px solid var(--g);box-shadow:0 0 0 5px var(--gl);background:#fff}.step-line{background:var(--b);width:2px;height:18px;margin:3px 0;transition:background .3s}.step-line.done{background:var(--g)}.step-label{color:var(--m);padding-top:6px;font-size:13px}.step-label.done{color:var(--t);font-weight:600}.modal-overlay{z-index:80;background:#00000094;align-items:flex-end;display:flex;position:absolute;inset:0}.modal-sheet{background:#fff;border-radius:24px 24px 0 0;width:100%;padding:24px 20px 32px}.qr-box{border:3px solid var(--g);border-radius:12px;grid-template-columns:repeat(8,1fr);gap:2px;width:130px;height:130px;margin:0 auto 14px;padding:8px;display:grid}.inbox-tabs{border-bottom:1px solid var(--b);background:#fff;flex-shrink:0;display:flex}.inbox-tab{cursor:pointer;font-size:13px;font-weight:400;font-family:var(--font);color:var(--m);background:0 0;border:none;border-bottom:3px solid #0000;flex:1;justify-content:center;align-items:center;gap:6px;padding:13px 4px;transition:all .15s;display:flex}.inbox-tab.active{color:var(--g);border-bottom-color:var(--g);font-weight:700}.notif-dot{background:var(--danger);color:#fff;border-radius:999px;padding:1px 6px;font-size:10px;font-weight:700;line-height:1.4}.order-actions{gap:7px;margin-top:10px;display:flex}.call-btn{border:1.5px solid var(--b);cursor:pointer;background:#fff;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;transition:background .15s;display:flex}.call-btn:hover{background:var(--gl)}.action-btn{font-size:12px;font-weight:700;font-family:var(--font);cursor:pointer;border:none;border-radius:9px;flex:1;justify-content:center;align-items:center;gap:5px;padding:10px 8px;transition:opacity .15s,transform .1s;display:flex}.action-btn:active{transform:scale(.97)}.ab-accept{background:var(--g);color:#fff;flex:2}.ab-reject{border:1.5px solid var(--b);color:var(--m);background:#fff}.ab-pack{background:var(--warn);color:#fff}.ab-deliver{background:var(--g);color:#fff}.voice-area{text-align:center;border:2px solid var(--b);background:#fff;border-radius:18px;padding:24px;transition:border-color .3s}.voice-area.recording{border-color:var(--danger)}.voice-area.recorded{border-color:var(--suc)}.waveform{justify-content:center;align-items:flex-end;gap:3px;height:36px;margin-bottom:14px;display:flex}.wave-bar{background:var(--danger);border-radius:2px;width:4px;animation:.7s ease-in-out infinite alternate wave}.rec-btn{cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto;transition:transform .1s;display:flex}.rec-btn:active{transform:scale(.9)}.rec-start{background:var(--g)}.rec-stop{background:var(--danger)}.rec-redo{background:var(--bg)}.method-tabs{gap:8px;margin-bottom:16px;display:flex}.method-tab{cursor:pointer;border:2px solid var(--b);font-family:var(--font);background:#fff;border-radius:11px;flex-direction:column;flex:1;align-items:center;gap:4px;padding:11px 6px;transition:all .15s;display:flex}.method-tab.active{background:var(--gl);border-color:var(--g)}.method-tab-lbl{font-size:11px;font-weight:600}.method-tab.active .method-tab-lbl{color:var(--g)}.upload-area{border:2px dashed var(--g);text-align:center;cursor:pointer;background:var(--gl);border-radius:14px;padding:36px;transition:all .15s}.upload-area:hover{background:#bbf7d0}.udhaar-hdr{background:var(--g);text-align:center;color:#fff;border-radius:16px;margin-bottom:14px;padding:18px 16px}.udhaar-amount{font-size:32px;font-weight:800}.udhaar-entry{border:1px solid var(--b);background:#fff;border-radius:10px;justify-content:space-between;align-items:center;margin-bottom:7px;padding:10px 13px;display:flex}.ue-credit{color:var(--danger)}.ue-pay{color:var(--suc)}.type-toggle{gap:8px;margin-bottom:12px;display:flex}.type-btn{cursor:pointer;font-size:13px;font-weight:700;font-family:var(--font);border:2px solid var(--b);background:#fff;border-radius:9px;flex:1;padding:10px;transition:all .15s}.type-btn.credit.active{background:var(--dangerBg);border-color:var(--danger);color:var(--danger)}.type-btn.payment.active{background:var(--sucBg);border-color:var(--suc);color:var(--suc)}.radius-grid{gap:7px;display:flex}.radius-btn{cursor:pointer;border:2px solid var(--b);font-size:13px;font-weight:700;font-family:var(--font);background:#fff;border-radius:9px;flex:1;padding:10px 4px;transition:all .15s}.radius-btn.active{background:var(--gl);border-color:var(--g);color:var(--g)}.stepper{align-items:center;gap:10px;display:flex}.stepper-btn{border:1.5px solid var(--b);cursor:pointer;width:34px;height:34px;color:var(--t2);background:#fff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:18px;font-weight:700;transition:all .15s;display:flex}.stepper-btn:hover{background:var(--bg)}.stepper-val{text-align:center;flex:1;font-size:18px;font-weight:800}.toggle-track{cursor:pointer;border-radius:999px;flex-shrink:0;width:44px;height:25px;transition:background .2s;position:relative}.toggle-thumb{background:#fff;border-radius:50%;width:18px;height:18px;transition:left .2s;position:absolute;top:3.5px;box-shadow:0 1px 4px #0003}.slot-cb{cursor:pointer;align-items:center;gap:10px;padding:8px 0;display:flex}.slot-cb input{accent-color:var(--g);width:15px;height:15px}.radio-label{border:1.5px solid var(--b);cursor:pointer;color:var(--t);box-sizing:border-box;background:#fff;border-radius:11px;align-items:center;gap:10px;width:100%;margin-bottom:8px;padding:11px 13px;font-size:13px;font-weight:500;display:flex}.radio-label input{accent-color:var(--g);flex-shrink:0;width:16px;height:16px}.radio-label.selected{border-color:var(--g);background:var(--gl);color:var(--g);font-weight:700}.admin-root{background:var(--bg);min-height:100vh;display:flex}.admin-sidebar{background:var(--t);flex-direction:column;flex-shrink:0;width:220px;min-height:100vh;max-height:100vh;display:flex;position:sticky;top:0;overflow:hidden}.admin-brand{border-bottom:1px solid #ffffff14;margin-bottom:8px;padding:24px 20px 20px}.admin-nav{flex:1;padding:0 8px}.admin-navlink{cursor:pointer;color:#ffffff8c;font-size:13px;font-weight:600;font-family:var(--font);text-align:left;background:0 0;border:none;border-radius:12px;align-items:center;gap:10px;width:100%;margin-bottom:3px;padding:11px 14px;transition:all .15s;display:flex}.admin-navlink:hover{color:#ffffffd9;background:#ffffff0f}.admin-navlink.active{color:#fff;background:#ffffff1a}.admin-navlink-badge{background:var(--danger);color:#fff;border-radius:999px;margin-left:auto;padding:1px 6px;font-size:10px;font-weight:700}.admin-main{flex:1;overflow-y:auto}.admin-page{padding:28px}.admin-page-title{color:var(--t);letter-spacing:-.3px;margin-bottom:4px;font-size:20px;font-weight:800}.admin-page-sub{color:var(--m);margin-bottom:24px;font-size:13px}.admin-top-bar{border-bottom:1px solid var(--b);z-index:10;background:#fff;justify-content:space-between;align-items:center;padding:14px 24px;display:flex;position:sticky;top:0}.chart-card{border:1px solid var(--b);background:#fff;border-radius:16px;margin-bottom:16px;padding:20px;box-shadow:0 1px 3px #00000012}.chart-title{margin-bottom:4px;font-size:14px;font-weight:700}.chart-sub{color:var(--m);margin-bottom:16px;font-size:11px}.bar-chart{align-items:flex-end;gap:6px;height:100px;display:flex}.bar-col{flex-direction:column;flex:1;align-items:center;gap:4px;display:flex}.bar-val{color:var(--m);font-size:9px;font-weight:600}.bar-body{border-radius:4px 4px 0 0;width:100%}.bar-label{color:var(--m);font-size:9px}.store-admin-card{border:1px solid var(--b);background:#fff;border-radius:16px;margin-bottom:12px;padding:16px;box-shadow:0 1px 3px #00000012}.meta-chip{background:var(--bg);color:var(--m);border-radius:6px;padding:3px 8px;font-size:10px;font-weight:600}.delivery-hero{background:var(--g);color:#fff;border-radius:16px;margin-bottom:14px;padding:16px}.notif-item{border:1.5px solid var(--b);cursor:pointer;background:#fff;border-radius:12px;align-items:flex-start;gap:10px;margin-bottom:8px;padding:12px 14px;transition:all .15s;display:flex}.notif-item.unread{border-color:var(--g);background:var(--gl)}.notif-ind{border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:4px}.notif-ind.unread{background:var(--danger);animation:2s infinite pulse}.notif-ind.read{background:var(--b)}.home-hero{background:var(--g);color:#fff;flex-shrink:0;padding:16px 16px 28px}.store-icon-box{background:var(--gl);border-radius:13px;flex-shrink:0;justify-content:center;align-items:center;width:50px;height:50px;display:flex}.slot-chip{color:var(--g);background:#f0fdf4;border-radius:5px;padding:2px 7px;font-size:10px;font-weight:600}.profile-avatar{background:var(--gl);border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 14px;display:flex}.profile-row{border-bottom:1px solid var(--b);align-items:center;gap:12px;padding:11px 0;display:flex}@keyframes wave{0%{transform:scaleY(.25)}to{transform:scaleY(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:.22s both fadeIn}.empty-state{text-align:center;color:var(--m);padding:48px 20px}.note-box{color:#92400e;background:#fffbeb;border-radius:8px;margin-top:6px;padding:7px 10px;font-size:12px}.divider{background:var(--b);height:1px;margin:12px 0}.flex{display:flex}.flex-1{flex:1}.items-center{align-items:center}.justify-between{justify-content:space-between}.recharts-wrapper,.recharts-tooltip-wrapper{font-family:var(--font)!important}