:root{color-scheme:light;--green:#14734f;--deep:#103c2b;--ink:#17271f;--muted:#718077;--paper:#f4f7f4;--line:#e1e9e2;--mint:#e8f4eb;--gold:#fff4d8;--red:#a43f31;--white:#fff;--shadow:0 12px 34px rgba(24,56,36,.07)}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 10% 0%,#e6f1e8,transparent 32%),var(--paper);color:var(--ink);font:16px/1.5 Inter,system-ui,-apple-system,"Segoe UI",sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.48;cursor:not-allowed}header.top{height:68px;padding:0 max(16px,calc((100vw - 1180px)/2));background:rgba(255,255,255,.95);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:12px;position:sticky;top:0;z-index:5;backdrop-filter:blur(12px)}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);font-weight:950;font-size:22px;letter-spacing:-.8px}.logo{width:36px;height:36px;border-radius:12px;background:var(--green);color:white;display:grid;place-items:center;font-size:20px}.topright{display:flex;gap:10px;align-items:center}.identity{font-size:13px;font-weight:800;max-width:34vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.theme,.btn,.tab,.chip{border:1px solid var(--line);border-radius:11px;padding:10px 14px;background:white;color:var(--ink);font-weight:800}.theme{min-height:42px}.btn{background:var(--green);color:white;border-color:var(--green);box-shadow:0 4px 12px #14734f1c;min-height:44px}.btn:hover{background:#105d3f}.btn.soft{background:var(--mint);color:var(--green);border-color:transparent;box-shadow:none}.btn.ghost{background:white;color:var(--ink);box-shadow:none}.btn.danger{background:#a43f31;border-color:#a43f31}.btn.small{min-height:38px;padding:7px 11px;font-size:13px}.shell{max-width:1180px;margin:auto;padding:22px 16px 48px}.panel,.metric,.card{background:var(--white);border:1px solid var(--line);border-radius:17px;box-shadow:var(--shadow)}.panel{padding:20px}.login{width:min(100%,520px);margin:7vh auto 0;padding:26px}.eyebrow{font-size:11px;text-transform:uppercase;color:var(--green);font-weight:950;letter-spacing:1.2px}.login h1,.pagehead h1{font-size:30px;line-height:1.15;letter-spacing:-.9px;margin:6px 0}.muted,.help{color:var(--muted)}.help{font-size:13px;margin:8px 0 16px}label{display:block;font-weight:800;font-size:14px;margin:12px 0 6px}input,select,textarea{width:100%;min-height:48px;padding:11px 12px;border:1px solid var(--line);border-radius:10px;background:var(--white);color:var(--ink)}textarea{min-height:88px;resize:vertical}input:focus,select:focus,textarea:focus{outline:3px solid #14734f24;border-color:#6fa987}.row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.login .btn{width:100%;margin-top:12px}.pagehead{display:flex;justify-content:space-between;align-items:flex-end;gap:14px;margin-bottom:18px}.pagehead h1{margin:3px 0}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:14px 0 20px}.metric{padding:16px;min-width:0}.metric small{display:block;color:var(--muted);font-size:13px}.metric b{display:block;font-size:22px;margin-top:4px;overflow-wrap:anywhere}.tabs{display:flex;gap:6px;overflow:auto;scrollbar-width:none;border-bottom:1px solid var(--line);margin:10px 0 17px}.tabs::-webkit-scrollbar{display:none}.tab{border:0;border-bottom:3px solid transparent;border-radius:10px 10px 0 0;white-space:nowrap;background:transparent;color:var(--muted);font-size:14px}.tab.active{border-bottom-color:var(--green);color:var(--green);background:var(--mint)}.stack{display:grid;gap:12px}.split{display:grid;grid-template-columns:minmax(0,1fr) 370px;gap:16px;align-items:start}.catalog{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.product{padding:15px;display:flex;flex-direction:column;gap:6px;min-width:0}.product .icon{font-size:30px;background:#f1f6f2;border-radius:12px;width:54px;height:54px;display:grid;place-items:center}.product h3{font-size:16px;margin:3px 0 0}.product small{color:var(--muted)}.product .bottom{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto;padding-top:8px}.qty{display:flex;align-items:center;gap:8px;font-weight:900}.qty button{width:42px;height:42px;border:1px solid var(--line);border-radius:10px;background:#f8fbf8;color:var(--green);font-size:21px;font-weight:900}.searchbar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;margin-bottom:12px}.basket{position:sticky;top:84px}.basket h2,.sectiontitle{font-size:19px;margin:0 0 10px}.cartrow{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:10px 0;border-bottom:1px solid var(--line);align-items:center}.cartrow small{display:block;color:var(--muted)}.sumrow{display:flex;justify-content:space-between;gap:10px;padding:9px 0}.sumrow.final{border-top:2px solid var(--line);font-size:18px;font-weight:900}.order{padding:16px}.ordertop{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.ordertop h3{margin:0;font-size:17px}.badge{display:inline-flex;padding:5px 9px;border-radius:99px;background:var(--mint);color:var(--green);font-size:12px;font-weight:900;white-space:nowrap}.badge.gold{background:var(--gold);color:#775810}.badge.blue{background:#e8f1fb;color:#315f91}.orderdetails{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:12px 0;color:var(--muted);font-size:14px}.orderitems{background:#f7f9f7;padding:10px;border-radius:10px;font-size:14px}.orderactions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.toolbar{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-bottom:12px}.toolbar input,.toolbar select{flex:1 1 160px;width:auto}.tablewrap{overflow:auto;-webkit-overflow-scrolling:touch}table{width:100%;min-width:760px;border-collapse:collapse;font-size:14px}th,td{text-align:left;padding:12px;border-bottom:1px solid var(--line);vertical-align:top}th{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.5px;background:#f8faf8}td .muted{font-size:12px}tr:last-child td{border-bottom:0}.filters{display:flex;gap:7px;overflow:auto;scrollbar-width:none;margin:10px 0 14px}.filters::-webkit-scrollbar{display:none}.chip{white-space:nowrap;padding:8px 12px;font-size:13px}.chip.active{background:var(--mint);border-color:#b9d9c2;color:var(--green)}.empty{text-align:center;padding:26px;color:var(--muted)}.notice{padding:12px 14px;background:var(--mint);border-radius:12px;color:var(--green);font-size:14px;margin:10px 0}.callout{background:#fff8e8;border:1px solid #f2e5c3;padding:12px;border-radius:12px}.workergrid{display:grid;gap:12px}.lineitem{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:11px 0;border-bottom:1px solid var(--line)}.lineitem:last-child{border-bottom:0}.lineitem .qty button{width:42px;height:42px}.footnote{font-size:12px;color:var(--muted)}.backdrop{position:fixed;inset:0;z-index:10;background:#07150b99;display:none}.backdrop.show{display:block}.dialog{position:fixed;z-index:11;inset:auto 0 0;width:min(100%,600px);margin:auto;background:var(--white);border-radius:20px 20px 0 0;padding:20px 18px calc(20px + env(safe-area-inset-bottom));box-shadow:0 -15px 50px #0003;max-height:90dvh;overflow:auto;display:none}.dialog.show{display:block}.dialog h2{margin:0}.cashquick{display:flex;gap:7px;flex-wrap:wrap;margin:8px 0}.cashquick button{min-height:42px}.toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);z-index:30;background:#143c2b;color:white;padding:13px 17px;border-radius:12px;box-shadow:var(--shadow);display:none;max-width:calc(100vw - 24px)}.toast.show{display:block}.hidden{display:none!important}.admin-tools{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.inlineform{display:flex;gap:8px;align-items:end;flex-wrap:wrap}.inlineform label{flex:1 1 150px}.source{font-size:12px;color:var(--muted)}
body.dark{color-scheme:dark;--ink:#edf4ef;--muted:#acbdb1;--paper:#111a15;--line:#35483b;--mint:#203d2d;--gold:#473b20;--red:#a43f31;--green:#51ba83;--white:#1a251e;--shadow:0 12px 32px #0004;background:#111a15;color:var(--ink)}body.dark header.top{background:#17221b;border-color:var(--line)}body.dark .brand{color:var(--ink)}body.dark .theme,body.dark .tab,body.dark .chip{background:#202e25;color:var(--ink);border-color:var(--line)}body.dark .tab.active,body.dark .chip.active{background:#234b34;color:#b9f1ca}body.dark th,body.dark .orderitems{background:#202e25}body.dark .product .icon,body.dark .qty button{background:#233329;color:#b9f1ca;border-color:var(--line)}body.dark .btn.ghost{background:#202e25;color:var(--ink);border-color:var(--line)}body.dark .notice{background:#203d2d;color:#c5f3d2}body.dark .callout{background:#3b321e;border-color:#67592e}body.dark .dialog{background:#1a251e}body.dark .brand .logo{color:white}
@media(max-width:900px){.catalog{grid-template-columns:repeat(2,minmax(0,1fr))}.split{grid-template-columns:minmax(0,1fr) 320px}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){header.top{height:60px;padding:0 12px}.identity{font-size:12px;max-width:30vw}.theme{min-height:42px;padding:8px 10px}.shell{padding:16px 12px calc(28px + env(safe-area-inset-bottom))}.login{margin:5vh auto 0;padding:21px 17px}.login h1,.pagehead h1{font-size:26px}.pagehead{align-items:stretch;flex-direction:column}.pagehead>.btn{align-self:flex-start}.metrics{gap:8px}.metric{padding:12px}.metric b{font-size:19px}.tabs{position:sticky;top:60px;z-index:4;background:var(--paper);padding-top:5px}.split{grid-template-columns:minmax(0,1fr)}.basket{position:static;order:2}.catalog{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.product{padding:11px}.product .icon{width:46px;height:46px;font-size:26px}.product h3{font-size:15px}.qty button{width:42px;height:42px}.orderdetails{grid-template-columns:1fr}.orderactions .btn{flex:1 1 42%;min-height:46px}.toolbar>*{min-width:0}.toolbar input,.toolbar select{flex:1 1 100%;width:100%;min-height:46px}.toolbar .btn{flex:1 1 auto}.admin-tools{grid-template-columns:1fr}.inlineform>*{flex:1 1 100%}table{min-width:800px}th,td{padding:11px 9px}.dialog{max-height:92dvh;padding:18px 15px calc(18px + env(safe-area-inset-bottom))}.dialog .row{grid-template-columns:1fr}.dialog .btn{min-height:46px}.toast{left:12px;right:12px;bottom:calc(18px + env(safe-area-inset-bottom));transform:none;text-align:center;max-width:none}}
@media(max-width:380px){.brand{font-size:19px}.identity{max-width:26vw}.shell{padding-left:9px;padding-right:9px}.metrics{gap:6px}.metric{padding:10px}.metric b{font-size:17px}.catalog{gap:6px}.product{padding:9px}.product .bottom{align-items:flex-start;flex-direction:column}.product .bottom .qty{align-self:flex-end}}
.theme{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:38px;padding:7px 11px;font-size:14px;line-height:1.2;white-space:nowrap}
.theme:focus-visible{outline:3px solid #35a4ff;outline-offset:2px}
@media(max-width:700px){.topright{gap:7px}.theme{min-height:38px;padding:6px 9px;font-size:13px;gap:5px;border-radius:10px}}
@media(max-width:380px){.theme{min-height:36px;padding:5px 8px;font-size:12px;gap:4px}}

.stagebar{display:flex;gap:8px;overflow-x:auto;padding:4px 0 12px;margin:12px 0;scrollbar-width:thin;overscroll-behavior-x:contain}
.stagebtn{display:flex;align-items:center;justify-content:space-between;gap:12px;flex:1 0 auto;min-height:46px;padding:8px 12px;border:1px solid var(--line);border-radius:12px;background:var(--white);color:var(--ink);font-weight:800;white-space:nowrap}
.stagebtn b{display:inline-grid;place-items:center;min-width:25px;height:25px;padding:0 6px;border-radius:99px;background:var(--mint);color:var(--green);font-size:12px}
.stagebtn.active{border-color:var(--green);background:var(--mint);box-shadow:0 3px 12px rgba(20,115,79,.12)}
.nextstop{margin:12px 0 16px;padding:17px;border:1px solid #b9dcc6;border-radius:16px;background:linear-gradient(135deg,var(--mint),var(--white));box-shadow:var(--shadow)}
.nextstophead{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.nextstop h2{font-size:18px;margin:3px 0}
.nextstopdetails{display:flex;flex-wrap:wrap;gap:8px 18px;margin:10px 0 13px}
.nextstopdetails>*{overflow-wrap:anywhere}
.nextstopactions{display:flex;flex-wrap:wrap;gap:8px}
.nextstopactions .btn{min-height:40px}
.market-timeline{display:flex;align-items:flex-start;margin:14px 0 5px;overflow:hidden}
.trackstep{position:relative;z-index:0;display:flex;flex:1;min-width:0;flex-direction:column;align-items:center;gap:5px;text-align:center}
.trackstep:before{content:"";position:absolute;z-index:-1;top:12px;right:50%;width:100%;height:2px;background:var(--line)}
.trackstep:first-child:before{display:none}
.trackstep span{display:grid;place-items:center;width:25px;height:25px;border:2px solid var(--line);border-radius:50%;background:var(--white);color:var(--muted);font-size:11px;font-weight:900}
.trackstep.done span{border-color:var(--green);background:var(--green);color:#fff}
.trackstep.done:before{background:var(--green)}
.trackstep small{font-size:10px;line-height:1.15;color:var(--muted)}
.trackstep.current small{color:var(--green);font-weight:900}
.issuecard p{margin:10px 0;overflow-wrap:anywhere}
.issuehistory{margin-top:14px}
.issuehistory summary{cursor:pointer;font-weight:850}
.issuehint{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px}
@media(max-width:700px){.stagebar{margin:10px -1px 12px;padding-bottom:9px}.stagebtn{min-height:44px;padding:7px 10px;font-size:13px}.nextstop{padding:14px}.nextstop h2{font-size:16px}.nextstopactions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.nextstopactions .btn{width:100%;justify-content:center}.market-timeline{margin-top:12px}.trackstep small{font-size:9px}.issuehint{align-items:stretch;flex-direction:column}.issuehint .btn{width:100%}}