:root{--ink:#163038;--muted:#74858a;--accent:#057967;--line:#e4eae8;--bg:#f4f6f5;--orange:#d4933e}*{box-sizing:border-box}body{margin:0;font-family:"Segoe UI","Microsoft YaHei",sans-serif;color:var(--ink);background:var(--bg);font-size:14px}button,input,select{font:inherit}button{cursor:pointer;border:0}button:disabled{opacity:.5;cursor:wait}button:focus-visible,a:focus-visible{outline:3px solid #60b8a4;outline-offset:3px}h1,h2,p{margin:0}h1{font-size:30px;letter-spacing:-.8px;font-weight:650}h2{font-size:18px;font-weight:650}small{font-size:12px}.muted{color:var(--muted);line-height:1.7}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;color:var(--accent);margin-bottom:10px}.primary,.secondary{border-radius:8px;padding:12px 19px;font-weight:600}.primary{background:var(--accent);color:#fff}.primary:hover{background:#056552}.secondary{background:#fff;border:1px solid #d4dfdb}.text-button{background:transparent;color:var(--accent);padding:9px}.brand{font-size:19px;font-weight:700;letter-spacing:2px;display:flex;align-items:center;gap:10px}.brand-icon{display:grid;place-items:center;border:1px solid #75948d;border-radius:11px;width:34px;height:36px;font-size:23px;font-style:italic;letter-spacing:-2px}.login-view{display:grid;grid-template-columns:1fr 1fr;min-height:100vh}.login-story{background:#142e35;color:white;padding:65px 12%;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;min-height:700px}.login-story h1{font-size:48px;line-height:1.45;margin:20px 0}.login-story p{color:#9bb9b5}.login-story small{color:#91aaa7}.story-bars{height:150px;display:flex;align-items:end;gap:16px;margin-top:50px}.story-bars i{height:45%;background:#2b615e;width:33px;border-radius:5px 5px 0 0}.story-bars i:nth-child(2n){height:68%}.story-bars i:nth-child(3n){height:88%;background:#61b5a1}.story-bars i:last-child{height:100%;background:#d2ad6e}.login-main{display:grid;place-items:center;padding:50px;background:#fff}.login-main form{width:100%;max-width:350px}.login-main h2{font-size:30px;margin:18px 0 10px}.login-main .muted{margin-bottom:30px}.login-main button{width:100%;display:flex;justify-content:space-between;margin:16px 0 22px}.login-main small{display:block}label{display:flex;flex-direction:column;gap:8px;font-size:12px;color:#51656a}input,select{background:white;border:1px solid #d7e0dd;border-radius:7px;padding:11px 12px;color:var(--ink);min-width:0}input:focus,select:focus{outline:2px solid #7abaae;outline-offset:1px}.login-main label{margin:20px 0}.error{color:#bf4141;min-height:18px;font-size:13px;line-height:1.5}.app-view{display:flex;min-height:100vh}aside{width:220px;position:fixed;inset:0 auto 0 0;background:#142e35;color:#e2eeeb;padding:32px 22px;display:flex;flex-direction:column}.nav-caption{font-size:11px;color:#91aaa7;letter-spacing:2px;margin:14px 0 42px}.nav-item{display:flex;align-items:center;gap:14px;background:transparent;color:#a5b9b7;width:100%;text-align:left;padding:14px 18px;border-radius:8px;margin:5px 0;font-size:19px}.nav-item span{font-size:14px}.nav-item.active{background:#28494d;color:#fff}.aside-bottom{margin-top:auto;font-size:11px;color:#9bb9b5;line-height:2}.aside-bottom p{padding-left:13px}.privacy-dot{display:inline-block;background:#71b7a5;width:6px;height:6px;border-radius:50%;margin-right:6px}.workspace{margin-left:220px;width:calc(100% - 220px)}header{height:76px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 38px;background:#fff;color:#7a888a;font-size:12px}header>div{display:flex;gap:13px;align-items:center}.avatar{background:#e9f1ee;color:#326958;padding:8px;border-radius:50%;font-size:12px}main{padding:30px 38px;max-width:1700px;margin:auto}.page-heading{display:flex;align-items:center;justify-content:space-between;margin:6px 0 28px;gap:20px}.page-heading .muted{margin-top:9px}.filter-panel{display:flex;gap:20px;flex-wrap:wrap;align-items:end;padding:20px 24px;background:white;border:1px solid var(--line);border-radius:12px}.date-range{display:flex;gap:13px;align-items:center}.date-range>span{margin-top:20px;color:#9bacaa}.filter-panel>span{margin:auto 0 8px auto;font-size:11px}.store-filter{flex-basis:100%;border-top:1px solid #eff2f0;padding-top:16px;display:flex;gap:20px;align-items:start;font-size:12px}.store-filter>span{flex-shrink:0;padding-top:7px;color:var(--muted)}#store-chips{display:flex;gap:8px;flex-wrap:wrap}.chip{border:1px solid var(--line);padding:6px 12px;border-radius:5px;background:white;color:#637b7d}.chip.selected{color:var(--accent);border-color:#a2c9bc;background:#edf5f1}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin:22px 0}.metrics article{background:#fff;border:1px solid var(--line);border-radius:12px;padding:23px 24px}.metric-top{color:#647a7e;display:flex;justify-content:space-between;align-items:center}.metric-top span{background:#edf4f1;color:#549580;border-radius:5px;padding:4px 8px}.metrics strong{font-size:38px;letter-spacing:-1.4px;display:block;font-weight:650;margin:10px 0 7px;font-variant-numeric:tabular-nums}.metrics strong em{font-size:18px;color:#819993;font-style:normal}.metrics small{font-size:11px;color:#8d9b9d}.metrics .online-card{background:#eaf2ee;border-color:#dae6df}.panel{background:white;border:1px solid var(--line);border-radius:12px;padding:24px;margin-bottom:22px;min-width:0}.panel-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:22px}.panel-heading p{color:#8d9b9d;font-size:11px;margin-top:6px}.segmented{display:flex;background:#f1f4f2;padding:4px;border-radius:6px}.segmented button{background:transparent;color:#7a8c89;font-size:12px;padding:7px 13px;border-radius:4px}.segmented .selected{background:white;color:var(--accent);box-shadow:0 1px 4px #0001}.legend{display:flex;gap:18px;flex-wrap:wrap;font-size:11px;color:#697d7c;margin-bottom:15px}.legend span{display:flex;align-items:center;gap:7px}.legend i{width:7px;height:7px;background:var(--accent);border-radius:50%}.legend .c1{background:#d69f53}.legend .c2{background:#7c9eae}.legend .c3{background:#b77e97}.legend .c4{background:#829760}.legend .c5{background:#9c8bc2}.chart{width:100%;height:265px}.chart svg{width:100%;height:100%;overflow:visible}.chart text{font-family:inherit;fill:#889995;font-size:10px}.chart-foot{color:#93a09d;font-size:10px;margin-top:8px}.chart-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.chart-grid .panel{padding:23px}.compact{height:205px}.heatmap{overflow:auto;max-height:259px;font-size:10px}.heat-row{display:grid;grid-template-columns:65px repeat(24,minmax(12px,1fr));gap:3px;align-items:center;margin:3px 0;min-width:470px}.heat-cell{height:16px;border-radius:3px;background:#eff4f1}.heat-cell.level1{background:#cbe4d8}.heat-cell.level2{background:#86bca4}.heat-cell.level3{background:#408e70}.heat-cell.level4{background:#126247}.heat-label{color:#8a9a94}.heat-scale{font-size:10px;color:#8b9a94;display:flex;align-items:center;gap:6px}.heat-scale b{display:block;background:linear-gradient(90deg,#eff4f1,#126247);width:55px;height:6px;border-radius:2px}table{width:100%;border-collapse:collapse;font-size:12px;text-align:left;white-space:nowrap}th{font-weight:500;color:#8b9997;background:#f8faf8;padding:13px 16px}td{padding:17px 16px;border-bottom:1px solid #eef2ef}tbody tr:last-child td{border-bottom:0}.table-scroll{overflow:auto}.tag{font-size:10px;border-radius:4px;background:#edf4f0;color:#568570;padding:5px 8px}.status{display:inline-block;font-size:11px;padding:5px 9px;border-radius:4px;background:#edf5ef;color:#3d8061}.status.off{background:#f1f2f1;color:#95a09b}.notice{padding:14px 20px;border:1px solid #dbe7df;border-radius:8px;background:#edf4f0;color:#547463;font-size:12px;line-height:1.6;margin:20px 0}.empty{text-align:center;color:#8fa09b;padding:50px 20px}.empty strong{display:block;color:#526f67;font-size:16px;margin-bottom:10px}footer{display:flex;justify-content:space-between;color:#98a69f;font-size:10px;letter-spacing:1px;margin:32px 0 6px}footer span{letter-spacing:0}dialog{border:1px solid var(--line);border-radius:16px;padding:28px;width:440px;max-width:95vw;box-shadow:0 15px 80px #0002}dialog::backdrop{background:#0e272c77;backdrop-filter:blur(2px)}.dialog-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}dialog label{margin:16px 0}dialog .primary{width:100%;margin-top:10px}.checkbox{flex-direction:row;align-items:center}#toast{position:fixed;bottom:30px;left:50%;transform:translateX(-50%);background:#173831;color:white;border-radius:9px;padding:15px 24px;box-shadow:0 6px 30px #0002;z-index:30;max-width:90vw}[hidden]{display:none!important}@media(min-width:1700px){main{padding-top:40px}}@media(max-width:1100px){aside{width:180px;padding:25px 15px}.workspace{margin-left:180px;width:calc(100% - 180px)}main{padding:24px}.metrics{gap:12px}.metrics article{padding:18px}.metrics strong{font-size:30px}.chart-grid{grid-template-columns:1fr}.brand{font-size:16px}}@media(max-width:720px){aside{position:static;width:100%;padding:16px;display:block}aside nav{display:flex;margin-top:15px}.nav-caption,.aside-bottom{display:none}.app-view{display:block}.workspace{margin:0;width:100%}header{height:56px;padding:0 18px}main{padding:20px 16px}.metrics{grid-template-columns:1fr 1fr}.page-heading{align-items:start}.page-heading h1{font-size:23px}.page-heading .primary{font-size:11px;padding:11px}.filter-panel{padding:15px;gap:14px}.date-range{gap:8px}.date-range input{width:140px}.filter-panel>span{margin:0}.chart-grid{gap:0}.panel{padding:18px}.login-view{display:block}.login-story{display:none}.login-main{min-height:100vh}.panel-heading h2{font-size:16px}footer span{max-width:60%;text-align:right}.segmented button{padding:6px 8px;font-size:11px}.metrics small{font-size:10px}}