.dash{min-height:calc(100vh - 86px);padding:24px 28px 40px;background:#f4f6fa;color:#1b2440;-webkit-box-sizing:border-box;box-sizing:border-box}.dash-head{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:16px}.dash-head h1{margin:0;font-size:22px;font-weight:600}.dash-head .updated{font-size:12px;color:#8c93a3}.hero{display:grid;grid-template-columns:minmax(0,1fr) 340px;grid-gap:32px;padding:28px 32px 20px;border-radius:16px;color:#fff;background:radial-gradient(circle at 0 0,rgba(127,166,255,.18),transparent 45%),#192a5e}.hero-label{font-size:14px;color:hsla(0,0%,100%,.65)}.hero-value{margin:6px 0 8px;font-family:DIN Alternate,Bahnschrift,Helvetica Neue,Arial,sans-serif;font-size:60px;font-weight:700;line-height:1;font-variant-numeric:tabular-nums}.hero-value .cur{margin-right:6px;font-size:28px;vertical-align:22px;opacity:.8}.hero-value .dec{font-size:30px;opacity:.65}.hero-sub{font-size:14px;color:hsla(0,0%,100%,.75)}.hero-sub b{margin:0 8px 0 2px;font-family:DIN Alternate,Bahnschrift,Helvetica Neue,Arial,sans-serif;font-size:16px;color:#fff}.hero-sub .chip{padding:2px 8px;border-radius:10px;font-size:12px;color:#7be3b4;background:rgba(31,157,107,.22)}.hero-sub .chip.down{color:#ffa8a8;background:rgba(214,69,69,.25)}.hero-sub .hint{font-size:12px;color:hsla(0,0%,100%,.45)}.legend{display:-webkit-box;display:-ms-flexbox;display:flex;gap:16px;font-size:12px;color:#5b6478}.legend span{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.legend i{width:10px;height:10px;margin-right:6px;border-radius:2px}.legend.dark{margin:22px 0 4px;color:hsla(0,0%,100%,.7)}.hero-side{display:grid;grid-template-columns:1fr 1fr;grid-auto-rows:-webkit-min-content;grid-auto-rows:min-content;grid-gap:26px 20px;-ms-flex-line-pack:center;align-content:center;padding-left:32px;border-left:1px solid hsla(0,0%,100%,.1)}.hero-side .fact-value{font-family:DIN Alternate,Bahnschrift,Helvetica Neue,Arial,sans-serif;font-size:30px;font-weight:600;line-height:1.1}.hero-side .fact-label{margin-top:4px;font-size:12px;color:hsla(0,0%,100%,.55)}.hero-side .since{grid-column:span 2;padding-top:16px;border-top:1px solid hsla(0,0%,100%,.1);font-size:12px;color:hsla(0,0%,100%,.5)}.period-head{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin:30px 0 14px}.period-head h2{margin:0;font-size:17px;font-weight:600}.period-head .filters{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.period-head .filters .el-select{width:150px;margin-right:12px}.panel{padding:20px 22px;margin-bottom:20px;border:1px solid #e6eaf2;border-radius:12px;background:#fff}.panel-head{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;margin-bottom:14px}.panel-head h3{margin:0;font-size:15px;font-weight:600}.panel-head .panel-desc{margin-left:8px;font-size:12px;color:#8c93a3}.panel-head .legend{margin-left:auto}.grid{display:grid;grid-gap:20px;margin-bottom:20px}.grid .panel{margin-bottom:0}.grid.grid-trend{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}.grid.grid-rank{grid-template-columns:repeat(3,minmax(0,1fr))}.kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));padding:0}.kpis .kpi{padding:20px 22px 16px}.kpis .kpi+.kpi{border-left:1px solid #eef1f6}.kpis .kpi-label{font-size:13px;color:#5b6478}.kpis .kpi-value{margin:8px 0 4px;font-family:DIN Alternate,Bahnschrift,Helvetica Neue,Arial,sans-serif;font-size:28px;font-weight:600;font-variant-numeric:tabular-nums}.kpis .kpi-delta{font-size:12px;color:#8c93a3}.kpis .kpi-delta .up{color:#1f9d6b;font-weight:600}.kpis .kpi-delta .down{color:#d64545;font-weight:600}.kpis .sparkline{margin-top:10px}.mix{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.mix .mix-total{font-family:DIN Alternate,Bahnschrift,Helvetica Neue,Arial,sans-serif;font-size:32px;font-weight:600;line-height:1.1}.mix .mix-total-label{margin-top:4px;font-size:12px;color:#8c93a3}.mix .mix-bar{gap:2px;height:14px;margin:22px 0 18px;border-radius:7px;overflow:hidden;background:#eef1f6}.mix .mix-bar,.mix .mix-row{display:-webkit-box;display:-ms-flexbox;display:flex}.mix .mix-row{-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:12px 0;border-top:1px solid #f1f3f8}.mix .mix-row i{width:10px;height:10px;margin-right:8px;border-radius:2px}.mix .mix-name{-webkit-box-flex:1;-ms-flex:1;flex:1;font-size:14px}.mix .mix-pct{font-size:22px;font-weight:600}.mix .mix-amount,.mix .mix-pct{font-family:DIN Alternate,Bahnschrift,Helvetica Neue,Arial,sans-serif}.mix .mix-amount{width:120px;text-align:right;font-size:13px;color:#5b6478}.mix .mix-note{margin:auto 0 0;padding-top:12px;font-size:12px;line-height:1.6;color:#a3a9b6}.flow{display:-webkit-box;display:-ms-flexbox;display:flex}.flow .flow-step{position:relative;-webkit-box-flex:1;-ms-flex:1;flex:1;padding-left:36px}.flow .flow-step:first-child{padding-left:0}.flow .flow-step.cancel{margin-left:12px;padding-left:28px;border-left:1px dashed #dde2eb}.flow .flow-step.cancel .flow-count{color:#a3a9b6}.flow .arrow{position:absolute;left:6px;top:14px;width:12px;height:12px;border-top:2px solid #c5cbd8;border-right:2px solid #c5cbd8;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.flow .flow-count{font-family:DIN Alternate,Bahnschrift,Helvetica Neue,Arial,sans-serif;font-size:30px;font-weight:600;line-height:1.2}.flow .flow-name{margin-top:4px;font-size:13px;color:#5b6478}.flow .flow-pct{margin-top:2px;font-family:DIN Alternate,Bahnschrift,Helvetica Neue,Arial,sans-serif;font-size:12px;color:#8c93a3}.todo{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px;padding:12px 20px;border:1px solid #e6eaf2;border-radius:12px;background:#fff}.todo .todo-title{margin-right:8px;font-size:13px;color:#8c93a3}.todo .todo-item{padding:6px 12px;border:0;border-radius:8px;font-size:13px;color:#1b2440;background:#f4f6fa;cursor:pointer}.todo .todo-item:hover{background:#e9eef8}.todo .todo-item:focus-visible{outline:2px solid #3963bc}.todo .todo-item b{margin-left:4px;font-family:DIN Alternate,Bahnschrift,Helvetica Neue,Arial,sans-serif;color:#3963bc}@media screen and (max-width:1280px){.hero{grid-template-columns:minmax(0,1fr)}.hero-side{grid-template-columns:repeat(3,1fr);padding:20px 0 4px;border-left:0;border-top:1px solid hsla(0,0%,100%,.1)}.hero-side .since{grid-column:span 3}.kpis{grid-template-columns:repeat(3,minmax(0,1fr))}}@media screen and (max-width:1000px){.grid.grid-rank,.grid.grid-trend{grid-template-columns:minmax(0,1fr)}}