.employees-page{background:#f4f6f8;min-height:100vh;padding:36px}.employees-header{justify-content:space-between;align-items:center;gap:24px;max-width:1200px;margin:0 auto 26px;display:flex}.employees-header h1{margin:6px 0}.employees-header p{color:#5c6775;margin:0}.employees-header-actions{gap:10px;display:flex}.employees-content{background:#fff;border:1px solid #dfe5ec;border-radius:14px;max-width:1200px;margin:auto;padding:26px;box-shadow:0 10px 30px #192d4b12}.employees-toolbar{justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px;display:flex}.employees-toolbar h2{margin:0 0 5px}.employees-toolbar p{color:#66717f;margin:0}.employee-search-form{flex-direction:row;grid-template-columns:none;gap:8px;min-width:440px;display:flex}.employee-search-form input{flex:1;min-width:220px}.employee-search-form button{min-height:42px;margin:0}.clear-button{color:#344054;background:#fff;border:1px solid #cbd3dd}.clear-button:hover{color:#18202a;background:#f3f5f7}.outline-button{color:#235fc7;background:#fff;border:1px solid #235fc7;min-height:42px;margin:0}.outline-button:hover{color:#fff;background:#235fc7}.outline-button:disabled{color:#8993a1;background:#f5f6f8;border-color:#d5dbe2}.search-summary{color:#264f8f;background:#eef4ff;border-radius:8px;margin-bottom:16px;padding:10px 12px;font-size:14px}.page-error{color:#9c1c1c;background:#fff0f0;border-radius:8px;margin-bottom:18px;padding:12px 14px}.employees-state{color:#66717f;text-align:center;padding:55px 20px}.employee-table-wrapper{overflow-x:auto}.employee-table{border-collapse:collapse;width:100%}.employee-table th,.employee-table td{text-align:left;white-space:nowrap;border-bottom:1px solid #e8ecf1;padding:14px 12px}.employee-table th{color:#66717f;letter-spacing:.05em;text-transform:uppercase;background:#fafbfc;font-size:12px}.employee-table tbody tr:hover{background:#fafcff}.employee-name{font-weight:700}.employee-email{color:#66717f;margin-top:4px;font-size:13px}.status-badge{border-radius:999px;padding:5px 9px;font-size:12px;font-weight:700;display:inline-flex}.status-badge.active{color:#17653a;background:#e9f8ef}.status-badge.inactive{color:#9c1c1c;background:#fff0f0}.pagination{justify-content:center;align-items:center;gap:18px;margin-top:24px;display:flex}.pagination span{color:#5c6775;font-size:14px;font-weight:600}@media (width<=850px){.employees-page{padding:22px}.employees-header,.employees-toolbar{flex-direction:column;align-items:stretch}.employees-header-actions{flex-wrap:wrap}.employee-search-form{flex-wrap:wrap;min-width:0}.employee-search-form input{flex-basis:100%;width:100%}}.leave-page{background:#f4f6f8;min-height:100vh;padding:36px}.leave-header{justify-content:space-between;align-items:center;gap:24px;max-width:1200px;margin:0 auto 26px;display:flex}.leave-header h1{margin:6px 0}.leave-header p{color:#5c6775;margin:0}.leave-header-actions{gap:10px;display:flex}.leave-page-content{gap:22px;max-width:1200px;margin:auto;display:grid}.leave-section{background:#fff;border:1px solid #dfe5ec;border-radius:14px;padding:26px;box-shadow:0 10px 30px #192d4b12}.leave-section-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px;display:flex}.leave-section-heading h2{margin:0 0 6px}.leave-section-heading p{color:#66717f;margin:0}.leave-count{color:#235fc7;white-space:nowrap;background:#eef4ff;border-radius:999px;padding:7px 11px;font-size:13px;font-weight:700}.leave-message{border-radius:9px;padding:13px 15px;font-size:14px;font-weight:600}.leave-message.error{color:#9c1c1c;background:#fff0f0}.leave-message.success{color:#17653a;background:#e9f8ef}.leave-apply-form{grid-template-columns:minmax(160px,.7fr) minmax(160px,.7fr) minmax(160px,.7fr) minmax(250px,1.4fr) auto;align-items:end;gap:14px;display:grid}.leave-form-field{gap:8px;display:grid}.leave-form-field label{margin:0}.leave-form-field input,.leave-form-field select,.leave-form-field textarea{color:#18202a;width:100%;min-height:44px;font:inherit;background:#fff;border:1px solid #cad2dc;border-radius:9px;outline:none;padding:11px 13px}.leave-form-field textarea{resize:vertical;min-height:44px;max-height:120px}.leave-form-field input:focus,.leave-form-field select:focus,.leave-form-field textarea:focus{border-color:#235fc7;box-shadow:0 0 0 3px #235fc71f}.leave-form-action button{white-space:nowrap;min-height:44px;margin:0}.leave-outline-button{color:#235fc7;background:#fff;border:1px solid #235fc7;min-height:42px;margin:0}.leave-outline-button:hover{color:#fff;background:#235fc7}.leave-empty-state{color:#66717f;text-align:center;padding:45px 20px}.leave-table-wrapper{overflow-x:auto}.leave-table{border-collapse:collapse;width:100%}.leave-table th,.leave-table td{text-align:left;vertical-align:top;border-bottom:1px solid #e8ecf1;padding:14px 12px}.leave-table th{color:#66717f;letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;background:#fafbfc;font-size:12px}.leave-table tbody tr:hover{background:#fafcff}.leave-secondary-text{color:#66717f;margin-top:4px;font-size:13px}.leave-reason{min-width:210px;max-width:330px;line-height:1.5}.review-comment{color:#4d5968;background:#f3f5f7;border-radius:7px;margin-top:8px;padding:7px 9px;font-size:12px}.leave-status{border-radius:999px;padding:5px 9px;font-size:12px;font-weight:700;display:inline-flex}.leave-status.pending{color:#8a5700;background:#fff5d8}.leave-status.approved{color:#17653a;background:#e9f8ef}.leave-status.rejected{color:#9c1c1c;background:#fff0f0}.review-actions{gap:7px;display:flex}.review-actions button{min-height:34px;margin:0;padding:7px 10px;font-size:12px}.approve-button{background:#187443}.approve-button:hover{background:#115b34}.reject-button{background:#bd2c2c}.reject-button:hover{background:#982020}@media (width<=1100px){.leave-apply-form{grid-template-columns:repeat(2,minmax(180px,1fr))}.reason-field,.leave-form-action{grid-column:1/-1}}@media (width<=650px){.leave-page{padding:22px}.leave-header,.leave-section-heading{flex-direction:column;align-items:stretch}.leave-header-actions{flex-wrap:wrap}.leave-apply-form{grid-template-columns:1fr}.reason-field,.leave-form-action{grid-column:auto}.leave-form-action button{width:100%}}:root{color:#18202a;font-synthesis:none;text-rendering:optimizelegibility;background:#f4f6f8;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{cursor:pointer}.login-page{background:linear-gradient(135deg,#e8eef8,#f8fafc);place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{background:#fff;border:1px solid #dfe5ec;border-radius:18px;width:min(100%,420px);padding:36px;box-shadow:0 18px 50px #192d4b1f}.login-heading{margin-bottom:28px}.login-heading h1{margin:6px 0 10px;font-size:28px}.login-heading p{color:#5c6775;margin:0;line-height:1.6}.eyebrow{letter-spacing:.14em;text-transform:uppercase;font-size:13px;font-weight:700;color:#235fc7!important}form{gap:10px;display:grid}label{margin-top:8px;font-size:14px;font-weight:600}input{border:1px solid #cad2dc;border-radius:9px;outline:none;width:100%;padding:12px 14px}input:focus{border-color:#235fc7;box-shadow:0 0 0 3px #235fc71f}button{color:#fff;background:#235fc7;border:0;border-radius:9px;min-height:44px;margin-top:14px;padding:10px 18px;font-weight:700}button:hover{background:#194eac}button:disabled{cursor:not-allowed;opacity:.65}.error-message{color:#9c1c1c;background:#fff0f0;border-radius:8px;margin-top:8px;padding:11px 12px;font-size:14px}.dashboard-page{min-height:100vh;padding:40px}.dashboard-header{justify-content:space-between;align-items:center;gap:24px;max-width:1100px;margin:0 auto 32px;display:flex}.dashboard-header h1{margin:6px 0}.dashboard-header p{color:#5c6775;margin:4px 0}.secondary-button{color:#235fc7;background:0 0;border:1px solid #235fc7;margin:0}.secondary-button:hover{color:#fff;background:#235fc7}.dashboard-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:22px;max-width:1100px;margin:auto;display:grid}.dashboard-card{background:#fff;border:1px solid #dfe5ec;border-radius:14px;padding:28px;box-shadow:0 10px 30px #192d4b12}.dashboard-card h2{margin-top:0}.dashboard-card p{color:#5c6775;line-height:1.6}.dashboard-card span{color:#235fc7;font-size:14px;font-weight:700}@media (width<=600px){.login-card{padding:26px}.dashboard-page{padding:24px}.dashboard-header{flex-direction:column;align-items:flex-start}}