:root{color-scheme:dark;--bg:#111217;--panel:#1a1c24;--line:#30333f;--text:#f2f2f7;--muted:#a8adbf;--violet:#9670ff;--green:#75deb1}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.5 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:1px solid var(--line);border-radius:9px;padding:10px 16px;color:var(--text);background:#20222d;min-height:44px}button:hover{border-color:var(--violet)}button:disabled{opacity:.45;cursor:default}button:focus-visible,a:focus-visible{outline:2px solid #c3aeff;outline-offset:3px}button.primary{background:#8052ed;border-color:#9a71ff;font-weight:650}.sidebar{width:230px;position:fixed;inset:0 auto 0 0;background:#15161d;border-right:1px solid var(--line);padding:30px 18px;display:flex;flex-direction:column}.logo{font-size:28px;font-weight:900;letter-spacing:-1px;padding:0 10px}.logo span{display:block;font-size:11px;letter-spacing:4px;color:var(--muted);font-weight:600;margin-top:3px}.sidebar nav{margin-top:40px;display:grid;gap:10px}.sidebar nav button{display:flex;gap:12px;align-items:center;border-color:transparent;background:none;text-align:left;padding:13px 14px}.sidebar nav button span{flex:1}.sidebar nav button.active{color:#c7afff;background:#2b2049;border-color:#473466}nav b{font-size:13px;font-weight:500}.sidebarBottom{margin-top:auto}.sidebarBottom small{display:block;color:var(--muted);font-size:12px;margin-top:20px}.backup{display:block;color:#c5b1ff;text-decoration:none;padding:14px 0;font-size:14px}main{margin-left:230px;padding:38px 42px;max-width:1600px}header{display:flex;justify-content:space-between;align-items:center;gap:20px}.eyebrow{color:var(--muted);font-size:12px;letter-spacing:1.5px}h1{font-size:36px;line-height:1.2;letter-spacing:-1px;margin:10px 0}header p{margin:8px 0;color:var(--muted);font-size:14px}.toolbar{display:flex;gap:12px;align-items:center;margin:26px 0}.search{flex:1;margin:0}.toolbar>span{font-size:13px;color:var(--muted)}input,select,textarea{width:100%;min-height:44px;background:#12141c;color:var(--text);border:1px solid #3b3e4c;border-radius:8px;padding:11px 12px;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--violet);box-shadow:0 0 0 2px #9670ff26}label{display:block;font-size:14px;color:#c6cada;margin:16px 0 8px}label input,label textarea,label select{margin-top:6px}input[type=file]{font-size:13px;padding:9px}input[type=checkbox]{width:20px;min-height:20px;margin:0;accent-color:var(--violet)}.check{display:flex;gap:10px;align-items:flex-start}.group{margin:24px 0}.groupHead{display:flex;align-items:center;gap:12px;margin-bottom:12px}.groupHead h2{font-size:19px;margin:0}.count{font-size:12px;color:var(--muted);border:1px solid var(--line);padding:3px 9px;border-radius:20px}.card{border:1px solid var(--line);border-radius:14px;background:linear-gradient(100deg,#1d2029,#191b23);padding:19px;display:grid;grid-template-columns:98px minmax(150px,1fr) minmax(180px,1fr) auto;align-items:center;gap:20px;margin-bottom:12px}.card:hover{border-color:#55436f}.thumb{width:98px;height:112px;object-fit:contain;background:#111218;border-radius:9px}.noPhoto{display:grid;place-items:center;color:#757c93;text-align:center;font-size:13px;border:1px dashed #3e4250}.orderNumber{font-size:15px;font-weight:700;overflow-wrap:anywhere;margin-bottom:8px}.product{font-size:17px;font-weight:650}.meta{color:#bdc1cf;font-size:14px;margin-top:7px}.time{font-size:12px;color:#9299af;margin-top:8px}.size{display:inline-block;background:#303242;color:#eee;padding:2px 9px;border-radius:6px;font-weight:700;margin-left:6px}.ship{background:#302347;border:1px solid #574077;border-radius:10px;padding:12px 14px;min-width:0}.shipLabel{color:#c1acd9;font-size:12px}.shipNumber{font-size:22px;font-weight:760;letter-spacing:.4px;overflow-wrap:anywhere;line-height:1.4}.shipLine{display:flex;align-items:center;gap:8px;justify-content:space-between}.copy{min-height:36px;padding:4px 8px;background:transparent;border:0;color:#c9b6ff;font-size:20px}.carrier{font-size:13px;color:#d7cced;margin-top:7px}.actions{display:grid;gap:10px}.status{font-size:12px;display:inline-block;padding:4px 9px;border-radius:6px;background:#282d3d;color:#c5cefb}.status.collected{background:#163d32;color:var(--green)}.status.packed{background:#343048;color:#d2bffc}.empty{border:1px dashed #424656;border-radius:15px;text-align:center;padding:70px 24px;margin-top:30px}.empty h2{font-size:23px}.empty p{color:var(--muted);max-width:430px;margin:12px auto 24px}dialog{background:#1a1c25;color:var(--text);border:1px solid #424351;border-radius:16px;padding:25px;width:min(570px,95vw);max-height:92vh;overflow:auto;box-shadow:0 25px 100px #0009}dialog::backdrop{background:#05060ab8;backdrop-filter:blur(4px)}.dialogHead{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px}.dialogHead h2{font-size:23px;margin:0}.iconButton{font-size:24px;padding:3px 12px;background:transparent}.formRow{display:grid;grid-template-columns:1.2fr 1fr .8fr;gap:12px}.upload{border:1px dashed #4d435c;background:#171821;border-radius:10px;padding:10px 14px;margin-top:20px}.upload label{margin-top:0}.hint{font-size:13px;color:#abb1c4}.preview{max-height:160px;max-width:100%;border-radius:6px;margin:10px 0;display:block}.preview[hidden]{display:none}form>.primary{width:100%;margin-top:15px}#formError,#loadError,#loginError{color:#ffb3b3;font-size:14px}.detailNumber{font-size:24px;font-weight:750;overflow-wrap:anywhere;margin-bottom:16px}#detail .ship{margin:18px 0}#detail .shipNumber{font-size:32px}#detail .productBlock{display:flex;gap:18px;align-items:center;margin:24px 0}.detailButtons{display:flex;flex-wrap:wrap;gap:8px}.detailButtons button{font-size:14px}.history{border-top:1px solid var(--line);margin-top:25px;padding-top:18px}.history h3{font-size:16px}.event{font-size:14px;border-left:2px solid #695198;padding:0 0 18px 14px;color:#d7d8e0;overflow-wrap:anywhere}.event small{display:block;color:#969eb2;margin-top:4px}.pager{display:flex;gap:10px;margin:22px 0 12px}.pager button{flex:1;font-size:14px}#detailAction button{width:100%}.note{white-space:pre-wrap;color:#c1c6d4;font-size:14px;overflow-wrap:anywhere}#imageViewer{width:min(1050px,96vw)}#fullImage{max-width:100%;display:block;margin:auto}.login{min-height:100vh;display:grid;place-items:center}.login form{width:min(440px,92vw);padding:35px;border:1px solid var(--line);border-radius:18px;background:var(--panel)}.login h1{font-size:28px;margin-top:30px}.login p{color:var(--muted);font-size:14px}#toast{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);z-index:99;background:#332846;border:1px solid #73579a;padding:14px 20px;border-radius:12px;max-width:90vw;font-size:14px;box-shadow:0 10px 50px #0008}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}[hidden]{display:none!important}
@media(max-width:1150px){main{padding:25px}.card{grid-template-columns:75px 1fr 1fr;gap:14px}.thumb{width:75px;height:92px}.actions{grid-column:2/4;display:flex;justify-content:flex-end}.shipNumber{font-size:20px}.toolbar>span{display:none}}
@media(max-width:760px){.sidebar{position:static;width:auto;padding:16px;border-right:0;border-bottom:1px solid var(--line)}.logo{font-size:24px;padding:0}.logo span{display:none}.sidebar nav{margin-top:18px;grid-template-columns:repeat(4,1fr);gap:3px}.sidebar nav button{font-size:14px;display:block;text-align:center;padding:9px 3px}.sidebar nav button span{display:block}.sidebar nav b{margin-left:5px}.sidebarBottom{display:flex;align-items:center;gap:12px;margin-top:9px}.sidebarBottom label{margin:0;flex:1;font-size:12px}.sidebarBottom input{min-height:36px;padding:6px 9px}.sidebarBottom small{display:none}.backup{font-size:12px;margin-top:16px}main{margin:0;padding:20px 14px}header{align-items:flex-start;gap:10px}h1{font-size:29px}.eyebrow{font-size:11px}header>.primary{font-size:14px;padding:11px;margin-top:16px}header p{font-size:13px}.toolbar{margin:18px 0}.card{grid-template-columns:75px 1fr;padding:14px;gap:14px}.card>.ship{grid-column:1/3}.card>.actions{grid-column:1/3;display:flex}.actions button{flex:1}.orderNumber{font-size:14px}.product{font-size:16px}.shipNumber{font-size:24px}.thumb{height:98px}.groupHead h2{font-size:18px}dialog{padding:20px 16px;width:96vw;max-height:94dvh}.detailNumber{font-size:22px}#detail .shipNumber{font-size:30px}.formRow{gap:8px}.empty{padding:40px 20px}}
/* v0.2 workflow, date filters and statistics */
.sidebar{width:248px;padding:24px 14px;overflow-y:auto}.sidebar nav{margin-top:25px;gap:4px}.sidebar nav button{font-size:14px;padding:10px}.sidebarBottom{padding-top:14px}main{margin-left:248px}.filters{display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px;margin:0 0 22px}.filters label{margin:0;flex:1;min-width:140px;font-size:13px}.filters input,.filters select{font-size:14px}.filters button{font-size:14px}.badges{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:12px}.status{font-size:14px;font-weight:750;padding:7px 11px;border:1px solid #666a83;line-height:1.35}.status.new{background:#202f53;border-color:#496fad;color:#c3d8ff}.status.collected{background:#174c39;border-color:#3c8f6d;color:#a0ffd5}.status.packed{background:#462a6f;border-color:#9662d7;color:#e7caff}.status.shipped{background:#074957;border-color:#3297a8;color:#a9f0fc}.status.unavailable{background:#5f232b;border-color:#c05665;color:#ffd1d8}.status.review{background:#543d16;border-color:#b88d42;color:#ffe0a1}.status.warehouse{background:#313943;border-color:#7d8c9b;color:#e0e9f2}.ownBadge{font-size:12px;font-weight:750;color:#ffc1e9;background:#45243c;border:1px solid #a15b86;padding:5px 8px;border-radius:6px}.ownCheck{padding:15px;border:1px solid #79506d;background:#302030;border-radius:10px;font-weight:700}.ownCheck .hint{font-weight:400;margin-left:auto}.statGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:20px 0}.stat{padding:22px;border:1px solid var(--line);border-radius:12px;background:#1d1f29}.stat>span{color:var(--muted);font-size:14px}.stat>strong{display:block;font-size:28px;margin-top:10px;overflow-wrap:anywhere}.statStatuses{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:20px 0}.statStatuses>div{padding:14px;display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid var(--line);border-radius:10px}.statStatuses strong{font-size:24px}.tableScroll{overflow:auto}table{width:100%;border-collapse:collapse;white-space:nowrap}th,td{text-align:left;padding:14px;border-bottom:1px solid var(--line);font-size:14px}th{color:var(--muted);font-weight:500}.missingPrice{color:#f3cb83;font-size:14px}.filters input[type=date]{min-width:0}
@media(max-width:1100px){.statGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.statStatuses{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.sidebar{width:auto}.sidebar nav{grid-template-columns:repeat(4,1fr);gap:5px;margin-top:15px}.sidebar nav button{font-size:12px;padding:8px 3px}.sidebarBottom{padding-top:0}main{margin-left:0}.filters{gap:9px}.filters label{min-width:calc(50% - 9px);flex:1}.stat{padding:15px}.stat strong{font-size:24px}.statStatuses{grid-template-columns:1fr}.status{font-size:14px}.ownCheck{flex-wrap:wrap}}

.status.pending{background:#564218;color:#ffe195;border:1px solid #aa812a}.shipNumber{overflow-wrap:anywhere}
/* v0.4 */
.card{background:#191b23}.sidebar nav{gap:1px}.sidebar nav button{padding:8px}.sidebarBottom{display:grid;gap:8px}.sidebarBottom small{margin-top:6px}.sidebarBottom button{font-size:13px}.syncPanel{border:1px solid var(--line);border-radius:10px;padding:12px 16px;margin-top:20px;display:flex;gap:12px;align-items:center;flex-wrap:wrap;font-size:13px;color:var(--muted)}.syncPanel small{flex-basis:100%;overflow-wrap:anywhere}.syncDot{width:9px;height:9px;border-radius:50%;background:#75deb1}.syncDot.offline{background:#e4b156}.editorGrid{display:grid;grid-template-columns:1fr 1.2fr;gap:24px}#editor{width:min(900px,96vw)}.heroPhoto{width:100%;max-height:420px;object-fit:contain;background:#111217;border-radius:12px}.editorLinks{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:20px}.editorLinks button{flex:1;font-weight:700}.buttonLink{display:inline-flex;align-items:center;min-height:44px;padding:10px 14px;border:1px solid var(--line);border-radius:9px;color:#cbb8ff;text-decoration:none;font-size:14px}.chips{display:flex;flex-wrap:wrap;gap:7px}.chips button{padding:7px 12px;font-size:14px}.chips .chosen{background:#59408d;border-color:#b28dfb}details{margin:20px 0;border-top:1px solid var(--line);padding-top:15px}summary{cursor:pointer;color:#cbb8ff}.avitoBadge{font-size:12px;color:#b4bfcd;padding:4px 7px;border:1px solid #4b5460;border-radius:5px}.avitoBadge.problem{background:#592a30;color:#ffc3cb;border-color:#bd6672}.catalogCard{display:flex;gap:20px;padding:18px;background:var(--panel);border:1px solid var(--line);border-radius:12px;margin:12px 0}#editor .formRow{grid-template-columns:1fr 1fr}#saveOrder{position:sticky;bottom:0;min-height:54px}.heroPhoto[hidden]{display:none}
@media(max-width:760px){.editorGrid{grid-template-columns:1fr;gap:8px}.heroPhoto{max-height:240px}.sidebarBottom{display:flex;flex-wrap:wrap}.sidebar nav{grid-template-columns:repeat(3,1fr)}.syncPanel{gap:8px}.editorLinks button{font-size:14px}.editorLinks .buttonLink{flex:1;justify-content:center}.statGrid{grid-template-columns:1fr 1fr}}

/* v0.5: readable picking cards on desktop and mobile */
.pickSpecs{display:flex;flex-wrap:wrap;gap:10px 18px;margin:12px 0}.pickSpecs>div{min-width:0}.pickSpecs small{display:block;color:var(--muted);font-size:12px}.pickSpecs strong{display:block;font-size:17px;overflow-wrap:anywhere}.pickingCard{grid-template-columns:110px minmax(0,1fr) minmax(180px,.6fr) auto}.pickingCard .thumb{width:110px;height:135px}.pickingCard .product{font-size:22px;line-height:1.3}.pickingCard .pickSpecs{gap:12px;align-items:stretch}.pickingCard .pickSpecs>div{padding:12px 16px;border:1px solid #596078;border-radius:10px;background:#252936}.pickingCard .pickSize{background:#382858;border-color:#af8df1}.pickingCard .pickSpecs small{font-size:14px;color:#d2d5e0}.pickingCard .pickSpecs strong{font-size:28px;line-height:1.25;color:#fff;margin-top:4px}.pickingCard .pickSize strong{font-size:38px}.pickingCard .actions button{min-height:52px;font-size:18px}.pickingCard>div{min-width:0}
@media(max-width:1150px){.pickingCard{grid-template-columns:100px minmax(0,1fr)}.pickingCard .thumb{width:100px;height:125px}.pickingCard>.ship,.pickingCard>.actions{grid-column:1/-1}.pickingCard .actions{display:flex;justify-content:flex-end}}
@media(max-width:760px){.pickingCard{grid-template-columns:80px minmax(0,1fr);gap:12px}.pickingCard .thumb{width:80px;height:105px}.pickingCard .product{font-size:20px}.pickingCard .pickSpecs>div{padding:9px 12px}.pickingCard .pickSpecs strong{font-size:24px}.pickingCard .pickSize strong{font-size:34px}.pickingCard .pickColor{flex-basis:100%}.pickingCard .actions{flex-wrap:wrap}}

/* v0.6 purchase snapshot is visible on every order card */
.purchaseBlock{border-left:3px solid #79dfb2;padding:8px 12px;margin:12px 0;background:#173328;border-radius:0 8px 8px 0}.purchaseBlock span,.purchaseBlock small{display:block;color:#c5dbd1;font-size:13px}.purchaseBlock strong{display:block;font-size:23px;line-height:1.4;color:#aeffd9}.actions button[data-copy]{font-size:13px;white-space:normal}.actions{max-width:240px}@media(max-width:1150px){.actions{max-width:none;flex-wrap:wrap}}

.numberRow{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.copyOrder{font-size:12px;min-height:36px;padding:6px 10px}.numberRow .orderNumber{overflow-wrap:anywhere}

/* 0.8: quieter surfaces, stronger operational hierarchy */
:root{color-scheme:dark}body{background:#101114}main{max-width:1500px}.sidebar{background:#15161a}.card{background:#1a1c21;border:1px solid #303238;border-radius:18px;box-shadow:0 8px 28px #0002}.product{letter-spacing:-.025em}.status{font-weight:750;padding:8px 12px;border-radius:8px}.primary{border-radius:11px}.ship{border-radius:14px;background:#232922}.shipNumber{font-variant-numeric:tabular-nums;letter-spacing:.04em}.warehouseTools{padding:14px;border:1px solid #39423d;border-radius:12px;margin:12px 0}.warehouseTools h3{margin:0 0 10px}.warehouseTools small{display:block;margin-top:8px}.checklist{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0 20px}.checklist span,.deadline{display:inline-block;padding:7px 10px;border-radius:8px;font-size:13px}.ready{color:#bcdfb4;background:#263227}.missing{color:#f0c285;background:#382d23}.deadline{margin:10px 0;color:#c9d0d9;background:#30333b}.deadline.today{color:#ffdb97;background:#43351f}.deadline.overdue{color:#ffb7b7;background:#44272b}.returnTools{margin:12px 0}.catalogCard{border:1px solid #303238;border-radius:14px;padding:18px}.syncPanel{flex-wrap:wrap}.chips button{min-height:40px}.actions{gap:9px}.pickSpecs strong{font-size:24px}.pickingCard .pickSpecs strong{font-size:32px}@media(max-width:700px){.warehouseTools .chips{display:grid;grid-template-columns:1fr 1fr}.warehouseTools button{overflow-wrap:anywhere}.pickSpecs strong{font-size:24px}.card{border-radius:14px}.syncPanel{font-size:12px}}@media(prefers-reduced-motion:no-preference){button{transition:background .15s,transform .15s}button:active{transform:translateY(1px)}}