:root{--ink:#172319;--muted:#778077;--line:#e7e9e4;--paper:#f8f9f6;--green:#1f8f62;--deep:#174d37;--mint:#e7f4ed;--orange:#ffb845}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Noto Sans SC',sans-serif}button{font:inherit;border:0;cursor:pointer}aside.sidebar{position:fixed;width:250px;height:100vh;left:0;top:0;background:#fff;border-right:1px solid var(--line);padding:28px 14px;display:flex;flex-direction:column;z-index:4}.brand{font-size:21px;font-weight:800;letter-spacing:-1px;display:flex;align-items:center;gap:10px;padding:0 12px}.brand-mark{background:var(--deep);color:#fff;border-radius:9px;width:29px;height:29px;display:grid;place-items:center;font:500 18px 'DM Mono'}.workspace{margin:32px 12px 22px;background:#f3f5f1;padding:9px 10px;border-radius:7px;color:#7c827b;font-size:11px;display:flex;justify-content:space-between}.workspace b{color:#26875f;font-size:10px}nav p{color:#9aa199;font-size:10px;letter-spacing:1px;margin:21px 12px 8px}.nav-item{width:100%;background:transparent;text-align:left;border-radius:8px;padding:11px 12px;color:#596159;font-size:14px;margin:2px 0;display:flex;align-items:center;gap:12px}.nav-item i{font-style:normal;font-size:17px;width:17px;text-align:center}.nav-item.active{background:#e9f4ed;color:#176f4d;font-weight:700}.nav-item em{background:#e8a93c;color:#fff;border-radius:8px;padding:0 5px;font-size:10px;font-style:normal;margin-left:auto}.side-bottom{margin-top:auto;border-top:1px solid var(--line);padding-top:16px}.profile{background:transparent;width:100%;display:flex;align-items:center;text-align:left;gap:9px}.profile>span,.avatar{display:grid;place-items:center;border-radius:50%;background:#c2e2d2;color:#176044;font-weight:700}.profile>span{height:31px;width:31px}.profile strong,.profile small{display:block}.profile strong{font-size:12px}.profile small{font-size:10px;color:var(--muted);margin-top:2px}.profile>b{margin-left:auto;color:var(--muted)}main{margin-left:250px;min-height:100vh}header{height:70px;border-bottom:1px solid var(--line);background:#fff;display:flex;align-items:center;padding:0 42px;justify-content:space-between}.crumb{font-size:13px;color:#6e766e}.crumb span{padding:0 8px;color:#bac0ba}.header-actions{display:flex;align-items:center;gap:20px}.icon-btn,.notice{background:transparent;font-size:21px;color:#647066;position:relative}.notice b{position:absolute;background:#ef704f;border:2px solid white;border-radius:50%;width:8px;height:8px;right:-3px;top:0}.date{font:12px 'DM Mono';color:#788179;border-left:1px solid var(--line);padding-left:20px}.mobile-menu{display:none}.page{display:none;padding:38px 42px 60px;max-width:1500px;margin:auto}.page.visible{display:block}.page-heading{display:flex;justify-content:space-between;align-items:flex-start}.eyebrow{font:500 10px 'DM Mono';color:#2b9468;letter-spacing:1.1px}h1{font-size:28px;letter-spacing:-1.3px;margin:7px 0 4px}h1 span{color:#e5a529;font-size:22px}p{color:var(--muted);font-size:13px;margin:0}.date-picker{display:flex;align-items:center;background:#fff;border:1px solid var(--line);border-radius:7px;height:39px;margin-top:10px}.date-picker button{background:#fff;padding:0 12px;font-size:18px;color:#677067}.date-picker strong{font-size:12px;padding:0 6px}.date-picker .calendar{border-left:1px solid var(--line);font-size:14px}.compare{display:flex;align-items:center;gap:2px;margin:32px 0 15px}.compare span{font-size:12px;color:var(--muted);margin-right:10px}.compare button,.segmented button{background:transparent;padding:6px 12px;color:#6e776e;font-size:12px;border-radius:5px}.compare .active,.segmented .active{background:#dff0e7;color:#207650;font-weight:700}.kpi-grid{display:grid;grid-template-columns:1.25fr 1fr 1fr 1fr;gap:14px}.kpi,.panel,.form-card,.form-aside>div{background:#fff;border:1px solid var(--line);border-radius:10px}.kpi{padding:18px;min-height:163px}.kpi.featured{background:#1b513b;color:#fff;border-color:#1b513b}.card-top{display:flex;justify-content:space-between;color:#748079;font-size:12px}.featured .card-top{color:#c6ddd0}.card-top button{background:none;color:inherit}.kpi h2{font:600 25px 'DM Mono';letter-spacing:-1.5px;margin:18px 0 5px}.trend{font:500 11px 'DM Mono'}.trend small{font-family:'Noto Sans SC';color:#9da69d;margin-left:4px}.featured .trend small{color:#bdd1c5}.up{color:#6ad6a2}.kpi:not(.featured) .up,.uptext{color:#22986a}.down,.downtext{color:#e06b50}.spark,.mini-bars{height:31px;margin-top:9px;display:flex;align-items:flex-end;gap:6px}.spark i,.mini-bars i{width:10%;background:#5fae89;border-radius:2px 2px 0 0}.spark i:nth-child(1){height:25%}.spark i:nth-child(2){height:47%}.spark i:nth-child(3){height:35%}.spark i:nth-child(4){height:65%}.spark i:nth-child(5){height:54%}.spark i:nth-child(6){height:85%}.spark i:nth-child(7){height:100%}.mini-bars i{background:#9fd9bc}.mini-bars i:nth-child(1){height:39%}.mini-bars i:nth-child(2){height:53%}.mini-bars i:nth-child(3){height:43%}.mini-bars i:nth-child(4){height:72%}.mini-bars i:nth-child(5){height:63%}.mini-bars i:nth-child(6){height:87%}.mini-bars i:nth-child(7){height:76%}.mini-bars.pale i{background:#c0dfcc}.ring{height:39px;width:39px;border-radius:50%;border:5px solid #e2f1e8;border-top-color:#3aaf78;margin:7px 0 0 auto;display:grid;place-items:center;font-size:6px;color:#29835d}.lower-grid{display:grid;grid-template-columns:2.1fr 1fr;gap:14px;margin-top:14px}.panel{padding:21px}.panel-title{display:flex;justify-content:space-between;align-items:start}.panel h3{font-size:15px;margin:0 0 4px}.panel-title p{font-size:11px}.legend{display:flex;gap:13px;color:#758078;font-size:11px}.legend i{display:inline-block;width:7px;height:7px;background:#1c8d60;border-radius:50%;margin-right:4px}.legend span+span i{background:#91c9a8}.chart{height:235px;margin-top:14px;position:relative;padding:0 0 18px 34px;background:repeating-linear-gradient(to bottom,transparent 0,transparent 43px,#edf0eb 44px)}.chart svg{width:100%;height:100%}.area{fill:#e7f3eb}.line1,.line2{fill:none;stroke-width:3}.line1{stroke:#1c8960}.line2{stroke:#91c7a6}.ylabels{position:absolute;left:0;top:-4px;bottom:15px;display:flex;flex-direction:column;justify-content:space-between;font:9px 'DM Mono';color:#a1a9a1}.xlabels{position:absolute;bottom:0;left:34px;right:0;display:flex;justify-content:space-between;font:9px 'DM Mono';color:#9ca49d}.champion{background:#1c503b;color:#fff;border:0;position:relative;overflow:hidden}.champion:after{content:'✦';position:absolute;right:-17px;bottom:-55px;font-size:170px;color:#2e694f}.champion .eyebrow{color:#a4d0b8}.champion h3{font-size:21px;margin:7px 0 21px}.champ-icon{position:absolute;right:20px;top:20px;color:#e8b74c;font-size:30px}.champ-person{display:flex;align-items:center;gap:9px}.champ-person>span{width:34px;height:34px;background:#e6b347;color:#fff;border-radius:50%;display:grid;place-items:center;font-weight:bold}.champ-person strong,.champ-person small{display:block}.champ-person strong{font-size:13px}.champ-person small{font-size:10px;color:#c1d6ca}.champion p{margin:21px 0 15px;color:#c3d5ca;font-size:11px}.champion p b{color:#fff;font:600 15px 'DM Mono';margin-left:7px}.champion button,.link{background:transparent;color:#83d5ad;font-size:11px;padding:0}.form-layout{display:grid;grid-template-columns:minmax(500px,1.7fr) minmax(230px,.6fr);gap:15px;margin-top:30px}.form-card{padding:23px}.form-head{display:flex;justify-content:space-between;align-items:baseline}.form-head h3{margin:0;font-size:16px}.form-head span{font-size:11px;color:var(--muted)}.channels{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:20px 0}.channel{border:1px solid var(--line);border-radius:7px;padding:13px 10px;cursor:pointer;position:relative}.channel input{display:none}.channel.selected{border-color:#44a878;background:#f1f8f3}.channel b,.channel small{display:block}.channel b{font-size:13px}.channel small{font:9px 'DM Mono';color:#8e988f;margin-top:3px}.check{position:absolute;right:9px;top:9px;width:13px;height:13px;border:1px solid #cbd1cb;border-radius:50%}.selected .check{background:#259768;border-color:#259768}.selected .check:after{content:'✓';font-size:9px;color:white;position:absolute;left:2px;top:-1px}.metric-form{border-top:1px solid var(--line)}.form-row{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:10px;align-items:center;min-height:48px;border-bottom:1px solid #eef0ec}.form-row label{font-size:12px;font-weight:600}.form-row label small{font-weight:400;color:#99a198}.form-row input{width:100%;border:1px solid #e3e7e1;border-radius:5px;padding:8px;font:12px 'DM Mono';color:#38433a}.label-row{font-size:11px;color:#858e85;min-height:37px}.primary{background:#1d8d61;color:#fff;padding:11px 17px;border-radius:6px;font-size:12px;font-weight:700}.submit{width:100%;margin-top:20px;font-size:13px}.submit span{float:right;font-size:17px;line-height:12px}.save-status{font-size:11px;color:#259768;margin-top:15px}.tip-card{padding:20px;background:#f0f8f3!important;border-color:#d8ecdf!important}.tip-card>span{color:#da9d2d}.tip-card h3,.summary-card h3{font-size:14px;margin:8px 0}.tip-card p{font-size:12px;line-height:1.7}.summary-card{margin-top:14px;padding:19px}.summary-card div{display:flex;justify-content:space-between;border-bottom:1px solid #edf0ec;padding:11px 0;font-size:12px;color:#7c857c}.summary-card div:last-child{border:0}.summary-card b{color:#26362c;font-family:'DM Mono'}.segmented{background:#f0f3ef;padding:3px;border-radius:7px;margin-top:10px}.report-toolbar{display:flex;gap:9px;margin:29px 0 15px}.report-toolbar button,.rank-tabs button{padding:9px 13px;background:#fff;border:1px solid var(--line);border-radius:6px;color:#586259;font-size:12px}.report-toolbar .export{margin-left:auto;color:#217e58}.table-panel{padding:0;overflow:hidden}.table-panel .panel-title{padding:20px 22px;border-bottom:1px solid var(--line)}table{width:100%;border-collapse:collapse;text-align:left}th{font-size:10px;letter-spacing:.2px;color:#899289;background:#fafbf9;padding:12px 22px;font-weight:500}td{font-size:12px;padding:16px 22px;border-top:1px solid #eff1ed}td strong,td small{display:block}td small{font-size:10px;color:#98a198;margin-top:3px}.rank{width:22px;height:22px;border-radius:5px;display:grid;place-items:center;font:11px 'DM Mono'}.gold{background:#fbefd3;color:#b37c0f}.silver{background:#edf0f1;color:#738089}.bronze{background:#f7e6d9;color:#aa7345}.money{font:500 13px 'DM Mono';color:#1d684b}.rank-tabs{display:flex;gap:7px;border-bottom:1px solid var(--line);padding-bottom:15px;margin-top:30px}.rank-tabs .active{background:#1d8d61;color:#fff;border-color:#1d8d61}.rank-tabs span{flex:1}.podium{height:250px;background:linear-gradient(180deg,#eff8f2,#fff);margin-top:16px;border-radius:10px;display:flex;align-items:end;justify-content:center;gap:24px;padding:0 0 20px}.podium article{text-align:center;width:130px;position:relative;padding:15px 0 8px;background:#e5f2ea;border-radius:9px 9px 0 0}.podium .first{height:162px;background:#1d7e58;color:#fff}.podium .second{height:122px}.podium .third{height:98px;background:#f1eee6}.podium .avatar{width:50px;height:50px;margin:-42px auto 5px;border:3px solid white}.podium .a1{background:#e7ad3c}.podium .a2{background:#ad83b9}.podium .a3{background:#71a9bf}.podium h3{font-size:13px;margin:3px}.podium p{font:11px 'DM Mono';color:#297c58}.first p{color:#c6ead8}.podium>b{font:700 20px 'DM Mono';position:absolute;left:10px;top:8px;opacity:.3}.crown{color:#f6c54e;position:absolute;top:-70px;left:55px;font-size:24px}.ranking-list{background:#fff;border:1px solid var(--line);border-radius:8px;overflow:hidden}.ranking-list div{padding:13px 20px;border-bottom:1px solid #eff1ed;display:flex;align-items:center;gap:13px;font-size:12px}.ranking-list div:last-child{border:0}.ranking-list>b{font:500 12px 'DM Mono';color:#9da59e}.avatar.small{width:28px;height:28px;background:#e7bb93}.avatar.green{background:#9cc7ad}.ranking-list em{font-size:11px;font-style:normal;color:#9ca49d}.ranking-list span:last-of-type{margin-left:auto;font:500 13px 'DM Mono'}.ranking-list i{font-size:11px;font-style:normal;width:35px}.simple{padding-top:80px;text-align:center}.simple h1{margin-top:9px}.simple p{margin:10px auto;max-width:400px}.empty-graphic{font-size:70px;color:#b7ddc6;margin:45px auto 25px}.progress-line{width:min(460px,100%);height:12px;background:#e5ebe5;border-radius:10px;margin:35px auto 24px;overflow:hidden}.progress-line i{display:block;background:#2a9b6e;width:91.6%;height:100%;border-radius:10px}.toast{position:fixed;bottom:25px;right:25px;transform:translateY(100px);opacity:0;background:#183e2d;color:#fff;padding:13px 16px;border-radius:7px;font-size:12px;box-shadow:0 8px 22px #1d35251c;transition:.3s}.toast.show{transform:translateY(0);opacity:1}.toast span{color:#75dfad;margin-left:10px}@media(max-width:900px){.sidebar{transform:translateX(-100%);transition:.25s}.sidebar.open{transform:none}main{margin-left:0}header{padding:0 18px}.mobile-menu{display:block;background:transparent;font-size:20px}.crumb{display:none}.date{display:none}.page{padding:28px 18px}.kpi-grid{grid-template-columns:1fr 1fr}.lower-grid,.form-layout{grid-template-columns:1fr}.form-aside{display:grid;grid-template-columns:1fr 1fr;gap:12px}.summary-card{margin-top:0}.channels{grid-template-columns:1fr 1fr}.page-heading{gap:12px}.date-picker{display:none}}@media(max-width:550px){.kpi-grid{grid-template-columns:1fr}.lower-grid{display:block}.champion{margin-top:14px}.page-heading h1{font-size:24px}.form-aside{display:block}.summary-card{margin-top:12px}.form-head{display:block}.form-head span{display:block;margin-top:5px}.report-toolbar{flex-wrap:wrap}.report-toolbar .export{margin-left:0}.table-panel{overflow:auto}.podium{gap:9px}.podium article{width:30%}}