:root{--bg: #f7f7f8;--panel: #ffffff;--border: #e2e2e6;--text: #1c1c1e;--muted: #77777f;--accent: #2f6df6;--danger: #d1453b;--positive: #1a7f4b;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Helvetica Neue,sans-serif;color:var(--text)}*{box-sizing:border-box}body{margin:0;background:var(--bg)}.app{max-width:1080px;margin:0 auto;padding:24px 20px 80px}.nav{display:flex;gap:8px;align-items:center;margin-bottom:24px}.nav h1{font-size:18px;margin:0 auto 0 0}button{font:inherit;padding:7px 14px;border:1px solid var(--border);border-radius:7px;background:var(--panel);color:var(--text);cursor:pointer}button:hover{border-color:var(--muted)}button.primary{background:var(--accent);border-color:var(--accent);color:#fff}button.danger{color:var(--danger)}.panel{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:20px;margin-bottom:20px}.panel h2{font-size:15px;margin:0 0 16px}.field-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px}label{display:block;font-size:13px;color:var(--muted);margin-bottom:5px}input,select{font:inherit;width:100%;padding:7px 10px;border:1px solid var(--border);border-radius:7px;background:var(--panel);color:var(--text)}input:focus,select:focus{outline:2px solid var(--accent);outline-offset:-1px;border-color:transparent}table{width:100%;border-collapse:collapse;font-size:14px}th,td{padding:9px 12px;text-align:right;border-bottom:1px solid var(--border)}th:first-child,td:first-child{text-align:left;color:var(--muted)}thead th{font-size:13px;color:var(--muted);font-weight:500}tr.highlight td{font-weight:600}.positive{color:var(--positive)}.negative{color:var(--danger)}.hint{font-size:13px;color:var(--muted);margin:8px 0 0}.total-line{display:flex;justify-content:space-between;align-items:baseline;margin-top:18px;padding-top:16px;border-top:1px solid var(--border)}.total-line strong{font-size:20px}.project-row{display:flex;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid var(--border)}.project-row:last-child{border-bottom:none}.project-row .name{font-weight:500}.project-row .meta{font-size:13px;color:var(--muted)}.grow{flex:1}.empty{color:var(--muted);text-align:center;padding:40px 0}.list-toolbar{display:flex;gap:10px;align-items:center;margin-bottom:8px}.list-toolbar .search{flex:1}.origin-group{margin-top:8px}.origin-title{font-size:13px;color:var(--muted);font-weight:500;padding:14px 0 6px;border-bottom:1px solid var(--border)}.origin-count{color:var(--accent)}.checkbox-row{display:flex;align-items:center;gap:8px;margin-bottom:16px}.checkbox-row input{width:auto}.checkbox-row label{margin:0;color:var(--text)}.login{display:flex;justify-content:center;padding-top:12vh}.login .panel{width:320px}.login h1{font-size:20px;margin-bottom:20px}.login div{margin-bottom:14px}.login button{width:100%;margin-top:6px}.error{color:var(--danger, #c0392b);font-size:14px;margin-bottom:12px}.nav-inline{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.nav-inline h2{margin:0}.accessory-card{border:1px solid var(--border, #e0e0e0);border-radius:8px;padding:16px;margin-bottom:16px}.accessory-card:last-child{margin-bottom:0}.accessory-name{flex:1;margin-right:12px}.add-more{margin-top:16px}.link-row{display:flex;gap:8px;align-items:center}.link-row button{white-space:nowrap}.merge-skus{display:flex;flex-wrap:wrap;gap:8px 16px;margin:12px 0}.merge-sku{display:flex;align-items:center;gap:6px;color:var(--text);font-size:14px}.merge-sku input{width:auto}.checkbox-grid{display:flex;flex-wrap:wrap;gap:4px 20px}.checkbox-grid .checkbox-row{margin-bottom:4px}.search-box{position:relative}.search-drop{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:10;background:var(--panel);border:1px solid var(--border);border-radius:7px;box-shadow:0 6px 20px #00000014;overflow:hidden}.search-drop-empty{padding:10px 12px;font-size:13px;color:var(--muted)}button.search-hit{display:flex;align-items:baseline;justify-content:space-between;gap:12px;width:100%;padding:9px 12px;border:none;border-radius:0;text-align:left}button.search-hit+button.search-hit{border-top:1px solid var(--border)}button.search-hit.active{background:var(--bg)}.search-hit-id{font-weight:500}.search-hit-side{font-size:13px;color:var(--muted)}.shipping-table th,.shipping-table td{text-align:left;vertical-align:top}.shipping-table td:first-child{color:var(--text)}.shipping-table .pack-cell{text-align:center;width:84px}.shipping-person{width:210px;border-right:1px solid var(--border);cursor:context-menu}.shipping-person-row{display:flex;gap:8px}.shipping-no{min-width:18px;text-align:right;color:var(--muted);font-variant-numeric:tabular-nums}.shipping-id{font-weight:500}.shipping-sub{font-size:13px;color:var(--muted);margin:2px 0 0}.pack-items{display:flex;flex-wrap:wrap;gap:4px 18px}label.pack-item{display:flex;align-items:center;gap:6px;margin:0;font-size:14px;color:var(--text)}label.pack-item.blocked{color:var(--muted)}.pack-item input{width:auto}.pack-item .negative{font-size:13px}.pack-flag{font-size:17px;color:var(--muted)}.pack-flag.done{color:var(--positive)}button.shipped{color:var(--positive);border-color:var(--positive)}.pick-table th:nth-child(2),.pick-table td:nth-child(2){text-align:left}.extra-row{display:flex;align-items:center;gap:8px;margin-top:8px;cursor:context-menu}.extra-row select{width:auto;min-width:140px}.extra-row>div{width:90px}.extra-row .shipping-sub{margin:0}button.closed{color:var(--muted)}.leftover-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;padding:10px 12px;border:1px solid var(--accent);border-radius:7px;font-size:14px}