:root{color-scheme:light;--bg:#f3f3ed;--surface:#fff;--ink:#192820;--muted:#66746b;--line:#e1e6df;--soft:#eef3ec;--lime:#ddff83;--dark:#203a2c;font-family:"Segoe UI","Microsoft YaHei",sans-serif;color:var(--ink);background:var(--bg);font-size:16px}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{touch-action:manipulation}button{cursor:pointer;min-height:44px;border:0;border-radius:12px;padding:10px 16px;background:transparent;color:inherit;font-size:.875rem;font-weight:600}button:disabled{opacity:.5;cursor:wait}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #739d2f;outline-offset:3px}.primary{background:var(--lime);color:#1c2b16}.dark{background:var(--dark);color:white}.secondary{background:var(--surface);border:1px solid var(--line)}.wide{width:100%}.muted{color:var(--muted)}.eyebrow{font-size:.75rem;letter-spacing:.16em;font-weight:700;color:var(--muted);margin:0 0 10px}h1,h2,h3,p{margin-top:0}h1{font-size:2.25rem;letter-spacing:-.045em;line-height:1.15;margin-bottom:0}h2{font-size:1.25rem;letter-spacing:-.02em}h3{font-size:1rem}.wordmark{font-family:Georgia,serif;font-size:1.8rem;letter-spacing:-.07em;text-decoration:none;white-space:nowrap}.wordmark em{font-style:normal;color:#779838}.app-shell{display:grid;grid-template-columns:215px minmax(0,1fr);min-height:100dvh}.sidebar{padding:35px 22px;background:var(--surface);border-right:1px solid var(--line);position:sticky;top:0;height:100dvh;display:flex;flex-direction:column;gap:40px}.sidebar nav{display:grid;gap:8px}.nav-item{text-align:left}.nav-item.active{background:var(--soft)}.account{margin-top:auto;display:grid;gap:8px;font-size:.875rem}.account span{color:var(--muted);font-size:.75rem;line-height:1.6}.text-button{padding-left:0;color:var(--muted)}.workspace{padding:30px clamp(18px,3vw,52px);min-width:0;max-width:1700px;width:100%;margin:auto}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:28px 0}.local-label{font-size:.75rem;color:#5c6436;padding:10px 12px;background:#f2f7e6;border-radius:8px}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:25px 0}.metric{background:white;border:1px solid var(--line);padding:20px;border-radius:17px}.metric:first-child{background:var(--dark);color:white}.metric span{display:block;font-size:.875rem;opacity:.8;margin-bottom:10px}.metric strong{font-size:1.55rem;letter-spacing:-.04em}.metric small{display:block;font-size:.75rem;margin-top:8px;opacity:.75}.filter-panel{background:white;border:1px solid var(--line);border-radius:18px;padding:18px;display:flex;gap:12px;align-items:end;flex-wrap:wrap}label{display:grid;gap:8px;font-size:.875rem}input,select,textarea{border:1px solid #ccd5cb;border-radius:10px;background:white;min-height:44px;padding:10px 12px;color:var(--ink);max-width:100%;min-width:0}input[type=checkbox]{min-height:22px;width:22px;height:22px;accent-color:var(--dark);margin:0}label:has(input[type=checkbox]){display:flex;align-items:center;gap:10px;min-height:44px}.filter-panel>label{flex:1 1 140px}.filter-panel .search-label{flex:2 1 240px}details{position:relative}summary{list-style:none;min-height:44px;display:flex;align-items:center;gap:8px;border:1px solid var(--line);padding:10px 14px;border-radius:10px;cursor:pointer;font-size:.875rem}summary::-webkit-details-marker{display:none}.picker{position:absolute;z-index:4;top:calc(100% + 8px);right:0;min-width:240px;max-height:330px;overflow:auto;background:white;padding:14px;border:1px solid var(--line);border-radius:14px;box-shadow:0 10px 35px #15261918}.advanced{position:static}.filter-panel:has(.advanced[open]){position:relative;padding-bottom:22px}.advanced[open]{flex-basis:100%;order:10}.filter-grid,.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.filter-grid{margin-top:20px}fieldset{border:1px solid var(--line);border-radius:10px;padding:12px;min-width:0}legend{font-size:.875rem;padding:0 5px}.list-toolbar{display:flex;align-items:center;justify-content:space-between;margin:20px 0;gap:10px;font-size:.875rem}.list-toolbar>div{display:flex;gap:8px}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:18px;background:white}table{border-collapse:collapse;width:100%;font-size:.875rem}th{background:#f7f8f4;color:var(--muted);font-size:.75rem;text-align:left;padding:15px;white-space:nowrap}td{padding:16px 15px;border-top:1px solid var(--line);vertical-align:top;max-width:270px;overflow-wrap:anywhere}td strong,td small{display:block}td small{font-size:.75rem;color:var(--muted);margin-top:5px;line-height:1.5}.order-number{font-size:.75rem;overflow-wrap:anywhere}.tracking-line{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin:3px 0 10px}.tracking-number{font:500 .8rem ui-monospace,monospace;overflow-wrap:anywhere}.copy{min-width:44px;padding:8px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);background:var(--surface);gap:5px}.copy svg{width:16px;height:16px}.badge{display:inline-block;border-radius:6px;background:var(--soft);padding:5px 8px;font-size:.75rem;line-height:1.4;margin:2px}.items{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.item{background:var(--soft);padding:15px;border-radius:12px;display:flex;gap:12px}.item-image{height:80px;width:80px;flex-shrink:0;border-radius:10px;background:#e4e8e1;display:grid;place-items:center;font-size:.75rem;color:var(--muted)}.item img{height:100%;width:100%;object-fit:cover;border-radius:inherit}.item-body{min-width:0}.item h3{margin-bottom:8px;overflow-wrap:anywhere}.item p{font-size:.875rem;margin:5px 0}.expand-row td{background:#fafbf8}.empty{padding:50px 20px;text-align:center;color:var(--muted);background:white;border:1px dashed #cdd6c8;border-radius:16px}.pagination{display:flex;justify-content:center;gap:16px;align-items:center;padding:25px;font-size:.875rem}.panel{padding:25px;background:white;border:1px solid var(--line);border-radius:18px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:15px}.employee-row,.address-card{padding:18px 0;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:15px}.address-card{align-items:start}.address-text{white-space:pre-line;line-height:1.7;font-size:.875rem;overflow-wrap:anywhere}.employee-row p{color:var(--muted);font-size:.875rem;margin:7px 0}#customer-search{display:flex;align-items:end;gap:12px;flex-wrap:wrap}dialog{border:1px solid var(--line);border-radius:22px;padding:0;width:min(850px,calc(100vw - 30px));max-height:90dvh;color:var(--ink);box-shadow:0 20px 80px #13251c35}dialog::backdrop{background:#14241dcc}dialog>header{position:sticky;top:0;background:white;padding:16px 24px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;z-index:2}dialog h2{margin:0}dialog #editor-body{padding:24px}.close{font-size:1.6rem;width:44px;padding:0}.editor-form{display:grid;gap:20px}.form-grid .full{grid-column:1/-1}textarea{min-height:100px;resize:vertical}.form-actions{display:flex;justify-content:flex-end;gap:12px}.draft-item{padding:16px;background:var(--soft);border-radius:14px;margin:12px 0}.address-picker{display:grid;gap:8px}.address-choice{text-align:left;background:var(--soft);border:1px solid var(--line);font-weight:400;white-space:pre-line}.address-choice strong{display:block}.note{font-size:.875rem;color:var(--muted);line-height:1.6}.error{background:#fff0eb;color:#a53520;padding:14px;border-radius:10px;line-height:1.6}#message:empty{display:none}#toast{position:fixed;bottom:calc(24px + env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);background:var(--dark);color:white;border-radius:12px;padding:12px 20px;z-index:100;max-width:85vw;font-size:.875rem}.login-page{min-height:100dvh;display:grid;place-items:center;padding:22px}.login-card{background:white;width:min(470px,100%);padding:42px;border-radius:25px;border:1px solid var(--line)}.login-card .wordmark{display:block;margin-bottom:50px}.login-card h1{font-family:Georgia,serif;margin-bottom:18px}.login-card form{display:grid;gap:20px;margin:30px 0}.login-card .muted{line-height:1.7}.order-card{background:white;border:1px solid var(--line);border-radius:18px;padding:18px;margin-bottom:14px}.card-top{display:flex;justify-content:space-between;gap:12px}.order-card h2{font-size:1.1rem;margin:10px 0}.card-money{display:flex;gap:18px;flex-wrap:wrap;margin:18px 0}.card-money span{display:grid;gap:6px;font-size:.75rem;color:var(--muted)}.card-money strong{font-size:1rem;color:var(--ink)}.order-card .items{margin:16px 0;grid-template-columns:1fr}.merge-selected{background:var(--soft);padding:12px;border-radius:10px;margin:12px 0}.merge-result{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}.merge-result label{flex:1;overflow-wrap:anywhere}.small{font-size:.75rem}.hidden{display:none!important}[hidden]{display:none!important}body:has(dialog[open]){overflow:hidden}
@media(max-width:1000px){.app-shell{grid-template-columns:1fr}.sidebar{position:relative;height:auto;border-right:0;border-bottom:1px solid var(--line);padding:18px 22px;flex-direction:row;flex-wrap:wrap;align-items:center;gap:20px}.sidebar nav{display:flex;order:3;flex-basis:100%;gap:7px}.account{margin-left:auto;margin-top:0;display:flex;gap:12px;align-items:center}.account span{display:none}.workspace{padding:18px}.metrics{gap:8px}.metric{padding:15px}.metric strong{font-size:1.25rem}}
@media(max-width:600px){.sidebar{padding:18px 16px;gap:8px}.wordmark{font-size:1.55rem}.sidebar nav{overflow-x:auto;flex-wrap:nowrap}.nav-item{white-space:nowrap;padding:10px}.account{font-size:.75rem}.workspace{padding:16px 12px}.page-heading{margin:22px 0}h1{font-size:1.75rem}.page-heading .primary{padding:10px 12px}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.metric{border-radius:12px}.filter-panel{padding:12px}.filter-panel>label{flex-basis:calc(50% - 8px)}.filter-panel .search-label{flex-basis:100%}.filter-panel>details{flex:1}.picker{left:0;right:auto;min-width:min(280px,calc(100vw - 55px))}.columns .picker{left:auto;right:0}.filter-grid,.form-grid{grid-template-columns:1fr}.filter-grid .full,.form-grid .full{grid-column:auto}.list-toolbar{flex-wrap:wrap}.list-toolbar>div{width:100%;justify-content:space-between}dialog{width:100%;max-height:95dvh;margin:auto 0 0;border-radius:20px 20px 0 0}dialog #editor-body{padding:18px 16px max(20px,env(safe-area-inset-bottom))}.form-actions{position:sticky;bottom:0;background:white;padding-top:10px}.form-actions button{flex:1}.login-card{padding:28px}.item-image{height:66px;width:66px}.local-label{font-size:.75rem;line-height:1.5}.tracking-number{font-size:.875rem}.address-card{display:block}.employee-row{align-items:start}.panel{padding:18px}input,textarea,select{font-size:16px}}
.column-items{min-width:278px;width:278px;max-width:278px}.product-strip-wrap{min-width:0;width:248px;max-width:100%}.product-strip{display:flex;gap:9px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:#c8d2c2 transparent;padding:2px 2px 7px;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;touch-action:pan-x pan-y pinch-zoom}.product-thumb{flex:0 0 88px;width:88px;min-width:88px;padding:0;background:transparent;text-align:left;border-radius:10px;scroll-snap-align:start;font-weight:400;overflow:hidden}.thumb-image{display:grid;place-items:center;width:88px;height:100px;border-radius:11px;background:#edf2ec;overflow:hidden}.thumb-image img{display:block;width:100%;height:100%;object-fit:cover}.thumb-placeholder{font-size:1.25rem;font-weight:400;color:#405346}.thumb-name{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;margin-top:7px;font-weight:600}.thumb-size{display:block;font-size:.75rem;color:var(--muted);margin-top:3px}.strip-caption{display:block;font-size:.75rem;color:var(--muted);margin-top:4px}.strip-tail{display:grid;place-items:center;flex:0 0 60px;height:100px;color:var(--muted);background:var(--soft);border-radius:10px}.order-card .product-strip-wrap{width:100%;margin:16px 0}.order-card .product-strip{max-width:100%}.product-thumb:focus-visible{outline-offset:-3px}
.table-wrap table{min-width:1320px}.column-number{min-width:160px}.column-customer{min-width:175px}.column-amount{min-width:130px}.column-packages{min-width:200px}.column-state{min-width:110px}.column-employees{min-width:120px}.column-cost{min-width:200px}.column-amount strong,.column-amount small,.metric strong,.card-money strong{white-space:nowrap}.order-card .order-number{display:block;font-weight:600}.card-top small{display:block;margin-top:6px;color:var(--muted);font-size:.75rem}.tracking-line small{display:block;font-size:.75rem;color:var(--muted);margin-bottom:5px}.card-top .badge{white-space:nowrap;align-self:start}.item-photo-gallery{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;margin-bottom:22px;touch-action:pan-x pan-y pinch-zoom}.item-photo-gallery img{flex:0 0 100%;width:100%;height:min(50dvh,480px);object-fit:contain;scroll-snap-align:start;background:var(--soft);border-radius:14px}.image-upload{background:var(--soft);border-radius:12px;padding:16px;margin:15px 0}.image-upload label{margin-bottom:10px}.image-upload .note{margin:10px 0 0}
@media(prefers-reduced-motion:no-preference){button{transition:background .15s,opacity .15s}dialog[open]{animation:enter .18s ease-out}@keyframes enter{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}}
.receipt-row{display:grid;grid-template-columns:minmax(160px,1fr) minmax(120px,.7fr) minmax(100px,.5fr) auto;gap:20px;align-items:center;border-bottom:1px solid var(--line);padding:22px 0}.receipt-row h3{margin:4px 0 8px}.receipt-row strong,.receipt-row small{display:block}.receipt-detail{padding:20px 26px}.receipt-balance{display:flex;align-items:center;justify-content:space-between;gap:16px;background:var(--soft);padding:18px 20px;border-radius:16px;margin:16px 0}.receipt-balance strong,.large-money{font-size:26px}.finance-actions{display:flex;flex-wrap:wrap;gap:12px;margin:24px 0}.allocation-row{padding:16px 0;border-bottom:1px solid var(--line)}.allocation-choice{padding:12px 0;border-bottom:1px solid var(--line)}.proof-gallery{display:flex;gap:12px;overflow:auto;max-width:100%;padding:4px 0 16px}.proof-gallery a{display:block;flex:0 0 150px}.proof-gallery img{width:150px;height:180px;object-fit:contain;background:var(--soft);border-radius:10px}.receipt-row button{min-height:44px}@media(max-width:767px){.receipt-row{grid-template-columns:1fr 1fr;gap:14px}.receipt-row>div:first-child{grid-column:1/-1}.receipt-detail{padding:16px}.receipt-balance{padding:16px}.receipt-detail .section-heading{align-items:flex-start;flex-direction:column}.large-money{font-size:24px}}
.sidebar,.workspace,.panel{min-width:0}.sidebar nav{min-width:0;max-width:100%}.receipt-row>div{min-width:0;overflow-wrap:anywhere}.receipt-detail{min-width:0}.receipt-detail .proof-gallery{max-width:100%}
/* Reporting and account settings extend the existing workspace, not a second dashboard. */
.report-block{border-top:1px solid #dde1d8;padding:24px 0}.report-block:first-child{margin-top:20px}.report-detail{display:flex;flex-wrap:wrap;gap:16px}.report-detail span{display:grid;gap:6px}.account-row{display:grid;grid-template-columns:minmax(130px,1fr) minmax(220px,2fr) auto;gap:20px;padding:22px 0;border-bottom:1px solid #e1e4dd;align-items:center}.account-row h3,.account-row p{margin:4px 0}.account-row .note{line-height:1.6}.account-row>*{min-width:0;overflow-wrap:anywhere}button:disabled{opacity:.48;cursor:not-allowed}#account-permissions label{display:flex;align-items:center;gap:10px;padding:6px 0}#report-result h2{font-size:1.25rem}.report-block .metrics{margin:16px 0}@media(max-width:600px){.account-row{grid-template-columns:1fr;gap:10px}.account-row button{justify-self:start}.report-detail{display:grid;gap:12px}}