.app-shell[data-v-d5cb5bbc]{min-height:100vh;display:flex;background:#e9eef7;color:#10243e;font-family:Inter,Arial,sans-serif}.side-icons[data-v-d5cb5bbc]{width:74px;background:linear-gradient(180deg,#005aa7,#159bd3);border-radius:0 28px 28px 0;padding:18px 12px;display:flex;flex-direction:column;align-items:center;gap:13px}.logo[data-v-d5cb5bbc]{width:38px;height:38px;background:#064b96;color:#fff;border-radius:10px;display:grid;place-items:center;font-weight:800;margin-bottom:12px}.side-icons button[data-v-d5cb5bbc]{width:34px;height:34px;border:0;border-radius:10px;background:transparent;color:#fff;cursor:pointer}.side-icons button[data-v-d5cb5bbc]:hover{background:#ffffff2e}.settings[data-v-d5cb5bbc]{margin-top:auto}.side-menu[data-v-d5cb5bbc]{width:120px;background:linear-gradient(180deg,#216ca8,#55a5d3);padding:24px 10px;border-radius:0 20px 20px 0}.navigation[data-v-d5cb5bbc]{color:#fff;font-size:10px;font-weight:700;margin-bottom:24px;text-align:center}.menu-item[data-v-d5cb5bbc]{height:31px;padding:0 10px;border-radius:20px;display:flex;align-items:center;gap:7px;text-decoration:none;color:#fff;font-size:10px;margin-bottom:7px}.menu-item[data-v-d5cb5bbc]:hover,.menu-item.router-link-active[data-v-d5cb5bbc]{background:#fff;color:#12345a;box-shadow:0 5px 14px #00000026}.menu-icon[data-v-d5cb5bbc]{font-size:12px}.main-content[data-v-d5cb5bbc]{flex:1;padding:26px 28px;overflow:auto}.top-header[data-v-d5cb5bbc]{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:18px}.top-header h1[data-v-d5cb5bbc]{font-size:34px;margin:0;color:#07355f}.top-header h2[data-v-d5cb5bbc]{font-size:18px;margin:3px 0 0;color:#111}.header-actions[data-v-d5cb5bbc]{display:flex;align-items:center;gap:12px}.date-filter[data-v-d5cb5bbc],.small-btn[data-v-d5cb5bbc]{background:#fff;border:0;border-radius:20px;padding:8px 14px;box-shadow:0 4px 14px #14325a14}.clock[data-v-d5cb5bbc]{font-weight:800;font-size:20px}.cards-row[data-v-d5cb5bbc]{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:16px}.metric-card[data-v-d5cb5bbc]{height:76px;border-radius:12px;padding:14px;color:#fff;display:flex;align-items:center;gap:14px;box-shadow:0 8px 20px #0000001f}.metric-card small[data-v-d5cb5bbc]{display:block;font-size:9px;opacity:.85}.metric-card strong[data-v-d5cb5bbc]{font-size:20px}.metric-icon[data-v-d5cb5bbc]{font-size:32px}.red[data-v-d5cb5bbc]{background:linear-gradient(135deg,#eb4039,#c71d30)}.blue[data-v-d5cb5bbc]{background:linear-gradient(135deg,#005cae,#0086ce)}.cyan[data-v-d5cb5bbc]{background:linear-gradient(135deg,#1688c7,#00a3d7)}.gray[data-v-d5cb5bbc]{background:linear-gradient(135deg,#a0a7af,#7b8189)}.dashboard-grid[data-v-d5cb5bbc]{display:grid;grid-template-columns:2fr 1.2fr 1fr;gap:14px}.panel[data-v-d5cb5bbc]{background:#fff;border-radius:14px;padding:15px;box-shadow:0 6px 20px #14325a14}.panel h3[data-v-d5cb5bbc]{font-size:15px;margin:0 0 12px;color:#111;text-transform:uppercase}.panel table[data-v-d5cb5bbc]{width:100%;border-collapse:collapse}.panel td[data-v-d5cb5bbc]{font-size:12px;padding:8px;border-bottom:1px solid #eef2f7}.panel tr[data-v-d5cb5bbc]:nth-child(2){background:#087cc0;color:#fff}.circle-row[data-v-d5cb5bbc]{display:flex;gap:20px;justify-content:center}.circle[data-v-d5cb5bbc]{width:92px;height:92px;border:12px solid #087cc0;border-radius:50%;display:grid;place-items:center;text-align:center;font-size:12px;font-weight:800}.circle.danger[data-v-d5cb5bbc]{border-color:#d90032;color:#d90032}.indicators[data-v-d5cb5bbc]{grid-row:span 2}.indicator[data-v-d5cb5bbc]{display:flex;align-items:center;justify-content:space-between;background:#f8faff;border-radius:12px;padding:11px;margin-bottom:10px;font-size:12px}.indicator b[data-v-d5cb5bbc]{color:#006eb6}.employees[data-v-d5cb5bbc]{grid-column:span 2}.employee-grid[data-v-d5cb5bbc]{display:grid;grid-template-columns:repeat(2,1fr);gap:8px 20px}.employee-grid div[data-v-d5cb5bbc]{display:flex;justify-content:space-between;font-size:12px}.accounts p[data-v-d5cb5bbc]{font-size:12px;margin:5px 0}.accounts b[data-v-d5cb5bbc]{color:#d90032}.pay-btn[data-v-d5cb5bbc]{background:#e12d43;color:#fff;border:0;border-radius:18px;padding:8px 18px;margin-top:8px}.bottom-cards[data-v-d5cb5bbc]{margin-top:16px;display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.status-card[data-v-d5cb5bbc]{background:#fff;border-radius:14px;padding:14px;text-align:center;box-shadow:0 6px 20px #14325a14}.status-icon[data-v-d5cb5bbc]{color:#0079bc;font-size:25px}.status-card strong[data-v-d5cb5bbc]{display:block;font-size:24px;color:#07355f}.status-card span[data-v-d5cb5bbc]{font-size:11px;color:#526276}@media(max-width:1100px){.cards-row[data-v-d5cb5bbc],.dashboard-grid[data-v-d5cb5bbc],.bottom-cards[data-v-d5cb5bbc]{grid-template-columns:1fr}.employees[data-v-d5cb5bbc]{grid-column:span 1}.side-menu[data-v-d5cb5bbc]{display:none}.side-icons[data-v-d5cb5bbc]{width:68px;background:linear-gradient(180deg,#005aa7,#1198d0);border-radius:0}.side-menu[data-v-d5cb5bbc]{width:138px;background:linear-gradient(180deg,#226da7,#52a2d0);padding:24px 10px;border-radius:0 18px 18px 0}.navigation[data-v-d5cb5bbc]{color:#fff;font-size:10px;font-weight:800;margin-bottom:26px;text-align:center}.menu-item[data-v-d5cb5bbc]{position:relative;height:30px;padding:0 10px 0 14px;margin-bottom:7px;border-radius:18px;display:flex;align-items:center;gap:7px;color:#fff;text-decoration:none;font-size:9px;font-weight:700;line-height:1.05;text-transform:uppercase}.menu-item .menu-icon[data-v-d5cb5bbc]{width:12px;font-size:9px;opacity:.95}.menu-item[data-v-d5cb5bbc]:hover,.menu-item.router-link-active[data-v-d5cb5bbc],.menu-item.router-link-exact-active[data-v-d5cb5bbc]{background:#fff;color:#133a5d;box-shadow:0 4px 12px #0000002e}.menu-item.router-link-active[data-v-d5cb5bbc]:after,.menu-item.router-link-exact-active[data-v-d5cb5bbc]:after{content:"";position:absolute;right:-7px;width:14px;height:14px;background:#e8344e;border-radius:50%;border:2px solid #fff}.menu-item.router-link-active[data-v-d5cb5bbc]:before,.menu-item.router-link-exact-active[data-v-d5cb5bbc]:before{content:"";position:absolute;right:-2px;border-left:5px solid #133a5d;border-top:4px solid transparent;border-bottom:4px solid transparent;z-index:2}}