:root{--green:#046a38;--green-dark:#03502a;--green-tint:#e8f3ed;--green-line:#b9d8c7;--ink:#171717;--ink-soft:#3a3a38;--muted:#6b6b68;--line:#e4e4e1;--bg:#f6f6f5;--hover:#fafaf9;--surface:#fff;--danger:#b3261e;--danger-tint:#fbe9e7;--grey-tint:#efefed}*{box-sizing:border-box}html,body,#root{height:100%}body{color:var(--ink);background:var(--bg);margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Liberation Sans,DejaVu Sans,sans-serif;font-size:16px;line-height:1.45}a{color:var(--green-dark);text-decoration:none}a:hover{text-decoration:underline}h1{margin:0;font-size:24px;font-weight:600}h2{margin:0;font-size:17.5px;font-weight:600}h3{color:var(--muted);margin:0 0 4px;font-size:14.5px;font-weight:500}.mono{font-variant-numeric:tabular-nums;font-weight:500}:focus-visible{outline:2px solid var(--green);outline-offset:2px}.splash{height:100%;color:var(--muted);place-items:center;display:grid}.shell{grid-template-columns:256px 1fr;min-height:100%;display:grid}.sidebar{background:var(--surface);border-right:1px solid var(--line);flex-direction:column;gap:8px;height:100vh;padding:20px 14px;display:flex;position:sticky;top:0}.sidebar nav{flex:1;overflow-y:auto}.brand{color:var(--ink);align-items:center;gap:10px;padding:2px 10px 14px;font-size:20px;font-weight:600;display:flex}.brand-mark{background:var(--ink);color:#fff;border-radius:7px;place-items:center;width:28px;height:28px;font-size:16.5px;display:grid}.nav-group{margin-bottom:14px}.nav-title{color:var(--muted);padding:5px 12px;font-size:14px}.nav-link{width:100%;color:var(--ink);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:6px;align-items:center;gap:10px;padding:10px 12px;display:flex}.nav-link:hover{background:var(--bg);text-decoration:none}.nav-link.active{background:var(--grey-tint);color:var(--ink);box-shadow:inset 3px 0 0 var(--green);font-weight:500}.main{width:100%;min-width:0;padding:32px 40px 56px}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:22px;display:flex}.section{margin:34px 0 12px}.filters{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:12px;display:flex}.filters .grow{flex:1;min-width:200px}.filter-actions{align-items:center;gap:10px;margin-left:auto;display:flex}.search{border:1px solid var(--line);background:var(--surface);min-width:340px;color:var(--muted);border-radius:6px;align-items:center;gap:8px;padding:0 12px;display:flex}.search input{background:0 0;border:0;outline:none;flex:1;padding:10px 0}.check{align-items:center;gap:8px;display:flex}input,select,textarea{font:inherit;color:inherit;border:1px solid var(--line);background:var(--surface);border-radius:6px;padding:10px 12px}input:focus,select:focus,textarea:focus{outline:2px solid var(--green);outline-offset:-1px;border-color:var(--green)}input[type=checkbox]{accent-color:var(--green);padding:0}select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%236b6b68' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:10px 6px;padding-right:34px}select:hover{border-color:var(--ink-soft)}input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.55}input[type=date]::-webkit-calendar-picker-indicator:hover{opacity:.9}.btn{border:1px solid var(--line);background:var(--surface);color:var(--ink);font:inherit;cursor:pointer;border-radius:6px;justify-content:center;align-items:center;gap:6px;padding:10px 16px;font-weight:500;display:inline-flex}.btn:hover:not(:disabled){background:var(--bg);text-decoration:none}.btn:disabled{opacity:.55;cursor:not-allowed}.btn.primary{background:var(--ink);border-color:var(--ink);color:#fff}.btn.primary:hover:not(:disabled){background:var(--ink-soft)}.btn.danger{color:var(--danger);border-color:#e6c4c0}.btn.danger:hover:not(:disabled){background:var(--danger-tint)}.btn.small{padding:4px 10px;font-size:14.5px}.btn.block{width:100%;padding:10px}.icon-btn{width:30px;height:30px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;display:grid}.icon-btn:hover{background:var(--bg)}.download-status{color:var(--muted);white-space:nowrap;align-items:center;gap:6px;font-size:12.5px;display:inline-flex}.select-col,.action-col{width:36px}.spin{animation:.8s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.table-wrap{background:var(--surface);border:1px solid var(--line);border-radius:8px;overflow-x:auto}table{border-collapse:collapse;width:100%}th{text-align:left;color:var(--muted);background:var(--hover);border-bottom:1px solid var(--line);white-space:nowrap;padding:12px 16px;font-size:14.5px;font-weight:500}td{border-bottom:1px solid var(--line);vertical-align:top;padding:13px 16px}tbody tr:last-child td{border-bottom:0}tr.clickable{cursor:pointer}tr.clickable:hover,tbody tr:hover{background:var(--hover)}tr.inactive td{color:var(--muted)}.num{text-align:right;font-variant-numeric:tabular-nums}.actions{text-align:right;white-space:nowrap}.empty{text-align:center;color:var(--muted);padding:28px 14px}.badge{white-space:nowrap;background:var(--grey-tint);color:var(--muted);border-radius:999px;padding:2px 9px;font-size:14px;font-weight:500;display:inline-block}.badge.booked,.badge.planned{background:var(--surface);color:var(--muted);box-shadow:inset 0 0 0 1px var(--line)}.badge.assigned{background:var(--grey-tint);color:var(--ink)}.badge.in_transit{background:var(--green-tint);color:var(--green-dark)}.badge.delivered,.badge.completed{background:var(--surface);color:var(--green-dark);box-shadow:inset 0 0 0 1px var(--green-line)}.alert{background:var(--danger-tint);color:var(--danger);border-radius:6px;margin:0 0 12px;padding:10px 12px}.overlay{z-index:20;background:#17171773;place-items:start center;padding:6vh 16px;display:grid;position:fixed;inset:0;overflow-y:auto}.modal{background:var(--surface);border-radius:10px;width:100%;max-width:500px;padding:24px}.modal.wide{max-width:780px}.modal-head{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.modal-foot{justify-content:flex-end;gap:10px;margin-top:18px;display:flex}.confirm-overlay{z-index:30;place-items:center}.confirm{max-width:400px}.confirm h2{margin:0 0 8px}.confirm p{color:var(--muted);margin:0}.form-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.form-grid.single{grid-template-columns:1fr}.field{flex-direction:column;gap:5px;display:flex}.field>span{color:var(--muted);font-size:14.5px}.field.wide,.check.wide{grid-column:1/-1}.toolbar{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.toolbar-actions{align-items:center;gap:10px;display:flex}.back{color:var(--muted);align-items:center;gap:6px;display:inline-flex}.summary{border:1px solid var(--line);background:var(--surface);border-radius:8px;padding:22px 24px}.facts{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px 24px;margin:14px 0 0;display:grid}.facts dt{color:var(--muted);font-size:14.5px}.facts dd{margin:0;font-weight:500}.stat-link{color:inherit}.stat-link:hover{background:var(--hover);border-color:var(--ink-soft);text-decoration:none}.login{background:var(--bg);place-items:center;min-height:100%;padding:20px;display:grid}.login-card{border:1px solid var(--line);background:var(--surface);border-radius:10px;flex-direction:column;gap:14px;width:100%;max-width:380px;padding:32px 28px;display:flex;box-shadow:0 1px 2px #0000000a,0 12px 32px #0000000d}.login-card .brand{justify-content:center;padding:0 0 8px}.strong{font-weight:600}.tabs{border-bottom:1px solid var(--line);gap:4px;margin:0 0 24px;display:flex}.tab{color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;margin-bottom:-1px;padding:10px 16px}.tab:hover{color:var(--ink)}.tab.active{color:var(--ink);border-bottom-color:var(--green);font-weight:500}.seg{border:1px solid var(--line);background:var(--surface);border-radius:6px;display:inline-flex;overflow:hidden}.seg-btn{border:0;border-right:1px solid var(--line);color:var(--ink-soft);font:inherit;cursor:pointer;background:0 0;padding:9px 16px}.seg-btn:last-child{border-right:0}.seg-btn:hover{background:var(--hover)}.seg-btn.active{background:var(--ink);color:#fff}.period-select{min-width:110px}.stepper{align-items:center;gap:4px;display:inline-flex}.stepper-label{border:1px solid var(--line);text-align:center;white-space:nowrap;border-radius:6px;min-width:170px;padding:6px 10px;font-size:13.5px;font-weight:500}.icon-btn:disabled{opacity:.35;cursor:not-allowed}.push{margin-left:auto}.stats{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.stat{border:1px solid var(--line);background:var(--surface);border-radius:8px;flex-direction:column;gap:4px;padding:20px 22px;display:flex}.stat span{color:var(--muted);font-size:14.5px}.stat strong{font-variant-numeric:tabular-nums;font-size:28.5px;font-weight:600}.stat strong.neg{color:var(--danger)}.split{grid-template-columns:1fr 1fr;gap:24px;display:grid}.note{color:var(--muted);margin:14px 0 0;font-size:14px}.head-tools{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px;display:flex}.stepper input[type=date]{min-width:170px}.range-field{display:inline-flex;position:relative}.range-trigger{border:1px solid var(--line);background:var(--surface);min-width:296px;color:var(--ink);font:inherit;white-space:nowrap;cursor:pointer;border-radius:6px;align-items:center;gap:8px;padding:6px 12px;font-size:13.5px;font-weight:500;display:inline-flex}.range-trigger:hover{background:var(--bg)}.range-trigger .placeholder{color:var(--muted);font-weight:400}.range-pop{z-index:30;border:1px solid var(--line);background:var(--surface);border-radius:10px;width:296px;padding:14px;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 1px 2px #0000000a,0 12px 32px #0000000d}.range-pop-head{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.range-pop-month{font-size:14.5px;font-weight:600}.range-grid{grid-template-columns:repeat(7,1fr);row-gap:2px;display:grid}.range-grid .weekday{text-align:center;color:var(--muted);padding:4px 0 8px;font-size:11.5px;font-weight:600;display:block}.range-day{height:32px;color:var(--ink);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;font-size:13.5px;display:grid}.range-day:hover:not(:disabled){background:var(--hover)}.range-day:disabled{color:var(--line);cursor:not-allowed}.range-day.muted{color:var(--muted)}.range-day.today{box-shadow:inset 0 0 0 1px var(--line)}.range-day.in-range{background:var(--green-tint);border-radius:0}.range-day.range-start,.range-day.range-end{background:var(--green);color:#fff}.range-day.range-start{border-radius:6px 0 0 6px}.range-day.range-end{border-radius:0 6px 6px 0}.range-day.range-start.range-end{border-radius:6px}.req{color:var(--danger);font-weight:600}.hint,.field-error{font-size:13.5px}.hint{color:var(--muted)}.field-error{color:var(--danger)}.field input[aria-invalid=true],.field select[aria-invalid=true],.field textarea[aria-invalid=true]{border-color:var(--danger)}input[readonly]{background:var(--hover);color:var(--muted)}.input-group{align-items:stretch;display:flex}.input-group .prefix{border:1px solid var(--line);background:var(--hover);color:var(--ink-soft);font-variant-numeric:tabular-nums;border-right:0;border-radius:6px 0 0 6px;align-items:center;padding:0 12px;display:flex}.input-group input{border-radius:0 6px 6px 0;flex:1;min-width:0}.callout{border:1px solid var(--line);border-left:3px solid var(--ink);background:var(--surface);border-radius:6px;margin:0 0 12px;padding:10px 14px}.callout.danger{border-left-color:var(--danger)}.callout p{margin:2px 0}.callout ul{margin:4px 0 0;padding-left:18px}.form-grid>.callout{grid-column:1/-1;margin:0}.group{border-top:1px solid var(--line);grid-column:1/-1;margin:10px 0 -4px;padding-top:14px;font-size:14.5px;font-weight:600}.group:first-child{border-top:0;margin-top:0;padding-top:0}.changes td:first-child{width:34%;color:var(--muted)}.who{padding:6px;position:relative}.who-trigger{width:100%;color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:6px;justify-content:space-between;align-items:center;gap:8px;padding:6px 8px;display:flex}.who-trigger:hover{background:var(--bg)}.who-trigger>svg{color:var(--muted);flex-shrink:0}.who-main{align-items:center;gap:10px;min-width:0;display:flex;overflow:hidden}.who-avatar{background:var(--green);color:#fff;letter-spacing:.02em;border-radius:50%;flex-shrink:0;place-items:center;width:30px;height:30px;font-size:12px;font-weight:600;display:grid}.who-id{align-items:baseline;gap:6px;min-width:0;display:flex;overflow:hidden}.who strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:500;overflow:hidden}.who-role{color:var(--muted);flex-shrink:0;font-size:13.5px}.who-pop{z-index:30;border:1px solid var(--line);background:var(--surface);border-radius:10px;padding:6px;position:absolute;bottom:calc(100% + 6px);left:6px;right:6px;box-shadow:0 1px 2px #0000000a,0 12px 32px #0000000d}.who-pop-item{width:100%;color:var(--ink);font:inherit;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:6px;align-items:center;gap:8px;padding:8px 10px;font-size:13.5px;display:flex}.who-pop-item:hover{background:var(--hover)}.summary.settings{max-width:860px}@media (width<=860px){.shell{grid-template-columns:1fr}.sidebar{flex-direction:row;align-items:center;height:auto;padding:10px;position:static;overflow-x:auto}.sidebar nav{flex:1;gap:6px;display:flex;overflow:visible}.nav-group{margin:0;display:flex}.nav-title,.sidebar .brand{display:none}.nav-link{white-space:nowrap;width:auto}.main{padding:18px 14px 40px}.form-grid,.split{grid-template-columns:1fr}.search{width:100%;min-width:0}}.barcode{flex-shrink:0}.bento-layout{grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:16px;display:grid}.bento{grid-template-columns:repeat(6,minmax(0,1fr));gap:16px;display:grid}.bento-card{border:1px solid var(--line);background:var(--surface);border-radius:8px;min-width:0;padding:18px 20px}.bento-card h3{margin:0 0 10px}.bento-card p{margin:3px 0}.bento-hero{border-color:var(--green-line);background:var(--green-tint);flex-wrap:wrap;grid-column:span 4;justify-content:space-between;align-items:flex-end;gap:20px;display:flex}.bento-lr{font-size:28px;font-weight:600;line-height:1.2}.bento-route{align-items:center;gap:10px;margin-top:14px;font-size:18px;font-weight:500;display:flex}.bento-route svg{color:var(--green);flex-shrink:0}.bento-freight{grid-column:span 2}.bento-figure{font-variant-numeric:tabular-nums;font-size:30px;font-weight:600;line-height:1.2}.bento-party{grid-column:span 3}.bento-goods{grid-column:span 4}.bento-goods-title{font-size:18px;font-weight:600}.bento-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:16px;display:grid}.bento-stat{background:var(--bg);border-radius:6px;padding:10px 12px}.bento-stat span{color:var(--muted);font-size:13.5px;display:block}.bento-stat b{font-variant-numeric:tabular-nums;margin-top:2px;font-size:20px;font-weight:600;display:block}.bento-tags,.bento-chips{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.bento-tag{background:var(--grey-tint);color:var(--ink-soft);border-radius:999px;padding:2px 9px;font-size:13.5px}.bento-chips span{border:1px solid var(--line);border-radius:6px;padding:2px 8px;font-size:13px}.bento-card .bento-gap{margin-top:14px}.bento-stack{grid-column:span 2;grid-auto-rows:1fr;gap:16px;display:grid}.bento-rows{margin:0}.bento-rows div{justify-content:space-between;gap:12px;padding:3px 0;display:flex}.bento-rows dt{color:var(--muted)}.bento-rows dd{text-align:right;margin:0;font-weight:500}.bento-pod{grid-column:1/-1}.bento-side{position:sticky;top:20px}.bento-side h2{margin-bottom:18px}.track{margin:0;padding:0;list-style:none}.track-item{grid-template-columns:36px minmax(0,1fr);column-gap:14px;padding-bottom:26px;display:grid;position:relative}.track-item:last-child{padding-bottom:0}.track-item:before{content:"";background:var(--line);width:2px;position:absolute;top:36px;bottom:0;left:17px}.track-item:last-child:before{display:none}.track-item.is-linked:before{background:var(--green)}.track-dot{z-index:1;background:var(--green);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;display:flex;position:relative}.track-item.is-current .track-dot{box-shadow:0 0 0 4px var(--green-tint)}.track-item.is-pending .track-dot{background:var(--grey-tint);color:var(--muted)}.track-item.is-cancelled .track-dot{background:var(--danger)}.track-item.is-cancelled.is-current .track-dot{box-shadow:0 0 0 4px var(--danger-tint)}.track-body{min-width:0;padding-top:1px}.track-label{font-weight:500}.track-item.is-pending .track-label{color:var(--muted);font-weight:400}.track-when,.track-line{color:var(--muted);overflow-wrap:anywhere;font-size:13.5px}.bento.is-cancelled .bento-hero{border-color:var(--danger);background:var(--danger-tint)}.bento.is-cancelled .bento-lr{text-decoration:line-through}.bento-hero-side{text-align:right}.bento-hero-side .bento-tags{justify-content:flex-end}.bento-wide{grid-column:span 4}.bento-pair{grid-column:span 2}.bento-summary{grid-area:span 2/span 2}.bento-items{margin-top:10px}.bento-item{border-top:1px solid var(--line);justify-content:space-between;align-items:baseline;gap:16px;padding:10px 0;display:flex}.bento-item-amount{font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:500}.bento-rows .is-total{border-top:1px solid var(--line);margin-top:6px;padding-top:8px;font-weight:600}.bento-rows .is-total dt{color:var(--ink);font-weight:600}.bento-rows .is-balance dd{color:var(--green-dark);font-weight:600}.bento-rows .is-split{border-top:1px solid var(--line);margin-top:6px;padding-top:8px}.bento-payment-details{flex-wrap:wrap;align-items:flex-start;gap:16px 20px;display:flex}.bento-payment-details .bento-rows{flex:200px}.bento-qr img{border:1px solid var(--line);border-radius:6px;margin-bottom:4px;display:block}.bento-terms{white-space:pre-line}.bento-points{margin:0;padding-left:18px}.bento-points li{white-space:pre-line;margin:4px 0}.bento-payment{border-top:1px solid var(--line);justify-content:space-between;gap:12px;padding:10px 0;display:flex}.bento-payment:first-child{border-top:0;padding-top:0}.bento-form{border-top:1px solid var(--line);flex-direction:column;gap:10px;margin-top:16px;padding-top:16px;display:flex}@media (width<=1240px){.bento-layout{grid-template-columns:1fr}.bento-side{position:static}}@media (width<=1100px){.bento>*{grid-area:auto/1/auto/-1}.bento-stack{grid-auto-rows:auto}}@media (width<=640px){.bento-stats{grid-template-columns:1fr}}