.analytics-dashboard{--muted:#849189}.desktop-ui.analytics-dashboard .main{max-width:1600px;padding:26px 30px 35px}.analytics-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:16px}.desktop-ui .analytics-heading h1{font-size:23px;font-weight:600;letter-spacing:-.5px;margin:0 0 6px}.analytics-heading>div>p{font-size:11px;color:#8b978f;margin:0}.analytics-toolbar{display:flex;gap:8px;align-items:center}.analytics-toolbar>label,.analytics-toolbar>button{display:flex;align-items:center;gap:6px;min-height:33px;border:1px solid #e7ebe6;border-radius:6px;background:#fff;padding:0 9px;font-size:10px;color:#4f6557}.analytics-toolbar svg{width:14px;height:14px}.analytics-toolbar select{border:0;background:transparent;outline-offset:4px;font:inherit;color:inherit;max-width:130px}.desktop-ui .analytics-toolbar>.btn{font-size:11px;min-height:33px}.analytics-tabs{display:flex;gap:4px;align-items:center;margin-bottom:19px;border-bottom:1px solid #edf0ec;padding-bottom:12px}.analytics-tabs>span,.analytics-tabs>button{font-size:11px;padding:7px 12px;border-radius:5px;color:#89958b;display:flex;align-items:center;gap:5px}.analytics-tabs svg{width:12px;height:12px}.analytics-tabs .selected{color:#2e5140;background:#eff5ee;font-weight:500}.analytics-tabs>small{margin-left:auto;color:#99a39b;font-size:10px}.analytics-panel{border:1px solid #e6ebe5;border-radius:10px;background:#fff;padding:18px 19px;min-width:0}.analytics-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:16px}.desktop-ui .analytics-panel h2{font-size:12px;font-weight:600;line-height:1.5;margin:0}.analytics-panel-head p{font-size:10px;color:#8d998e;margin:4px 0 0;line-height:1.7}.analytics-live{font-size:9px;background:#f2f6ef;color:#7c9680;border-radius:4px;padding:4px 7px;white-space:nowrap}.analytics-summary{padding-bottom:20px;margin-bottom:17px}.analytics-summary .analytics-panel-head{margin-bottom:23px}.analytics-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.analytics-kpi{text-align:left;position:relative;padding:0 17px;border-right:1px solid #e9eee7;min-width:0}.analytics-kpi:first-child{padding-left:0}.analytics-kpi:last-child{border:0}.analytics-kpi>span{font-size:11px;display:block;color:#536b59}.analytics-kpi>strong{display:block;font-size:25px;font-weight:600;letter-spacing:-.7px;margin:8px 0}.analytics-kpi strong small{font-size:10px;font-weight:400;color:#93a08f;margin-left:5px;letter-spacing:0}.analytics-kpi p{font-size:9px;color:#94a08e;margin:0;display:flex;align-items:center;gap:4px;max-width:calc(100% - 60px)}.analytics-kpi p i{width:4px;height:4px;border-radius:50%;background:#4ba580;flex-shrink:0}.metric-spark{width:69px;height:32px;position:absolute;right:14px;bottom:0}.analytics-grid{display:grid;grid-template-columns:minmax(230px, .42fr) minmax(0,1fr);gap:17px}.analytics-small-column,.analytics-wide-column{display:flex;flex-direction:column;gap:16px;min-width:0}.analytics-wide-column>.analytics-panel{flex:1}.analytic-svg{display:block;width:100%;height:auto;max-height:212px;overflow:visible}.analytic-svg text{font-family:inherit;font-size:9px;fill:#9aa59b}.analytic-svg .chart-grid{stroke:#dfe6de;stroke-width:1;stroke-dasharray:1 6}.analytic-svg .point-label{opacity:0;fill:#34694f;font-size:11px;font-weight:600;paint-order:stroke;stroke:white;stroke-width:4px}.chart-point{outline-offset:0;cursor:crosshair}.chart-point:hover .point-label,.chart-point:focus .point-label{opacity:1}.chart-point:focus{outline:1px solid #64aa88;border-radius:4px}.chart-key{font-size:9px;display:flex;gap:5px;align-items:center;color:#8d9c8d;white-space:nowrap}.chart-key i{width:5px;height:5px;border-radius:50%;background:#008d74}.analytics-phases{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px 18px}.analytics-phases>button{text-align:left;position:relative;padding-bottom:10px;border-bottom:2px solid #edf2e9}.analytics-phases span{font-size:10px;color:#899a88;display:block}.analytics-phases strong{font-size:21px;font-weight:500;display:block;margin-top:5px}.analytics-phases i{position:absolute;left:0;bottom:-2px;height:2px;background:#9ecab0}.analytics-heatmap{display:grid;grid-template-columns:repeat(14,minmax(0,1fr));gap:4px}.analytics-heatmap span{display:block;aspect-ratio:1;border-radius:3px;min-width:0}.heat-0{background:#f2f6ee}.heat-1{background:#e0eedc}.heat-2{background:#c4dfbd}.heat-3{background:#9fcf9e}.heat-4{background:#65b594}.heat-legend{display:flex;justify-content:flex-end;gap:4px;align-items:center;margin-top:10px;font-size:9px;color:#9aa694}.heat-legend i{width:8px;height:8px;border-radius:2px}.analytics-goal{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:18px 0 14px}.analytics-goal strong{font-size:26px;font-weight:500;letter-spacing:-.5px}.analytics-goal strong small{font-size:11px;color:#9aa58f;font-weight:400}.analytics-goal>span{font-size:11px;color:#629477}.analytics-goal-bar{height:5px;background:#eef3e9;border-radius:5px;overflow:hidden}.analytics-goal-bar i{display:block;height:100%;background:#8ac6a0}.analytics-footnote{font-size:9px;color:#a1ab97;margin:11px 0 2px}.analytics-project-table{margin-top:18px}.analytics-project-table .tablewrap{border:0!important;overflow-x:auto}.desktop-ui .analytics-project-table th{font-size:10px;background:#f8faf6;border-top:1px solid #edf1e8;padding:11px 9px}.desktop-ui .analytics-project-table td{font-size:11px;padding:13px 9px}.analytics-project-name{display:flex;align-items:center;gap:9px;min-width:200px}.analytics-project-name img{width:31px;height:31px;object-fit:cover;border-radius:6px}.analytics-table-note{display:block;font-size:9px;color:#a0aa99;margin-top:5px}.analytics-project-table .cycle-status{font-size:9px;padding:3px 7px}.analytics-bottom-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px;margin-top:17px}.analytics-bottom-grid .work-row{padding:12px 0}.analytics-bottom-grid .work-row strong{font-size:11px}.analytics-bottom-grid .work-row small{font-size:9px}.analytics-count{font-size:11px;color:#749477;white-space:nowrap}.analytics-recommend-title{margin-top:27px}.analytics-feedback{margin-top:21px;display:flex;align-items:center;gap:22px}.analytics-feedback>img{width:160px;height:108px;border-radius:7px;object-fit:cover}.analytics-feedback small{font-size:9px;color:#8ba087}.analytics-feedback h2{margin:7px 0!important;font-size:15px!important}.analytics-feedback p{font-size:11px;color:#96a08d;margin:8px 0}.analytics-dashboard .footer-note{font-size:9px}.desktop-ui.analytics-dashboard .topbar{height:64px}.desktop-ui.analytics-dashboard .side{padding-top:16px}.analytics-dashboard .textbtn{font-size:10px}.analytics-dashboard .main .cards{gap:17px}.analytics-dashboard .main .impact-project .project-photo{height:160px}
@media(min-width:1700px){.desktop-ui.analytics-dashboard .main{padding:34px 42px}.analytics-panel{padding:22px}.analytic-svg{max-height:245px}.analytics-kpi>strong{font-size:29px}.metric-spark{width:90px}.analytics-kpi p{max-width:calc(100% - 90px)}}
@media(max-width:1100px){.analytics-heading{align-items:flex-start;flex-direction:column}.analytics-toolbar{align-self:stretch;flex-wrap:wrap}.analytics-tabs>small{display:none}.desktop-ui.analytics-dashboard .main{padding:25px 22px}.analytics-kpi>strong{font-size:21px}.metric-spark{display:none}.analytics-kpi p{max-width:100%}.analytics-grid{grid-template-columns:230px minmax(0,1fr)}.analytic-svg{min-height:180px}.analytics-project-name{min-width:180px}}
@media(max-width:850px){.analytics-grid,.analytics-bottom-grid{grid-template-columns:1fr}.analytics-small-column{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.analytics-small-column>.analytics-panel:last-child{grid-column:1/-1}.analytics-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 0}.analytics-kpi:nth-child(3){padding-left:0}.analytics-kpi:nth-child(2){border:0}.analytics-feedback>img{width:110px}}
.analytic-svg text{stroke:none!important;stroke-width:0!important}.analytic-svg circle{stroke:none}.analytic-svg .point-label{stroke:white!important;stroke-width:4px!important}.analytics-small-column .analytics-panel{padding:16px 18px}.analytics-small-column .analytics-panel-head{margin-bottom:12px}.analytics-heatmap span{aspect-ratio:auto;height:13px}.analytics-phases{gap:10px 18px}.analytics-phases strong{font-size:19px;margin-top:3px}.analytics-goal{margin:10px 0 12px}
