/* Secure24 Sample A — approved executive command dashboard */
.management-dashboard{display:grid;gap:18px;max-width:1480px;margin:0 auto}.dashboard-kpis{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important;margin:0!important}.dashboard-kpi{position:relative!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;text-align:left!important;min-width:0!important;min-height:132px!important;padding:18px 18px 16px!important;border:1px solid #e2e8f0!important;border-radius:12px!important;background:#fff!important;box-shadow:0 2px 8px rgba(15,42,75,.045)!important;overflow:hidden!important}.dashboard-kpi:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:#1976d2}.dashboard-kpi.is-clickable{cursor:pointer}.dashboard-kpi.is-clickable:hover{border-color:#bfd4eb!important;transform:translateY(-1px);box-shadow:0 7px 18px rgba(15,42,75,.07)!important}.dashboard-kpi-label{font-size:10px!important;letter-spacing:.07em!important;text-transform:uppercase!important;color:#718096!important;font-weight:850!important;padding-right:46px}.dashboard-kpi strong{font-size:27px!important;line-height:1.05!important;color:#0d2b57!important;font-weight:850!important;margin:17px 0 5px!important;letter-spacing:-.025em!important}.dashboard-kpi small{font-size:10.5px!important;color:#7a899b!important;line-height:1.35!important}.dashboard-kpi-icon{position:absolute!important;right:16px!important;top:16px!important;width:34px!important;height:34px!important;display:grid!important;place-items:center!important;border-radius:9px!important;background:#edf5ff!important;color:#1976d2!important}.dashboard-kpi-icon svg{width:18px;height:18px;display:block;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.dashboard-status{display:none!important}.dashboard-kpi.tone-success:before{background:#16865c}.dashboard-kpi.tone-success .dashboard-kpi-icon{background:#edf8f3!important;color:#16865c!important}.dashboard-kpi.tone-teal:before{background:#17817c}.dashboard-kpi.tone-teal .dashboard-kpi-icon{background:#edf8f7!important;color:#17817c!important}.dashboard-kpi.tone-info:before{background:#1976d2}.dashboard-kpi.tone-payroll:before{background:#6b5ab2}.dashboard-kpi.tone-payroll .dashboard-kpi-icon{background:#f4f0fb!important;color:#6b5ab2!important}.dashboard-kpi.tone-critical:before{background:#e53935}.dashboard-kpi.tone-critical .dashboard-kpi-icon{background:#fff0f1!important;color:#d93642!important}.dashboard-kpi.tone-warning:before{background:#e49a18}.dashboard-kpi.tone-warning .dashboard-kpi-icon{background:#fff7e8!important;color:#b77408!important}
.dashboard-attention-strip{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}.dashboard-attention-strip .dashboard-kpi{min-height:72px!important;padding:13px 54px 12px 16px!important;justify-content:center!important}.dashboard-attention-strip .dashboard-kpi:before{width:3px}.dashboard-attention-strip .dashboard-kpi-label{padding:0!important}.dashboard-attention-strip .dashboard-kpi strong{position:absolute!important;right:17px!important;top:17px!important;font-size:22px!important;margin:0!important}.dashboard-attention-strip .dashboard-kpi small{margin-top:5px!important}.dashboard-attention-strip .dashboard-kpi-icon{display:none!important}
.dashboard-panels{display:grid!important;grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr)!important;gap:14px!important;align-items:start!important}.dashboard-panels>.card{padding:20px!important;border:1px solid #e2e8f0!important;border-radius:12px!important;background:#fff!important;box-shadow:0 2px 8px rgba(15,42,75,.04)!important}.dashboard-panels>.card:first-child{border-left:3px solid #1976d2!important}.dashboard-section-heading{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:12px!important;margin-bottom:16px!important}.dashboard-section-heading h3,.dashboard-alerts>h3{margin:0!important;color:#0d2b57!important;font-size:15px!important;font-weight:800!important}.dashboard-section-heading>div>span{display:block!important;margin-top:4px!important;color:#7a899b!important;font-size:10.5px!important}.dashboard-section-heading>.dashboard-status{display:inline-flex!important;margin:0!important;background:#fff7e8!important;color:#9a650b!important;padding:5px 9px!important;border-radius:6px!important;font-size:9.5px!important;font-weight:800!important}.dashboard-progress{height:6px!important;border-radius:999px!important;background:#edf2f7!important;overflow:hidden!important;margin:14px 0 8px!important}.dashboard-progress i{display:block!important;height:100%!important;border-radius:999px!important;background:#1976d2!important}.dashboard-supporting{margin:4px 0 17px!important;color:#7a899b!important;font-size:10.5px!important}.dashboard-subheading{font-size:9.5px!important;text-transform:uppercase!important;letter-spacing:.075em!important;color:#8190a2!important;margin:18px 0 8px!important;font-weight:850!important}.dashboard-alert{display:grid!important;grid-template-columns:28px 1fr!important;gap:10px!important;align-items:center!important;padding:11px 12px!important;margin-top:8px!important;border:1px solid #e7ecf2!important;border-radius:8px!important;background:#fafcfe!important}.dashboard-alert>span{width:27px!important;height:27px!important;display:grid!important;place-items:center!important;border-radius:7px!important;background:#edf4fb!important;color:#1976d2!important;font-size:12px!important}.dashboard-alert b{display:block!important;font-size:11.5px!important;color:#233b55!important}.dashboard-alert small{display:block!important;margin-top:2px!important;font-size:10px!important;line-height:1.35!important;color:#7a899b!important}.dashboard-alert.tone-critical{background:#fffafa!important;border-color:#f4d9dc!important}.dashboard-alert.tone-critical>span{background:#fff0f1!important;color:#d93642!important}.dashboard-alert.tone-warning{background:#fffdf8!important;border-color:#f2e5cb!important}.dashboard-alert.tone-warning>span{background:#fff5df!important;color:#a56b12!important}.dashboard-alert.tone-success{background:#f9fdfb!important;border-color:#dceee5!important}.dashboard-alert.tone-success>span{background:#eaf8f2!important;color:#16865c!important}.dashboard-alert.tone-info{background:#f9fbfe!important;border-color:#dfe9f5!important}.dashboard-alert.tone-info>span{background:#edf5ff!important;color:#1976d2!important}
#appSidebar .side-bottom{display:grid!important;grid-template-columns:1fr 1fr!important;gap:6px!important;padding:10px!important}#appSidebar .side-bottom #userName,#appSidebar .side-bottom #userRole{grid-column:1/-1!important}#appSidebar .side-bottom #userName{font-size:11.5px!important;line-height:1.2!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#appSidebar .side-bottom #userRole{font-size:9.5px!important;line-height:1.2!important;margin:0 0 4px!important}#appSidebar .side-bottom #changePassword,#appSidebar .side-bottom #logout{min-height:30px!important;margin:0!important;padding:4px 7px!important;font-size:9.5px!important}
@media(min-width:901px) and (max-width:1250px){.dashboard-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important}.dashboard-panels{grid-template-columns:1fr!important}}@media(max-width:900px){.dashboard-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important}.dashboard-attention-strip{grid-template-columns:1fr!important}.dashboard-panels{grid-template-columns:1fr!important}}@media(max-width:520px){.management-dashboard{gap:12px}.dashboard-kpis{grid-template-columns:1fr!important}.dashboard-kpi{min-height:116px!important}.dashboard-section-heading{flex-direction:column!important}.dashboard-attention-strip .dashboard-kpi strong{position:static!important;margin-top:7px!important}.dashboard-attention-strip .dashboard-kpi{padding-right:16px!important}}