:root{--ink:#19221c;--muted:#68746d;--cream:#f6f1e7;--paper:#fffdf8;--green:#174d35;--green2:#2f7553;--line:#dfe3db;--orange:#d96b32;--shadow:0 14px 40px rgba(28,48,35,.09)}
*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font-family:"Microsoft YaHei","PingFang SC",system-ui,sans-serif}.hidden{display:none!important}button,input,select{font:inherit}button{cursor:pointer}.topbar{height:76px;padding:0 max(24px,calc((100vw - 1240px)/2));display:flex;align-items:center;gap:34px;background:rgba(255,253,248,.94);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20;backdrop-filter:blur(14px)}.brand{display:flex;align-items:center;gap:11px;color:var(--ink);text-decoration:none;min-width:190px}.brand>span{display:grid;place-items:center;width:40px;height:40px;border-radius:13px;background:var(--green);color:#fff;font-size:21px;font-weight:800}.brand div{display:flex;flex-direction:column}.brand b{font-size:18px}.brand small{color:var(--muted);margin-top:1px}.topbar nav{display:flex;align-self:stretch}.topbar nav button{border:0;background:transparent;padding:0 22px;color:var(--muted);position:relative}.topbar nav button.active{color:var(--green);font-weight:700}.topbar nav button.active:after{content:"";position:absolute;height:3px;border-radius:3px;left:22px;right:22px;bottom:0;background:var(--green)}.online{margin-left:auto;font-size:13px;color:var(--muted);display:flex;gap:7px;align-items:center}.online i{width:8px;height:8px;border-radius:50%;background:#35a269;box-shadow:0 0 0 4px rgba(53,162,105,.12)}main{max-width:1240px;margin:auto;padding:48px 24px 80px}.hero{display:grid;grid-template-columns:1.3fr .7fr;gap:46px;align-items:center;margin-bottom:30px}.eyebrow{margin:0 0 10px;text-transform:uppercase;letter-spacing:.14em;font-size:13px;color:var(--green2);font-weight:700}.hero h1,.adminHero h1{font-family:Georgia,"Songti SC",serif;font-size:50px;line-height:1.12;margin:0 0 14px;letter-spacing:-.04em}.hero>div>p:last-child,.adminHero>p:last-child{color:var(--muted);font-size:16px;line-height:1.8;margin:0}.card,.panel{background:var(--paper);border:1px solid rgba(31,74,51,.12);border-radius:20px;box-shadow:var(--shadow)}.storeAccess{padding:22px;display:grid;grid-template-columns:1fr 1fr;gap:14px}.storeAccess label:first-child{grid-column:1/-1}label{display:flex;flex-direction:column;gap:7px;color:var(--muted);font-size:13px}input,select{width:100%;height:44px;padding:0 13px;background:#fff;border:1px solid #cad2c9;border-radius:10px;color:var(--ink);outline:none}input:focus,select:focus{border-color:var(--green2);box-shadow:0 0 0 3px rgba(47,117,83,.1)}.primary,.secondary{border-radius:10px;padding:11px 18px;border:0;font-weight:700}.primary{background:var(--green);color:#fff}.primary:hover{background:#0e3d29}.primary:disabled{opacity:.45;cursor:not-allowed}.secondary{background:#edf2ed;color:var(--green)}.message{font-size:13px;line-height:1.6;margin:0;color:var(--orange)}.storeAccess .message{grid-column:1/-1}.empty{text-align:center;padding:70px 24px}.empty b{font-size:21px}.empty p{color:var(--muted)}.dashboardMeta{display:flex;align-items:flex-end;justify-content:space-between;margin:22px 0 16px}.dashboardMeta>div{display:flex;flex-direction:column;gap:5px}.dashboardMeta span{font-size:13px;color:var(--green2)}.dashboardMeta b{font-size:22px}.dashboardMeta label{width:180px}.profitFlow{display:grid;grid-template-columns:1fr 50px 1fr 50px 1.15fr;gap:10px;align-items:stretch;margin-bottom:16px}.profitFlow>article{background:var(--paper);border:1px solid var(--line);padding:24px;border-radius:18px;display:flex;flex-direction:column;gap:9px}.profitFlow>b{display:grid;place-items:center;font-size:26px;color:#97a199}.profitFlow span,.metrics span,.previewMetrics span{color:var(--muted);font-size:13px}.profitFlow strong{font-family:Georgia,serif;font-size:34px}.profitFlow small{color:var(--muted)}.profitFlow .profit{background:var(--green);border-color:var(--green);color:#fff}.profitFlow .profit span,.profitFlow .profit small{color:#d8e8dd}.metrics,.previewMetrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.metrics article,.previewMetrics article{background:#eef1ea;border-radius:15px;padding:18px;display:flex;flex-direction:column;gap:8px}.metrics b,.previewMetrics b{font-size:21px}.panel{padding:25px;margin-top:18px}.panelHead{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:18px}.panelHead h2{font-size:21px;margin:0 0 5px}.panelHead p{margin:0;color:var(--muted);font-size:13px}.badge{background:#e4efe7;color:var(--green);font-size:12px;font-weight:700;border-radius:999px;padding:7px 11px;white-space:nowrap}.tableWrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:720px}th{text-align:left;color:var(--muted);font-size:12px;font-weight:600;padding:12px;border-bottom:1px solid var(--line)}td{padding:13px 12px;border-bottom:1px solid #eceee9;font-size:14px}td b{font-weight:700}.adminHero{text-align:center;max-width:720px;margin:8px auto 30px}.adminHero h1{font-size:42px}.loginCard{max-width:430px;margin:30px auto;padding:28px}.loginCard h2{margin:0 0 7px}.loginCard>p{margin:0 0 20px;color:var(--muted)}.loginCard button{width:100%;margin-top:14px}.loginCard .message{margin-top:10px}.uploadGrid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:15px}.uploadCard,.uploadAction{min-height:170px;background:var(--paper);border:1px dashed #aab7ac;border-radius:18px;padding:20px;display:flex;flex-direction:column;align-items:flex-start;gap:8px}.uploadCard>span,.uploadAction>span{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#e4efe7;color:var(--green);font-weight:800}.uploadCard b,.uploadAction b{color:var(--ink);font-size:17px}.uploadCard small,.uploadAction small{color:var(--muted);line-height:1.5}.uploadCard input{height:auto;border:0;padding:8px 0;background:transparent;margin-top:auto}.uploadAction button{margin-top:auto;width:100%}.previewMetrics{margin-top:4px}.costField{display:flex;align-items:center;border:1px solid #cad2c9;border-radius:8px;background:#fff;padding-left:8px;width:110px}.costField input{height:36px;border:0;padding:0 7px;box-shadow:none}.costField.unmatched{border-color:#e58a51;background:#fff6ef}.matchText{font-size:12px;color:var(--green2)}.matchText.unmatched{color:var(--orange);font-weight:700}.publishBar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:20px}.publishBar p{margin:5px 0 0;color:var(--muted);font-size:13px}.storeCodes{margin-top:24px}.toast{position:fixed;right:24px;bottom:24px;background:#17231c;color:#fff;padding:14px 18px;border-radius:12px;box-shadow:var(--shadow);z-index:50;max-width:360px}
@media(max-width:850px){.topbar{height:auto;min-height:68px;padding:10px 16px;gap:10px;flex-wrap:wrap}.brand{min-width:0}.brand small,.online{display:none}.topbar nav{margin-left:auto}.topbar nav button{padding:0 10px;font-size:13px}.topbar nav button.active:after{left:10px;right:10px}.hero{grid-template-columns:1fr;gap:22px}.hero h1,.adminHero h1{font-size:36px}.profitFlow{grid-template-columns:1fr}.profitFlow>b{height:20px}.metrics,.previewMetrics{grid-template-columns:1fr 1fr}.uploadGrid{grid-template-columns:1fr}.storeAccess{grid-template-columns:1fr}.storeAccess label:first-child{grid-column:auto}.dashboardMeta{align-items:flex-start;gap:12px}.panel{padding:18px}.publishBar{align-items:stretch;flex-direction:column}.publishBar button{width:100%}main{padding:30px 15px 60px}}