:root{--ink:#0F2E1E;--paper:#FBF7F1;--panel:#ffffff;--charcoal:#0B2418;--maroon:#0F2E1E;--maroon-dark:#0A2015;--gold:#B8892B;--gold-light:#C9992E;--upi:#EA580C;--line:rgba(15,46,30,.12);--muted:rgba(15,46,30,.62);--ok:#2E7D32;--ok-bg:rgba(46,125,50,.12);--bad:#D32F2F;--bad-bg:rgba(211,47,47,.09);--radius:16px;font-family:Outfit,-apple-system,BlinkMacSystemFont,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--paper);color:var(--ink);font-size:14px}.app-shell{display:flex;min-height:100vh}.side{width:220px;background:var(--charcoal);color:#eee8df;flex-shrink:0;display:flex;flex-direction:column;padding:22px 0}.brand{padding:0 20px 20px;border-bottom:1px solid rgba(201,153,46,.18);margin-bottom:10px}.brand .name{font-family:Cinzel,Georgia,serif;font-size:20px;letter-spacing:.5px}.brand .tag{font-size:10.5px;color:var(--gold);text-transform:uppercase;letter-spacing:1.5px;margin-top:3px;text-align:center}.brand-logo{width:100%;border-radius:8px;display:block}nav.side-nav a,nav.side-nav button{all:unset;box-sizing:border-box;cursor:pointer;display:flex;align-items:center;gap:10px;width:100%;padding:11px 20px;font-size:13px;color:#d8d2c6;border-left:3px solid transparent}nav.side-nav a:hover,nav.side-nav button:hover{background:#ffffff0d}nav.side-nav a.active{background:#c9992e1a;border-left-color:var(--gold);color:#fff;font-weight:600}.nav-group-children{display:flex;flex-direction:column}.nav-group-children a{padding-left:44px;font-size:12.5px}.nav-chevron{margin-left:auto;transition:transform .15s;flex-shrink:0}.nav-chevron.open{transform:rotate(180deg)}.side-footer{margin-top:auto;padding:16px 20px 0;border-top:1px solid rgba(201,153,46,.18);font-size:12px;color:#9a9488}.side-footer .user{color:#eee8df;font-weight:600;margin-bottom:4px}.side-footer button{all:unset;cursor:pointer;color:var(--gold);font-size:12px;margin-top:6px}.main{flex:1;padding:28px 34px;overflow:auto}h1,h2{font-family:Cinzel,Georgia,serif;font-size:22px;margin:0 0 3px}.font-display{font-family:Cinzel,Georgia,serif}.sub{color:var(--muted);font-size:12.5px;margin-bottom:20px}.row{display:flex;gap:14px;flex-wrap:wrap}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:18px}label{display:block;font-size:11.5px;text-transform:uppercase;letter-spacing:.5px;color:var(--muted);margin-bottom:5px;margin-top:12px}label:first-child{margin-top:0}input,select,textarea{width:100%;padding:9px 10px;border:1px solid var(--line);border-radius:10px;font-size:13.5px;background:#fff;color:var(--ink);font-family:inherit}input:focus,select:focus,textarea:focus{outline:2px solid var(--gold);outline-offset:1px}.btn{cursor:pointer;background:var(--maroon);color:#fff;padding:10px 16px;border:none;border-radius:10px;font-size:13px;font-weight:600;text-align:center;transition:background .15s;display:inline-flex;align-items:center;justify-content:center;gap:6px}.btn:hover{background:var(--maroon-dark)}.btn:disabled{background:#c9c2b8;cursor:not-allowed}.btn.ghost{background:transparent;border:1px solid var(--line);color:var(--ink)}.btn.ghost:hover{border-color:var(--gold);color:var(--gold)}.btn.gold{background:linear-gradient(135deg,var(--gold) 0%,var(--gold-light) 100%);color:var(--ink)}.btn.gold:hover{background:var(--gold)}.btn.small{padding:6px 10px;font-size:12px}.btn.whatsapp{background:#25d366}.btn.whatsapp:hover{background:#1ea952}table{width:100%;border-collapse:collapse;font-size:13px}th{text-align:left;font-size:10.5px;text-transform:uppercase;letter-spacing:.5px;color:var(--muted);padding:8px 10px;border-bottom:1px solid var(--line)}td{padding:10px;border-bottom:1px solid var(--line);vertical-align:middle}tr:last-child td{border-bottom:none}.pill{display:inline-block;padding:3px 9px;border-radius:20px;font-size:11px;font-weight:600}.pill.avail{background:var(--ok-bg);color:var(--ok)}.pill.booked{background:#b8892b24;color:var(--gold)}.pill.dispatched{background:var(--ok-bg);color:var(--ok)}.pill.notdelivered{background:var(--bad-bg);color:var(--bad)}.pill.overdue{background:var(--bad);color:#fff}.pill.cancelled{background:var(--line);color:var(--muted)}.pill.partial-dispatched{background:#b8892b24;color:var(--gold);border:1px dashed var(--gold)}.pill.partial-returned{background:var(--ok-bg);color:var(--ok);border:1px dashed var(--ok)}.badge-active{display:inline-flex;align-items:center;padding:3px 10px;border-radius:20px;font-size:11px;font-weight:700;background:var(--ok-bg);color:var(--ok);text-transform:uppercase;letter-spacing:.4px}.amt-in{color:var(--ok);font-weight:600}.amt-out{color:var(--bad);font-weight:600}.amt-cell{white-space:nowrap}.row-muted td{color:var(--muted);font-style:italic}.empty{padding:40px 20px;text-align:center;color:var(--muted);border:1px dashed var(--line);border-radius:var(--radius)}.qr-box{display:flex;gap:16px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:14px;margin-top:14px;justify-content:space-between}.qr-box img{width:110px;height:110px;border-radius:6px;border:1px solid var(--line)}.code{font-family:Courier New,monospace;font-weight:700;font-size:14px;letter-spacing:.5px}.msg{margin-top:12px;padding:10px 12px;border-radius:10px;font-size:13px}.msg.ok{background:var(--ok-bg);color:var(--ok)}.msg.err{background:var(--bad-bg);color:var(--bad)}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:14px}.search-bar{display:flex;gap:8px;margin-bottom:14px}.search-bar input{flex:1}.item-pick{border:1px solid var(--line);border-radius:10px;padding:10px 12px;margin-bottom:8px;cursor:pointer;display:flex;justify-content:space-between;align-items:center}.item-pick:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.item-pick:hover{border-color:var(--gold)}.item-pick.selected{border-color:var(--gold);background:#b8892b0f}.item-pick.highlighted{border-color:var(--gold);box-shadow:0 0 0 2px #b8892b2e}.muted-note{font-size:11.5px;color:var(--muted);margin-top:6px}.cart{display:flex;flex-direction:column;gap:2px;margin-top:8px}.cart-row{display:flex;justify-content:space-between;align-items:center;padding:5px 2px;font-size:13.5px;gap:12px}.cart-row>span:first-child{color:var(--muted)}.cart-divider{border-top:1px dashed var(--line);margin:8px 0}.cart-subtotal{border-top:1px solid var(--line);padding-top:9px;margin-top:3px}.cart-subtotal>span:first-child{color:var(--ink);font-weight:600}.cart-total{font-weight:700}.cart-total>span:first-child{color:var(--ink)}.cart-final{margin-top:4px;padding:12px 14px;border-radius:10px;font-size:15px;font-weight:700}.cart-final>span:first-child{color:var(--ink)}.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--charcoal)}.login-card{background:var(--panel);padding:36px;border-radius:var(--radius);width:340px;box-shadow:0 20px 60px #00000059}.login-card .name{font-family:Cinzel,Georgia,serif;font-size:24px;text-align:center;color:var(--ink)}.login-card .tag{font-size:11px;text-transform:uppercase;letter-spacing:1.5px;color:var(--gold);text-align:center;margin-bottom:26px}.login-logo{width:100%;max-width:280px;display:block;margin:0 auto 12px;border-radius:10px}.page-header{display:flex;align-items:center;justify-content:space-between;gap:14px;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:14px 20px;margin-bottom:20px;flex-wrap:wrap}.page-header .brand-mark{display:flex;align-items:center;gap:12px}.page-header .brand-mark img{width:42px;height:42px;object-fit:contain;flex-shrink:0}.page-header h2,.page-header .sub{margin:0}.page-header-actions{display:flex;gap:10px;flex-shrink:0}.avatar{width:48px;height:48px;border-radius:50%;background:var(--ink);color:var(--gold-light);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px;flex-shrink:0;box-shadow:inset 0 0 0 2px #c9992e59;font-family:Cinzel,serif}.icon-btn{display:inline-flex;align-items:center;justify-content:center;padding:6px}.action-chips{display:flex;gap:4px;flex-wrap:nowrap}.action-chip{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;flex-shrink:0;width:44px;min-height:42px;padding:4px 2px;border-radius:7px;border:1px solid var(--line);background:#fefefe;font-size:7.5px;font-weight:600;line-height:1.15;text-align:center;cursor:pointer;transition:filter .12s}.action-chip:hover:not(:disabled){filter:brightness(.96)}.action-chip:disabled{opacity:.4;cursor:not-allowed}.action-chip span{display:block}.more-menu{position:absolute;top:calc(100% + 4px);right:0;background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:0 6px 20px #00000024;z-index:20;min-width:180px;overflow:hidden}.more-menu-item{display:flex;align-items:center;gap:8px;width:100%;padding:9px 12px;font-size:12.5px;font-weight:600;background:none;border:none;cursor:pointer;text-align:left;white-space:nowrap}.more-menu-item:hover{background:#0f2e1e0d}.more-actions-icon{width:16px;height:16px;object-fit:contain;display:block}.dispatch-grid-row{display:grid;grid-template-columns:20px minmax(128px,1fr) 66px 32px 70px 70px 82px 82px 86px 64px 140px;align-items:center;gap:5px;padding:10px 5px;min-width:800px}.dispatch-grid-row>*{min-width:0;overflow:hidden}.dispatch-grid-header{font-size:10px;text-transform:uppercase;letter-spacing:.4px;color:var(--muted);border-bottom:1px solid var(--line);font-weight:600}.dispatch-grid-header.sticky-header{position:sticky;top:0;background:var(--panel);z-index:3}.dispatch-scroll-area{overflow:auto;max-height:62vh}.dispatch-grid-row.booking-row{font-weight:600}.dispatch-grid-row.booking-summary-row{border-top:1px solid var(--line);background:#b8892b08}.dispatch-grid-row.item-row{background:#0f2e1e05;font-weight:400;font-size:13px;border-top:1px solid var(--line)}.dispatch-grid-row.item-sub-header+.dispatch-grid-row.item-row{border-top:none}.dispatch-grid-row.item-sub-header{background:#0f2e1e09;border-top:1px solid var(--line);padding-top:8px;padding-bottom:8px}.dispatch-panel-wrap{padding:0 5px 12px;min-width:800px}.section-title{display:flex;align-items:center;gap:10px;font-weight:700;font-size:15px;color:var(--ink)}.icon-circle{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:10px;background:#b8892b24;color:var(--gold);flex-shrink:0}.dropzone{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;padding:32px 20px;border:2px dashed rgba(184,137,43,.35);border-radius:14px;background:#b8892b0d;cursor:pointer}.dropzone .dropzone-icon{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:14px;background:#b8892b26;color:var(--gold)}.segmented{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:4px;border-radius:10px;background:var(--paper);border:1px solid var(--line)}.segmented button{all:unset;box-sizing:border-box;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;padding:9px 10px;border-radius:8px;font-size:13px;font-weight:600;color:var(--muted);text-align:center}.segmented button.active{background:#fff;color:var(--gold);border:1px solid rgba(184,137,43,.4)}.tabs{display:flex;gap:24px;border-bottom:1px solid var(--line)}.tabs .tab{all:unset;box-sizing:border-box;cursor:pointer;padding:0 0 10px;font-size:13px;font-weight:700;color:var(--muted);border-bottom:2px solid transparent;margin-bottom:-1px}.tabs .tab.active{color:var(--ink);border-bottom-color:var(--gold)}.phone-code{display:flex;align-items:center;gap:6px;padding:0 12px;border:1px solid var(--line);border-radius:10px;background:#fff;font-size:13px;font-weight:600;flex-shrink:0}.avatar-square{width:64px;height:78px;border-radius:10px;border:1px solid var(--line);background:#fff;display:flex;align-items:center;justify-content:center;color:var(--gold);font-weight:700;font-size:26px;font-family:Cinzel,serif;flex-shrink:0}.kpi-tile{display:flex;align-items:flex-start;gap:14px}.kpi-tile .icon-chip{display:flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:16px;flex-shrink:0}.kpi-tile .kpi-count{font-family:Cinzel,serif;font-size:26px;font-weight:700;color:var(--ink);line-height:1.1}.kpi-tile .kpi-label{font-size:13px;font-weight:600;color:var(--ink);margin-top:2px}.kpi-tile .kpi-sub{font-size:11px;font-weight:600;margin-top:2px}.split-tile{border:1px solid rgba(184,137,43,.25);border-radius:12px;padding:14px;background:var(--paper)}.split-tile .split-icon{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:8px;flex-shrink:0}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:flex-start;justify-content:center;padding:60px 16px;background:#0f2e1e8c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-card{width:100%;max-width:560px;background:#fff;border:1px solid rgba(184,137,43,.35);border-radius:18px;padding:22px;max-height:85vh;overflow:auto}