.oa-dashboard{background:#f4f6fa;margin:-24px;padding:28px;color:#233148;font-size:14px;line-height:1.5;min-height:100vh}.oa-dashboard *{box-sizing:border-box}.oa-dashboard a{text-decoration:none}.oa-dashboard a:focus-visible,.oa-dashboard button:focus-visible,.oa-dashboard select:focus-visible{outline:2px solid #3268df;outline-offset:4px}.oa-dash-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:24px}.oa-eyebrow{font-size:10px;letter-spacing:1.5px;font-weight:700;color:#71819a}.oa-dashboard h1{font-size:25px;letter-spacing:-.7px;margin:5px 0;font-weight:650}.oa-dashboard p{margin:4px 0;color:#738099;font-size:13px}.oa-dash-heading form{display:flex;align-items:center;gap:8px;margin:0}.oa-dash-heading label{font-size:12px;white-space:nowrap;margin:0}.oa-dash-heading select{width:auto;margin:0;min-width:125px;background:white}.oa-dash-heading button{margin:0}.oa-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:22px}.oa-stat,.oa-card{background:#fff;border:1px solid #e6eaf1;border-radius:12px;box-shadow:0 3px 12px #192e4e04}.oa-stat{display:flex;flex-direction:column;padding:20px 22px;gap:7px;transition:box-shadow .15s,border-color .15s;color:#47546b}.oa-stat:hover{border-color:#b9caf1;box-shadow:0 5px 18px #2848700d}.oa-stat.is-selected{border-color:#b5cafa}.oa-stat>span{font-size:13px;font-weight:600}.oa-stat strong{font-size:32px;line-height:1.2;font-weight:600;letter-spacing:-1px;color:#3268df}.oa-stat small{font-size:11px;color:#7b879a;display:flex;justify-content:space-between}.oa-tone-red strong{color:#c84955}.oa-tone-amber strong{color:#a77314}.oa-charts{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-bottom:22px}.oa-card{min-width:0;overflow:hidden}.oa-card-title{padding:20px 22px 14px;display:flex;align-items:center;justify-content:space-between;gap:12px}.oa-dashboard h2{font-size:15px;font-weight:650;margin:0;letter-spacing:-.2px}.oa-dashboard h3{font-size:13px;margin:0 0 12px}.oa-total{font-size:11px;color:#62708a;background:#f2f5fa;border-radius:20px;padding:4px 10px;white-space:nowrap}.oa-status-chart{padding:8px 22px 22px;max-height:260px;overflow:auto;min-height:218px}.oa-status-row{display:grid;grid-template-columns:minmax(110px,1fr) 1.4fr 24px;align-items:center;gap:15px;padding:9px 0;font-size:12px;color:#55647c}.oa-status-row:hover{color:#245bca}.oa-status-row svg{width:100%;height:12px}.oa-status-row strong{text-align:right;font-size:12px}.oa-track{fill:#eff3f9}.oa-fill{fill:#6488e9}.oa-status-row:nth-child(2n) .oa-fill{fill:#8a9cf0}.oa-deadline-chart{display:block;width:100%;max-height:228px;padding:8px 20px 16px}.oa-deadline-chart text{font:12px Arial,sans-serif;fill:#52627b;text-anchor:middle}.oa-deadline-chart .oa-date{fill:#8a95a7;font-size:10px}.oa-deadline-chart a:hover .oa-fill{fill:#3268df}.oa-bottom{display:grid;grid-template-columns:minmax(0,2.3fr) minmax(250px,1fr);gap:22px;align-items:start}.oa-table-scroll{overflow:auto}.oa-dashboard table{width:100%;border-collapse:collapse;font-size:12px;margin:0}.oa-dashboard th{font-size:10px;text-transform:uppercase;letter-spacing:.5px;background:#fafbfd;color:#7d899c;font-weight:600;padding:12px 18px;white-space:nowrap}.oa-dashboard td{padding:16px 18px;border-bottom:1px solid #eff2f7;vertical-align:middle}.oa-dashboard td:first-child{min-width:210px}.oa-dashboard td a{color:#273f66;font-weight:600}.oa-dashboard td small{display:block;font-size:11px;color:#8190a5;margin-top:4px}.oa-dashboard td.oa-overdue{color:#c84955}.oa-dashboard td:nth-child(3){white-space:nowrap}.oa-dashboard tbody tr:hover{background:#fbfcff}.oa-empty{padding:24px 22px!important;color:#79879c;text-align:left;font-size:13px}.oa-pagination{display:flex;gap:16px;justify-content:flex-end;align-items:center;padding:12px 20px;font-size:12px}.oa-pagination:empty{display:none}.oa-activity{display:flex;align-items:flex-start;gap:11px;padding:14px 22px;border-top:1px solid #f0f3f7;color:#5c6b81}.oa-activity:hover{background:#fafbff}.oa-activity div{flex:1;min-width:0}.oa-activity strong,.oa-activity div>span,.oa-activity small{display:block}.oa-activity strong{font-size:12px;color:#334866}.oa-activity div>span{font-size:12px;margin-top:2px}.oa-activity small{font-size:10px;color:#8895a7;margin-top:4px}.oa-activity-dot{width:8px;height:8px;background:#7a99e9;border-radius:50%;margin-top:6px;flex-shrink:0}.oa-quick{padding:20px 22px;background:#fafbfd;border-top:1px solid #edf1f7;display:flex;flex-wrap:wrap;gap:8px}.oa-quick h3{flex-basis:100%;margin:0 0 4px}.oa-quick .button{font-size:12px;margin:0}.oa-dashboard #dashboard-report{scroll-margin-top:20px}@media(min-width:1600px){.oa-dashboard{padding:32px 40px}.oa-deadline-chart{max-height:250px}}@media(max-width:1100px){.oa-bottom{grid-template-columns:1fr}.oa-stats{gap:12px}.oa-stat{padding:18px 16px}}@media(max-width:750px){.oa-dashboard{margin:0;padding:16px}.oa-dash-heading{align-items:flex-start;flex-direction:column;gap:12px}.oa-stats{grid-template-columns:1fr 1fr}.oa-charts{grid-template-columns:1fr}.oa-dash-heading form{flex-wrap:wrap}.oa-dashboard h1{font-size:22px}.oa-stat strong{font-size:28px}.oa-card-title{padding:18px 16px}.oa-dashboard td{padding:12px}.oa-status-chart{min-height:0}}

.oa-dashboard .oa-stat.oa-tone-red strong{color:#c84955}.oa-dashboard .oa-stat.oa-tone-amber strong{color:#a77314}
/* Dashboard-only presentation: existing services, forms and navigation are unchanged. */
.oa-dashboard{background:#f7f8fa;color:#202631;padding:30px;font-family:Inter,"Segoe UI",Arial,sans-serif}.oa-dashboard h1{font-size:28px;letter-spacing:-1px;font-weight:650}.oa-eyebrow{color:#77818e;letter-spacing:1.6px;font-size:9px}.oa-dash-heading{margin-bottom:28px}.oa-dash-heading p{margin-top:8px}.oa-heading-actions{display:flex;align-items:flex-end;flex-direction:column;gap:12px}.oa-heading-actions .button{margin:0;border-radius:7px;font-size:12px;padding:10px 15px}.oa-heading-actions form{font-size:11px}.oa-heading-actions select,.oa-heading-actions button{font-size:11px;padding:7px 10px;min-height:32px;border-radius:6px}.oa-heading-actions label{font-size:11px}.oa-stats{gap:16px;margin-bottom:22px}.oa-stat{padding:22px;min-height:130px;gap:10px;position:relative}.oa-stat,.oa-card{border:1px solid #e9ecf0;border-radius:12px;box-shadow:0 2px 8px #17243c03}.oa-stat>span{font-size:12px;font-weight:400;color:#77818e}.oa-stat strong{color:#202631;font-size:33px;font-weight:550}.oa-stat small{font-size:11px}.oa-stat.is-selected{border-color:#c9d7f7;background:#fff}.oa-charts{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:22px}.oa-trend-card{grid-column:1;grid-row:1}.oa-status-card{grid-column:2;grid-row:1}.oa-card-title{padding:22px 22px 16px}.oa-dashboard h2{font-size:14px;color:#202631}.oa-dashboard p{font-size:12px;color:#77818e}.oa-card-title>svg{color:#8b96a6;width:18px}.oa-total{background:#f5f7fa;font-size:10px}.oa-status-layout{display:flex;align-items:center;gap:14px;padding:12px 20px 24px;min-height:212px}.oa-donut{position:relative;width:140px;flex:0 0 140px}.oa-donut svg{display:block;width:100%}.oa-donut>div{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;pointer-events:none}.oa-donut strong{font-size:30px;font-weight:550;line-height:1.25}.oa-donut span{font-size:11px;color:#77818e}.oa-status-chart{padding:0;min-height:0;max-height:190px;flex:1}.oa-status-row{grid-template-columns:7px minmax(0,1fr) auto;gap:7px;font-size:11px;padding:9px 0;color:#77818e}.oa-status-row i{width:7px;height:7px;border-radius:2px}.oa-status-row strong{font-size:11px;color:#202631}.oa-chart-footer{display:flex;justify-content:space-between;gap:12px;border-top:1px solid #f2f4f7;padding:14px 22px;font-size:11px;color:#77818e}.oa-chart-footer a{color:#3668df}.oa-deadline-chart{padding:24px 22px 18px;max-height:260px;min-height:230px}.oa-deadline-chart .oa-track{fill:transparent}.oa-deadline-chart .oa-fill{fill:#3668df;opacity:.12}.oa-deadline-chart a:hover .oa-fill{opacity:.4}.oa-deadline-chart text{font-family:inherit;font-size:11px}.oa-bottom{grid-template-columns:minmax(0,2fr) minmax(260px,1fr);align-items:start}.oa-side-stack{display:grid;gap:22px;min-width:0}.oa-report-tabs{display:flex;gap:20px;padding:0 22px;border-bottom:1px solid #e9ecf0;overflow-x:auto}.oa-report-tabs a{white-space:nowrap;font-size:12px;color:#77818e;padding:12px 0;border-bottom:2px solid transparent}.oa-report-tabs a[aria-current]{color:#3668df;border-bottom-color:#3668df}.oa-dashboard th{font-size:9px;letter-spacing:.8px;background:#fafbfd;padding:13px 18px}.oa-dashboard td{font-size:12px;padding:18px}.oa-dashboard td a{font-weight:500;color:#202631}.oa-dashboard td a:hover{color:#3668df}.oa-dashboard td small{color:#77818e;font-size:11px}.oa-dashboard .badge{font-size:10px;font-weight:400;border-radius:5px;padding:4px 8px;white-space:nowrap}.oa-workload{padding:0 22px 22px}.oa-workload-row{margin-top:14px}.oa-workload-row>div{display:flex;align-items:center;gap:9px;font-size:12px}.oa-workload-row strong{margin-left:auto;font-size:11px;font-weight:500;color:#77818e}.oa-person{display:grid;place-items:center;width:25px;height:25px;background:#eff4ff;color:#3668df;border-radius:50%;font-size:10px}.oa-workload meter{display:block;width:calc(100% - 34px);margin:7px 0 0 34px;height:7px;background:#edf1f7;border:0;border-radius:4px}.oa-workload meter::-webkit-meter-bar{background:#edf1f7;border:0;border-radius:4px}.oa-workload meter::-webkit-meter-optimum-value{background:#87a6ec;border-radius:4px}.oa-workload meter::-moz-meter-bar{background:#87a6ec}.oa-activity{padding:16px 22px}.oa-activity strong{font-weight:500;color:#202631}.oa-quick{background:#fafbfd}.oa-dashboard a:focus-visible{outline:2px solid #3668df;outline-offset:3px}.oa-dashboard .oa-empty{font-size:12px;padding:20px!important}
@media(min-width:1600px){.oa-dashboard{padding:32px 40px}.oa-deadline-chart{max-height:280px}}
@media(max-width:1200px){.oa-charts{grid-template-columns:1fr 1fr}.oa-status-layout{gap:8px;padding:10px 14px 20px}.oa-donut{width:112px;flex-basis:112px}.oa-bottom{grid-template-columns:1fr}.oa-side-stack{grid-template-columns:1fr 1fr}.oa-dash-heading{align-items:flex-start}.oa-dashboard h1{font-size:25px}}
@media(max-width:800px){.oa-dashboard{padding:20px}.oa-charts{grid-template-columns:1fr}.oa-trend-card,.oa-status-card{grid-column:auto;grid-row:auto}.oa-trend-card{order:-1}.oa-side-stack{grid-template-columns:1fr}.oa-dash-heading{flex-direction:column;gap:18px}.oa-heading-actions{align-items:flex-start;flex-direction:row;flex-wrap:wrap}.oa-donut{width:140px;flex-basis:140px}.oa-status-layout{padding:10px 22px 20px}.oa-stat{padding:18px;min-height:122px}.oa-status-chart{max-height:210px}}
@media(max-width:480px){.oa-dashboard{padding:16px;margin:0}.oa-stats{gap:10px}.oa-stat{padding:15px}.oa-dashboard h1{font-size:23px}.oa-stat strong{font-size:28px}.oa-report-tabs{gap:16px;padding:0 16px}.oa-heading-actions{width:100%}.oa-card-title{padding:18px 16px}.oa-donut{width:115px;flex-basis:115px}}
@media(prefers-reduced-motion:reduce){.oa-dashboard *{scroll-behavior:auto!important;transition:none!important}}