.accounts-kpis{display:none;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px}
.accounts-view .accounts-kpis{display:grid}
.accounts-kpis article{align-items:center;background:linear-gradient(145deg,#fff,#f8fbfc);border:1px solid #dce5e7;border-radius:14px;box-shadow:0 6px 20px rgba(7,59,76,.055);display:flex;gap:14px;padding:18px}
.accounts-kpis article>div{min-width:0}.accounts-kpis small{color:#70858c;font-size:9px;font-weight:bold;letter-spacing:.65px;text-transform:uppercase}.accounts-kpis strong{color:#073b4c;display:block;font-size:25px;margin:5px 0 2px}.accounts-kpis p{color:#819399;font-size:9px;margin:0;white-space:nowrap}
.kpi-icon{border-radius:12px;display:grid;flex:0 0 43px;height:43px;place-items:center;font-size:17px;font-weight:bold}.kpi-icon.employees{background:#e5f5f8;color:#087b8e}.kpi-icon.approved{background:#e5f6ee;color:#157851}.kpi-icon.pending{background:#fff4c4;color:#7b6800}.kpi-icon.remaining{background:#ecebfd;color:#5546a8}
.accounts-view #balances,.accounts-view #openApply,.accounts-view #selfApplicationsPanel{display:none}
.accounts-view .title-row{background:linear-gradient(120deg,#073b4c,#0b596b);border-radius:16px;color:white;margin-bottom:20px;padding:25px 27px;box-shadow:0 10px 28px rgba(7,59,76,.14)}
.accounts-view .title-row .eyebrow{color:#62d8e9!important}.accounts-view .title-row h1{color:white}.accounts-view .title-row p{color:#b9d3d9}
.accounts-view #accountsSummaryPanel{border:0;box-shadow:0 8px 25px rgba(7,59,76,.07);overflow:hidden}
.accounts-summary-head{background:#fff;gap:24px;padding:20px 22px}
.accounts-summary-head>label{color:#526a72;min-width:250px}
.accounts-summary-head select{margin-top:5px}
#accountsSummaryRows .employee-group td{background:linear-gradient(90deg,#e5f4f7,#f4fafb);border-top:2px solid #bcdde3;color:#073b4c;padding:12px 14px}
#accountsSummaryRows .employee-group strong{font-size:13px}
#accountsSummaryRows .employee-group span{color:#70858c;font-size:10px;margin-left:10px}
#accountsSummaryRows tr:not(.employee-group) td:first-child{width:34px}
.accounts-leave-dates{border-top:8px solid #f3f6f7;margin-top:0}
.accounts-leave-dates>.panel-head{padding:20px 22px}
#accountsLeaveDateRows .employee-group td{background:linear-gradient(90deg,#e9f5f7,#f7fbfc);border-top:2px solid #c8e3e8;color:#073b4c;padding:12px 14px}
#accountsLeaveDateRows .employee-group span{color:#70858c;font-size:10px;margin-left:10px}
#accountsLeaveDateRows tr:not(.employee-group) td:first-child{width:34px}
.accounts-view table th{background:#f6f9fa;padding:12px 14px}.accounts-view table td{padding:14px}.accounts-view tbody tr:not(.employee-group):hover{background:#fbfdfd}
@media(max-width:1100px){.accounts-kpis{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.accounts-kpis{grid-template-columns:1fr}.accounts-summary-head{align-items:flex-start;flex-direction:column}.accounts-summary-head>label{min-width:0;width:100%}.accounts-view .title-row{padding:21px}.accounts-kpis p{white-space:normal}}