.report-card{display:grid;align-content:start;justify-items:start;gap:10px}.report-card>svg{color:var(--blue);width:26px;height:26px}.report-card h2,.report-card p{margin:0}.report-card button{margin-top:5px}
.project-report{display:grid;gap:16px;margin:22px 0}.project-report-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.project-report-heading h2{margin:5px 0;font-size:20px}.project-report-heading p{margin:0}.project-report-heading .secondary{white-space:nowrap}
.project-report-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.project-report-kpis article{display:grid;gap:5px;padding:16px;border:1px solid var(--line);border-radius:12px;background:var(--surface,#fff);box-shadow:0 2px 6px #11243b08}.project-report-kpis article>span{font-size:11px;color:var(--muted);font-weight:600}.project-report-kpis article>strong{font-size:26px;line-height:1.1;letter-spacing:-.5px}.project-report-kpis article>small{font-size:10px;color:var(--muted)}
.project-report-charts{display:grid;grid-template-columns:minmax(240px,.8fr) minmax(0,1.4fr);gap:14px}.project-report-charts>.panel{margin:0}.project-report-charts .padded{padding:17px}.project-report-charts h3{margin:0 0 16px;font-size:13px}.project-status-track{display:flex;height:15px;overflow:hidden;border-radius:99px;background:#e9eef5}.project-status-track .running{background:#2875ed;min-width:0}.project-status-track .completed{background:#18a779;min-width:0}.project-chart-legend{display:flex;flex-wrap:wrap;gap:18px;margin-top:15px;font-size:11px}.project-chart-legend span{display:flex;align-items:center;gap:7px}.project-chart-legend i{width:9px;height:9px;border-radius:50%;background:#2875ed}.project-chart-legend i.completed{background:#18a779}.project-duration-chart{display:grid;align-content:start;gap:10px}.project-duration-chart h3{margin-bottom:4px}.project-duration-row{display:grid;grid-template-columns:minmax(70px,130px) minmax(80px,1fr) 48px;align-items:center;gap:10px;font-size:10px}.project-duration-row>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:650}.project-duration-row>div{height:9px;border-radius:99px;background:#e9eef5;overflow:hidden}.project-duration-row>div i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#2875ed,#37b5d8)}.project-duration-row>strong{text-align:right;font-variant-numeric:tabular-nums}.project-table-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px;border-bottom:1px solid var(--line)}.project-table-head h3,.project-table-head p{margin:0}.project-table-head p{margin-top:4px;color:var(--muted);font-size:11px}.project-report .table-wrap{border:0;box-shadow:none}.project-report .table-wrap table{min-width:920px}.project-report .table-wrap td:first-child{min-width:210px}.project-report-note{margin:0;color:var(--muted);font-size:11px;line-height:1.6}
:root[data-theme="dark"] .project-status-track,:root[data-theme="dark"] .project-duration-row>div{background:#27384c}
:root[data-theme="dark"] .project-report-kpis article{background:var(--surface);border-color:var(--line)}
@media(max-width:900px){.project-report-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.project-report-charts{grid-template-columns:1fr}}
@media(max-width:600px){.project-report-heading{align-items:flex-start;flex-direction:column}.project-report-heading .secondary{width:100%}.project-report-kpis{gap:8px}.project-report-kpis article{padding:12px}.project-report-kpis article>strong{font-size:22px}.project-duration-row{grid-template-columns:75px minmax(50px,1fr) 40px;gap:7px}.project-table-head{align-items:flex-start;padding:13px}.report-card{padding:16px}}