:root{--ink:#172026;--muted:#6d777e;--line:#dfe4e7;--bg:#f4f6f5;--panel:#fff;--green:#157f5b;--green-dark:#0d6244;--red:#b83b3b;--amber:#aa6a10;--radius:8px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif;letter-spacing:0}a{color:var(--green);text-decoration:none}input,select,textarea,button{font:inherit;letter-spacing:0}input,select,textarea{width:100%;border:1px solid #cfd6d9;border-radius:6px;background:#fff;color:var(--ink);padding:10px 12px;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--green);box-shadow:0 0 0 3px rgba(21,127,91,.12)}label{display:flex;flex-direction:column;gap:6px;color:#465158;font-size:13px}label small,td small{display:block;color:var(--muted);margin-top:2px}.sidebar{position:fixed;inset:0 auto 0 0;width:232px;background:#172026;color:#fff;display:flex;flex-direction:column;z-index:30}.brand{height:74px;padding:0 18px;display:flex;align-items:center;gap:12px;border-bottom:1px solid rgba(255,255,255,.1)}.brand strong,.brand small{display:block}.brand small{color:#9ea9ae;font-size:12px}.brand-mark{width:36px;height:36px;display:grid;place-items:center;background:#d5b85a;color:#172026;border-radius:6px;font-weight:800}.sidebar nav{padding:14px 10px;display:grid;gap:3px;overflow:auto}.sidebar nav a{height:44px;padding:0 12px;display:flex;align-items:center;gap:12px;border-radius:6px;color:#c8d0d3}.sidebar nav a:hover,.sidebar nav a.active{background:#263138;color:#fff}.sidebar nav svg,.sidebar-footer svg{width:18px}.sidebar-footer{margin-top:auto;padding:16px 20px;border-top:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;align-items:center}.sidebar-footer a{color:#c8d0d3}.main{margin-left:232px;padding:0 28px 40px}.topbar{min-height:84px;display:flex;align-items:center;gap:14px;border-bottom:1px solid var(--line);margin-bottom:24px}.topbar h1{font-size:22px;margin:0}.topbar p{margin:3px 0 0;color:var(--muted);font-size:12px}.mode-badge{margin-left:auto;padding:6px 10px;border-radius:999px;font-weight:700;font-size:12px}.mode-badge.audit{background:#fff0d8;color:#8a5200}.mode-badge.live{background:#dff4e9;color:#0b6846}.menu-button{display:none!important}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:20px;margin-bottom:20px}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:18px}.panel-head h2{font-size:16px;margin:0}.panel-head span{font-size:12px;color:var(--muted)}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:20px}.metric-grid article{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:18px}.metric-grid span,.metric-grid small{display:block;color:var(--muted)}.metric-grid strong{display:block;font-size:30px;margin:8px 0;line-height:1}.two-column{display:grid;grid-template-columns:1fr 1fr;gap:20px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:620px}th{text-align:left;color:var(--muted);font-size:12px;font-weight:600;background:#f6f8f7}th,td{padding:11px 12px;border-bottom:1px solid #edf0f1;vertical-align:middle}.list{display:grid}.list-row{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:12px 0;border-bottom:1px solid #edf0f1}.list-row strong,.list-row small{display:block}.list-row small{color:var(--muted)}.status{font-size:11px;border-radius:999px;padding:4px 8px;background:#eceff0}.status.completed{background:#e1f3e9;color:#0b6846}.status.failed{background:#fae4e4;color:#9d2929}.status.processing{background:#fff0d8;color:#8a5200}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px}.search-form{display:flex;gap:10px;flex:1}.search-box{position:relative;max-width:440px;flex:1}.search-box svg{position:absolute;width:17px;left:11px;top:11px;color:var(--muted)}.search-box input{padding-left:36px}.search-form select{width:160px}.btn{border:1px solid #cfd6d9;background:#fff;color:var(--ink);border-radius:6px;padding:9px 14px;display:inline-flex;align-items:center;justify-content:center;gap:7px;cursor:pointer;white-space:nowrap}.btn svg{width:17px}.btn:hover{border-color:#9eaaae}.btn.primary{background:var(--green);border-color:var(--green);color:#fff}.btn.primary:hover{background:var(--green-dark)}.btn.danger{background:var(--red);border-color:var(--red);color:#fff}.icon-button{width:36px;height:36px;border:0;border-radius:6px;background:transparent;display:grid;place-items:center;cursor:pointer}.icon-button svg{width:18px}.icon-button.danger{color:var(--red)}.alert{padding:12px 14px;border-radius:6px;margin-bottom:18px}.alert.success{background:#e1f3e9;color:#0b6846}.alert.error{background:#fae4e4;color:#9d2929}.hidden{display:none!important}.form-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.span-2{grid-column:span 2}.form-actions{grid-column:1/-1}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.product-card{position:relative;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:#fff}.product-images{height:160px;background:#eef1f0;display:grid;place-items:center;position:relative;color:var(--muted)}.product-images img{width:100%;height:100%;object-fit:cover}.image-upload{position:absolute;right:8px;bottom:8px}.image-upload label{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#fff;color:var(--ink);box-shadow:0 2px 10px rgba(0,0,0,.16);cursor:pointer}.image-upload input{display:none}.image-upload svg{width:18px}.product-form{padding:14px;display:grid;grid-template-columns:1fr 1fr;gap:10px}.product-card>form:last-child{position:absolute;right:5px;top:5px;background:#fff;border-radius:6px}.customer-list{display:grid;gap:10px}.customer-row{display:grid;grid-template-columns:1.5fr .7fr .8fr 1fr auto auto;gap:10px;align-items:end;padding:14px;border:1px solid var(--line);border-radius:var(--radius)}.customer-main{display:grid;grid-template-columns:1fr 1fr;gap:8px}.customer-main small{grid-column:1/-1;color:var(--muted)}.switch-label{align-items:center;justify-content:center}.switch-label input,.check input,.setting-switch input{width:18px;height:18px}.bars{height:190px;display:flex;align-items:end;gap:7px;overflow-x:auto;padding:20px 4px 0}.bar-item{min-width:26px;height:170px;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:5px}.bar-item div{width:16px;background:var(--green);border-radius:3px 3px 0 0}.bar-item small{font-size:10px;color:var(--muted);writing-mode:vertical-rl}.stack-form{display:grid;gap:14px}.check{display:flex;flex-direction:row;align-items:center}.match-list{display:grid;gap:10px;margin-bottom:16px}.match-list label{display:grid;grid-template-columns:1fr 1fr;align-items:center;border-bottom:1px solid var(--line);padding-bottom:10px}.match-list strong,.match-list small{display:block}.inventory-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.inventory-card{border:1px solid var(--line);padding:14px;border-radius:var(--radius);display:grid;gap:10px}.inventory-card strong,.inventory-card small{display:block}.ok{color:var(--green)}.warn{color:var(--red);font-weight:700}.danger-zone{border-color:#efcaca}.danger-zone p{color:var(--muted)}.danger-zone form{display:grid;gap:12px}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.setting-switch{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);padding:14px 0}.setting-switch strong,.setting-switch small{display:block}.setting-switch small{margin-top:3px;color:var(--muted)}.save-panel{display:flex;flex-direction:column;justify-content:center;background:#e8f3ee}.empty{padding:28px;color:var(--muted);text-align:center}.auth-page{min-height:100vh;display:grid;place-items:center;background:#eef1f0;padding:20px}.auth-box{width:min(420px,100%);background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:32px;box-shadow:0 18px 50px rgba(23,32,38,.1)}.auth-box .brand-mark{margin-bottom:18px}.auth-box h1{font-size:24px;margin:0}.auth-box>p{color:var(--muted);margin:6px 0 24px}.auth-box form{display:grid;gap:16px}.auth-box .btn{height:44px;margin-top:4px}@media(max-width:1100px){.metric-grid{grid-template-columns:repeat(2,1fr)}.product-grid,.inventory-grid{grid-template-columns:repeat(2,1fr)}.customer-row{grid-template-columns:1fr 1fr}.customer-main{grid-column:1/-1}.settings-grid{grid-template-columns:1fr}}@media(max-width:760px){.sidebar{transform:translateX(-100%);transition:transform .2s}.sidebar.open{transform:translateX(0)}.main{margin-left:0;padding:0 14px 28px}.menu-button{display:grid!important}.topbar{min-height:72px}.topbar h1{font-size:19px}.metric-grid,.two-column,.product-grid,.inventory-grid{grid-template-columns:1fr}.toolbar,.search-form{align-items:stretch;flex-direction:column}.search-box{max-width:none}.search-form select{width:100%}.form-grid{grid-template-columns:1fr 1fr}.customer-row{grid-template-columns:1fr}.customer-main{grid-template-columns:1fr}.match-list label{grid-template-columns:1fr;gap:8px}.panel{padding:14px}.settings-grid{gap:0}}