:root{--bg: #14110f;--panel: #1e1a17;--panel-2: #262119;--line: #3a322b;--text: #f4ede4;--muted: #a89c8e;--accent: #e8a4a0;--collect: #7fc8a9;--courier: #8fb7e8;--pargo: #e8c46a;--warn: #f2b84b;--bad: #ef6b6b;--note: #3b2f1a;--inote-bg: #2f2340;--inote-line: #b48be8;--inote-text: #ead9ff;--fs: 18px}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--text);font:var(--fs) / 1.35 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;-webkit-text-size-adjust:100%}button,input{font:inherit}a{color:inherit}.app{min-height:100vh;display:flex;flex-direction:column}.header{position:sticky;top:0;z-index:10;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;padding:10px 18px;background:var(--panel);border-bottom:2px solid var(--line)}.header-stale{border-bottom-color:var(--bad)}.header-left,.header-right{display:flex;align-items:center;gap:14px}.header-right{justify-content:flex-end}.brand{font-weight:800;color:var(--accent);letter-spacing:.02em}.clock{color:var(--muted)}.count strong{font-size:1.4em}.source{color:var(--muted)}.source-bad{color:var(--bad);font-weight:800}.updated{color:var(--muted)}.updated-stale{color:var(--bad);font-weight:800;animation:blink 1.2s steps(2) infinite}@keyframes blink{to{opacity:.35}}.btn-small{background:var(--panel-2);color:var(--text);border:1px solid var(--line);border-radius:8px;padding:6px 12px;cursor:pointer}.btn-ghost{opacity:.5}.banner{grid-column:1 / -1;padding:8px 12px;border-radius:8px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.banner-error{background:#4a1f1f;color:#ffd6d6}.banner-warn{background:#4a3a1a;color:#ffe9b8}.board{padding:14px 18px 40px;display:flex;flex-direction:column;gap:18px}.lane-title{margin:0 0 8px;font-size:1.5em;display:flex;align-items:baseline;gap:12px}.lane-count,.group-count{font-size:.7em;color:var(--muted);font-weight:500}.lane-date{font-size:.6em;color:var(--muted);margin-left:auto}.lane-past .lane-title{color:var(--bad)}.lane-today .lane-title{color:var(--accent)}.lane-nodate .lane-title{color:var(--warn)}.lane-empty{color:var(--muted);padding:6px 0 2px}.lane-title-toggle{cursor:pointer;color:var(--muted);font-size:1.1em}.group{margin-bottom:10px}.group-title{margin:6px 0;font-size:1.05em;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.group-collection .group-title{color:var(--collect)}.group-courier .group-title{color:var(--courier)}.group-pargo .group-title{color:var(--pargo)}.lane-groups{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;align-items:start}.group{min-width:0}.cards{display:grid;grid-template-columns:1fr;gap:12px}.cards-compact{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.card{min-width:0;max-width:100%;overflow:hidden;background:var(--panel);border:1px solid var(--line);border-left:6px solid var(--line);border-radius:12px;padding:12px 14px;display:flex;flex-direction:column;gap:8px}.card-collection{border-left-color:var(--collect)}.card-courier{border-left-color:var(--courier)}.card-pargo{border-left-color:var(--pargo)}.card-attention{outline:2px solid var(--warn)}.card-compact{opacity:.75;gap:4px;font-size:.9em}.card-top{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.order-no{font-weight:800;font-size:1.15em}.badge{margin-left:auto;font-size:.75em;font-weight:800;letter-spacing:.06em;padding:2px 8px;border-radius:999px;color:#14110f;background:var(--muted)}.badge-collection{background:var(--collect)}.badge-courier{background:var(--courier)}.badge-pargo_home,.badge-pargo_pickup{background:var(--pargo)}.status{font-size:.75em;font-weight:800;padding:2px 8px;border-radius:6px;background:var(--line)}.status-on-hold{background:var(--bad);color:#14110f}.when{flex-basis:100%;min-width:0;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.slot{color:var(--accent)}.when-market{white-space:normal;font-weight:600;display:flex;flex-direction:column;gap:2px}.card-who{display:flex;gap:12px;flex-wrap:wrap;align-items:baseline}.name{font-weight:700;font-size:1.1em}.phone{color:var(--muted);text-decoration:none}.where{color:var(--muted)}.items{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:4px}.items li{padding:6px 8px;background:var(--panel-2);border-radius:8px}.qty{font-weight:800;color:var(--accent);min-width:2.2em;display:inline-block}.variation{color:var(--muted)}.sku{color:var(--muted);font-family:ui-monospace,Menlo,Consolas,monospace;font-size:.9em}.items-compact{color:var(--muted)}.note{background:var(--note);border:1px dashed var(--warn);border-radius:8px;padding:8px 10px;color:#ffe9b8;white-space:pre-wrap}.ship{display:flex;gap:10px;flex-wrap:wrap;align-items:center;color:var(--muted);font-size:.9em}.waybill{font-family:ui-monospace,Menlo,Consolas,monospace;color:var(--text)}.ship-missing{color:var(--bad);font-weight:700}.pargo-extra{color:var(--pargo)}.flags{margin:0;padding:0;list-style:none;color:var(--warn);font-size:.9em}.empty{padding:40px;text-align:center;color:var(--muted)}.notes{display:flex;flex-direction:column;gap:6px}.inote{background:var(--inote-bg);border:1px dashed var(--inote-line);border-radius:8px;padding:8px 10px;color:var(--inote-text);display:flex;flex-direction:column;gap:2px;white-space:pre-wrap}.inote-meta{font-size:.8em;color:var(--muted)}.note-add{align-self:flex-start;background:none;border:1px dashed var(--inote-line);color:var(--inote-line);border-radius:8px;padding:6px 12px;cursor:pointer}.note-editor{display:flex;flex-direction:column;gap:6px}.note-editor textarea{width:100%;border-radius:8px;border:1px dashed var(--inote-line);background:var(--panel-2);color:var(--text);padding:8px 10px;resize:vertical}.note-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.note-save{background:var(--inote-line);color:#14110f;border:none;border-radius:8px;padding:8px 14px;font-weight:700;cursor:pointer}.note-save:disabled{opacity:.5}.note-cancel{background:none;border:1px solid var(--line);color:var(--muted);border-radius:8px;padding:8px 12px;cursor:pointer}.items li.item{padding:0}.tick{display:flex;align-items:center;gap:10px;padding:8px 10px;min-height:48px;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.tick input{position:absolute;opacity:0;width:0;height:0}.tick-box{flex:0 0 auto;width:30px;height:30px;border:2px solid var(--muted);border-radius:8px;display:inline-flex;align-items:center;justify-content:center;font-weight:900;font-size:1.1em;color:#14110f;background:transparent}.item-ready .tick-box{background:#2e8b57;border-color:#2e8b57}.item-ready .item-name,.item-ready .variation{color:var(--muted);text-decoration:line-through}.item-ready .qty{color:var(--muted)}.tick input:disabled~*{cursor:default}.progress{margin-left:auto;font-weight:800;color:var(--accent);white-space:nowrap;min-width:0}.progress-done{color:#14110f;background:#2e8b57;padding:2px 10px;border-radius:999px;font-size:.85em}.card-ready{border-color:#2e8b57}.deadline{font-weight:800;font-size:.85em;padding:5px 10px;border-radius:8px;color:#14110f;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.deadline-soon{background:var(--warn)}.deadline-overdue{background:var(--bad)}.card-soon{outline:2px solid var(--warn)}.card-overdue{outline:2px solid var(--bad)}.urgent-strip{grid-column:1 / -1;background:#4a1f1f;color:#ffd6d6;border:2px solid var(--bad);border-radius:10px;padding:10px 14px;font-weight:800;display:flex;gap:12px;flex-wrap:wrap;align-items:center}.urgent-item{padding:4px 12px;border-radius:999px;border:none;background:var(--warn);color:#14110f;font:inherit;font-weight:800;cursor:pointer}.urgent-item:active{transform:scale(.97)}.card-flash{animation:flash 2.5s ease-out}@keyframes flash{0%,60%{box-shadow:0 0 0 4px var(--accent)}to{box-shadow:0 0 0 0 transparent}}.urgent-overdue{background:var(--bad)}.card-takealot{border-left-color:#6fb1ff}.card-amazon{border-left-color:#ff9f43}.badge-takealot_dc{background:#6fb1ff}.badge-amazon_customer{background:#ff9f43}.group-takealot .group-title{color:#6fb1ff}.group-amazon .group-title{color:#ff9f43}.market{display:flex;gap:12px;flex-wrap:wrap;align-items:baseline;color:var(--muted)}.market-code{color:var(--text);font-weight:700}.market-to{min-width:0;flex:1 1 100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.market-count{color:#ff9f43;font-weight:700}.card-shipped{opacity:.75}.modal-backdrop{position:fixed;inset:0;background:#000000b3;z-index:100;display:flex;align-items:center;justify-content:center;padding:16px}.modal{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:20px 22px;width:min(560px,100%);display:flex;flex-direction:column;gap:12px}.modal-title{margin:0;font-size:1.3em}.modal-text{margin:0;color:var(--muted)}.modal-lines{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:4px}.modal-lines li{background:var(--panel-2);border-radius:8px;padding:8px 10px}.modal-warn{color:var(--bad);font-weight:700}.modal-actions{display:flex;gap:10px;margin-top:6px}.modal-go,.modal-cancel{flex:1;min-height:52px;border-radius:10px;font-weight:800;cursor:pointer;border:none}.modal-go{background:#2e8b57;color:#f4ede4}.modal-cancel{background:var(--panel-2);color:var(--text);border:1px solid var(--line)}.cancel-row{display:flex;justify-content:flex-end}.btn-cancel-order{background:transparent;color:var(--bad);border:1px solid var(--bad);border-radius:8px;padding:6px 12px;font-weight:700;cursor:pointer;min-height:36px}.modal-danger{flex:1;min-height:52px;border-radius:10px;font-weight:800;cursor:pointer;border:none;background:var(--bad);color:#f4ede4}.modal-danger:disabled{opacity:.4;cursor:not-allowed}.modal-check{display:flex;gap:10px;align-items:flex-start;background:var(--panel-2);border-radius:8px;padding:10px;cursor:pointer;font-weight:700}.modal-check input{width:22px;height:22px;flex:none}.modal-field{display:flex;flex-direction:column;gap:6px;color:var(--muted)}.modal-field textarea{font:inherit;color:var(--text);background:var(--panel-2);border:1px solid var(--line);border-radius:8px;padding:8px 10px;resize:vertical}.modal-steps{margin:0;padding-left:1.3em;display:flex;flex-direction:column;gap:6px}.transfer{font-size:.85em;padding:6px 10px;border-radius:8px;display:flex;gap:8px;align-items:center;flex-wrap:wrap}.transfer-pending{color:var(--muted)}.transfer-done{background:#1f3d2c;color:#bfe8cf}.transfer-partial,.transfer-failed{background:#4a1f1f;color:#ffd6d6}.transfer-hint{color:var(--muted);font-style:italic}.banner-neg{background:#3a2a1a;color:#ffd9a8;flex-direction:column;align-items:flex-start;gap:6px}.neg-toggle{background:none;border:none;color:inherit;font:inherit;font-weight:800;cursor:pointer;padding:0}.neg-list{margin:0;padding:0 0 0 4px;list-style:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:2px 16px;font-size:.85em;font-weight:500}.collect{border:1px solid var(--line);border-radius:8px;background:var(--panel-2)}.collect .tick{min-height:44px;flex-wrap:nowrap;padding:6px 10px;gap:8px}.collect-label{font-weight:800;white-space:nowrap}.collect-done{border-color:#2e8b57}.collect-done .tick-box{background:#2e8b57;border-color:#2e8b57}.collect-locked .tick{cursor:default;opacity:.75}.collect-lock{margin-left:auto;flex:0 1 auto;min-width:0;color:var(--muted);font-size:.75em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.collect .tick-box{flex:0 0 auto}.collect-label{flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis}.collect .action-pill{margin-left:auto}.action-pill{background:#2e8b57;color:#f4ede4;font-weight:800;font-size:.85em;padding:3px 10px;border-radius:999px;white-space:nowrap}.action-pill:before{content:"✓ "}.custom{border:1px solid var(--line);border-radius:8px;background:var(--panel-2)}.custom-toggle{width:100%;text-align:left;background:none;border:none;color:var(--text);padding:8px 10px;cursor:pointer;font-weight:700}.custom-caret{color:var(--accent);display:inline-block;width:1em}.custom-type{color:var(--accent)}.custom-theme,.custom-pics{color:var(--muted);font-weight:500}.custom-body{padding:0 10px 10px;display:flex;flex-direction:column;gap:10px}.custom-fields{margin:0;display:grid;grid-template-columns:max-content 1fr;column-gap:14px;row-gap:4px}.custom-field{display:contents}.custom-fields dt{color:var(--muted)}.custom-fields dd{margin:0;font-weight:600}.custom-pictures{display:flex;gap:8px;flex-wrap:wrap}.custom-pictures img{height:160px;max-width:100%;border-radius:8px;border:1px solid var(--line);object-fit:cover;background:var(--bg)}@media(max-width:900px){.custom-pictures img{height:220px}}.login-page{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:24px}.login-page h1{color:var(--accent);margin:0}.login-page p{color:var(--muted);margin:0}.login-form,.login-inline{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.login-form input,.login-inline input{padding:10px 12px;border-radius:8px;border:1px solid var(--line);background:var(--panel-2);color:var(--text);min-width:220px}.login-form button,.login-inline button{padding:10px 16px;border-radius:8px;border:none;background:var(--accent);color:#14110f;font-weight:700;cursor:pointer}.login-error{color:var(--bad)}@media(max-width:1300px)and (min-width:901px){.lane-groups{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:900px){:root{--fs: 16px}.header{grid-template-columns:1fr 1fr}.header-mid{grid-column:1 / -1;order:3}.lane-groups{grid-template-columns:1fr}.board{padding:10px 12px 40px}}.tabs{display:flex;gap:6px}.tab{background:transparent;color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:5px 14px;cursor:pointer;font-weight:700}.tab-on{background:var(--accent);border-color:var(--accent);color:#1b1210}.xview{padding:14px 18px 60px;display:flex;flex-direction:column;gap:14px;max-width:1200px;width:100%;margin:0 auto}.xbar{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;flex-wrap:wrap}.xtitle{margin:0;font-size:1.5em}.xbar-actions,.xrow,.xfilters{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.xbtn{background:var(--accent);color:#1b1210;border:none;border-radius:10px;padding:10px 16px;min-height:44px;font-weight:800;cursor:pointer}.xbtn-ghost{background:var(--panel-2);color:var(--text);border:1px solid var(--line)}.xbtn:disabled{opacity:.5;cursor:default}.xmuted{color:var(--muted)}.xstale{color:var(--bad);font-weight:700}.xrules{margin:0;color:var(--muted);font-size:.9em}.xcode{display:inline-block;border-radius:6px;padding:1px 8px;font-size:.85em;font-weight:800;white-space:nowrap}.xcode-normal{background:#24382e;color:var(--collect)}.xcode-sale{background:#3f341a;color:var(--pargo)}.xcode-bb{background:#45291c;color:#f2a071}.xcode-wo{background:#3a2426;color:var(--bad)}.xsection{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:14px 16px;display:flex;flex-direction:column;gap:10px}.xsection p{margin:0}.xhead{margin:0;font-size:1.2em}.xhead-do{color:var(--warn)}.xhead-bad{color:var(--bad)}.xhead-note{color:var(--warn);font-size:.8em;font-weight:600}.xlist{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.xmove{display:flex;gap:14px;align-items:center;background:var(--panel-2);border-left:5px solid var(--warn);border-radius:8px;padding:10px 12px}.xmove-wo{border-left-color:var(--bad)}.xmove-qty{font-size:1.7em;font-weight:800;min-width:2.6em;text-align:right}.xproblem{background:var(--panel-2);border-left:5px solid var(--bad);border-radius:8px;padding:8px 12px}.xproblem ul{margin:4px 0 0;padding-left:20px;color:#ffd6d6}.xsoon{display:flex;gap:12px;align-items:baseline;flex-wrap:wrap}.xsoon-date{font-weight:800;min-width:7.5em}.xfilters input[type=search]{flex:1;min-width:200px;background:var(--panel-2);color:var(--text);border:1px solid var(--line);border-radius:8px;padding:8px 10px}.xcat-title{margin:6px 0 4px;font-size:1em;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.xprod{background:var(--panel-2);border-radius:8px}.xprod-undated{border-left:4px solid var(--warn)}.xprod-head{width:100%;display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:12px;align-items:center;background:none;border:none;color:inherit;text-align:left;padding:9px 12px;cursor:pointer}.xprod-name{overflow-wrap:anywhere}.xlevels{color:var(--muted);font-size:.9em;white-space:nowrap}.xlevels strong{color:var(--text)}.xundated{color:var(--warn);font-weight:700;white-space:nowrap}.xover{color:var(--bad);font-weight:700;white-space:nowrap}.xdated{color:var(--collect);white-space:nowrap}.xprod-body{padding:4px 12px 12px;display:flex;flex-direction:column;gap:10px}.xbatches{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.xbatch{display:flex;gap:12px;align-items:center;flex-wrap:wrap;border-bottom:1px solid var(--line);padding-bottom:6px}.xbb{font-weight:700;min-width:9em}.xedit{display:flex;gap:6px;flex-wrap:wrap}.xedit input,.xfield input,.xfield select{background:var(--panel-2);color:var(--text);border:1px solid var(--line);border-radius:8px;padding:8px 10px;font:inherit;min-height:44px}.xedit input[type=number]{width:6em}.xfield{display:flex;flex-direction:column;gap:4px;flex:1;min-width:150px;color:var(--muted);font-size:.9em}.xfield input,.xfield select{color:var(--text);font-size:1.1em;width:100%}.xradio{display:flex;gap:6px;align-items:center;cursor:pointer}@media(max-width:900px){.xview{padding:12px 12px 60px}.xprod-head{grid-template-columns:1fr;gap:4px}.tabs{order:3}.header-expiry{position:static}.header-left{flex-wrap:wrap}}