.employees-page .primary-btn{border-radius:var(--radius-full);color:#fff;background:var(--text-main);letter-spacing:-.01em;border:1px solid #ffffff52;justify-content:center;align-items:center;min-height:44px;padding:.7rem 1.25rem;font-size:.9rem;font-weight:700;line-height:1;transition:transform .2s,box-shadow .2s,filter .2s;display:inline-flex;box-shadow:0 8px 20px #2c3d322e}.employees-page .primary-btn:hover{filter:brightness(1.08);transform:translateY(-2px);box-shadow:0 12px 24px #2c3d323d}.employees-page .primary-btn:active{box-shadow:var(--shadow-sm);transform:translateY(0)}.employees-page .primary-btn:focus-visible{outline:3px solid var(--text-main);outline-offset:3px}.employees-page .edit-form .primary-btn{width:100%;min-height:48px}@media (prefers-reduced-motion:reduce){.employees-page .primary-btn{transition:none}.employees-page .primary-btn:hover,.employees-page .primary-btn:active{transform:none}}.view-toggle{border-radius:var(--radius-full);gap:4px;padding:4px;display:flex}.view-toggle button{border-radius:var(--radius-full);color:var(--text-muted);padding:.5rem 1rem;font-size:.9rem;font-weight:600}.view-toggle button.active{background-color:var(--primary-light);color:var(--primary-dark)}.employee-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;display:grid}.employee-card{border-radius:var(--radius-lg);flex-direction:column;gap:1rem;padding:1.5rem;display:flex;position:relative}.employee-card.inactive{opacity:.6}.card-top{justify-content:space-between;align-items:flex-start;display:flex}.emp-avatar-large{border-radius:var(--radius-full);color:#fff;text-shadow:0 1px 2px #0003;justify-content:center;align-items:center;width:64px;height:64px;font-size:1.5rem;font-weight:700;display:flex}.emp-avatar{border-radius:var(--radius-full);color:#fff;text-shadow:0 1px 2px #0003;justify-content:center;align-items:center;width:32px;height:32px;font-size:1rem;font-weight:600;display:flex}.status-toggle{color:var(--text-muted);background:var(--border-light);border-radius:var(--radius-full);align-items:center;gap:6px;padding:4px 10px;font-size:.8rem;font-weight:600;display:flex}.status-dot{background-color:#9e9e9e;border-radius:50%;width:8px;height:8px}.status-dot.active{background-color:#4caf50}.emp-details h3{margin-bottom:.25rem;font-size:1.25rem}.emp-role{color:var(--primary-dark);font-size:.9rem;font-weight:500}.emp-contact{border-top:1px solid var(--border-light);flex-direction:column;gap:.5rem;margin-top:.5rem;padding-top:1rem;display:flex}.contact-item{color:var(--text-muted);align-items:center;gap:8px;font-size:.85rem;display:flex}.emp-pay-info{border-radius:var(--radius-md);background-color:#fff6;flex-direction:column;gap:4px;margin-top:.5rem;padding:.75rem;display:flex}.pay-row{justify-content:space-between;font-size:.85rem;display:flex}.pay-label{color:var(--text-muted)}.pay-value{color:var(--text-main);font-weight:600}.bold-pay{color:var(--primary-dark);font-size:1rem}.edit-btn{border-radius:var(--radius-md);color:var(--text-main);transition:var(--transition);border:1px solid var(--border-light);justify-content:center;align-items:center;gap:6px;margin-top:1rem;padding:.5rem;font-weight:600;display:flex}.edit-btn:hover{background:var(--surface-color);border-color:var(--primary-color)}.employees-page .employee-card-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin-top:1rem;display:grid}.employees-page .employee-action-btn{min-height:40px;margin-top:0}.employees-page .delete-btn{color:#b42318;border-radius:var(--radius-md)}.employees-page .delete-btn:hover{background:#b4231814;border-color:#b42318}.shift-schedule-container{border-radius:var(--radius-lg);flex:1;padding:.5rem;overflow:auto}.shift-table th,.shift-table td{text-align:center;padding:.5rem 1rem}.shift-table th:first-child,.shift-table td:first-child{text-align:left}.emp-name-cell{align-items:center;gap:12px;display:flex}.shift-badge{border-radius:var(--radius-md);padding:4px 8px;font-size:.8rem;font-weight:600;display:inline-block}.shift-on{background-color:var(--primary-light);color:var(--primary-dark)}.shift-off{background-color:var(--border-light);color:var(--text-muted)}.modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#0006;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{border-radius:var(--radius-lg);flex-direction:column;gap:1.5rem;width:100%;max-width:450px;padding:2rem;display:flex}.modal-header{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;padding-bottom:1rem;display:flex}.modal-header h3{font-size:1.25rem}.close-btn{cursor:pointer;color:var(--text-muted);transition:var(--transition);background:0 0;border:none}.close-btn:hover{color:#d32f2f}.edit-form{flex-direction:column;gap:1rem;display:flex}.employees-page .delete-modal{gap:1rem}.employees-page .delete-message{color:var(--text-muted);margin:0;line-height:1.6}.employees-page .delete-message strong{color:var(--text-main)}.employees-page .modal-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.employees-page .cancel-btn,.employees-page .delete-confirm-btn{border-radius:var(--radius-md);min-height:44px;padding:.7rem 1rem;font-weight:700}.employees-page .cancel-btn{color:var(--text-main);border:1px solid var(--border-light)}.employees-page .cancel-btn:hover{background:var(--surface-color)}.employees-page .delete-confirm-btn{color:#fff;background:#b42318;border:1px solid #b42318}.employees-page .delete-confirm-btn:hover{background:#941d14;border-color:#941d14}.employees-page .cancel-btn:focus-visible,.employees-page .delete-btn:focus-visible,.employees-page .delete-confirm-btn:focus-visible{outline:3px solid var(--text-main);outline-offset:3px}.form-group{flex-direction:column;gap:.25rem;display:flex}.form-group label{color:var(--text-muted);font-size:.85rem;font-weight:600}.form-input{border-radius:var(--radius-md);border:1px solid var(--border-color);color:var(--text-main);transition:var(--transition);background:#fff9;outline:none;padding:.5rem .75rem;font-family:inherit}.form-input:focus{border-color:var(--primary-color)}.toggle-group{flex-direction:row;justify-content:space-between;align-items:center;margin-top:.5rem}.toggle-switch{width:50px;height:28px;display:inline-block;position:relative}.toggle-switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;background-color:var(--border-color);border-radius:34px;transition:all .3s;position:absolute;inset:0}.slider:before{content:"";background-color:#fff;border-radius:50%;width:20px;height:20px;transition:all .3s;position:absolute;bottom:4px;left:4px}input:checked+.slider{background-color:var(--primary-color)}input:checked+.slider:before{transform:translate(22px)}