.dashboard-page{--dash-muted:#8190a3;--dash-text:#33465e}.dash-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 25px}.dash-heading h1{font-size:28px;font-weight:650;letter-spacing:-.8px;margin:7px 0}.dash-heading>div>p{font-size:13px;color:#8594a7;margin:0}.dash-heading-actions{display:flex;gap:9px;flex-shrink:0}.dash-heading .eyebrow{color:#9e7080;font-size:10px;letter-spacing:1.3px}.dash-period{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:22px;flex-wrap:wrap}.period-options{display:flex;background:#e9eef4;border:1px solid #e4eaf2;padding:4px;border-radius:8px;gap:3px}.period-options a{font-size:12px;padding:6px 14px;color:#8797ac;border-radius:5px}.period-options a.chosen{background:white;color:#425976;box-shadow:0 2px 5px #2037570a;font-weight:600}.dash-period>span{color:#9aa7b8;font-size:11px}.dash-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:24px}.dash-kpi{background:#fff;border:1px solid #e5ebf3;border-radius:12px;padding:20px 22px;box-shadow:0 3px 12px #30496603}.kpi-label{font-size:12px;color:#7e8fa7;display:flex;align-items:center;justify-content:space-between;gap:8px}.kpi-symbol{width:32px;height:32px;display:grid;place-items:center;border-radius:9px;font-size:19px}.kpi-symbol.blue{background:#edf3fb;color:#7e9dc2}.kpi-symbol.violet{background:#f2eef8;color:#a292bd}.kpi-symbol.green{background:#edf7f3;color:#75a794}.kpi-symbol.amber{background:#fcf5e9;color:#c0a270}.dash-kpi>strong{display:block;margin:12px 0 6px;font-size:33px;font-weight:650;color:#2d425e;line-height:1.2;letter-spacing:-1px}.dash-kpi strong em{font-size:12px;font-style:normal;font-weight:400;letter-spacing:0;color:#95a4b7;margin-left:7px}.dash-kpi small{font-size:11px;color:#a0adbf;line-height:1.6}.dash-charts-main{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(310px,1fr);gap:22px;margin-bottom:22px}.dash-charts-secondary{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-bottom:20px}.dash-card{background:white;border:1px solid #e5ebf3;border-radius:12px;padding:23px 25px;min-width:0;box-shadow:0 3px 12px #30496603}.dash-card-heading{display:flex;justify-content:space-between;align-items:start;gap:12px;margin-bottom:20px}.dash-card h2{font-size:15px;letter-spacing:-.2px;font-weight:600;color:#3e5573;margin:0 0 5px}.dash-card-heading p{color:#a1aec0;font-size:11px;margin:0}.chart-legend{display:flex;gap:14px;align-items:center;font-size:11px;color:#8a9bb1;flex-wrap:wrap}.chart-legend>span{white-space:nowrap;display:flex;gap:6px;align-items:center}.chart-legend b{font-weight:600;color:#7188a4}.dot{width:7px;height:7px;border-radius:50%;display:inline-block;flex-shrink:0}.dot.incoming{background:#b5677a}.dot.solved{background:#5f9d93}.trend-chart{display:block;width:100%;height:auto;overflow:visible}.trend-chart text{font-size:11px;fill:#a0aec0;font-family:'Segoe UI',sans-serif}.chart-footnote{display:flex;justify-content:space-between;gap:10px;color:#a5b2c3;font-size:10px;margin-top:6px;flex-wrap:wrap}.donut-layout{display:flex;gap:15px;align-items:center;justify-content:center;margin-top:24px}.status-donut{width:168px;max-width:52%;height:auto;flex-shrink:0}.donut-total{font-size:28px;font-weight:600;fill:#3d5575}.donut-caption{font-size:10px;fill:#a4b1c3}.donut-key{flex:1;min-width:100px}.donut-key>a{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:7px 0;font-size:11px;color:#8b9db4}.donut-key a>span{display:flex;align-items:center;gap:8px}.donut-key b{font-weight:500;color:#667e9d}.donut-key>a:hover{color:#ad5c74}.bar-row{margin:13px 0 17px}.bar-label{display:flex;justify-content:space-between;gap:15px;font-size:12px;color:#8395ad;margin-bottom:8px}.bar-label b{font-size:11px;font-weight:500;color:#8a9db5}.bar-track{height:7px;background:#f0f4f9;border-radius:5px;overflow:hidden}.dept-bar,.category-bar{height:100%;border-radius:5px;min-width:2px}.dept-bar{background:#88a6c6}.category-bar{background:#a6b8d0}.dash-mini-label{font-size:9px;color:#b0bdcc;letter-spacing:1px;padding-top:3px}.chart-empty{text-align:center;padding:35px 12px;color:#98a8bd;font-size:12px}.chart-empty small{font-size:11px;line-height:2}.dash-insight{background:#ecf1f7;border:1px solid #e5ecf4;border-radius:8px;padding:15px 20px;display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:28px;flex-wrap:wrap}.dash-insight>div{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.insight-dot{width:7px;height:7px;background:#bc8c9c;border-radius:50%}.dash-insight b{font-size:11px;font-weight:500;color:#8392a9}.dash-insight span:not(.insight-dot){font-size:11px;color:#98a9bf}.dash-insight small{font-size:10px;color:#a3b1c3}.dashboard-page .ticket-panel h2{font-size:16px}.dashboard-page .ticket-panel th{font-size:10px}.dashboard-page .ticket-panel td{font-size:12px}.dashboard-page .ticket-panel .muted{font-size:12px}.dashboard-page .filter-tabs a{font-size:12px}.dashboard-page .ticket-name b{font-size:13px}.dashboard-page .row-actions a{font-size:11px}.dashboard-page .table-footer{font-size:11px}.dashboard-page .badge{font-size:11px}.dashboard-page .person small{font-size:11px}.dashboard-page .tablewrap{overflow:auto}
@media(min-width:1550px){.dashboard-page .trend-chart{max-height:265px}.donut-layout{margin-top:30px;gap:25px}.status-donut{width:190px}}
@media(max-width:1250px){.dash-charts-main{grid-template-columns:1fr}.donut-layout{margin-top:5px;justify-content:flex-start;gap:35px}.status-donut{width:160px}.donut-key{max-width:400px}.dash-card-heading{flex-wrap:wrap}.chart-legend{font-size:11px}.dash-kpi{padding:18px}.dash-kpi small{font-size:10px}}
@media(max-width:760px){.dash-heading{flex-wrap:wrap}.dash-heading h1{font-size:24px}.dash-heading>div>p{font-size:12px}.dash-kpis{grid-template-columns:1fr 1fr;gap:12px}.dash-kpi{padding:16px}.dash-kpi>strong{font-size:28px}.dash-charts-secondary{grid-template-columns:1fr}.dash-card{padding:20px}.dash-period>span{font-size:10px}.kpi-symbol{width:27px;height:27px}.dash-heading-actions{width:100%}.dash-heading-actions .button{flex:1;text-align:center}.dash-insight{padding:13px 16px}.chart-footnote{font-size:10px}.donut-layout{gap:18px}.chart-legend{gap:10px}.trend-chart text{font-size:12px}.period-options a{padding:6px 11px}.dash-kpi small{font-size:11px}.dash-kpi .kpi-label{font-size:11px}}
@media print{.dash-heading-actions,.dash-period{display:none}.dash-card,.dash-kpi{break-inside:avoid;box-shadow:none}.dash-charts-main{grid-template-columns:1fr 1fr}.dash-kpis{grid-template-columns:repeat(4,1fr)}}
.dash-heading>div>p,.kpi-label,.dash-kpi small,.dash-card-heading p,.chart-legend,.bar-label,.bar-label b,.donut-key>a,.chart-footnote,.dash-insight span:not(.insight-dot),.dash-insight small,.dash-period>span{color:#6c7f98}.trend-chart text{font-size:14px;fill:#71839b}.donut-caption{font-size:11px;fill:#71839b}.dashboard-page .ticket-panel td,.dashboard-page .ticket-name b{font-size:13px}.dashboard-page .ticket-panel td small{font-size:11px;color:#7c8da3}.dashboard-page .ticket-panel .muted,.dashboard-page .table-footer{color:#788ba4}.dashboard-page .ticket-panel th{color:#72869f}.dashboard-page .filter-tabs a{color:#7387a1}
@media(max-width:760px){.trend-chart text{font-size:24px}.dash-card-heading p,.dash-kpi small,.bar-label,.chart-footnote,.dash-period>span{font-size:11px}}
