:root{--bg: #fff;--card: #fff;--fg: #31333f;--muted: #808495;--line: #e6eaf1;--accent: #ff4b4b;--accent-bg: #fff0f0;--danger: #c1121f;--warn: #b45309}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg);font-family:Source Sans Pro,Microsoft JhengHei,PingFang TC,Noto Sans TC,system-ui,sans-serif;font-size:16px;line-height:1.6}.app{max-width:1100px;margin:0 auto;padding:32px 40px 80px}.header{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:24px;flex-wrap:wrap}.header h1{font-size:30px;font-weight:700;margin:0;letter-spacing:-.01em}.statusbar{font-size:14px;color:var(--muted);display:flex;align-items:center;gap:8px}.dot{width:7px;height:7px;border-radius:50%;display:inline-block}.dot.ok{background:#16a34a}.dot.bad{background:var(--danger)}.readonly-badge{background:#fef3c7;color:var(--warn);padding:1px 7px;border-radius:99px;font-size:13px;font-weight:600}.dim{color:var(--muted)}.tabs{display:flex;gap:4px;margin-bottom:8px;border-bottom:1px solid var(--line);overflow-x:auto}.tab{padding:10px 20px;font-size:16px;border:none;background:none;cursor:pointer;font:inherit;color:var(--muted);white-space:nowrap;border-bottom:2px solid transparent;margin-bottom:-1px}.tab:hover{color:var(--fg)}.tab.active{color:var(--accent);border-bottom-color:var(--accent);font-weight:600}.page-title{font-size:26px;font-weight:700;margin:18px 0 20px;letter-spacing:-.01em;line-height:1.3}.toolbar{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin-bottom:10px}.search{flex:1 1 220px;min-width:200px;padding:11px 14px;border:1px solid var(--line);border-radius:8px;font-size:16px;font-family:inherit;background:var(--card)}.search:focus{outline:2px solid var(--accent);outline-offset:-1px;border-color:transparent}.chips{display:flex;gap:6px;flex-wrap:wrap}.chip{padding:7px 15px;border:1px solid var(--line);background:var(--card);border-radius:99px;font-size:14px;cursor:pointer;font-family:inherit;color:var(--muted);white-space:nowrap}.chip:hover{border-color:var(--accent)}.chip.active{background:var(--accent-bg);border-color:var(--accent);color:var(--accent);font-weight:600}.result-count{font-size:14px;color:var(--muted);margin-bottom:12px}.series-tabs{display:flex;gap:2px;margin:6px 0 4px;border-bottom:1px solid var(--line);overflow-x:auto}.series-tab{padding:9px 16px;border:none;background:none;cursor:pointer;font:inherit;font-size:15px;color:var(--muted);white-space:nowrap;border-bottom:2px solid transparent;margin-bottom:-1px}.series-tab:hover{color:var(--fg);background:#f7f8fa}.series-tab.active{color:var(--accent);border-bottom-color:var(--accent);font-weight:600}.series-tab-n{color:var(--muted);font-size:13px;font-weight:400}.series-tab.active .series-tab-n{color:var(--accent)}.series-group{margin-bottom:22px}.series-header-static{display:flex;align-items:baseline;gap:8px;padding:10px 2px;font-size:20px}.series-name{font-weight:700}.series-meta{font-size:14px;color:var(--muted);font-weight:400}.stock-table{width:100%;border-collapse:collapse;background:var(--card);border:1px solid var(--line);border-radius:8px;overflow:hidden}.stock-table th{text-align:left;font-size:13px;font-weight:600;color:var(--muted);padding:10px 14px;border-bottom:1px solid var(--line);background:#f0f2f6}.stock-table td{padding:10px 14px;border-bottom:1px solid #f0f2f6}.stock-table tr:last-child td{border-bottom:none}.stock-table tbody tr:hover{background:#f7f8fa}.col-sku{font-variant-numeric:tabular-nums}.col-num{text-align:right;font-variant-numeric:tabular-nums;width:100px}.col-total{font-weight:700;border-left:1px solid var(--line)}.cell-qty{padding:0}.qty-btn{width:100%;padding:10px 14px;border:none;background:none;font:inherit;color:inherit;text-align:right;cursor:pointer;font-variant-numeric:tabular-nums;border-radius:4px}.qty-btn:hover:not(:disabled){background:var(--accent-bg)}.qty-btn:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.qty-btn:disabled{cursor:default}.negative{color:var(--danger);font-weight:700}.booked{color:var(--warn);font-size:12.5px;margin-left:6px}tr.zero .col-total{color:#a8a29e}tr.discontinued .col-sku{text-decoration:line-through;color:#a8a29e}.tag{margin-left:7px;font-size:12px;background:#f0f2f6;color:var(--muted);padding:2px 6px;border-radius:4px}.state{padding:48px 0;font-size:16px;text-align:center;color:var(--muted)}.state.error{color:var(--danger)}.hint{font-size:14px;color:var(--muted);margin-top:10px}.dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#1c1a1773;display:flex;align-items:center;justify-content:center;padding:16px;z-index:50}.tx-dialog{background:var(--card);border-radius:12px;padding:26px;width:100%;max-width:420px;box-shadow:0 12px 32px #0000002e;display:flex;flex-direction:column;gap:18px}.tx-head{display:flex;flex-direction:column;gap:3px}.tx-head strong{font-size:20px;font-weight:700}.tx-head-sub{font-size:14px;color:var(--muted)}.tx-types{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.tx-type{padding:11px 0;border:1px solid var(--line);background:var(--card);border-radius:8px;font:inherit;cursor:pointer;color:var(--muted)}.tx-type:hover{border-color:var(--accent);color:var(--fg)}.tx-type.active{background:var(--accent-bg);border-color:var(--accent);color:var(--accent);font-weight:600}.tx-field{display:flex;flex-direction:column;gap:5px}.tx-field>span{font-size:14px;color:var(--muted)}.tx-field input,.tx-field select{padding:11px 13px;border:1px solid var(--line);border-radius:8px;font:inherit;background:var(--card);width:100%}.tx-field input:focus,.tx-field select:focus{outline:2px solid var(--accent);outline-offset:-1px;border-color:transparent}.qty-stepper{display:flex;gap:6px;align-items:stretch}.qty-stepper button{width:48px;border:1px solid var(--line);background:var(--card);border-radius:8px;font-size:20px;cursor:pointer;color:var(--fg)}.qty-stepper button:hover{border-color:var(--muted);background:#f0f2f6}.qty-stepper input{text-align:center;font-size:18px;font-variant-numeric:tabular-nums}.tx-warn{background:#fff8e6;color:var(--warn);padding:12px 14px;border-radius:8px;font-size:14px}.tx-error{background:#fdeaea;color:var(--danger);padding:12px 14px;border-radius:8px;font-size:14px}.tx-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:2px}.tx-actions button{padding:10px 22px;border:1px solid var(--line);background:var(--card);border-radius:8px;font:inherit;cursor:pointer}.tx-actions button:hover{border-color:var(--muted)}.tx-actions .primary{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}.tx-actions .primary:hover{background:#e03131;border-color:#e03131}.tx-actions .primary:disabled{opacity:.6;cursor:default}.log-table{width:100%;border-collapse:collapse;background:var(--card);border:1px solid var(--line);border-radius:8px;overflow:hidden}.log-table th{text-align:left;font-size:13px;font-weight:600;color:var(--muted);padding:10px 14px;border-bottom:1px solid var(--line);background:#f0f2f6;white-space:nowrap}.log-table td{padding:10px 14px;border-bottom:1px solid #f0f2f6;white-space:nowrap}.log-table tr:last-child td{border-bottom:none}.log-table tbody tr:hover{background:#f7f8fa}.col-time{color:var(--muted);font-variant-numeric:tabular-nums}.col-change{font-variant-numeric:tabular-nums}.col-ref{max-width:160px;overflow:hidden;text-overflow:ellipsis}.arrow{color:#c4bfb8;margin:0 4px}.transfer-dir{font-size:15px}.anomaly-row{background:#fdf3f3}.anomaly-row:hover{background:#fbe9e9}.anomaly-tag{margin-left:7px;font-size:12px;background:#fdeaea;color:var(--danger);padding:2px 7px;border-radius:4px;font-weight:600}.tx-tag{display:inline-block;padding:3px 10px;border-radius:4px;font-size:13.5px;font-weight:600}.tx-in{background:#dcfce7;color:#15803d}.tx-out{background:#dbeafe;color:#1d4ed8}.tx-move{background:#f3e8ff;color:#7e22ce}.tx-adjust{background:#ffedd5;color:#c2410c}.tx-muted{background:#f5f5f4;color:var(--muted)}.settings-page{max-width:620px}.settings-lead{margin-bottom:24px;line-height:1.6}.settings-block{margin-bottom:32px}.settings-block h2{font-size:19px;font-weight:700;margin:0 0 6px}.settings-block .hint{margin:0 0 12px}.list-editor{list-style:none;margin:0 0 12px;padding:0}.list-editor li{display:flex;align-items:center;gap:10px;padding:11px 15px;border:1px solid var(--line);border-radius:8px;background:var(--card);margin-bottom:8px}.list-name{flex:1}.link{background:none;border:none;padding:2px 5px;cursor:pointer;font:inherit;font-size:14px;color:var(--muted)}.link:hover{text-decoration:underline;color:var(--fg)}.link.danger,.link.danger:hover{color:var(--danger)}.inline-add{display:flex;gap:6px;align-items:stretch;flex:1}.inline-add input{flex:1;min-width:0;padding:10px 13px;border:1px solid var(--line);border-radius:8px;font:inherit;background:var(--card)}.inline-add input:focus{outline:2px solid var(--accent);outline-offset:-1px;border-color:transparent}.inline-add button{padding:10px 17px;border:1px solid var(--line);background:var(--card);border-radius:8px;font:inherit;cursor:pointer;white-space:nowrap}.inline-add button:hover{border-color:var(--muted)}.inline-add .primary{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}.inline-add .primary:hover{background:#e03131;border-color:#e03131}.inline-add .primary:disabled{opacity:.5;cursor:default}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.login-box{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:32px;width:100%;max-width:360px;display:flex;flex-direction:column;gap:18px;box-shadow:0 4px 20px #0000000f}.login-box h1{font-size:22px;margin:0;text-align:center}.login-box .primary{padding:12px;border:1px solid var(--accent);background:var(--accent);color:#fff;font:inherit;font-weight:600;border-radius:8px;cursor:pointer}.login-box .primary:hover:not(:disabled){background:#e03131;border-color:#e03131}.login-box .primary:disabled{opacity:.5;cursor:default}