/* Tabler-inspired light shell, branded for Asian House. */
:root{--green:#20633f;--green2:#267a4c;--sage:#e8f3ec;--cream:#f4f6f8;--paper:#fff;--ink:#182433;--muted:#667382;--line:#e6e8eb;--amber:#f59f00;--red:#d63939;--shadow:0 1px 2px rgba(24,36,51,.04)}
body{background:#f5f7fb;color:var(--ink);font-size:14px}.sidebar{width:256px;background:#fff;color:var(--ink);border-right:1px solid var(--line);box-shadow:0 0 2px rgba(24,36,51,.04)}.brand{height:72px;padding:10px 20px;border-bottom:1px solid var(--line)}.brand img{width:47px;height:47px;border-radius:8px;background:#fff;padding:2px}.brand b{font-family:'DM Sans',sans-serif;font-size:15px;font-weight:700;color:#153c28;letter-spacing:.3px}.brand span{font-size:9px;color:#8a95a2;letter-spacing:1.2px}.sidebar nav{padding:14px 12px}.sidebar nav p{color:#9aa4b0;font-weight:700;margin:21px 12px 7px;font-size:9px}.nav{color:#5d6977;border-radius:6px;padding:10px 12px;font-weight:500;position:relative}.nav svg{width:17px;stroke-width:1.8}.nav:hover{background:#f3f6f8;color:#1f6b43}.nav.active{background:#eaf5ee;color:#1d6941;font-weight:700}.nav.active:before{content:'';position:absolute;left:-12px;top:7px;bottom:7px;width:3px;border-radius:0 3px 3px 0;background:#247348}.nav em{background:#d63939;color:#fff;padding:1px 6px}.user{margin:0;padding:14px 18px;border-top:1px solid var(--line);color:var(--ink)}.user>span{background:#dcefe3;color:#1e6740}.user small{color:#8b96a3}main{margin-left:256px}header{height:72px;padding:0 28px;background:#fff;border-color:var(--line);box-shadow:0 1px 2px rgba(24,36,51,.02)}.header-title h1{font-family:'DM Sans',sans-serif;font-size:20px;font-weight:700;letter-spacing:-.2px}.header-title p{font-size:12px}.icon-btn,.date{border-radius:6px}.open{border-radius:5px;background:#eaf6ee;color:#18713e}.content{padding:24px 28px;max-width:1600px;margin:auto}.stat,.panel,.category-card,.driver-card,.channel-card{border-radius:7px;box-shadow:var(--shadow)}.stat{padding:17px 18px}.stat-icon{border-radius:6px;width:40px;height:40px;background:#e8f3ec}.stat span{font-size:11px;font-weight:500}.stat strong{font-size:21px}.panel-head{padding:16px 18px}.panel h2,.page-actions h2{font-size:16px;font-weight:700}.tag{border-radius:4px;padding:4px 7px;letter-spacing:.1px}.btn{border-radius:5px;padding:9px 13px;font-weight:600}.btn.primary{background:#20633f}.btn.secondary{box-shadow:0 1px 1px rgba(24,36,51,.04)}.search,.toolbar select,form input,form select,form textarea{border-radius:5px}.table-panel{border-radius:7px}th{font-weight:700;background:#f8fafc;color:#687483;padding-top:11px;padding-bottom:11px}td{padding-top:13px;padding-bottom:13px}.live-top{background:#fff;border:1px solid var(--line);border-radius:7px;padding:12px 15px}.board-col{background:#eef1f4;border:1px solid #e3e6e9;border-radius:7px;padding:14px}.order-card{border-radius:6px;box-shadow:0 1px 2px rgba(24,36,51,.06)}.order-card.urgent{border-left:3px solid #f59f00}.channel,.driver-label,.insight,.notice{border-radius:5px}.category-icon,.channel-icon{border-radius:6px}.driver-avatar{border-radius:50%}.switch{height:20px;width:36px;padding:2px}.switch:after{width:16px;height:16px}.switch.on:after{transform:translateX(16px)}.modal{box-shadow:-8px 0 30px rgba(24,36,51,.14)}
@media(max-width:760px){.sidebar{transform:translateX(-100%)}main{margin-left:0}header{height:64px}.content{padding:16px 12px}.brand{height:64px}}
.brand-logo{height:112px;flex-direction:column;justify-content:center;gap:2px}.brand-logo img{width:128px;height:74px;object-fit:contain}.brand-logo>span{font-size:10px;font-weight:800;color:#2a6845;letter-spacing:3px}.settings-toggle .chevron{margin-left:auto;transition:.2s}.settings-toggle.expanded .chevron{transform:rotate(90deg)}.subnav{max-height:0;overflow:hidden;transition:max-height .25s ease}.subnav.open{max-height:210px}.subnav .nav{padding:8px 12px 8px 43px;font-size:12px}.subnav .nav.active:before{display:none}.locked-input{position:relative}.locked-input svg{position:absolute;left:11px;top:11px;width:16px;color:#84909d}.locked-input input{width:100%;padding-left:36px;background:#f2f4f6;color:#788491;cursor:not-allowed}.notice.compact{margin:0}.setting-row.large{padding:18px 0;margin-top:14px}.alarm-stop{margin-top:20px}.delivery-panel{max-width:1050px}.delivery-modes{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:22px 0}.delivery-modes label{cursor:pointer}.delivery-modes input{position:absolute;opacity:0}.delivery-modes span{display:flex;min-height:120px;flex-direction:column;gap:5px;border:1px solid var(--line);border-radius:7px;padding:17px;transition:.2s}.delivery-modes span svg{width:23px;color:#397052;margin-bottom:5px}.delivery-modes span small{color:var(--muted);font-size:11px}.delivery-modes input:checked+span{border:2px solid var(--green2);background:#eef7f1;padding:16px;box-shadow:0 0 0 3px #dceee2}.mode-panel{display:none;border-top:1px solid var(--line);padding:20px 0}.mode-panel.show{display:block}.mode-panel>label{max-width:300px}.zone-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.zone-toolbar p{margin:3px 0;color:var(--muted);font-size:11px}.zone-map{height:360px;border:1px solid #d8dee4;border-radius:7px;position:relative;overflow:hidden;cursor:crosshair;background:#e9eef0}.map-grid{position:absolute;inset:0;background-image:linear-gradient(#b8c8c240 1px,transparent 1px),linear-gradient(90deg,#b8c8c240 1px,transparent 1px);background-size:35px 35px;transform:rotate(-3deg) scale(1.1)}.map-grid:after{content:'';position:absolute;width:130%;height:60px;left:-15%;top:145px;border:18px solid #fff8;border-left:0;border-right:0;transform:rotate(12deg)}.zone-map svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.zone-map polygon{fill:#267a4c42;stroke:#267a4c;stroke-width:3;vector-effect:non-scaling-stroke}.map-label{position:absolute;left:48%;top:45%;background:#fff;border-radius:20px;padding:7px 10px;box-shadow:0 3px 10px #0002;font-size:10px;font-weight:700}.map-label svg{position:static;width:14px;height:14px;vertical-align:middle;color:#d63939}.map-help{position:absolute;bottom:15px;left:50%;transform:translateX(-50%);background:#182433cc;color:#fff;padding:6px 10px;border-radius:4px;font-size:10px}.zone-form{display:grid;grid-template-columns:1fr 180px auto;gap:9px;margin-top:12px}.zone-form input{border:1px solid var(--line);border-radius:5px;padding:10px}.zone-list{display:grid;gap:7px;margin-top:12px}.zone-list>div{display:flex;align-items:center;background:#f7f9fa;border:1px solid var(--line);padding:10px 12px;border-radius:5px}.zone-list span{flex:1}.zone-list b,.zone-list small{display:block}.zone-list small{font-size:10px;color:var(--muted)}.zone-list button{border:0;background:none;cursor:pointer}.zone-list button svg{width:16px}.subcategory-card{margin-left:16px;border-left:3px solid #b9d7c4}.category-card .btn{color:inherit;text-decoration:none}.page-actions a{text-decoration:none}.notice+.category-grid{margin-top:4px}
@media(max-width:760px){.brand-logo{height:92px}.delivery-modes{grid-template-columns:1fr}.zone-form{grid-template-columns:1fr}.zone-map{height:280px}.page-actions>div:last-child{justify-content:flex-start}.page-actions a,.page-actions button{margin-top:8px}}
.zone-map .leaflet-pane,.zone-map .leaflet-control{z-index:2}.zone-map .leaflet-top,.zone-map .leaflet-bottom{z-index:3}.leaflet-draw-toolbar a{box-sizing:content-box}.order-card{cursor:pointer;transition:transform .15s,box-shadow .15s}.order-card:hover{transform:translateY(-1px);box-shadow:0 5px 15px rgba(24,36,51,.09)}.order-detail-customer{background:#f5f8f6;border:1px solid var(--line);padding:14px;border-radius:6px}.order-detail-customer span,.detail-heading span{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.5px}.order-detail-customer b,.order-detail-customer a,.order-detail-customer p{display:block;margin-top:4px}.order-detail-customer a{color:var(--green2);text-decoration:none}.order-detail-customer p{color:var(--muted);font-size:11px;margin-bottom:0}.detail-items{margin-top:18px}.detail-heading,.detail-items>div:not(.detail-heading),.detail-summary>div{display:flex;justify-content:space-between;align-items:center}.detail-heading{padding-bottom:8px;border-bottom:1px solid var(--line)}.detail-items>div:not(.detail-heading){padding:11px 0;border-bottom:1px solid var(--line)}.detail-items small{display:block;color:var(--muted);font-size:9px;margin-top:3px}.detail-summary{padding-top:12px}.detail-summary>div{padding:5px 0;color:var(--muted)}.detail-summary .grand{border-top:1px solid var(--line);margin-top:6px;padding-top:12px;color:var(--ink);font-size:16px}.order-notes{background:#fff7e6;border-left:3px solid var(--amber);padding:12px;margin-top:14px}.order-notes p{margin:5px 0 0;color:var(--muted);font-size:11px}