.employee-page{max-width:1220px}.employee-page>.nav{padding:24px 26px;border:1px solid #d5e6f3;border-radius:20px;background:linear-gradient(135deg,#fafdff,#edf7fd);box-shadow:0 10px 28px #075ebf0d}.employee-page .header-actions{display:flex;gap:10px;flex-wrap:wrap}.employee-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin:22px 0 24px}.employee-metrics .metric{position:relative;overflow:hidden;min-height:126px;padding:21px;border:1px solid #dce8f2;border-radius:18px;background:#fff;box-shadow:0 8px 24px #075ebf0a}.employee-metrics .metric:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(#0869d8,#15bce7)}.employee-metrics .metric strong{font-size:32px;color:#0869d8}.employee-add,.employee-list{margin-top:24px}.employee-list>header{margin-bottom:14px;padding-bottom:15px;border-bottom:1px solid #e1ebf3}.employee-card{border:1px solid #dce8f2;border-radius:16px;padding:18px;margin-top:12px;background:#fff;box-shadow:0 6px 18px #075ebf08;transition:.2s ease}.employee-card:hover{border-color:#bcd9eb;box-shadow:0 10px 26px #075ebf10}.employee-card>header{display:flex;align-items:center;justify-content:space-between;gap:18px}.employee-card>header>div{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.employee-card>header b{font-size:17px;color:#243746}.employee-card>header span{color:#6a7f90;font-size:14px}.employee-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:14px;gap:14px;margin-top:18px;padding-top:17px;border-top:1px solid #e4edf4}.employee-form label{display:flex;flex-direction:column;gap:7px;font-weight:700;font-size:14px;color:#425d72}.employee-form input,.employee-form select,.employee-form textarea{width:100%;border:1px solid #cfdeea;border-radius:10px;padding:11px;background:#fff;font:inherit}.employee-form input:focus,.employee-form select:focus,.employee-form textarea:focus{border-color:#36aee3;outline:3px solid #1db9ea18}.employee-form .wide{grid-column:1/-1}.employee-form>.button{align-self:end;min-height:44px}.employee-form .sms-option{display:grid;grid-template-columns:1fr auto;align-content:center;padding:10px 12px;border:1px solid #d4e6f2;border-radius:10px;background:#f2f8fc}.employee-form .sms-option input{width:22px;height:22px;margin:0;accent-color:#0869d8}.employee-form .sms-option small{color:#647d90;font-weight:500}.employee-page .toggle{border:0;border-radius:999px;padding:9px 13px;font-weight:800;cursor:pointer}.employee-page .toggle.on{background:#e4f6ec;color:#17643b}.employee-page .toggle.off{background:#eef2f5;color:#6e7d89}@media(max-width:900px){.employee-form,.employee-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.employee-page>.nav{padding:20px}.employee-card>header,.employee-page>.nav{align-items:flex-start;flex-direction:column}.employee-page .header-actions{width:100%}.employee-page .header-actions .button{flex:1 1}.employee-form,.employee-metrics{grid-template-columns:1fr}.employee-metrics .metric{min-height:auto}.employee-form .wide{grid-column:auto}.employee-card>header>div:last-child{width:100%}}