:root{--bg: #f4f7f6;--panel: #ffffff;--ink: #17201d;--muted: #66736d;--line: #dde7e2;--green: #48b66c;--lime: #b7f13d;--blue: #3d7bfd;--red: #e64b5d;--amber: #d98a18;--violet: #7657d6;--shadow: 0 16px 40px rgba(20, 42, 34, .1)}*{box-sizing:border-box}body{margin:0;min-height:100vh;color:var(--ink);background:linear-gradient(135deg,rgba(183,241,61,.16),transparent 28%),linear-gradient(315deg,rgba(61,123,253,.1),transparent 32%),var(--bg);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,Arial,sans-serif;letter-spacing:0}button,input,select,textarea{font:inherit}button{border:0;cursor:pointer}[hidden]{display:none!important}.login-page{min-height:100vh;display:grid;grid-template-columns:minmax(360px,1fr) minmax(360px,520px);gap:28px;align-items:center;padding:40px}.login-brand,.login-card,.panel,.modal-card{background:#ffffffeb;border:1px solid rgba(221,231,226,.9);border-radius:8px;box-shadow:var(--shadow)}.login-brand{min-height:560px;padding:44px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;position:relative}.login-brand:before{content:"";position:absolute;inset:auto -80px -120px auto;width:380px;height:380px;background:linear-gradient(135deg,#48b66c3d,#3d7bfd1f),repeating-linear-gradient(45deg,transparent 0 18px,rgba(23,32,29,.05) 18px 20px);transform:rotate(18deg)}.brand-mark{width:64px;height:64px;display:grid;place-items:center;border-radius:8px;background:#17201d;color:var(--lime);font-weight:900;font-size:26px}.login-brand h1{margin:26px 0 14px;font-size:42px;line-height:1.12;max-width:620px}.login-brand p{margin:0;max-width:720px;color:var(--muted);font-size:17px;line-height:1.8}.login-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;position:relative;z-index:1}.login-stat{padding:16px;border-radius:8px;border:1px solid var(--line);background:#ffffffc7}.login-stat strong{display:block;font-size:24px;margin-bottom:5px}.login-stat span{color:var(--muted);font-size:13px}.login-card{padding:34px}.login-card h2{margin:0 0 8px;font-size:26px}.login-card p{margin:0 0 24px;color:var(--muted);line-height:1.7}.field{display:grid;gap:7px;color:#3b4843;font-size:13px;font-weight:700}.field input,.field select,.field textarea{width:100%;border:1px solid var(--line);border-radius:6px;background:#fff;color:var(--ink);padding:10px 12px;outline:none;min-height:40px}.field textarea{min-height:86px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--green);box-shadow:0 0 0 3px #48b66c24}.solid-btn,.ghost-btn,.mini-btn,.icon-btn{border-radius:6px;min-height:38px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:0 14px;font-weight:800;color:var(--ink);background:#edf4f0;border:1px solid #d6e2dc;white-space:nowrap}.solid-btn{width:100%;background:#17201d;color:#fff;border-color:#17201d}.mini-btn.primary,.solid-btn.primary{background:var(--green);border-color:var(--green);color:#fff}.mini-btn.danger{color:#fff;background:var(--red);border-color:var(--red)}.mini-btn.warn{color:#fff;background:var(--amber);border-color:var(--amber)}.icon-btn{width:38px;padding:0;font-size:18px}.login-error{min-height:22px;color:var(--red);font-size:13px;margin:12px 0;font-weight:700}.app{min-height:100vh;display:grid;grid-template-columns:260px minmax(0,1fr)}.sidebar{background:#14211d;color:#d9e8e0;padding:18px 14px;position:sticky;top:0;height:100vh;overflow:auto}.side-brand{display:flex;align-items:center;gap:12px;padding:6px 8px 18px;border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:14px}.side-brand .brand-mark{width:42px;height:42px;font-size:18px;background:var(--lime);color:#17201d}.side-brand strong{display:block;color:#fff}.side-brand span{color:#9fb4aa;font-size:12px}.menu-group-title{padding:14px 10px 7px;color:#91a89d;font-size:12px;font-weight:800}.menu-btn{width:100%;min-height:42px;padding:9px 10px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;border-radius:6px;color:#d9e8e0;background:transparent;text-align:left;margin-bottom:4px}.menu-btn small{color:#8da399;font-weight:700}.menu-btn.active{background:#243932;color:#fff;box-shadow:inset 3px 0 0 var(--lime)}.main{min-width:0;padding:18px 20px 28px}.topbar{height:66px;display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.topbar h2{margin:0;font-size:24px}.topbar p{margin:4px 0 0;color:var(--muted);font-size:13px}.top-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.admin-chip,.status{display:inline-flex;align-items:center;gap:6px;min-height:28px;border-radius:999px;padding:0 10px;background:#edf7f1;color:#277947;font-size:12px;font-weight:800;white-space:nowrap}.status.warn{background:#fff6e8;color:#9a5c00}.status.danger{background:#fff0f2;color:#b82739}.status.blue{background:#eef3ff;color:#285dc4}.status.violet{background:#f1edff;color:#6445bd}.workspace{display:grid;gap:16px}.panel{padding:18px;min-width:0}.panel-head,.section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.panel-actions{display:inline-flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.panel h3,.panel h4{margin:0}.panel h3{font-size:18px}.panel h4{font-size:15px}.panel-desc{margin:4px 0 0;color:var(--muted);font-size:13px;line-height:1.6}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.metric{padding:15px;border:1px solid var(--line);border-radius:8px;background:#fbfdfc;min-height:112px}.metric span{display:block;color:var(--muted);font-size:13px;font-weight:800}.metric strong{display:block;margin:9px 0 6px;font-size:26px}.metric small{color:var(--muted);line-height:1.5}.grid-2{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:16px}.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.toolbar{display:grid;grid-template-columns:repeat(4,minmax(140px,1fr)) auto;gap:10px;align-items:end;margin-bottom:14px}.product-command-panel{padding-bottom:14px}.product-summary-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:2px 0 14px;border:1px solid var(--line);border-radius:8px;background:#f6faf8;overflow:hidden}.product-summary-strip>div{min-height:66px;padding:12px 16px;display:grid;align-content:center;gap:5px;border-right:1px solid var(--line)}.product-summary-strip>div:last-child{border-right:0}.product-summary-strip span{color:var(--muted);font-size:12px;font-weight:800}.product-summary-strip b{font-size:21px;line-height:1.1}.product-toolbar{grid-template-columns:minmax(150px,.8fr) minmax(140px,.7fr) minmax(220px,1fr) minmax(150px,.8fr) auto;margin-bottom:0}.product-list-panel{padding:0;overflow:hidden}.product-table{border:0;border-radius:8px}.product-row{min-height:74px;padding:14px 16px}.product-name-cell b,.money-stack b{display:block;font-size:14px;line-height:1.35}.row-actions{justify-content:flex-end}.empty-row{min-height:92px;color:var(--muted);font-weight:800;text-align:center}.empty-row>span{justify-content:center}.product-batch-panel .panel-head{align-items:flex-start}.batch-price-grid{display:grid;grid-template-columns:minmax(180px,.9fr) minmax(190px,.9fr) minmax(190px,.9fr) minmax(260px,1.2fr) auto;gap:12px;align-items:end}.batch-note{min-height:64px;padding:11px 13px;border:1px solid var(--line);border-radius:8px;background:#fbfdfc;display:grid;align-content:center;gap:4px}.batch-note b{font-size:13px}.batch-note span{color:var(--muted);font-size:12px;line-height:1.5}.table{border:1px solid var(--line);border-radius:8px;overflow:hidden;background:#fff}.tr{display:grid;grid-template-columns:var(--cols, 1.2fr 1fr 1fr 1fr 1fr);gap:10px;align-items:center;min-height:52px;padding:10px 12px;border-bottom:1px solid #edf2ef;font-size:13px}.tr:last-child{border-bottom:0}.th{background:#f6faf8;color:#586760;font-weight:900}.cell-main{font-weight:900}.cell-sub{display:block;color:var(--muted);font-size:12px;margin-top:3px;line-height:1.4}.tr>span:last-child{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.card-list{display:grid;gap:10px}.task-card,.config-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;padding:14px;border:1px solid var(--line);border-radius:8px;background:#fbfdfc}.config-card.with-thumb{grid-template-columns:56px minmax(0,1fr) auto}.task-card b,.config-card b{display:block;margin-bottom:5px}.task-card span,.config-card span{color:var(--muted);font-size:13px;line-height:1.5}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:12px}.chart-bars{display:grid;gap:18px;padding:8px 8px 4px}.bar{display:grid;grid-template-columns:88px minmax(180px,620px) 52px;gap:20px;align-items:center;font-size:13px;color:var(--muted)}.bar i{display:block;height:12px;border-radius:999px;background:linear-gradient(90deg,var(--green),var(--blue));width:var(--w);max-width:620px}.modal{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:18px;background:#0c14116b;z-index:20}.modal-card{width:min(680px,100%);max-height:min(760px,calc(100vh - 36px));overflow:auto;padding:18px}.modal-card .section-head{position:sticky;top:-18px;padding:0 0 12px;background:#fffffff5;z-index:1}.toast{position:fixed;right:20px;bottom:20px;z-index:30;min-width:220px;max-width:420px;background:#17201d;color:#fff;border-radius:8px;padding:12px 14px;box-shadow:var(--shadow);font-size:13px;font-weight:800}@media(max-width:1080px){.login-page{grid-template-columns:1fr}.app{grid-template-columns:88px minmax(0,1fr)}.side-brand div:not(.brand-mark),.menu-btn span,.menu-btn small,.menu-group-title{display:none}.menu-btn{grid-template-columns:1fr;text-align:center;place-items:center}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-2,.grid-3{grid-template-columns:1fr}.toolbar,.product-toolbar,.batch-price-grid,.product-summary-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.product-summary-strip>div:nth-child(2n){border-right:0}.product-summary-strip>div:nth-child(n+3){border-top:1px solid var(--line)}}@media(max-width:720px){.login-page{padding:18px}.login-brand{min-height:auto;padding:24px}.login-brand h1{font-size:30px}.login-stats,.metric-grid,.product-summary-strip,.form-grid,.toolbar,.product-toolbar,.batch-price-grid{grid-template-columns:1fr}.app{display:block}.sidebar{position:static;height:auto;display:grid;grid-auto-flow:column;grid-auto-columns:72px;overflow-x:auto;gap:4px}.side-brand{display:none}.main{padding:14px}.topbar{height:auto;align-items:flex-start;flex-direction:column}.tr{grid-template-columns:1fr}.th{display:none}.panel-head{align-items:flex-start;flex-direction:column}.panel-actions,.row-actions{justify-content:flex-start}.product-summary-strip>div{border-right:0;border-top:1px solid var(--line)}.product-summary-strip>div:first-child{border-top:0}}.admin-replica-root{min-height:100vh}.upload-visual{border:1px dashed #c8d8d0;border-radius:8px;background:#fbfdfc;min-height:118px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;padding:16px;color:var(--muted);transition:border-color .18s ease,background .18s ease,box-shadow .18s ease}.upload-grid .upload-visual{grid-template-columns:1fr;align-items:start}.upload-visual:hover,.upload-visual.has-file{border-color:#48b66cb3;background:#f7fcf9;box-shadow:0 8px 24px #142a220f}.upload-copy{min-width:0}.upload-copy b{display:block;color:#3b4843;font-size:14px;margin-bottom:5px}.upload-copy span,.upload-file-name{display:block;color:var(--muted);font-size:13px;line-height:1.5}.upload-picker{border-radius:6px;min-height:38px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:0 14px;font-weight:800;color:#fff;background:var(--green);border:1px solid var(--green);white-space:nowrap;cursor:pointer}.upload-picker-icon{width:18px;height:18px;display:inline-grid;place-items:center;border-radius:999px;background:#ffffff2e;line-height:1}.upload-file-name{grid-column:1 / -1;min-height:20px;padding-top:2px;word-break:break-all}.upload-visual.has-file .upload-file-name{color:#277947;font-weight:800}.image-preview-field{display:grid;gap:8px;min-width:0}.image-preview-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.image-preview-head b{color:#3b4843;font-size:13px}.image-preview-head span{color:var(--muted);font-size:12px;font-weight:800}.image-preview{width:100%;min-height:142px;border:1px solid var(--line);border-radius:8px;background:#f8fbf9;overflow:hidden;display:grid;place-items:center}.image-preview.square{aspect-ratio:1 / 1;max-height:220px}.image-preview.wide{aspect-ratio:16 / 9}.image-preview img{width:100%;height:100%;object-fit:cover;display:block}.image-preview.is-empty{border-style:dashed;color:var(--muted);font-size:13px;font-weight:800}.image-thumb{width:48px;height:48px;border-radius:8px;border:1px solid var(--line);background:#f8fbf9;overflow:hidden;display:inline-grid;place-items:center;flex:0 0 auto}.image-thumb img{width:100%;height:100%;object-fit:cover;display:block}.image-thumb.is-empty{border-style:dashed;color:var(--muted);font-size:11px;font-weight:900}.cell-with-thumb{display:inline-flex;align-items:center;gap:10px;min-width:0}.cell-with-thumb>span:last-child{min-width:0}