:root{--ink:#0d3f36;--muted:#65756f;--green:#0f6b57;--mint:#e7f3ee;--line:#dce7e2;--paper:#f4f7f4;--orange:#d88924;--red:#b42318;--purple:#7361c9}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:#163c35;font:14px/1.55 Inter,"Segoe UI","Microsoft YaHei",sans-serif}.hidden{display:none!important}.login-shell{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 20% 10%,#e0f1ea,transparent 35%),linear-gradient(135deg,#eef5f1,#f8f5ee)}.login-card{width:min(420px,calc(100vw - 32px));background:#fff;border:1px solid var(--line);padding:34px;border-radius:22px;box-shadow:0 24px 70px #143c2d1c}.brand{display:flex;align-items:center;gap:12px}.brand>span{display:grid;place-items:center;width:44px;height:44px;background:var(--ink);color:#dbef8e;border-radius:13px;font-size:25px;font-weight:900}.brand strong,.brand small{display:block;letter-spacing:.08em}.brand small{color:var(--muted);font-size:11px}.login-card h1{margin:38px 0 4px}.login-card p{color:var(--muted)}label{font-weight:700;color:#31564e}.login-card label{display:block;margin:18px 0}.login-card input,.login-card button,select,button{font:inherit}.login-card input{display:block;width:100%;margin-top:7px;padding:12px;border:1px solid #cfded8;border-radius:10px}.login-card button,button{cursor:pointer;border:0;border-radius:10px;background:var(--green);color:#fff;padding:10px 16px;font-weight:700}.error{color:var(--red)!important;min-height:20px}header{display:grid;grid-template-columns:auto 1fr auto;gap:34px;align-items:center;padding:24px max(24px,calc((100vw - 1380px)/2));background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:5}.header-copy p{margin:0;color:var(--green);font-weight:800;letter-spacing:.08em}.header-copy h1{margin:0;font-size:25px}.header-actions{display:flex;gap:10px;align-items:end;flex-wrap:wrap}.header-actions label{font-size:11px}.header-actions select{display:block;margin-top:3px;padding:8px 34px 8px 10px;border:1px solid var(--line);border-radius:9px;background:#fff}.outline{background:#fff;color:var(--green);border:1px solid #aac9be}.ghost{background:transparent;color:var(--muted)}main{max-width:1420px;margin:0 auto;padding:26px 20px 50px}.status-grid,.source-cards,.trend-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.status-card,.source-card,.trend-card,.panel{background:#fff;border:1px solid var(--line);border-radius:16px}.status-card{padding:14px 18px;display:flex;justify-content:space-between;align-items:center}.dot{width:8px;height:8px;background:#27a56d;border-radius:50%;box-shadow:0 0 0 5px #e6f6ee}.dot.error{background:var(--red);box-shadow:0 0 0 5px #fbe9e7}.panel{padding:22px;margin-top:16px}.section-head{display:flex;justify-content:space-between;gap:20px;align-items:start}.section-head h2{margin:2px 0;font-size:21px}.section-head p{margin:0;color:var(--muted)}.eyebrow{font-size:10px;letter-spacing:.15em;color:var(--orange);font-weight:900}.toggle,.tabs{display:flex;gap:5px;padding:4px;background:#edf3f0;border-radius:11px;flex-wrap:wrap}.toggle button,.tabs button{background:transparent;color:#4d6760;padding:7px 12px}.toggle button.active,.tabs button.active{background:#fff;color:var(--green);box-shadow:0 2px 8px #173f3014}.source-card{padding:20px;border-top:4px solid var(--green)}.source-card:nth-child(2){border-top-color:var(--orange)}.source-card:nth-child(3){border-top-color:var(--purple)}.source-title{display:flex;justify-content:space-between;align-items:center}.source-title h3{margin:0;font-size:17px}.pill{padding:3px 8px;background:var(--mint);border-radius:999px;color:var(--green);font-size:11px;font-weight:800}.hero-value{font-size:28px;font-weight:900;margin:16px 0 2px}.metric-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.metric{padding:10px;background:#f7faf8;border-radius:9px}.metric span{display:block;color:var(--muted);font-size:11px}.metric b{display:block;font-size:16px}.pending{color:#9c661b}.negative{color:var(--red)}.trend-card{padding:16px}.trend-card h3{margin:0 0 12px}.chart{height:190px;width:100%;overflow:visible}.axis{stroke:#cfddd7;stroke-width:1}.line-sales{fill:none;stroke:var(--orange);stroke-width:3}.line-profit{fill:none;stroke:var(--green);stroke-width:3}.point-sales{fill:var(--orange)}.point-profit{fill:var(--green)}.legend{display:flex;gap:15px;color:var(--muted);font-size:11px}.legend i{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:5px}.table-wrap{overflow:auto;margin-top:18px;border:1px solid var(--line);border-radius:12px}table{width:100%;border-collapse:collapse;min-width:1040px}th{background:#eef4f0;color:#36564f;text-align:left;font-size:12px;padding:12px;white-space:nowrap}td{padding:13px 12px;border-top:1px solid #e7eeea;vertical-align:top}td strong{display:block}.sub{color:var(--muted);font-size:11px}.badge{display:inline-block;padding:3px 7px;border-radius:6px;background:#e7f3ee;color:var(--green);font-size:11px}.badge.warn{background:#fff2d5;color:#8b5c12}.notes{margin-top:14px;padding:14px 16px;background:#f7faf8;border-radius:10px;color:var(--muted)}.notes ul{margin:0;padding-left:20px}footer{text-align:center;padding:20px;color:var(--muted)}@media(max-width:900px){header{grid-template-columns:1fr;position:static}.status-grid,.source-cards,.trend-grid{grid-template-columns:1fr}.section-head{display:block}.toggle,.tabs{margin-top:14px}.header-copy{display:none}}