:root{--ink:#1c2b22;--paper:#eef0e6;--paper-deep:#e3e6d8;--card:#ffffff;--line:#d7dac9;--produce:#3f7d52;--produce-dark:#2c5c3c;--produce-bright:#71bb88;--amber:#c98a3a;--danger:#b0453a;--muted:#6b7266;--shadow-sm:0 1px 2px rgba(28,43,34,.05), 0 2px 6px rgba(28,43,34,.04);--shadow-md:0 6px 18px rgba(28,43,34,.1)}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:linear-gradient(180deg,var(--paper) 0%,var(--paper-deep) 100%) fixed;color:var(--ink);font-family:Inter,sans-serif;line-height:1.45;-webkit-font-smoothing:antialiased}h1,h2,h3,.num,.brand,.qty{font-family:Space Grotesk,sans-serif}button{font-family:inherit}:focus-visible{outline:2px solid var(--produce-dark);outline-offset:2px}@media (prefers-reduced-motion: reduce){*{transition:none!important;animation:none!important}}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.anim-fade{animation:fadeSlideIn .32s cubic-bezier(.22,1,.36,1)}.app{max-width:640px;margin:0 auto;padding-bottom:90px}.topbar{position:sticky;top:0;z-index:10;background:#eef0e6db;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--line);padding:12px 16px;display:flex;align-items:center;gap:10px}.logo-mark{display:block;flex-shrink:0}.brand{font-size:17px;font-weight:600;margin:0;letter-spacing:-.01em}@media (max-width:600px){.brand{display:none}}.topbar-location{margin-left:auto;display:flex;align-items:center;gap:6px;font-size:13px;color:var(--muted);font-weight:500}.topbar-location svg{width:15px;height:15px;flex-shrink:0}.content{padding:16px}.landing{padding:56px 20px 48px;text-align:center}.landing .logo-mark{margin:0 auto 20px;filter:drop-shadow(0 4px 10px rgba(28,43,34,.18))}.landing h1{font-size:27px;margin:0 0 10px;letter-spacing:-.02em}.landing p{color:var(--muted);font-size:14.5px;max-width:360px;margin:0 auto 28px}.switchlink{background:none;border:none;color:var(--muted);font-size:12px;text-decoration:underline;cursor:pointer;padding:0;font-family:inherit}.rowbar{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:14px}.rowbar-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-left:auto}.metrics-row{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:16px}@media (min-width:900px){.metrics-row{grid-template-columns:repeat(4,1fr)}}.metric-card{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:14px 16px;box-shadow:var(--shadow-sm)}.metric-num{font-family:Space Grotesk,sans-serif;font-weight:700;font-size:28px;line-height:1;color:var(--ink)}.metric-total{font-size:15px;font-weight:600;color:var(--muted)}.metric-label{display:flex;align-items:center;gap:6px;font-size:12.5px;color:var(--muted);margin-top:7px;font-weight:500}.metric-locked .metric-num{color:var(--produce)}.metric-shipped .metric-num{color:var(--produce-dark)}.metric-draft .metric-num{color:var(--amber)}.metric-none .metric-num{color:var(--muted)}.metric-label .dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.dot-locked{background:var(--produce)}.dot-shipped{background:var(--produce-dark)}.dot-draft{background:var(--amber)}.dot-none{background:var(--line)}.activity-section{margin-top:28px}.activity-list{list-style:none;margin:0;padding:0;background:var(--card);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow-sm);max-height:300px;overflow-y:auto}.activity-list li{display:flex;align-items:center;gap:10px;padding:11px 16px;border-bottom:1px solid var(--line);font-size:13.5px;color:var(--ink)}.activity-list li:last-child{border-bottom:none}.activity-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.activity-text strong{font-weight:600}.activity-list::-webkit-scrollbar{width:6px}.activity-list::-webkit-scrollbar-thumb{background:var(--line);border-radius:3px}.brtitle{font-weight:600;font-size:16px;display:flex;align-items:center;gap:10px}.datepill{display:flex;align-items:center;gap:6px;font-size:14px;color:var(--muted)}@media (max-width:600px){.datepill{margin:0 auto}}.datepill strong{color:var(--ink);font-weight:600}.datebtn{border:1px solid var(--line);background:var(--card);border-radius:7px;width:28px;height:28px;cursor:pointer;font-size:15px;color:var(--ink);transition:border-color .15s,transform .1s}.datebtn:hover{border-color:var(--produce)}.datebtn:active{transform:scale(.92)}.refreshbtn{border:1px solid var(--line);background:var(--card);border-radius:7px;padding:6px 10px;font-size:13px;cursor:pointer;color:var(--ink);transition:border-color .15s}.refreshbtn:hover{border-color:var(--produce)}.ticket{background:var(--card);border:1px solid var(--line);border-radius:14px;overflow:hidden;box-shadow:var(--shadow-sm)}.ticket-head{padding:14px 16px;border-bottom:1px solid var(--line);font-size:14px;color:var(--muted);display:flex;align-items:center;gap:9px}.selected-section{border-bottom:1px solid var(--line);background:#fafbf7}.selected-heading{font-size:12px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;padding:12px 16px 2px}.selected-list{max-height:280px;overflow-y:auto}.selected-list::-webkit-scrollbar{width:6px}.selected-list::-webkit-scrollbar-thumb{background:var(--line);border-radius:3px}.searchbar{position:relative;padding:10px 16px;border-bottom:1px solid var(--line)}.search-input{width:100%;border:1px solid var(--line);border-radius:8px;padding:10px 34px 10px 12px;font-family:inherit;font-size:16px;background:var(--paper);transition:border-color .15s}.search-input:focus-visible{outline:2px solid var(--produce-dark);outline-offset:1px;border-color:var(--produce)}.search-clear{position:absolute;right:24px;top:50%;transform:translateY(-50%);border:none;background:none;color:var(--muted);font-size:19px;line-height:1;cursor:pointer;padding:2px 6px}.search-clear:hover{color:var(--danger)}.ticket-head.is-sent{color:var(--produce-dark);background:#f2f8f0}.status-dot{width:7px;height:7px;border-radius:50%;background:var(--muted);flex-shrink:0}.ticket-head.is-sent .status-dot{background:var(--produce)}.summary-head{padding:16px;border-bottom:1px solid var(--line)}.summary-title{font-family:Space Grotesk,sans-serif;font-weight:600;font-size:16px;margin-bottom:4px}.summary-sub{font-size:13px;color:var(--muted)}.summarylist{list-style:none;margin:0;padding:0}.summarylist li{display:flex;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--line);font-size:15px}.summarylist li:last-child{border-bottom:none}.summarylist .qty{font-weight:600;font-family:Space Grotesk,sans-serif}.notebox{padding:14px 16px;border-top:1px solid var(--line)}.note-label{font-size:12px;font-weight:600;color:var(--muted);margin-bottom:7px}.note-input{width:100%;border:1px solid var(--line);border-radius:8px;padding:10px;font-family:inherit;font-size:16px;background:var(--card);resize:vertical;min-height:64px;transition:border-color .15s}.note-input:focus-visible{outline:2px solid var(--produce-dark);outline-offset:1px;border-color:var(--produce)}.note-text{font-size:14px;color:var(--ink);white-space:pre-wrap;line-height:1.5}.empty-inline{color:var(--muted);font-style:italic}.stickybar{position:fixed;left:0;right:0;bottom:0;display:flex;justify-content:center;padding:14px 16px;background:linear-gradient(to top,var(--paper) 65%,transparent)}.sendbtn{width:100%;max-width:608px;background:var(--produce);color:#fff;border:none;padding:14px;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;box-shadow:var(--shadow-sm);transition:background-color .15s,transform .15s,box-shadow .15s}.sendbtn:hover{background:var(--produce-dark);transform:translateY(-1px);box-shadow:var(--shadow-md)}.sendbtn:active{transform:translateY(0)}.sendbtn:disabled{background:var(--line);color:var(--muted);cursor:not-allowed;box-shadow:none}.sendbtn:disabled:hover{background:var(--line);transform:none;box-shadow:none}.backbtn{border:1px solid var(--line);background:var(--card);border-radius:8px;padding:8px 14px;font-size:13px;font-weight:500;cursor:pointer;color:var(--ink);box-shadow:var(--shadow-sm);transition:border-color .15s,color .15s}.backbtn:hover{border-color:var(--produce);color:var(--produce-dark)}.logoutbtn{border:1px solid var(--line);background:var(--card);border-radius:8px;padding:8px 14px;font-size:13px;font-weight:500;cursor:pointer;color:var(--muted);box-shadow:var(--shadow-sm);transition:border-color .15s,color .15s,background-color .15s}.logoutbtn:hover{border-color:var(--danger);color:var(--danger);background:#fdf4f3}.langswitcher{display:flex;border:1px solid var(--line);border-radius:8px;overflow:hidden;box-shadow:var(--shadow-sm)}.langbtn{border:none;background:var(--card);padding:8px 11px;font-size:12px;font-weight:600;letter-spacing:.02em;cursor:pointer;color:var(--muted);border-right:1px solid var(--line);transition:background-color .15s,color .15s}.langbtn:last-child{border-right:none}.langbtn:hover{color:var(--ink)}.langbtn.is-active{background:var(--produce);color:#fff}.pingate .langswitcher{margin-bottom:18px}.summarybtn{width:100%;max-width:608px;background:var(--card);border:2px solid var(--produce);color:var(--produce-dark);padding:14px;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;box-shadow:var(--shadow-sm);transition:background-color .15s,color .15s,transform .15s,box-shadow .15s}.summarybtn:hover{background:var(--produce);color:#fff;transform:translateY(-1px);box-shadow:var(--shadow-md)}.summarybtn:active{transform:translateY(0)}.savedbadge{width:100%;max-width:608px;background:var(--produce);color:#fff;padding:14px;border-radius:12px;font-size:16px;font-weight:600;text-align:center;box-shadow:var(--shadow-sm);display:flex;align-items:center;justify-content:center;gap:9px}.savedbadge .status-dot{background:#fff}.ticket.is-saved{border-color:var(--produce)}.itemlist{list-style:none;margin:0;padding:0}.item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 16px;border-bottom:1px solid var(--line);border-left:3px solid transparent;transition:background-color .15s,border-color .15s}.item:last-child{border-bottom:none}.item.is-checked{background:#f5f9f2;border-left-color:var(--produce)}.checkrow{display:flex;align-items:center;gap:10px;cursor:pointer;flex:1;min-width:0}.checkrow input[type=checkbox]{width:19px;height:19px;accent-color:var(--produce);flex-shrink:0;transition:transform .1s}.checkrow input[type=checkbox]:active{transform:scale(.85)}.itemname{font-size:14.5px;overflow-wrap:anywhere}.item.is-checked .itemname{font-weight:600}.stepper{display:flex;align-items:center;gap:8px;flex-shrink:0}.stepper.is-hidden{visibility:hidden}.stepper button{width:25px;height:25px;border-radius:6px;border:1px solid var(--line);background:var(--paper);font-size:15px;cursor:pointer;color:var(--ink);transition:border-color .15s,transform .1s}.stepper button:hover{border-color:var(--produce)}.stepper button:active{transform:scale(.9)}.stepper .qty{min-width:20px;text-align:center;font-weight:600;font-size:14px}@media (min-width:640px){.itemlist:not(.selected-list){display:grid;grid-template-columns:repeat(2,1fr);column-gap:20px}}@media (min-width:1000px){.itemlist:not(.selected-list){grid-template-columns:repeat(3,1fr)}}.additem{display:flex;gap:8px;padding:12px 16px;background:var(--paper)}.additem input{flex:1;border:1px solid var(--line);border-radius:8px;padding:10px;font-family:inherit;font-size:16px;background:var(--card)}.additem button{border:none;background:var(--ink);color:#fff;border-radius:8px;padding:9px 14px;font-size:14px;cursor:pointer;font-weight:500;transition:opacity .15s}.additem button:hover{opacity:.85}.empty{padding:22px 16px;color:var(--muted);font-size:14px;text-align:center}h2{font-size:15px;font-weight:600;margin:0 0 10px;color:var(--muted)}.totals-hint{font-size:12px;color:var(--muted);margin:-6px 0 10px}.dispatchgrid{display:flex;flex-direction:column;gap:22px}@media (min-width:900px){.app{max-width:900px}.app-wide{max-width:1500px}.dispatchgrid{display:grid;grid-template-columns:300px 1fr;gap:24px;align-items:start}.totalspanels{position:sticky;top:78px}}.totalspanels{display:flex;flex-direction:column;gap:18px}.totalspanel .card{background:var(--ink);border:1px solid var(--ink);border-radius:16px;padding:8px 0;box-shadow:var(--shadow-md);max-height:360px;overflow-y:auto}.totalspanel .card::-webkit-scrollbar{width:6px}.totalspanel .card::-webkit-scrollbar-thumb{background:#ffffff2e;border-radius:3px}.totalspanel .card::-webkit-scrollbar-track{background:transparent}.totalspanel .empty{color:#9aa392}.total-row{display:flex;align-items:baseline;gap:12px;padding:11px 18px;border-bottom:1px solid rgba(255,255,255,.08)}.total-row:last-child{border-bottom:none}.total-num{font-size:23px;font-weight:700;color:var(--produce-bright);min-width:36px}.total-name{font-size:14px;color:#e7ebe0}.totalspanel-shipped .card{background:#2a3028}.totalspanel-shipped .total-num{color:#8fa389}.branchcards{column-width:280px;column-gap:10px}.branchcard{background:var(--card);border:1px solid var(--line);border-left:4px solid var(--line);border-radius:12px;overflow:hidden;box-shadow:var(--shadow-sm);transition:border-color .15s,background-color .15s,box-shadow .15s;break-inside:avoid;-webkit-column-break-inside:avoid;margin-bottom:10px;display:inline-block;width:100%}.branchcard.is-draft{border-left-color:var(--amber)}.branchcard.is-locked{border-left-color:var(--produce)}.branchcard.is-shipped{border-left-color:var(--produce-dark);background:#f2f8f4}.bc-summary{list-style:none}.bc-summary::-webkit-details-marker{display:none}.bc-head{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;cursor:pointer;transition:background-color .15s}.bc-head:hover{background:var(--paper)}.bc-name{font-weight:600;font-size:15px}.bc-status{font-size:13px;color:var(--muted)}.bc-status.is-sent{color:var(--produce-dark)}.bc-status.is-shipped{color:var(--produce-dark);font-weight:600}.bc-items{list-style:none;margin:0;padding:4px 16px 14px;font-size:14px;color:var(--ink)}.bc-items li{display:flex;justify-content:space-between;align-items:center;padding:7px 0;border-top:1px solid var(--line)}.bc-items li:first-child{border-top:none}.bc-items li span:last-child{font-family:Space Grotesk,sans-serif;font-weight:600;font-size:13px;background:var(--paper);color:var(--produce-dark);padding:2px 10px;border-radius:7px;min-width:20px;text-align:center}.bc-actions{padding:0 16px 14px}.bc-note{margin:0 16px 12px;padding:10px 12px;background:var(--paper);border-radius:8px;font-size:13px;color:var(--ink);line-height:1.5}.bc-note strong{color:var(--muted);font-weight:600}.shipbtn{border:1px solid var(--produce);background:transparent;color:var(--produce-dark);border-radius:8px;padding:7px 12px;font-size:13px;font-weight:500;cursor:pointer;transition:background-color .15s,color .15s}.shipbtn:not(:disabled):hover{background:var(--produce);color:#fff}.shipbtn.is-active{background:var(--produce);color:#fff}.shipbtn:disabled{border-color:var(--line);color:var(--muted);opacity:.6;cursor:not-allowed}.lockbtn{border:1px solid var(--line);background:transparent;color:var(--muted);border-radius:8px;padding:7px 12px;font-size:13px;font-weight:500;cursor:pointer;margin-right:8px;transition:border-color .15s,color .15s}.bc-printbtn{border:1px solid var(--line);background:transparent;color:var(--muted);border-radius:8px;padding:7px 12px;font-size:13px;font-weight:500;cursor:pointer;margin-left:8px;transition:border-color .15s,color .15s}.bc-printbtn:hover{border-color:var(--produce);color:var(--produce-dark)}.lockbtn:hover{border-color:var(--danger);color:var(--danger)}details.manage{background:var(--card);border:1px solid var(--line);border-radius:10px;margin-top:12px;overflow:hidden}details.manage summary{padding:12px 16px;cursor:pointer;font-size:13.5px;font-weight:500;color:var(--muted);list-style:none;display:flex;align-items:center;gap:9px;transition:background-color .15s,color .15s}details.manage summary::-webkit-details-marker{display:none}details.manage summary:before{content:"▸";color:var(--muted);font-size:11px;display:inline-block;transition:transform .15s}details.manage[open] summary:before{transform:rotate(90deg)}details.manage summary:hover{background:var(--paper);color:var(--ink)}details.manage summary:focus-visible{outline-offset:-3px}.managelist{list-style:none;margin:0;padding:0 16px;max-height:280px;overflow-y:auto}.managelist li{display:flex;justify-content:space-between;align-items:center;padding:9px 0;border-top:1px solid var(--line);font-size:14px;gap:10px}.managelist li:first-child{border-top:none}.managelist li.has-pin{justify-content:flex-start}.managelist-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pin-mini-input{width:100px;flex-shrink:0;border:1px solid var(--line);border-radius:6px;padding:6px 8px;font-size:16px;font-family:inherit;background:var(--paper);text-align:center;transition:border-color .15s}.pin-mini-input:focus-visible{outline:2px solid var(--produce-dark);outline-offset:1px;border-color:var(--produce)}.managelist::-webkit-scrollbar{width:6px}.managelist::-webkit-scrollbar-thumb{background:var(--line);border-radius:3px}.rmbtn{border:1px solid var(--line);background:var(--card);color:var(--danger);font-size:12px;font-weight:500;padding:5px 11px;border-radius:7px;cursor:pointer;flex-shrink:0;transition:background-color .15s,border-color .15s,color .15s}.rmbtn:hover{background:var(--danger);border-color:var(--danger);color:#fff}.pingate{padding:56px 20px;text-align:center;max-width:360px;margin:0 auto}.pingate-title{font-family:Space Grotesk,sans-serif;font-weight:600;font-size:20px;margin-bottom:6px}.pingate-sub{color:var(--muted);font-size:14px;margin-bottom:22px}.pingate-form{display:flex;flex-direction:column;gap:12px}.pin-input{width:100%;border:1px solid var(--line);border-radius:10px;padding:14px;font-size:20px;text-align:center;letter-spacing:6px;font-family:Space Grotesk,sans-serif;background:var(--card);box-shadow:var(--shadow-sm);transition:border-color .15s}.pin-input:focus-visible{outline:2px solid var(--produce-dark);outline-offset:1px;border-color:var(--produce)}.pin-input.is-error{border-color:var(--danger)}.pin-error-msg{color:var(--danger);font-size:13px;margin-top:10px}.linkrow{display:flex;align-items:center;gap:8px;padding:8px 16px;border-top:1px solid var(--line);font-size:13px}.linkrow:first-child{border-top:none}.linkrow .linkname{min-width:88px;flex-shrink:0;font-weight:500}.linkrow input{flex:1;border:1px solid var(--line);border-radius:6px;padding:7px 8px;font-size:16px;background:var(--paper);color:var(--muted);font-family:inherit;min-width:0}.linkrow button{border:1px solid var(--line);background:var(--card);border-radius:6px;padding:6px 10px;font-size:12px;cursor:pointer;flex-shrink:0;transition:border-color .15s}.linkrow button:hover{border-color:var(--produce)}.print-sheet{display:none}@page{size:A4;margin:12mm}@media print{.topbar,.rowbar,.metrics-row,.dispatchgrid,.activity-section{display:none!important}.print-sheet{display:block!important;position:static;width:100%;padding:0;color:#000;background:#fff;font-family:Arial,sans-serif;font-size:15px}.print-sheet h1{font-size:22px;margin:0 0 4px}.print-sheet h2{font-size:16px;margin:13px 0 6px;color:#000;border-bottom:1px solid #999;padding-bottom:3px}.print-sheet h3{font-size:15px;margin:0 0 4px}.print-meta{font-size:12px;color:#555;margin:0 0 8px}.print-status{font-weight:400;font-size:12.5px;color:#555}.print-table{width:100%;border-collapse:collapse;font-size:14.5px;margin-bottom:3px}.print-table td{padding:3px 7px 3px 0;border-bottom:1px solid #ddd}.print-qty{font-weight:700;width:30px}.print-table-multi td:nth-child(3){padding-left:14px}.print-table-multi .print-qty{width:16px}.print-table-multi{table-layout:fixed}.print-table-multi td:nth-child(1),.print-table-multi td:nth-child(3){width:38%}.print-table-multi td:nth-child(2),.print-table-multi td:nth-child(4){width:12%}.print-table-multi td{overflow-wrap:break-word}.print-branch{margin-bottom:7px}.print-empty{font-size:14px;color:#777;margin:0 0 5px}.print-note{font-size:14px;color:#333;margin:1px 0 6px}}