:root{--bg:#f5f6f8;--panel:#fff;--border:#e3e6ea;--border-strong:#cfd4da;--text:#1f2328;--text-2:#5b6470;--text-3:#8b95a1;--primary:#1f5fd0;--primary-soft:#eaf1fd;--ok:#0f7b4f;--ok-soft:#e6f5ee;--warn:#b26a00;--warn-soft:#fdf2e0;--danger:#c62f38;--danger-soft:#fdecec;--radius:8px}*{box-sizing:border-box;margin:0;padding:0}body,html{height:100%}body{font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,Helvetica Neue,Arial,sans-serif;background:var(--bg);color:var(--text);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}.wrap{max-width:1280px;margin:0 auto;padding:20px 20px 60px}header{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:18px}h1{font-size:19px;font-weight:600;letter-spacing:.3px}.sub{font-size:12px;color:var(--text-3);margin-top:3px}.tools{display:flex;gap:8px;flex-wrap:wrap;align-items:center}button{font-family:inherit;font-size:13px;cursor:pointer;border-radius:6px;border:1px solid var(--border-strong);background:#fff;color:var(--text);padding:7px 13px;transition:.15s}button:hover{background:#f0f2f5;border-color:#b9c0c8}button:disabled{opacity:.5;cursor:not-allowed}button.primary{background:var(--primary);border-color:var(--primary);color:#fff}button.primary:hover{background:#1a51b4}button.ghost{border-color:transparent;background:transparent;color:var(--text-2);padding:5px 8px}button.ghost:hover{background:#eceef1;color:var(--text)}button.danger{color:var(--danger);border-color:#eab8bb}button.danger:hover{background:var(--danger-soft)}button.tiny{padding:3px 8px;font-size:12px;border-radius:5px}.alerts{margin-bottom:16px}.alert{background:var(--danger-soft);border:1px solid #f0c4c7;border-left:3px solid var(--danger);color:#8f2229;padding:9px 13px;border-radius:var(--radius);font-size:13px;margin-bottom:6px}.alert b{font-weight:600}.err{background:var(--danger-soft);border:1px solid #f0c4c7;color:#8f2229;padding:8px 12px;border-radius:var(--radius);font-size:13px;margin-bottom:12px}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));grid-gap:12px;gap:12px;margin-bottom:18px}.card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:13px 14px;cursor:pointer;transition:.15s}.card:hover{border-color:var(--border-strong);box-shadow:0 2px 8px rgba(20,30,50,.06)}.card.sel{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-soft)}.card.low{background:#fffbfb;border-color:#f0c4c7}.card .mname{font-size:14px;font-weight:600;display:flex;align-items:center;gap:6px;flex-wrap:wrap}.card .mmeta{font-size:12px;color:var(--text-3);margin-top:2px}.card .mstock{font-size:24px;font-weight:600;margin-top:9px;letter-spacing:-.5px}.card .mstock span{font-size:12px;font-weight:400;color:var(--text-3);margin-left:3px}.card .mstock.low{color:var(--danger)}.card .mrow{font-size:12px;color:var(--text-2);margin-top:5px;display:flex;justify-content:space-between}.panel{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;margin-bottom:16px}.phead{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border-bottom:1px solid var(--border);flex-wrap:wrap}.phead h2{font-size:15px;font-weight:600}.phead .desc{font-size:12px;color:var(--text-3);margin-top:1px}.filters{display:flex;gap:6px;flex-wrap:wrap}.chip{border:1px solid var(--border-strong);background:#fff;border-radius:20px;padding:4px 12px;font-size:12px;cursor:pointer;color:var(--text-2);-webkit-user-select:none;-moz-user-select:none;user-select:none}.chip.on{background:var(--primary);border-color:var(--primary);color:#fff}.tblwrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:13px;min-width:900px}th{background:#fafbfc;text-align:left;font-weight:600;color:var(--text-2);border-bottom:1px solid var(--border);font-size:12px}td,th{padding:9px 12px;white-space:nowrap}td{border-bottom:1px solid #f0f2f4;vertical-align:middle}tr:last-child td{border-bottom:none}tbody tr:hover{background:#fafbfc}td.num,th.num{text-align:right}td.num{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.empty{padding:36px 16px;text-align:center;color:var(--text-3);font-size:13px}.tag{display:inline-block;padding:2px 8px;border-radius:11px;font-size:11px;font-weight:600;white-space:nowrap}.t-draft{background:#eef0f3;color:#5b6470}.t-ship{background:var(--warn-soft);color:var(--warn)}.t-done{background:var(--ok-soft);color:var(--ok)}.t-part{background:var(--primary-soft);color:var(--primary)}.t-low{background:var(--danger-soft);color:var(--danger)}.t-admin{background:var(--primary-soft);color:var(--primary)}.t-internal{background:var(--ok-soft);color:var(--ok)}.t-client{background:#eef0f3;color:#5b6470}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px}.acts{gap:5px}.acts,.mask{display:flex}.mask{position:fixed;inset:0;background:rgba(20,25,35,.45);align-items:center;justify-content:center;z-index:50;padding:20px}.modal{background:#fff;border-radius:10px;width:100%;max-width:620px;max-height:88vh;overflow:auto;box-shadow:0 12px 40px rgba(15,25,45,.22)}.mhead{padding:15px 20px;border-bottom:1px solid var(--border);font-size:15px;font-weight:600;display:flex;justify-content:space-between;align-items:center}.mbody{padding:18px 20px}.mfoot{padding:13px 20px;border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:8px;background:#fafbfc}.grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:13px;gap:13px}.f{display:flex;flex-direction:column;gap:5px}.f.full{grid-column:1/-1}label{font-size:12px;color:var(--text-2);font-weight:500}input,select,textarea{font-family:inherit;font-size:13px;padding:7px 10px;border:1px solid var(--border-strong);border-radius:6px;background:#fff;color:var(--text);width:100%}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-soft)}textarea{resize:vertical;min-height:52px}.hint{font-size:11px;margin-top:2px}.hint,.sec-title{color:var(--text-3)}.sec-title{font-size:12px;font-weight:600;letter-spacing:.5px;margin:4px 0 2px;grid-column:1/-1;border-top:1px solid #f0f2f4;padding-top:12px}.sec-title:first-child{border-top:none;padding-top:0;margin-top:0}.loginbox{max-width:380px;margin:12vh auto;background:#fff;border:1px solid var(--border);border-radius:10px;padding:28px;box-shadow:0 4px 20px rgba(20,30,50,.06)}.loginbox h1{font-size:20px;text-align:center;margin-bottom:4px}.loginbox .sub{text-align:center;margin-bottom:20px}.loginbox .f{margin-bottom:13px}.loginbox button.primary{width:100%;padding:9px}.loginbox .foot{margin-top:14px;font-size:12px;color:var(--text-3);text-align:center;line-height:1.7}.tips{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:13px 16px;font-size:12.5px;color:var(--text-2);line-height:1.7}.tips b{color:var(--text)}.tips ul{margin:5px 0 0 18px}