:root{color:#172033;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f5f7fb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}html,body{min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}.doctor-dashboard{color:#172033;background:#f4f7fb;min-height:100vh}.doctor-topbar{z-index:20;background:#fff;border-bottom:1px solid #e5eaf1;justify-content:space-between;align-items:center;gap:20px;min-height:72px;padding:14px 28px;display:flex;position:sticky;top:0}.doctor-brand{font-size:20px;font-weight:800}.doctor-subtitle{color:#64748b;margin-top:2px;font-size:13px}.doctor-user strong,.doctor-user span{display:block}.doctor-user span{color:#64748b;margin-top:2px;font-size:12px}.doctor-logout,.doctor-refresh,.doctor-close,.doctor-delete{cursor:pointer;border:0;border-radius:8px;font-weight:600}.doctor-logout{color:#fff;background:#172033;padding:9px 15px}.doctor-content{max-width:1400px;margin:0 auto;padding:28px}.doctor-welcome{justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;display:flex}.doctor-welcome h1{margin:0;font-size:26px}.doctor-welcome p{color:#64748b;margin:6px 0 0}.doctor-refresh{background:#fff;border:1px solid #dbe2ea;padding:10px 16px}.doctor-stat-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:22px;display:grid}.doctor-stat{background:#fff;border:1px solid #e5eaf1;border-radius:12px;padding:20px;box-shadow:0 2px 8px #0f172a0a}.doctor-stat span{color:#64748b;font-size:13px}.doctor-stat strong{margin-top:7px;font-size:28px;display:block}.doctor-card{background:#fff;border:1px solid #e5eaf1;border-radius:12px;margin-bottom:22px;overflow:hidden;box-shadow:0 2px 8px #0f172a0a}.doctor-card-header{border-bottom:1px solid #edf0f4;padding:20px 22px}.doctor-card-header h2{margin:0;font-size:19px}.doctor-card-header p{color:#64748b;margin:5px 0 0;font-size:13px}.doctor-slot-form{padding:22px}.doctor-type-selector{gap:10px;margin-bottom:22px;display:flex}.doctor-type-selector button{cursor:pointer;background:#f8fafc;border:1px solid #dbe2ea;border-radius:9px;padding:11px 18px;font-weight:700}.doctor-type-selector button.active{color:#fff;background:#172033;border-color:#172033}.doctor-form-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.doctor-form-grid label{flex-direction:column;gap:7px;display:flex}.doctor-form-grid label span{color:#475569;font-size:12px;font-weight:700}.doctor-form-grid input,.doctor-form-grid select{width:100%;min-height:42px;font:inherit;background:#fff;border:1px solid #d6dde7;border-radius:8px;padding:9px 11px}.doctor-form-actions{margin-top:20px}.doctor-create-button{color:#fff;cursor:pointer;background:#172033;border:0;border-radius:9px;min-height:44px;padding:0 20px;font-weight:700}.doctor-create-button:disabled{opacity:.6;cursor:wait}.doctor-alert{border-radius:9px;margin-bottom:16px;padding:12px 15px;font-size:14px}.doctor-alert-error{color:#991b1b;background:#fef2f2;border:1px solid #fecaca}.doctor-alert-success{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0}.doctor-empty{text-align:center;color:#64748b;padding:35px}.doctor-slot-table-wrap{overflow-x:auto}.doctor-slot-table{border-collapse:collapse;width:100%;min-width:850px}.doctor-slot-table th,.doctor-slot-table td{text-align:left;white-space:nowrap;border-bottom:1px solid #edf0f4;padding:13px 15px}.doctor-slot-table th{color:#64748b;text-transform:uppercase;background:#f8fafc;font-size:12px}.doctor-type-badge,.doctor-status{border-radius:999px;align-items:center;padding:5px 9px;font-size:11px;font-weight:700;display:inline-flex}.doctor-type-badge.physical{color:#1d4ed8;background:#eff6ff}.doctor-type-badge.telemedicine{color:#6d28d9;background:#f5f3ff}.doctor-status.available{color:#047857;background:#ecfdf5}.doctor-status.closed{color:#64748b;background:#f1f5f9}.doctor-actions{gap:7px;display:flex}.doctor-close{color:#9a3412;background:#fff7ed;padding:7px 10px}.doctor-delete{color:#b91c1c;background:#fef2f2;padding:7px 10px}@media (width<=900px){.doctor-stat-grid,.doctor-form-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.doctor-topbar{padding:12px 15px}.doctor-user{gap:8px}.doctor-user>div{display:none}.doctor-content{padding:16px}.doctor-welcome{align-items:flex-start}.doctor-welcome h1{font-size:21px}.doctor-stat-grid,.doctor-form-grid{grid-template-columns:1fr}.doctor-type-selector{flex-direction:column}.doctor-type-selector button{width:100%}}.doctor-back{color:#24324a;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #d8e1ee;border-radius:9px;justify-content:center;align-items:center;gap:6px;min-height:34px;padding:7px 11px;font-size:12px;font-weight:600;line-height:1;display:inline-flex}.doctor-back:hover{background:#f1f5f9;border-color:#c6d3e5}.doctor-user{align-items:center;gap:10px;display:flex}@media (width<=700px){.doctor-back{padding:7px 9px;font-size:11px}}.doctor-patient-workload{margin-top:22px}.doctor-patient-tabs{flex-wrap:wrap;gap:8px;margin:18px 0;padding-bottom:2px;display:flex}.doctor-patient-tabs button{color:#475569;cursor:pointer;background:#fff;border:1px solid #dbe5f5;border-radius:10px;padding:10px 14px;font-size:13px;font-weight:700}.doctor-patient-tabs button:hover{color:#2563eb;background:#f8fbff}.doctor-patient-tabs button.active{color:#fff;background:#2563eb;border-color:#2563eb}.doctor-patient-table-wrap{background:#fff;border:1px solid #e6edf6;border-radius:14px;width:100%;overflow-x:auto}.doctor-patient-table{border-collapse:collapse;width:100%;min-width:720px}.doctor-patient-table th,.doctor-patient-table td{text-align:left;vertical-align:middle;border-bottom:1px solid #edf1f6;padding:12px 14px}.doctor-patient-table th{color:#64748b;text-transform:uppercase;letter-spacing:.04em;background:#f8fafc;font-size:11px;font-weight:800}.doctor-patient-table td{color:#334155;font-size:13px}.doctor-patient-table tbody tr:hover{background:#f8fbff}.doctor-patient-name{flex-direction:column;gap:3px;display:flex}.doctor-patient-name strong{color:#17243d}.doctor-patient-name small,.doctor-patient-meta{color:#94a3b8;font-size:11px}.doctor-patient-table .doctor-status{white-space:nowrap;border-radius:999px;align-items:center;min-height:25px;padding:4px 9px;display:inline-flex}@media (width<=700px){.doctor-patient-tabs{flex-wrap:nowrap;padding-bottom:6px;overflow-x:auto}.doctor-patient-tabs button{flex:none}.doctor-patient-table-wrap{border-radius:12px}}.doctor-patient-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.doctor-open-patient{color:#fff;cursor:pointer;background:#2563eb;border:0;border-radius:8px;padding:6px 10px;font-size:11px;font-weight:700}.doctor-open-patient:hover{background:#1d4ed8}.doctor-ipd-workspace-overlay,.doctor-treatment-modal-overlay{z-index:10000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0f172a94;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.doctor-ipd-workspace{background:#fff;border-radius:20px;width:min(1120px,96vw);max-height:92vh;overflow-y:auto;box-shadow:0 28px 80px #0f172a47}.doctor-ipd-workspace-header{border-bottom:1px solid #e8edf5;justify-content:space-between;align-items:flex-start;gap:20px;padding:24px 26px 18px;display:flex}.doctor-workspace-eyebrow{color:#2563eb;letter-spacing:1px;font-size:10px;font-weight:800}.doctor-ipd-workspace-header h2{color:#17243d;margin:5px 0 4px;font-size:24px}.doctor-ipd-workspace-header p{color:#64748b;margin:0;font-size:13px}.doctor-ipd-workspace-close{color:#475569;cursor:pointer;background:#fff;border:1px solid #dbe4ef;border-radius:10px;flex:none;width:36px;height:36px;font-size:22px}.doctor-ipd-patient-summary{background:#f8fafc;border-bottom:1px solid #e8edf5;grid-template-columns:repeat(4,1fr);gap:10px;padding:16px 26px;display:grid}.doctor-ipd-patient-summary>div{flex-direction:column;gap:4px;display:flex}.doctor-ipd-patient-summary span,.doctor-clinical-grid span{color:#64748b;text-transform:uppercase;letter-spacing:.4px;font-size:10px}.doctor-ipd-patient-summary strong,.doctor-clinical-grid strong{color:#1e293b;font-size:13px}.doctor-ipd-workspace-tabs{border-bottom:1px solid #e8edf5;gap:6px;padding:14px 26px;display:flex;overflow-x:auto}.doctor-ipd-workspace-tabs button{color:#475569;cursor:pointer;background:#fff;border:1px solid #dbe5f5;border-radius:9px;flex:none;padding:9px 14px;font-size:12px;font-weight:700}.doctor-ipd-workspace-tabs button.active{color:#fff;background:#2563eb;border-color:#2563eb}.doctor-ipd-workspace-content{padding:24px 26px 28px}.doctor-clinical-grid{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:22px;display:grid}.doctor-clinical-grid>div{background:#f8fafc;border:1px solid #e6edf6;border-radius:12px;flex-direction:column;gap:5px;padding:14px;display:flex}.doctor-clinical-section-card{background:#fff;border:1px solid #e6edf6;border-radius:14px;padding:18px}.doctor-clinical-section-heading{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:16px;display:flex}.doctor-clinical-section-heading h3{color:#1e293b;margin:0 0 4px;font-size:17px}.doctor-clinical-section-heading p{color:#64748b;margin:0;font-size:12px;line-height:1.5}.doctor-primary-action,.doctor-secondary-action{cursor:pointer;border-radius:9px;padding:9px 13px;font-size:12px;font-weight:700}.doctor-primary-action{color:#fff;background:#2563eb;border:1px solid #2563eb}.doctor-primary-action:hover{background:#1d4ed8}.doctor-secondary-action{color:#475569;background:#fff;border:1px solid #d6dfeb}.doctor-mini-timeline{flex-direction:column;gap:10px;display:flex}.doctor-mini-timeline-item{background:#f8fafc;border-left:3px solid #2563eb;border-radius:8px;padding:12px 14px}.doctor-mini-timeline-item strong{color:#64748b;font-size:11px}.doctor-mini-timeline-item p{color:#334155;margin:5px 0 0;font-size:13px;line-height:1.5}.doctor-treatment-history,.doctor-medicine-list,.doctor-history-list{flex-direction:column;gap:10px;display:flex}.doctor-treatment-entry{background:#fff;border:1px solid #e6edf6;border-radius:13px;grid-template-columns:120px 1fr;gap:16px;padding:16px;display:grid}.doctor-treatment-date{color:#2563eb;font-size:12px;font-weight:800}.doctor-treatment-entry h4{color:#1e293b;margin:0 0 10px;font-size:13px}.doctor-treatment-entry strong{color:#475569;font-size:11px}.doctor-treatment-entry p{color:#334155;white-space:pre-wrap;margin:4px 0 12px;font-size:13px;line-height:1.55}.doctor-medicine-row{background:#fff;border:1px solid #e6edf6;border-radius:12px;justify-content:space-between;align-items:center;gap:18px;padding:14px 16px;display:flex}.doctor-medicine-row>div{flex-direction:column;gap:4px;display:flex}.doctor-medicine-row strong{color:#1e293b;font-size:13px}.doctor-medicine-row span{color:#64748b;font-size:11px}.doctor-history-item{background:#f8fafc;border-left:3px solid #dbe5f5;border-radius:8px;grid-template-columns:120px 1fr;gap:16px;padding:13px 15px;display:grid}.doctor-history-item>span{color:#64748b;font-size:11px;font-weight:700}.doctor-history-item strong{color:#1e293b;font-size:13px}.doctor-history-item p{color:#475569;margin:4px 0 0;font-size:12px;line-height:1.5}.doctor-ipd-loading{justify-content:center;align-items:center;min-height:180px;display:flex}.doctor-treatment-modal{background:#fff;border-radius:18px;width:min(680px,94vw);max-height:90vh;overflow-y:auto;box-shadow:0 24px 70px #0f172a47}.doctor-treatment-modal-header{border-bottom:1px solid #e8edf5;justify-content:space-between;align-items:flex-start;gap:16px;padding:20px 22px;display:flex}.doctor-treatment-modal-header h3{color:#1e293b;margin:5px 0 4px;font-size:19px}.doctor-treatment-modal-header p{color:#64748b;margin:0;font-size:12px}.doctor-treatment-form{flex-direction:column;gap:15px;padding:22px;display:flex}.doctor-treatment-form label{flex-direction:column;gap:6px;display:flex}.doctor-treatment-form label>span{color:#475569;font-size:12px;font-weight:700}.doctor-treatment-form input,.doctor-treatment-form textarea{box-sizing:border-box;color:#1e293b;width:100%;font:inherit;background:#fff;border:1px solid #d8e2ef;border-radius:10px;padding:11px 12px;font-size:13px}.doctor-treatment-form textarea{resize:vertical;min-height:100px}.doctor-treatment-form input:focus,.doctor-treatment-form textarea:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 3px #2563eb14}.doctor-treatment-modal-actions{justify-content:flex-end;align-items:center;gap:8px;padding-top:4px;display:flex}@media (width<=800px){.doctor-ipd-patient-summary,.doctor-clinical-grid{grid-template-columns:repeat(2,1fr)}.doctor-treatment-entry,.doctor-history-item{grid-template-columns:1fr}}@media (width<=560px){.doctor-ipd-workspace-overlay,.doctor-treatment-modal-overlay{padding:10px}.doctor-ipd-workspace-header,.doctor-ipd-workspace-content,.doctor-ipd-workspace-tabs,.doctor-ipd-patient-summary{padding-left:15px;padding-right:15px}.doctor-ipd-patient-summary{grid-template-columns:1fr 1fr}.doctor-clinical-grid{grid-template-columns:1fr}.doctor-clinical-section-heading{flex-direction:column}.doctor-treatment-modal-header,.doctor-treatment-form{padding:16px}}.doctor-opd-workspace-overlay{z-index:10001;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0f172a94;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.doctor-opd-workspace{background:#fff;border-radius:20px;width:min(1080px,96vw);max-height:92vh;overflow-y:auto;box-shadow:0 28px 80px #0f172a47}.doctor-opd-workspace-header{border-bottom:1px solid #e8edf5;justify-content:space-between;align-items:flex-start;gap:20px;padding:24px 26px 18px;display:flex}.doctor-opd-workspace-header h2{color:#17243d;margin:5px 0 4px;font-size:24px}.doctor-opd-workspace-header p{color:#64748b;margin:0;font-size:13px}.doctor-opd-clinical-text{color:#334155;white-space:pre-wrap;margin:0;font-size:13px;line-height:1.65}.doctor-opd-consultation-grid{grid-template-columns:1fr;gap:12px;display:grid}.doctor-opd-consultation-grid>div{background:#f8fafc;border:1px solid #e6edf6;border-radius:12px;padding:15px}.doctor-opd-consultation-grid span{color:#64748b;letter-spacing:.4px;text-transform:uppercase;margin-bottom:6px;font-size:10px;font-weight:800;display:block}.doctor-opd-consultation-grid p{color:#334155;white-space:pre-wrap;margin:0;font-size:13px;line-height:1.6}.doctor-opd-phase-note{color:#64748b;background:#f8fbff;border:1px dashed #bfd0e8;border-radius:10px;margin-top:16px;padding:12px 14px;font-size:12px;line-height:1.5}.doctor-open-opd{background:#0f766e}.doctor-open-opd:hover{background:#0d665f}@media (width<=700px){.doctor-opd-workspace-overlay{padding:10px}.doctor-opd-workspace-header{padding:18px 15px 15px}}.doctor-medicine-modal-overlay{z-index:10002;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0f172a99;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.doctor-medicine-modal{background:#fff;border-radius:18px;width:min(720px,96vw);max-height:92vh;overflow-y:auto;box-shadow:0 28px 80px #0f172a4d}.doctor-medicine-modal-header{border-bottom:1px solid #e8edf5;justify-content:space-between;align-items:flex-start;gap:18px;padding:21px 23px;display:flex}.doctor-medicine-modal-header h3{color:#1e293b;margin:5px 0 4px;font-size:19px}.doctor-medicine-modal-header p{color:#64748b;margin:0;font-size:12px;line-height:1.5}.doctor-medicine-form{flex-direction:column;gap:14px;padding:22px;display:flex}.doctor-medicine-form>label{flex-direction:column;gap:6px;display:flex}.doctor-medicine-form>label>span,.doctor-medicine-form-grid label>span,.doctor-medicine-check-group>span{color:#475569;font-size:11px;font-weight:800}.doctor-medicine-form input,.doctor-medicine-form textarea,.doctor-medicine-form select{box-sizing:border-box;color:#1e293b;width:100%;font:inherit;background:#fff;border:1px solid #d8e2ef;border-radius:10px;padding:10px 11px;font-size:13px}.doctor-medicine-form textarea{resize:vertical}.doctor-medicine-form input:focus,.doctor-medicine-form textarea:focus,.doctor-medicine-form select:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 3px #2563eb14}.doctor-medicine-search-status{color:#64748b;font-size:11px}.doctor-medicine-results{background:#fff;border:1px solid #dbe5f5;border-radius:11px;max-height:240px;overflow-y:auto}.doctor-medicine-result{text-align:left;cursor:pointer;background:#fff;border:0;border-bottom:1px solid #edf1f6;justify-content:space-between;align-items:center;gap:14px;width:100%;padding:11px 13px;display:flex}.doctor-medicine-result:last-child{border-bottom:0}.doctor-medicine-result:hover{background:#f8fbff}.doctor-medicine-result>div{flex-direction:column;gap:3px;display:flex}.doctor-medicine-result strong{color:#1e293b;font-size:13px}.doctor-medicine-result span,.doctor-medicine-result small{color:#64748b;font-size:11px}.doctor-selected-medicine{background:#f5f9ff;border:1px solid #bfd3f8;border-radius:11px;justify-content:space-between;align-items:center;gap:12px;padding:13px 14px;display:flex}.doctor-selected-medicine>div{flex-direction:column;gap:3px;display:flex}.doctor-selected-medicine span{color:#64748b;text-transform:uppercase;font-size:10px;font-weight:800}.doctor-selected-medicine strong{color:#1e3a8a;font-size:14px}.doctor-selected-medicine small{color:#64748b;font-size:11px}.doctor-selected-medicine button{color:#2563eb;cursor:pointer;background:#fff;border:1px solid #bfd0e8;border-radius:8px;padding:7px 10px;font-size:11px;font-weight:700}.doctor-medicine-form-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.doctor-medicine-form-grid label{flex-direction:column;gap:6px;display:flex}.doctor-medicine-check-group{background:#f8fafc;border:1px solid #e4eaf2;border-radius:10px;flex-wrap:wrap;align-items:center;gap:12px;padding:11px 12px;display:flex}.doctor-medicine-check-group>span{margin-right:4px}.doctor-medicine-check-group label{color:#475569;cursor:pointer;align-items:center;gap:5px;font-size:12px;display:inline-flex}.doctor-medicine-check-group input{width:auto;margin:0}@media (width<=650px){.doctor-medicine-modal-overlay{padding:10px}.doctor-medicine-modal-header,.doctor-medicine-form{padding:16px}.doctor-medicine-form-grid{grid-template-columns:1fr}.doctor-selected-medicine,.doctor-medicine-check-group{align-items:flex-start}}.doctor-brand-area{align-items:center;gap:11px;display:flex}.doctor-brand-logo{color:#2563eb;background:#fff;border-radius:11px;flex:0 0 42px;justify-content:center;align-items:center;width:42px;height:42px;font-size:13px;font-weight:800;display:flex;overflow:hidden}.doctor-brand-logo img{object-fit:contain;box-sizing:border-box;width:100%;height:100%;padding:5px}.doctor-brand-logo{box-sizing:border-box!important;flex:0 0 42px!important;justify-content:center!important;align-items:center!important;width:42px!important;min-width:42px!important;max-width:42px!important;height:42px!important;min-height:42px!important;max-height:42px!important;display:flex!important;overflow:hidden!important}.doctor-brand-logo img{object-fit:contain!important;object-position:center!important;width:auto!important;min-width:0!important;max-width:34px!important;height:auto!important;min-height:0!important;max-height:34px!important;display:block!important}.doctor-telemedicine-filters{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;align-items:flex-end;gap:14px;margin:20px 0 16px;padding:16px;display:flex}.doctor-telemedicine-filter{flex-direction:column;gap:7px;display:flex}.doctor-telemedicine-filter.search{flex:420px;min-width:280px}.doctor-telemedicine-filter.date{flex:0 0 205px}.doctor-telemedicine-filter label{color:#64748b;text-transform:uppercase;letter-spacing:.055em;font-size:11px;font-weight:700}.doctor-telemedicine-search-wrap{position:relative}.doctor-telemedicine-search-icon{pointer-events:none;font-size:15px;position:absolute;top:50%;left:13px;transform:translateY(-50%)}.doctor-telemedicine-search-wrap input,.doctor-telemedicine-filter.date input{box-sizing:border-box;color:#172033;background:#fff;border:1px solid #cbd5e1;border-radius:9px;outline:none;width:100%;height:42px;font-size:14px;transition:border-color .18s,box-shadow .18s}.doctor-telemedicine-search-wrap input{padding:0 14px 0 39px}.doctor-telemedicine-filter.date input{padding:0 12px}.doctor-telemedicine-search-wrap input::placeholder{color:#94a3b8}.doctor-telemedicine-search-wrap input:focus,.doctor-telemedicine-filter.date input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.doctor-telemedicine-clear{color:#334155;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #cbd5e1;border-radius:9px;height:42px;padding:0 15px;font-size:13px;font-weight:700;transition:background .18s,border-color .18s,color .18s,transform .18s}.doctor-telemedicine-clear:hover{background:#f1f5f9;border-color:#94a3b8;transform:translateY(-1px)}.doctor-telemedicine-filter-summary{box-sizing:border-box;color:#475569;white-space:nowrap;background:#eff6ff;border-radius:9px;align-items:center;gap:5px;min-width:112px;height:42px;padding:0 12px;display:flex}.doctor-telemedicine-filter-summary strong{color:#1d4ed8;font-size:18px}.doctor-telemedicine-filter-summary span{font-size:12px;font-weight:600}.doctor-telemedicine-no-results{flex-direction:column;justify-content:center;align-items:center;gap:7px;min-height:180px;display:flex}.doctor-telemedicine-no-results-icon{margin-bottom:3px;font-size:28px}.doctor-telemedicine-no-results strong{color:#334155;font-size:15px}.doctor-telemedicine-no-results span{color:#64748b;margin-bottom:8px;font-size:13px}.doctor-telemedicine-workspace .doctor-patient-table th{white-space:nowrap}.doctor-telemedicine-workspace .doctor-patient-table tbody tr{transition:background .15s}.doctor-telemedicine-workspace .doctor-patient-table tbody tr:hover{background:#f8fbff}@media (width<=900px){.doctor-telemedicine-filters{flex-wrap:wrap;align-items:flex-end}.doctor-telemedicine-filter.search{flex:100%}.doctor-telemedicine-filter.date{flex:220px}}@media (width<=600px){.doctor-telemedicine-filters{flex-direction:column;align-items:stretch;gap:12px}.doctor-telemedicine-filter.search,.doctor-telemedicine-filter.date{flex:auto;width:100%;min-width:0}.doctor-telemedicine-clear,.doctor-telemedicine-filter-summary{width:100%}.doctor-telemedicine-filter-summary{justify-content:center}}.doctor-dashboard,.doctor-dashboard *{box-sizing:border-box}.doctor-dashboard{width:100%;max-width:100%;overflow-x:hidden}.doctor-content{width:100%;max-width:1400px;margin-left:auto;margin-right:auto}.doctor-patient-workload{width:100%}.doctor-patient-workload .doctor-card-header{justify-content:space-between;align-items:center;gap:18px;display:flex}.doctor-patient-tabs{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;width:100%;margin:18px 0;padding:0;display:grid;overflow:visible}.doctor-patient-tabs button{text-align:center;white-space:normal;touch-action:manipulation;justify-content:center;align-items:center;width:100%;min-width:0;min-height:48px;padding:11px 10px;line-height:1.25;display:flex}.doctor-patient-table-wrap{-webkit-overflow-scrolling:touch;width:100%;max-width:100%;overflow-x:auto}.doctor-patient-table{width:100%}.doctor-telemedicine-workspace{width:100%;min-width:0}.doctor-telemedicine-filters,.doctor-topbar{width:100%;max-width:100%}.doctor-brand-area,.doctor-brand-area>div:last-child{min-width:0}.doctor-brand{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.doctor-user,.doctor-user>div{min-width:0}.doctor-user strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@media (width<=1100px){.doctor-content{padding:22px}.doctor-patient-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}.doctor-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=700px){.doctor-topbar{gap:10px;min-height:64px;padding:10px 12px}.doctor-brand-area{flex:auto;gap:8px;min-width:0}.doctor-brand-logo{flex-basis:36px!important;width:36px!important;min-width:36px!important;max-width:36px!important;height:36px!important;min-height:36px!important;max-height:36px!important}.doctor-brand-logo img{max-width:30px!important;max-height:30px!important}.doctor-brand{font-size:14px;line-height:1.2}.doctor-subtitle{margin-top:1px;font-size:10px}.doctor-user{flex:none;gap:7px}.doctor-user>div{display:none}.doctor-user .doctor-back{padding:7px 8px;font-size:10px}.doctor-logout{white-space:nowrap;min-height:40px;padding:8px 10px;font-size:11px}.doctor-content{width:100%;max-width:100%;padding:14px 12px 90px}.doctor-welcome{flex-direction:column;align-items:flex-start;gap:12px;margin-bottom:16px}.doctor-welcome h1{font-size:20px;line-height:1.25}.doctor-welcome p{font-size:12px;line-height:1.45}.doctor-refresh{min-height:42px;padding:9px 13px;font-size:12px}.doctor-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-bottom:14px}.doctor-stat{border-radius:10px;min-width:0;padding:13px}.doctor-stat span{font-size:10px}.doctor-stat strong{margin-top:5px;font-size:22px}.doctor-patient-workload{border-radius:12px;margin-top:14px}.doctor-patient-workload .doctor-card-header{flex-direction:column;align-items:flex-start;gap:10px;padding:15px}.doctor-card-header h2{font-size:17px}.doctor-card-header p{font-size:11px;line-height:1.45}.doctor-patient-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:14px 0;padding:0 12px;display:grid;overflow:visible}.doctor-patient-tabs button{white-space:normal;border-radius:10px;width:100%;min-width:0;min-height:52px;padding:9px 7px;font-size:12px;line-height:1.2}.doctor-patient-tabs button:last-child{grid-column:1/-1}.doctor-patient-table-wrap{border-radius:10px;width:calc(100% - 24px);margin:0 12px 12px;overflow-x:auto}.doctor-patient-table{min-width:650px}.doctor-patient-table th,.doctor-patient-table td{padding:10px 11px;font-size:12px}.doctor-action-button{white-space:nowrap;touch-action:manipulation;min-height:42px;padding:9px 12px;font-size:12px}.doctor-telemedicine-workspace{width:100%;min-width:0}.doctor-telemedicine-workspace .doctor-card-header{padding:15px}.doctor-telemedicine-filters{flex-direction:column;align-items:stretch;gap:10px;width:calc(100% - 24px);margin:14px 12px;padding:12px}.doctor-telemedicine-filter.search,.doctor-telemedicine-filter.date{flex:auto;width:100%;min-width:0}.doctor-telemedicine-search-wrap input,.doctor-telemedicine-filter.date input{height:46px;font-size:14px}.doctor-telemedicine-clear,.doctor-telemedicine-filter-summary{width:100%;min-height:44px}.doctor-telemedicine-filter-summary{justify-content:center}.doctor-telemedicine-workspace .doctor-patient-table-wrap{width:calc(100% - 24px);margin-left:12px;margin-right:12px;overflow-x:auto}.doctor-telemedicine-workspace .doctor-patient-table{min-width:680px}.doctor-empty{text-align:center;margin:0 12px;padding:25px 14px;line-height:1.5}.doctor-patient-actions{gap:7px;width:100%}.doctor-patient-actions button{flex:auto;min-height:44px}}@media (width<=420px){.doctor-topbar{padding:9px 10px}.doctor-brand{font-size:12px}.doctor-subtitle{font-size:9px}.doctor-content{padding:12px 9px 90px}.doctor-stat-grid{gap:7px}.doctor-stat{padding:11px}.doctor-stat span{font-size:9px}.doctor-stat strong{font-size:20px}.doctor-patient-tabs{gap:7px;padding-left:9px;padding-right:9px}.doctor-patient-tabs button{min-height:50px;padding:8px 5px;font-size:11px}.doctor-patient-table-wrap,.doctor-telemedicine-workspace .doctor-patient-table-wrap,.doctor-telemedicine-filters{width:calc(100% - 18px);margin-left:9px;margin-right:9px}}@media (width<=360px){.doctor-brand-area{gap:5px}.doctor-brand-logo{flex-basis:32px!important;width:32px!important;min-width:32px!important;max-width:32px!important;height:32px!important;min-height:32px!important;max-height:32px!important}.doctor-brand-logo img{max-width:27px!important;max-height:27px!important}.doctor-logout{padding-left:8px;padding-right:8px}.doctor-patient-tabs button{font-size:10px}}@media (hover:none) and (pointer:coarse){.doctor-patient-tabs button,.doctor-action-button,.doctor-refresh,.doctor-logout,.doctor-telemedicine-clear{-webkit-tap-highlight-color:transparent}.doctor-patient-tabs button:active,.doctor-action-button:active,.doctor-refresh:active{transform:scale(.98)}}.doctor-patient-workload{width:100%!important;min-width:0!important;max-width:100%!important;height:auto!important;min-height:0!important;display:block!important}.doctor-patient-workload>.doctor-card-header{box-sizing:border-box!important;width:100%!important;min-width:0!important;max-width:100%!important;display:flex!important;position:relative!important}.doctor-patient-workload>.doctor-patient-tabs{scrollbar-width:thin;box-sizing:border-box!important;-webkit-overflow-scrolling:touch!important;flex-flow:row!important;justify-content:flex-start!important;align-items:center!important;gap:8px!important;width:100%!important;min-width:0!important;max-width:100%!important;margin:0!important;padding:12px 16px!important;display:flex!important;overflow:auto hidden!important}.doctor-patient-workload>.doctor-patient-tabs>button{white-space:nowrap!important;flex:none!important;width:auto!important;min-width:max-content!important;min-height:44px!important;padding:10px 13px!important}.doctor-patient-workload>.doctor-patient-tabs>button:last-child{grid-column:auto!important}.doctor-patient-workload>.doctor-telemedicine-workspace{box-sizing:border-box!important;width:100%!important;min-width:0!important;max-width:100%!important;height:auto!important;min-height:0!important;margin:0!important;display:block!important}.doctor-patient-workload>.doctor-patient-table-wrap{box-sizing:border-box!important;width:100%!important;min-width:0!important;max-width:100%!important;margin-left:0!important;margin-right:0!important;display:block!important}.doctor-telemedicine-workspace>.doctor-card-header{box-sizing:border-box!important;width:100%!important;max-width:100%!important;display:flex!important}.doctor-telemedicine-workspace .doctor-telemedicine-filters{box-sizing:border-box!important;width:100%!important;max-width:100%!important}.doctor-telemedicine-workspace .doctor-patient-table-wrap{box-sizing:border-box!important;width:100%!important;min-width:0!important;max-width:100%!important}.doctor-telemedicine-workspace .doctor-patient-table{width:100%!important}@media (width>=701px){.doctor-patient-workload{width:100%!important}.doctor-patient-workload>.doctor-patient-tabs{overflow-x:visible!important}.doctor-patient-workload>.doctor-patient-tabs>button{flex:none!important}.doctor-telemedicine-workspace{width:100%!important}}@media (width<=700px){.doctor-patient-workload{width:100%!important;max-width:100%!important;margin-top:14px!important;display:block!important}.doctor-patient-workload>.doctor-card-header{flex-direction:column!important;align-items:flex-start!important;gap:10px!important;width:100%!important;padding:14px!important}.doctor-patient-workload>.doctor-patient-tabs{flex-flow:row!important;gap:7px!important;width:100%!important;margin:0!important;padding:10px 12px!important;display:flex!important;overflow:auto hidden!important}.doctor-patient-workload>.doctor-patient-tabs>button{white-space:nowrap!important;flex:none!important;width:auto!important;min-width:max-content!important;min-height:46px!important;padding:9px 12px!important;font-size:12px!important}.doctor-patient-workload>.doctor-patient-tabs>button:last-child{grid-column:auto!important}.doctor-patient-workload>.doctor-telemedicine-workspace{width:100%!important;margin:0!important;display:block!important}.doctor-telemedicine-workspace>.doctor-card-header{width:100%!important;padding:14px!important}.doctor-telemedicine-workspace .doctor-telemedicine-filters{width:calc(100% - 24px)!important;margin:12px!important}.doctor-telemedicine-workspace .doctor-patient-table-wrap{width:calc(100% - 24px)!important;margin:0 12px 12px!important;overflow-x:auto!important}}@media (width<=420px){.doctor-patient-workload>.doctor-patient-tabs{gap:6px!important;padding-left:9px!important;padding-right:9px!important}.doctor-patient-workload>.doctor-patient-tabs>button{min-height:44px!important;padding:8px 10px!important;font-size:11px!important}}.doctor-content>section.doctor-card:not(.doctor-patient-workload){box-sizing:border-box;grid-column:1/-1;width:100%;max-width:100%}.doctor-content>section.doctor-card:not(.doctor-patient-workload) .doctor-slot-form{box-sizing:border-box;width:100%}.doctor-content>section.doctor-card:not(.doctor-patient-workload) .doctor-slot-table-wrap{-webkit-overflow-scrolling:touch;width:100%;max-width:100%;overflow-x:auto}.doctor-content>section.doctor-card:not(.doctor-patient-workload) .doctor-slot-table{width:100%;min-width:850px}@media (width>=901px){.doctor-content>section.doctor-card:not(.doctor-patient-workload){grid-column:1/-1}}@media (width<=900px){.doctor-content>section.doctor-card:not(.doctor-patient-workload){grid-column:1/-1;width:100%}}@media (width<=600px){.doctor-content>section.doctor-card:not(.doctor-patient-workload){grid-column:1/-1;width:100%;min-width:0}.doctor-content>section.doctor-card:not(.doctor-patient-workload) .doctor-slot-table-wrap{width:100%;margin-left:0;margin-right:0}}.doctor-consultation-slot-card{box-sizing:border-box;grid-column:1/-1!important;width:100%!important;max-width:100%!important;display:block!important}.doctor-consultation-slot-card>.doctor-card-header{box-sizing:border-box;width:100%!important;padding:20px 22px!important;display:block!important}.doctor-consultation-slot-card>.doctor-slot-form{box-sizing:border-box;width:100%!important;display:block!important}.doctor-consultation-slot-card>.doctor-slot-table-wrap{box-sizing:border-box;overflow-x:auto;width:100%!important;max-width:100%!important;display:block!important}.doctor-consultation-slot-card .doctor-slot-table{width:100%;min-width:850px}.doctor-consultation-slot-card .doctor-type-selector,.doctor-consultation-slot-card .doctor-form-grid{width:100%}@media (width<=900px){.doctor-consultation-slot-card{grid-column:1/-1!important;display:block!important}.doctor-consultation-slot-card>.doctor-card-header,.doctor-consultation-slot-card>.doctor-slot-form{display:block!important}}@media (width<=600px){.doctor-consultation-slot-card{grid-column:1/-1!important;width:100%!important;min-width:0!important;display:block!important}.doctor-consultation-slot-card>.doctor-card-header,.doctor-consultation-slot-card>.doctor-slot-form{padding:16px!important;display:block!important}.doctor-consultation-slot-card>.doctor-slot-table-wrap{width:100%!important;margin:0!important}}.doctor-dashboard button{font-family:inherit;transition:background-color .18s,border-color .18s,color .18s,box-shadow .18s,transform .12s}.doctor-dashboard button:not(:disabled):active{transform:translateY(1px)}.doctor-dashboard button:focus-visible{outline-offset:2px;outline:3px solid #2563eb33}.doctor-dashboard .doctor-refresh{color:#172033;background:#fff;border:1px solid #d7e1ef;border-radius:9px;justify-content:center;align-items:center;gap:7px;min-height:42px;padding:9px 16px;font-size:14px;font-weight:700;display:inline-flex;box-shadow:0 1px 3px #0f172a0d}.doctor-dashboard .doctor-refresh:hover:not(:disabled){color:#1d4ed8;background:#f8fbff;border-color:#2563eb;box-shadow:0 4px 12px #2563eb1f}.doctor-dashboard .doctor-refresh:disabled{opacity:.55;cursor:wait}.doctor-dashboard .doctor-patient-tabs{flex-wrap:wrap;gap:9px;padding:10px 14px 14px;display:flex}.doctor-dashboard .doctor-patient-tabs button{color:#334155;cursor:pointer;background:#fff;border:1px solid #d8e2ef;border-radius:9px;justify-content:center;align-items:center;gap:6px;min-height:40px;padding:9px 15px;font-size:13px;font-weight:700;display:inline-flex}.doctor-dashboard .doctor-patient-tabs button:hover:not(.active){color:#1d4ed8;background:#f8fbff;border-color:#93b4e8}.doctor-dashboard .doctor-patient-tabs button.active{color:#fff;background:#2563eb;border-color:#2563eb;box-shadow:0 4px 10px #2563eb38}.doctor-dashboard .doctor-patient-tabs button.active:hover{background:#1d4ed8;border-color:#1d4ed8}.doctor-dashboard .doctor-type-selector{flex-wrap:wrap;gap:10px;display:flex}.doctor-dashboard .doctor-type-selector button{color:#334155;cursor:pointer;background:#fff;border:1px solid #d7e1ef;border-radius:9px;justify-content:center;align-items:center;gap:7px;min-height:42px;padding:9px 17px;font-size:13px;font-weight:700;display:inline-flex}.doctor-dashboard .doctor-type-selector button:hover:not(.active){color:#1d4ed8;background:#f8fbff;border-color:#93b4e8}.doctor-dashboard .doctor-type-selector button.active{color:#fff;box-shadow:0 4px 10px #2563eb33}.doctor-dashboard .doctor-type-selector button.active.physical{background:#2563eb;border-color:#2563eb}.doctor-dashboard .doctor-type-selector button.active.telemedicine{background:#7c3aed;border-color:#7c3aed}.doctor-dashboard .doctor-create-button{color:#fff;background:#2563eb;border:1px solid #2563eb;border-radius:9px;justify-content:center;align-items:center;gap:7px;min-height:44px;padding:0 20px;font-size:14px;font-weight:700;display:inline-flex;box-shadow:0 4px 10px #2563eb2e}.doctor-dashboard .doctor-create-button:hover:not(:disabled){background:#1d4ed8;border-color:#1d4ed8;box-shadow:0 6px 15px #2563eb40}.doctor-dashboard .doctor-create-button:disabled{opacity:.55;cursor:wait}.doctor-dashboard .doctor-open-patient{color:#2563eb;cursor:pointer;background:#fff;border:1px solid #93b4e8;border-radius:8px;min-height:36px;padding:7px 13px;font-size:12px;font-weight:700}.doctor-dashboard .doctor-open-patient:hover{background:#eff6ff;border-color:#2563eb;box-shadow:0 3px 9px #2563eb1f}.doctor-dashboard .doctor-telemedicine-workspace button{border-radius:9px}.doctor-dashboard .doctor-telemedicine-workspace .doctor-refresh{min-height:42px}.doctor-dashboard .doctor-close,.doctor-dashboard .doctor-delete{cursor:pointer;border-radius:8px;min-height:34px;padding:7px 11px;font-size:12px;font-weight:700}.doctor-dashboard .doctor-close:hover{color:#c2410c;background:#ffedd5;box-shadow:0 3px 8px #c2410c1a}.doctor-dashboard .doctor-delete:hover{color:#dc2626;background:#fee2e2;box-shadow:0 3px 8px #dc26261a}@media (width<=600px){.doctor-dashboard .doctor-refresh{min-height:44px;padding:10px 15px}.doctor-dashboard .doctor-patient-tabs{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;gap:8px;padding-left:15px;padding-right:15px;overflow-x:auto}.doctor-dashboard .doctor-patient-tabs button{white-space:nowrap;flex:none;min-height:42px}.doctor-dashboard .doctor-type-selector{gap:8px}.doctor-dashboard .doctor-type-selector button{flex:1 1 0;min-height:44px}.doctor-dashboard .doctor-create-button{width:100%;min-height:46px}.doctor-dashboard .doctor-open-patient{min-height:40px;padding-left:14px;padding-right:14px}}@media (width>=601px) and (width<=900px){.doctor-dashboard .doctor-patient-tabs{flex-wrap:wrap}.doctor-dashboard .doctor-patient-tabs button{min-height:42px}}#root{min-height:100vh}*{box-sizing:border-box}.app-shell{color:#172033;background:#f5f7fb;min-height:100vh;display:flex}.sidebar{color:#fff;background:#111827;flex-shrink:0;width:250px;padding:22px 14px}.brand{align-items:center;gap:12px;padding:8px 10px 28px;display:flex}.brand-mark{background:#2563eb;border-radius:10px;place-items:center;width:42px;height:42px;font-weight:800;display:grid}.brand strong,.brand span{display:block}.brand strong{font-size:15px}.brand span{color:#9ca3af;margin-top:3px;font-size:12px}nav{gap:6px;display:grid}.nav-item{color:#cbd5e1;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;width:100%;padding:12px 14px;font-size:14px}.nav-item span{width:26px;display:inline-block}.nav-item:hover,.nav-item.active{color:#fff;background:#1e40af}.main-content{flex:1;min-width:0}.topbar{background:#fff;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;min-height:82px;padding:18px 30px;display:flex}.topbar h1{letter-spacing:0;margin:0;font-size:21px}.topbar p{color:#64748b;margin:4px 0 0;font-size:13px}.hospital-badge{color:#1d4ed8;background:#eff6ff;border-radius:7px;padding:8px 12px;font-size:13px;font-weight:600}.content{max-width:1500px;padding:28px 30px}.page-heading{justify-content:space-between;align-items:center;gap:15px;margin-bottom:22px;display:flex}.page-heading h2{margin:0;font-size:24px}.page-heading p{color:#64748b;margin:5px 0 0;font-size:13px}.kpi-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;margin-bottom:18px;display:grid}.kpi-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px;box-shadow:0 1px 2px #00000008}.kpi-card span{color:#64748b;font-size:13px;display:block}.kpi-card strong{color:#111827;margin-top:9px;font-size:30px;display:block}.dashboard-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.dashboard-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:18px}.dashboard-card h3{margin:0 0 12px;font-size:15px}.metrics{gap:2px;display:grid}.metric{border-bottom:1px solid #f1f5f9;justify-content:space-between;gap:15px;padding:9px 0;display:flex}.metric:last-child{border-bottom:0}.metric span{color:#64748b;font-size:13px}.metric strong{color:#111827}.filter-bar{background:#fff;border:1px solid #e5e7eb;border-radius:12px;gap:12px;margin-bottom:16px;padding:14px;display:flex}.filter-bar input,.filter-bar select{height:42px;font:inherit;background:#fff;border:1px solid #d1d5db;border-radius:7px;padding:0 12px}.filter-bar input{flex:1;min-width:200px}.filter-bar select{width:170px}.primary-button{color:#fff;cursor:pointer;background:#2563eb;border:0;border-radius:7px;padding:10px 16px;font-weight:600}.primary-button:hover{background:#1d4ed8}.table-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:auto}table{border-collapse:collapse;width:100%;font-size:13px}th{text-align:left;color:#64748b;background:#f8fafc;font-weight:600}th,td{white-space:nowrap;border-bottom:1px solid #eef2f7;padding:14px 16px}tbody tr:hover{background:#f8fafc}.status{color:#374151;text-transform:capitalize;background:#e5e7eb;border-radius:999px;padding:5px 9px;font-size:11px;display:inline-block}.status-active{color:#166534;background:#dcfce7}.status-on_leave{color:#92400e;background:#fef3c7}.status-resigned,.status-terminated{color:#991b1b;background:#fee2e2}.empty,.loading{text-align:center;color:#64748b;padding:35px}.error-card{color:#991b1b;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;gap:4px;padding:16px;display:grid}.error-card span{font-size:13px}@media (width<=1100px){.kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=800px){.sidebar{width:72px}.brand div:last-child{display:none}.nav-item{text-align:center;padding:12px 4px}.nav-item span{width:auto}.nav-item{font-size:0}.nav-item span{font-size:16px}.content{padding:20px 15px}.topbar{padding:15px}.kpi-grid,.dashboard-grid{grid-template-columns:1fr}.filter-bar{flex-direction:column}.filter-bar select{width:100%}}.employee-actions{flex-wrap:wrap;gap:6px;display:flex}.employee-actions button{color:#24324a;cursor:pointer;background:#fff;border:1px solid #d7dce5;border-radius:6px;padding:6px 9px;font-size:12px}.employee-actions button:hover{background:#f3f6fb}.employee-actions .danger-button{color:#c62828;border-color:#efb5b5}.employee-actions button:disabled{opacity:.5;cursor:not-allowed}.success-card{color:#237a3b;background:#eaf8ef;border:1px solid #b9e5c7;border-radius:8px;margin-bottom:14px;padding:12px 16px}.modal-backdrop{z-index:1000;background:#0f172a8c;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal{background:#fff;border-radius:14px;width:min(920px,100%);max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #00000040}.status-modal{width:min(500px,100%)}.modal-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:flex-start;padding:22px 24px;display:flex}.modal-header h3{margin:0 0 5px;font-size:21px}.modal-header p{color:#64748b;margin:0}.modal-close{cursor:pointer;color:#64748b;background:0 0;border:0;font-size:28px;line-height:1}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;padding:24px;display:grid}.form-field{flex-direction:column;gap:7px;display:flex}.form-field span{color:#475569;font-size:13px;font-weight:600}.form-field input,.form-field select{box-sizing:border-box;background:#fff;border:1px solid #d7dce5;border-radius:8px;outline:none;width:100%;padding:11px 12px;font-size:14px}.form-field input:focus,.form-field select:focus{border-color:#3159d8;box-shadow:0 0 0 3px #3159d81a}.form-error{color:#b42318;background:#fff1f1;border:1px solid #f2c0c0;border-radius:7px;margin:0 24px 16px;padding:11px 13px}.modal-footer{border-top:1px solid #e5e7eb;justify-content:flex-end;gap:10px;padding:18px 24px;display:flex}.secondary-button{color:#334155;cursor:pointer;background:#fff;border:1px solid #d7dce5;border-radius:8px;padding:10px 16px}.primary-button:disabled,.secondary-button:disabled{opacity:.6;cursor:not-allowed}.employee-profile-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:24px;display:grid}.profile-item{background:#fafbfc;border:1px solid #e5e7eb;border-radius:9px;padding:14px}.profile-item span{color:#64748b;margin-bottom:5px;font-size:12px;display:block}.profile-item strong{color:#172033;font-size:14px}@media (width<=800px){.form-grid,.employee-profile-grid{grid-template-columns:1fr}.employee-actions{flex-direction:column}.employee-actions button{width:100%}.modal-backdrop{padding:10px}.modal{max-height:95vh}}.file-browse-button{color:#1e293b;cursor:pointer;background:#f8fafc;border:1px solid #cbd5e1;border-radius:8px;justify-content:center;align-items:center;gap:8px;margin-top:6px;padding:10px 16px;font-weight:600;transition:all .2s;display:inline-flex}.file-browse-button:hover{background:#eef2ff;border-color:#6366f1}.selected-file{color:#334155;word-break:break-word;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin-top:10px;padding:10px 12px}.existing-file{background:#f0fdf4;border-color:#bbf7d0}.upload-success{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:7px;margin-top:8px;padding:9px 12px;font-size:14px}.upload-error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:7px;margin-top:8px;padding:9px 12px;font-size:14px}.attendance-modal{width:min(1000px,96vw);max-width:1000px;max-height:92vh;position:relative;overflow-y:auto}.attendance-modal .form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 28px;padding:28px 30px}.attendance-modal .form-field span{font-size:14px;font-weight:600}.attendance-modal .form-field input,.attendance-modal .form-field select{min-height:44px;font-size:15px}.attendance-modal .modal-header{z-index:2;background:#fff;padding:24px 30px;position:sticky;top:0}.attendance-modal .modal-header h3{font-size:23px}.attendance-modal .modal-footer{z-index:2;background:#fff;padding:20px 30px;position:sticky;bottom:0}.attendance-modal .modal-close{font-size:30px}@media (width<=800px){.attendance-modal{width:96vw;max-width:96vw;max-height:94vh}.attendance-modal .form-grid{grid-template-columns:1fr;gap:16px;padding:20px}.attendance-modal .modal-header{padding:18px 20px}.attendance-modal .modal-footer{padding:16px 20px}}.attendance-modal-backdrop{background:#0f172a8c;width:100vw;height:100vh;overflow:hidden;z-index:2000!important;margin:0!important;padding:0!important;display:block!important;position:fixed!important;inset:0!important}.attendance-modal{transform-origin:50%;will-change:transform;background:#fff!important;border-radius:14px!important;flex-direction:column!important;width:min(1050px,100vw - 40px)!important;max-width:none!important;height:min(720px,100vh - 40px)!important;max-height:none!important;margin:0!important;display:flex!important;position:fixed!important;top:50%!important;left:50%!important;overflow:hidden!important;box-shadow:0 25px 70px #0000004d!important}.attendance-modal-header{cursor:move;-webkit-user-select:none;user-select:none;touch-action:none;background:#fff;flex:none}.attendance-modal>.form-grid{flex:auto;min-height:0;padding:28px;overflow:hidden auto}.attendance-modal>.modal-footer{background:#fff;flex:none}.attendance-modal input,.attendance-modal select,.attendance-modal textarea,.attendance-modal button{touch-action:auto}@media (width<=800px){.attendance-modal{width:calc(100vw - 20px)!important;height:calc(100vh - 20px)!important}.attendance-modal>.form-grid{grid-template-columns:1fr;padding:18px}}.attendance-modal-backdrop{justify-content:center;align-items:center;padding:20px}.attendance-modal{z-index:1001;will-change:transform;background:#fff;border:1px solid #dfe4ec;border-radius:16px;width:min(1080px,100vw - 60px);max-height:calc(100vh - 50px);position:fixed;top:50%;left:50%;overflow:hidden;box-shadow:0 24px 70px #0f172a47,0 8px 24px #0f172a1f}.attendance-modal-header{cursor:move;-webkit-user-select:none;user-select:none;background:linear-gradient(#fff 0%,#f8fafc 100%);border-bottom:1px solid #e5e7eb;min-height:72px;padding:18px 24px}.attendance-modal-header h3{color:#172033;letter-spacing:-.2px;margin:0;font-size:23px;font-weight:650}.attendance-modal-header .modal-close{color:#64748b;border-radius:8px;justify-content:center;align-items:center;width:38px;height:38px;font-size:28px;transition:background .15s,color .15s;display:flex}.attendance-modal-header .modal-close:hover{color:#1e293b;background:#eef2f7}.attendance-modal .form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 32px;max-height:calc(100vh - 210px);padding:26px 30px;display:grid;overflow-y:auto}.attendance-modal .form-grid>label{color:#475569;flex-direction:column;gap:7px;min-width:0;font-size:13px;font-weight:600;display:flex}.attendance-modal .form-grid input,.attendance-modal .form-grid select,.attendance-modal .form-grid textarea{box-sizing:border-box;color:#172033;background:#fff;border:1px solid #cfd6e2;border-radius:9px;outline:none;width:100%;min-height:43px;padding:10px 12px;font-size:14px;font-weight:400;transition:border-color .15s,box-shadow .15s,background .15s}.attendance-modal .form-grid textarea{resize:vertical;min-height:86px;line-height:1.5}.attendance-modal .form-grid input:focus,.attendance-modal .form-grid select:focus,.attendance-modal .form-grid textarea:focus{background:#fff;border-color:#3159d8;box-shadow:0 0 0 3px #3159d81c}.attendance-modal .form-grid input:hover,.attendance-modal .form-grid select:hover,.attendance-modal .form-grid textarea:hover{border-color:#aeb8c8}.attendance-modal .form-grid input[type=date],.attendance-modal .form-grid input[type=datetime-local]{min-height:43px}.attendance-modal .form-grid input[type=number]{text-align:left}.attendance-modal .form-grid>label[style*=grid-column]{grid-column:1/-1!important}.attendance-modal .modal-footer{box-sizing:border-box;background:#fafbfc;border-top:1px solid #e5e7eb;justify-content:flex-end;align-items:center;gap:12px;min-height:72px;padding:14px 30px;display:flex}.attendance-modal .modal-footer .secondary-button,.attendance-modal .modal-footer .primary-button{border-radius:9px;min-height:43px;padding:10px 20px;font-size:14px;font-weight:600}.attendance-modal .modal-footer .primary-button{min-width:150px}.attendance-modal .form-grid::-webkit-scrollbar{width:8px}.attendance-modal .form-grid::-webkit-scrollbar-track{background:#f1f5f9;border-radius:8px}.attendance-modal .form-grid::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:8px}.attendance-modal .form-grid::-webkit-scrollbar-thumb:hover{background:#94a3b8}@media (width<=800px){.attendance-modal{border-radius:13px;width:calc(100vw - 24px);max-height:calc(100vh - 24px)}.attendance-modal-header{min-height:62px;padding:15px 18px}.attendance-modal-header h3{font-size:20px}.attendance-modal .form-grid{grid-template-columns:1fr;gap:16px 0;max-height:calc(100vh - 180px);padding:20px}.attendance-modal .form-grid>label[style*=grid-column]{grid-column:1!important}.attendance-modal .modal-footer{padding:13px 20px}}.salary-modal-backdrop{z-index:3000;background:#0f172a8c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0;overflow:hidden}.salary-modal{box-sizing:border-box;background:#fff;border-radius:14px;flex-direction:column;width:min(760px,100vw - 40px);max-height:calc(100vh - 40px);display:flex;position:fixed;top:50%;left:50%;overflow:hidden;box-shadow:0 24px 70px #0f172a47,0 8px 24px #0f172a24}.salary-modal-header{cursor:move;-webkit-user-select:none;user-select:none;background:#fff;border-bottom:1px solid #e5e7eb;flex:none;justify-content:space-between;align-items:flex-start;gap:20px;padding:20px 24px;display:flex}.salary-modal-header h3{color:#1f2937;margin:0;font-size:21px;font-weight:600;line-height:1.3}.salary-modal-header p{color:#64748b;margin:6px 0 0;font-size:14px;line-height:1.4}.salary-modal-header .modal-close{color:#64748b;cursor:pointer;background:0 0;border:0;border-radius:7px;flex:none;width:34px;height:34px;font-size:27px;line-height:1}.salary-modal-header .modal-close:hover{color:#1e293b;background:#f1f5f9}.salary-modal>.form-grid{box-sizing:border-box;flex:auto;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 22px;min-height:0;margin:0;padding:24px;display:grid;overflow-y:auto}.salary-modal>.form-grid>label{color:#334155;flex-direction:column;gap:7px;min-width:0;font-size:14px;font-weight:500;display:flex}.salary-modal>.form-grid input:not([type=checkbox]),.salary-modal>.form-grid select{color:#1e293b;box-sizing:border-box;background:#fff;border:1px solid #cbd5e1;border-radius:7px;outline:none;width:100%;min-height:42px;padding:9px 12px;font-family:inherit;font-size:14px}.salary-modal>.form-grid input:not([type=checkbox]):focus,.salary-modal>.form-grid select:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f}.salary-modal>.form-grid input:not([type=checkbox]):hover,.salary-modal>.form-grid select:hover{border-color:#94a3b8}.salary-modal>.form-grid input[type=checkbox]{accent-color:#2563eb;flex:none;height:17px;margin:0;width:17px!important}.salary-modal>.form-grid>label:has(input[type=checkbox]){cursor:pointer;flex-direction:row;align-items:center;gap:9px;min-height:42px}.salary-modal>.modal-footer{background:#fff;border-top:1px solid #e5e7eb;flex:none;justify-content:flex-end;align-items:center;gap:10px;padding:16px 24px;display:flex}.salary-modal>.modal-footer .secondary-button,.salary-modal>.modal-footer .primary-button{border-radius:8px;min-height:42px;padding:9px 18px;font-size:14px}.salary-modal>.form-grid::-webkit-scrollbar{width:8px}.salary-modal>.form-grid::-webkit-scrollbar-track{background:0 0}.salary-modal>.form-grid::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.salary-modal>.form-grid::-webkit-scrollbar-thumb:hover{background:#94a3b8}@media (width<=700px){.salary-modal-backdrop{padding:12px}.salary-modal{border-radius:12px;width:calc(100vw - 24px);max-height:calc(100vh - 24px)}.salary-modal-header{padding:17px 18px}.salary-modal-header h3{font-size:19px}.salary-modal>.form-grid{grid-template-columns:1fr;gap:15px;padding:18px}.salary-modal>.modal-footer{padding:14px 18px}}.attendance-page-header{align-items:center;margin-bottom:16px;display:flex}.attendance-page-header h3{color:#0f172a;margin:0;font-size:21px;font-weight:700}.attendance-page-header p{color:#64748b;margin:5px 0 0;font-size:13px}.attendance-filter-toolbar{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;grid-template-columns:minmax(150px,.8fr) minmax(300px,1.6fr) minmax(200px,1fr) auto;align-items:end;gap:16px;margin-bottom:18px;padding:16px;display:grid}.attendance-filter-toolbar>label{color:#334155;flex-direction:column;gap:7px;min-width:0;font-size:12px;font-weight:650;display:flex}.attendance-filter-toolbar>label>span{line-height:1.2}.attendance-filter-toolbar input,.attendance-filter-toolbar select{box-sizing:border-box;color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:9px;outline:none;width:100%;min-width:0;height:42px;padding:8px 11px;font-family:inherit;font-size:13px;transition:border-color .15s,box-shadow .15s}.attendance-filter-toolbar input:hover,.attendance-filter-toolbar select:hover{border-color:#94a3b8}.attendance-filter-toolbar input:focus,.attendance-filter-toolbar select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61f}.attendance-mark-button{white-space:nowrap;min-width:172px;height:42px;margin:0}@media (width>=1000px){.attendance-filter-toolbar{grid-template-columns:minmax(150px,.75fr) minmax(280px,1.55fr) minmax(190px,1fr) auto}}@media (width<=999px){.attendance-filter-toolbar{grid-template-columns:minmax(150px,1fr) minmax(220px,1.4fr)}.attendance-filter-toolbar>label:nth-child(3){grid-column:1}.attendance-mark-button{grid-column:2;width:100%}}@media (width<=620px){.attendance-filter-toolbar{grid-template-columns:1fr;gap:12px;padding:14px}.attendance-filter-toolbar>label:nth-child(3),.attendance-mark-button{grid-column:auto}.attendance-mark-button{width:100%}}.employee-portal,.employee-login-page,.employee-portal-loading,.employee-portal-error-page{box-sizing:border-box;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif}.employee-portal{color:#172033;background:#f5f7fb;min-height:100vh}.employee-portal-header{z-index:100;box-sizing:border-box;background:#fff;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;min-height:72px;padding:0 34px;display:flex;position:sticky;top:0;box-shadow:0 2px 12px #0f172a0a}.employee-brand{align-items:center;gap:12px;display:flex}.employee-brand-logo{box-sizing:border-box;color:#1d4ed8;background:#fff;border-radius:10px;flex:0 0 42px;justify-content:center;align-items:center;width:42px;min-width:42px;max-width:42px;height:42px;min-height:42px;max-height:42px;font-size:14px;font-weight:800;display:flex;overflow:hidden}.employee-brand-logo img{object-fit:contain;object-position:center;width:auto;min-width:0;max-width:34px;height:auto;min-height:0;max-height:34px;display:block}.employee-brand strong{color:#172033;font-size:15px;display:block}.employee-brand span{color:#64748b;margin-top:2px;font-size:12px;display:block}.employee-logout-button{color:#475569;cursor:pointer;background:#fff;border:1px solid #d7dce5;border-radius:8px;min-height:38px;padding:8px 15px;font-size:13px;font-weight:600}.employee-logout-button:hover{background:#f8fafc;border-color:#cbd5e1}.employee-portal-content{width:min(1180px,100% - 48px);margin:0 auto;padding:32px 0 60px}.employee-profile-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;grid-template-columns:auto 1fr auto;align-items:center;gap:20px;margin-bottom:28px;padding:24px;display:grid;box-shadow:0 5px 18px #0f172a0a}.employee-avatar{color:#fff;background:linear-gradient(135deg,#1d4ed8,#4f46e5);border-radius:50%;justify-content:center;align-items:center;width:70px;height:70px;font-size:22px;font-weight:700;display:flex}.employee-avatar-image{object-fit:cover;border-radius:50%;width:100%;height:100%;display:block;overflow:hidden}.employee-profile-main h1{color:#172033;margin:0 0 4px;font-size:25px}.employee-profile-main p{color:#64748b;margin:0 0 8px;font-size:13px}.employee-status-badge{color:#166534;text-transform:capitalize;background:#dcfce7;border-radius:999px;align-items:center;padding:5px 9px;font-size:11px;font-weight:700;display:inline-flex}.employee-profile-meta{gap:28px;display:flex}.employee-profile-meta span{color:#64748b;margin-bottom:5px;font-size:11px;display:block}.employee-profile-meta strong{color:#1e293b;font-size:13px}.employee-panel,.employee-portal-content>section{margin-bottom:28px}.employee-section-title{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.employee-section-title h2{color:#172033;margin:0;font-size:19px;font-weight:700}.employee-section-title p{color:#64748b;margin:5px 0 0;font-size:13px}.employee-pay-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.employee-pay-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:20px;box-shadow:0 4px 15px #0f172a09}.employee-pay-card span{color:#64748b;margin-bottom:9px;font-size:12px;display:block}.employee-pay-card strong{color:#172033;font-size:23px;font-weight:700}.employee-pay-card-net{background:linear-gradient(135deg,#eff6ff,#eef2ff);border-color:#c7d2fe}.employee-pay-card-net strong{color:#1d4ed8}.employee-panel{background:#fff;border:1px solid #e5e7eb;border-radius:15px;padding:24px;box-shadow:0 4px 15px #0f172a09}.employee-info-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.employee-info-grid>div{background:#fafbfc;border:1px solid #e5e7eb;border-radius:10px;padding:15px}.employee-info-grid span{color:#64748b;margin-bottom:6px;font-size:11px;display:block}.employee-info-grid strong{color:#1e293b;font-size:13px;font-weight:600}.employee-attendance-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-bottom:20px;display:grid}.employee-attendance-grid>div{text-align:center;background:#fafbfc;border:1px solid #e5e7eb;border-radius:10px;padding:15px 10px}.employee-attendance-grid strong{color:#172033;margin-bottom:5px;font-size:22px;display:block}.employee-attendance-grid span{color:#64748b;font-size:11px}.employee-attendance-table-wrap{border:1px solid #e5e7eb;border-radius:10px;width:100%;overflow-x:auto}.employee-table{border-collapse:collapse;background:#fff;width:100%;min-width:650px}.employee-table th{text-align:left;color:#64748b;text-transform:uppercase;background:#f8fafc;border-bottom:1px solid #e5e7eb;padding:12px 14px;font-size:11px;font-weight:700}.employee-table td{color:#334155;white-space:nowrap;border-bottom:1px solid #eef2f7;padding:13px 14px;font-size:13px}.employee-table tbody tr:last-child td{border-bottom:0}.employee-payslip-summary{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px;display:grid}.employee-payslip-summary>div{background:#fafbfc;border:1px solid #e5e7eb;border-radius:10px;padding:15px}.employee-payslip-summary span{color:#64748b;margin-bottom:5px;font-size:11px;display:block}.employee-payslip-summary strong{color:#172033;font-size:18px}.employee-payslip-meta{color:#64748b;flex-wrap:wrap;align-items:center;gap:18px;margin-bottom:18px;font-size:12px;display:flex}.employee-payslip-items{border-top:1px solid #eef2f7}.employee-payslip-items>div{border-bottom:1px solid #eef2f7;justify-content:space-between;padding:12px 0;display:flex}.employee-payslip-items span{color:#475569;font-size:13px}.employee-payslip-items strong{color:#172033;font-size:13px}.employee-empty-state{text-align:center;color:#64748b;background:#fafbfc;border:1px dashed #cbd5e1;border-radius:10px;padding:35px 20px;font-size:13px}.employee-portal-loading{color:#475569;background:#f5f7fb;flex-direction:column;justify-content:center;align-items:center;gap:14px;min-height:100vh;display:flex}.employee-loading-spinner{color:#0000;border:4px solid #dbeafe;border-top-color:#2563eb;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;animation:.8s linear infinite employee-spin;display:flex}@keyframes employee-spin{to{transform:rotate(360deg)}}.employee-portal-error-page{background:#f5f7fb;justify-content:center;align-items:center;min-height:100vh;padding:25px;display:flex}.employee-error-card{text-align:center;background:#fff;border:1px solid #e5e7eb;border-radius:16px;width:min(430px,100%);padding:35px;box-shadow:0 15px 45px #0f172a14}.employee-error-icon{color:#b91c1c;background:#fee2e2;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;margin:0 auto 15px;font-size:24px;font-weight:700;display:flex}.employee-error-card h2{color:#172033;margin:0 0 8px}.employee-error-card p{color:#64748b;margin:0 0 20px;font-size:13px}.employee-error-card .employee-login-button{width:auto;padding:0 22px}@media (width<=1000px){.employee-pay-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.employee-attendance-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.employee-profile-card{grid-template-columns:auto 1fr}.employee-profile-meta{border-top:1px solid #eef2f7;grid-column:1/-1;padding-top:8px}.employee-info-grid,.employee-payslip-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=700px){.employee-portal-header{min-height:64px;padding:0 16px}.employee-brand-logo{flex-basis:38px;width:38px;min-width:38px;max-width:38px;height:38px;min-height:38px;max-height:38px}.employee-brand-logo img{max-width:30px;max-height:30px}.employee-brand strong{font-size:14px}.employee-brand span{font-size:11px}.employee-logout-button{padding:7px 11px}.employee-portal-content{width:calc(100% - 24px);padding:20px 0 40px}.employee-profile-card{text-align:center;grid-template-columns:1fr;justify-items:center;padding:20px}.employee-profile-meta{text-align:left;flex-direction:column;justify-content:center;gap:12px;width:100%}.employee-profile-main h1{font-size:22px}.employee-pay-grid{grid-template-columns:1fr}.employee-panel{padding:18px}.employee-info-grid{grid-template-columns:1fr}.employee-attendance-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.employee-payslip-summary{grid-template-columns:1fr}.employee-section-title h2{font-size:18px}}.employee-quick-nav{z-index:50;scrollbar-width:thin;background:#fffffff5;border-bottom:1px solid #e5e7eb;align-items:center;gap:8px;padding:10px 24px;display:flex;position:sticky;top:0;overflow-x:auto;box-shadow:0 2px 8px #0f172a0f}.employee-quick-nav a{color:#475569;white-space:nowrap;background:#f8fafc;border:1px solid #e2e8f0;border-radius:9px;align-items:center;gap:7px;padding:9px 14px;font-size:13px;font-weight:500;text-decoration:none;transition:background .15s,color .15s,border-color .15s,transform .15s;display:inline-flex}.employee-quick-nav a:hover{color:#1d4ed8;background:#eff6ff;border-color:#bfdbfe;transform:translateY(-1px)}.employee-quick-nav a span{font-size:15px}.employee-portal{background:#f5f7fb;min-height:calc(100vh - 72px)}.employee-profile-card,#employee-profile,#employee-attendance,#employee-salary,#employee-payslip,#employee-pay-history{scroll-margin-top:90px}.employee-panel h2,.employee-profile-card h2{color:#0f172a}.employee-panel>p,.employee-profile-card>p{color:#64748b}.employee-payslip-summary>div,.employee-pay-summary>div{transition:border-color .15s,box-shadow .15s,transform .15s}.employee-payslip-summary>div:hover,.employee-pay-summary>div:hover{border-color:#cbd5e1;box-shadow:0 4px 14px #0f172a0f}.employee-attendance-grid{scroll-margin-top:90px}.employee-attendance-table-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}.employee-status,.status-badge{border-radius:999px;justify-content:center;align-items:center;min-height:26px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}@media (width<=768px){.employee-quick-nav{gap:6px;padding:8px 12px}.employee-quick-nav a{padding:8px 11px;font-size:12px}.employee-quick-nav a span{font-size:14px}}@media (width<=480px){.employee-quick-nav,.employee-quick-nav a{padding:7px 10px}}.employee-payslip-view-button,.employee-history-view-button{color:#1d4ed8;cursor:pointer;white-space:nowrap;background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;padding:8px 13px;font-size:12px;font-weight:600}.employee-payslip-view-button:hover,.employee-history-view-button:hover{background:#dbeafe}.employee-payslip-modal-backdrop{z-index:1000;background:#0f172a94;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.employee-payslip-modal{background:#fff;border-radius:16px;flex-direction:column;width:min(900px,100%);max-height:92vh;display:flex;overflow:hidden;box-shadow:0 25px 60px #0f172a40}.employee-payslip-modal-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:18px 22px;display:flex}.employee-payslip-modal-header h2{color:#0f172a;margin:0;font-size:20px}.employee-payslip-modal-header p{color:#64748b;margin:4px 0 0;font-size:13px}.employee-payslip-close{color:#475569;cursor:pointer;background:#f1f5f9;border:0;border-radius:8px;width:36px;height:36px;font-size:24px;line-height:1}.employee-payslip-close:hover{background:#e2e8f0}.employee-payslip-print-area{background:#f8fafc;flex:1;padding:24px;overflow-y:auto}.employee-payslip-modal .print-sheet{background:#fff;border:1px solid #e2e8f0;border-radius:10px;max-width:800px;margin:0 auto;padding:28px}.employee-payslip-modal .print-header{text-align:center;border-bottom:2px solid #2563eb;margin-bottom:22px;padding-bottom:18px}.employee-payslip-modal .print-header h1{color:#0f172a;margin:0 0 5px;font-size:24px}.employee-payslip-modal .print-header p{color:#64748b;margin:3px 0}.employee-payslip-modal .print-employee{grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:20px;display:grid}.employee-payslip-modal .print-item{border:1px solid #e5e7eb;border-radius:7px;padding:11px}.employee-payslip-modal .print-label{color:#64748b;margin-bottom:5px;font-size:11px;display:block}.employee-payslip-modal .print-value{color:#0f172a;font-size:13px;font-weight:600}.employee-payslip-modal .print-summary{grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:24px;display:grid}.employee-payslip-modal .print-summary-item{border:1px solid #e5e7eb;border-radius:7px;padding:12px}.employee-payslip-modal .print-summary-item strong{color:#0f172a;margin-top:5px;font-size:17px;display:block}.employee-payslip-modal table{border-collapse:collapse;width:100%;margin-top:12px}.employee-payslip-modal th,.employee-payslip-modal td{text-align:left;border-bottom:1px solid #e5e7eb;padding:10px;font-size:13px}.employee-payslip-modal th:last-child,.employee-payslip-modal td:last-child{text-align:right}.employee-payslip-modal .print-total{font-size:18px;font-weight:700}.employee-payslip-modal .print-footer{text-align:center;color:#64748b;margin-top:28px;font-size:11px}.employee-payslip-modal-actions{background:#fff;border-top:1px solid #e5e7eb;justify-content:flex-end;gap:10px;padding:15px 22px;display:flex}.employee-payslip-print-button,.employee-payslip-cancel-button{cursor:pointer;border-radius:8px;padding:10px 16px;font-size:13px;font-weight:600}.employee-payslip-print-button{color:#fff;background:#2563eb;border:1px solid #2563eb}.employee-payslip-print-button:hover{background:#1d4ed8}.employee-payslip-cancel-button{color:#475569;background:#fff;border:1px solid #d1d5db}.employee-payslip-cancel-button:hover{background:#f8fafc}@media (width<=700px){.employee-payslip-modal-backdrop{align-items:flex-start;padding:8px}.employee-payslip-modal{border-radius:12px;max-height:96vh;margin-top:10px}.employee-payslip-print-area{padding:12px}.employee-payslip-modal .print-sheet{padding:16px}.employee-payslip-modal .print-employee{grid-template-columns:1fr}.employee-payslip-modal .print-summary{grid-template-columns:repeat(2,1fr)}.employee-payslip-modal-actions{flex-direction:column}.employee-payslip-print-button,.employee-payslip-cancel-button{width:100%}}.employee-doctor-workspace-nav{appearance:none;font:inherit;cursor:pointer;color:inherit;background:0 0;border:0;border-radius:9px;align-items:center;gap:7px;padding:9px 12px;display:flex}.employee-doctor-workspace-nav:hover{color:#2563eb;background:#eef5ff}.employee-doctor-workspace-card{background:linear-gradient(135deg,#f8fbff,#eef5ff);border:1px solid #dbe7fb;border-radius:16px;align-items:center;gap:18px;margin:22px 0;padding:20px 22px;display:flex}.employee-doctor-workspace-icon{background:#dfeaff;border-radius:14px;flex:0 0 52px;justify-content:center;align-items:center;width:52px;height:52px;font-size:25px;display:flex}.employee-doctor-workspace-copy{flex:1}.employee-doctor-workspace-copy h2{color:#17243d;margin:0 0 5px;font-size:18px}.employee-doctor-workspace-copy p{color:#64748b;margin:0;font-size:13px;line-height:1.45}.employee-doctor-workspace-card>button{color:#fff;cursor:pointer;background:#2563eb;border:0;border-radius:10px;padding:11px 15px;font-weight:700}.employee-doctor-workspace-card>button:hover{background:#1d4ed8}.doctor-back{color:#24324a;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #dbe5f5;border-radius:9px;padding:8px 11px;font-size:12px}.doctor-back:hover{background:#f1f5f9}@media (width<=700px){.employee-doctor-workspace-card{flex-wrap:wrap}.employee-doctor-workspace-copy{min-width:calc(100% - 75px)}.employee-doctor-workspace-card>button{width:100%}.doctor-back{display:none}}@media (width<=480px){.employee-portal-header{padding:0 14px}.employee-header-actions{gap:8px}.employee-logout-button{padding:7px 10px;font-size:12px}}.employee-duty-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;margin-bottom:28px;padding:24px;box-shadow:0 5px 18px #0f172a0a}.employee-duty-card-header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:20px;display:flex}.employee-duty-label{color:#2563eb;letter-spacing:.08em;margin-bottom:6px;font-size:11px;font-weight:800;display:block}.employee-duty-card h2{color:#0f172a;margin:0 0 5px;font-size:21px}.employee-duty-card-header p{color:#64748b;margin:0;font-size:13px}.employee-duty-status{border-radius:999px;flex:none;padding:7px 12px;font-size:12px;font-weight:700}.employee-duty-status.pending{color:#c2410c;background:#fff7ed}.employee-duty-status.checked-in{color:#1d4ed8;background:#eff6ff}.employee-duty-status.completed{color:#15803d;background:#f0fdf4}.employee-duty-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.employee-duty-grid>div{background:#fafbfc;border:1px solid #e5e7eb;border-radius:10px;padding:14px}.employee-duty-grid span{color:#64748b;margin-bottom:6px;font-size:11px;display:block}.employee-duty-grid strong{color:#1e293b;font-size:13px;line-height:1.45;display:block}.employee-duty-remarks{background:#f8fafc;border-left:3px solid #2563eb;border-radius:10px;margin-top:14px;padding:14px}.employee-duty-remarks span{color:#64748b;margin-bottom:5px;font-size:11px;font-weight:700;display:block}.employee-duty-remarks p{color:#334155;margin:0;font-size:13px}.employee-duty-actions{align-items:center;gap:12px;margin-top:20px;display:flex}.employee-duty-checkin,.employee-duty-checkout{color:#fff;cursor:pointer;border:0;border-radius:9px;min-width:150px;min-height:42px;padding:9px 18px;font-size:13px;font-weight:700}.employee-duty-checkin{background:#2563eb}.employee-duty-checkout{background:#0f766e}.employee-duty-checkin:hover,.employee-duty-checkout:hover{opacity:.92}.employee-duty-checkin:disabled,.employee-duty-checkout:disabled{opacity:.65;cursor:wait}.employee-duty-completed{color:#15803d;background:#f0fdf4;border-radius:9px;padding:10px 14px;font-size:13px;font-weight:700}.employee-duty-error{color:#b91c1c;background:#fef2f2;border-radius:8px;margin-top:14px;padding:11px 13px;font-size:13px}.employee-duty-empty{text-align:center;color:#64748b;border:1px dashed #cbd5e1;border-radius:10px;padding:22px;font-size:13px}@media (width<=900px){.employee-duty-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=600px){.employee-duty-card{padding:18px}.employee-duty-card-header{flex-direction:column;gap:12px}.employee-duty-grid{grid-template-columns:1fr}.employee-duty-actions,.employee-duty-checkin,.employee-duty-checkout{width:100%}}.employee-header-actions{align-items:center;gap:12px;display:flex}.employee-header-profile{position:relative}.employee-profile-trigger{color:#1e293b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:10px;min-height:46px;padding:5px 10px 5px 6px;transition:all .2s;display:flex}.employee-profile-trigger:hover{background:#f8fafc;border-color:#cbd5e1}.employee-header-avatar{color:#fff;background:linear-gradient(135deg,#1d4ed8,#4f46e5);border-radius:50%;flex:0 0 34px;justify-content:center;align-items:center;width:34px;height:34px;font-size:12px;font-weight:800;display:flex}.employee-header-avatar-image{object-fit:cover;border-radius:50%;width:40px;height:40px;display:block;overflow:hidden}.employee-header-user{flex-direction:column;align-items:flex-start;min-width:0;max-width:180px;display:flex}.employee-header-user strong{color:#1e293b;text-overflow:ellipsis;white-space:nowrap;width:100%;font-size:12px;font-weight:700;overflow:hidden}.employee-header-user small{color:#64748b;text-align:left;text-overflow:ellipsis;white-space:nowrap;width:100%;margin-top:2px;font-size:10px;overflow:hidden}.employee-profile-chevron{color:#64748b;font-size:14px}.employee-profile-menu{z-index:300;box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:14px;width:210px;padding:8px;position:absolute;top:calc(100% + 10px);right:0;box-shadow:0 18px 45px #0f172a29}.employee-profile-menu button{color:#334155;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:9px;align-items:center;gap:10px;width:100%;min-height:42px;padding:9px 10px;font-size:13px;font-weight:600;display:flex}.employee-profile-menu button:hover{background:#f1f5f9}.employee-profile-menu button span{text-align:center;width:22px}.employee-profile-menu-divider{background:#e5e7eb;height:1px;margin:6px 0}.employee-profile-menu .employee-profile-logout{color:#b91c1c}.employee-profile-menu .employee-profile-logout:hover{background:#fef2f2}.employee-header-back-button{color:#334155;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:9px;min-height:40px;padding:8px 14px;font-size:13px;font-weight:700}.employee-header-back-button:hover{background:#f8fafc}.employee-profile-page-wrap{box-sizing:border-box;width:min(1180px,100% - 48px);margin:0 auto;padding:32px 0 60px}@media (width<=700px){.employee-header-user,.employee-profile-chevron{display:none}.employee-profile-trigger{justify-content:center;min-width:46px;padding:5px}.employee-profile-page-wrap{width:min(100%,100% - 28px);padding-top:20px}}.employee-portal{background:linear-gradient(#f7f9fc 0%,#f4f7fb 45%,#f5f7fb 100%)}.employee-portal-content{width:min(1280px,100% - 56px);padding:34px 0 72px}.employee-portal-header{border-bottom-color:#dfe5ec;min-height:74px;padding:0 38px;box-shadow:0 2px 14px #0f172a0e}.employee-brand{gap:13px}.employee-brand-logo{border:1px solid #e2e8f0;border-radius:11px;width:44px;min-width:44px;max-width:44px;height:44px;min-height:44px;max-height:44px;box-shadow:0 2px 5px #0f172a0a}.employee-brand strong{font-size:15px;font-weight:750}.employee-brand span{font-size:11px}.employee-quick-nav{box-sizing:border-box;align-items:center;gap:7px;width:min(1280px,100% - 56px);margin:0 auto;padding:12px 0 4px;display:flex}.employee-quick-nav a,.employee-doctor-workspace-nav{color:#64748b;background:0 0;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:7px;min-height:40px;padding:8px 14px;font-size:12px;font-weight:650;text-decoration:none;transition:background-color .15s,color .15s,border-color .15s,box-shadow .15s;display:inline-flex}.employee-quick-nav a:hover,.employee-doctor-workspace-nav:hover,.employee-quick-nav a:first-child{color:#1d4ed8;background:#fff;border-color:#dbe5f5;box-shadow:0 2px 6px #0f172a0a}.employee-quick-nav a span,.employee-doctor-workspace-nav span{font-size:14px;line-height:1}.employee-profile-card{box-sizing:border-box;border-color:#dce3ec;border-radius:17px;grid-template-columns:auto 1fr auto;gap:22px;min-height:118px;margin-bottom:30px;padding:24px 28px;position:relative;overflow:hidden;box-shadow:0 8px 24px #0f172a0e,0 1px 3px #0f172a09}.employee-profile-card:before{content:"";background:linear-gradient(#2563eb,#4f46e5);width:4px;position:absolute;top:0;bottom:0;left:0}.employee-avatar{width:78px;height:78px;font-size:24px;box-shadow:0 5px 14px #2563eb33}.employee-profile-main h1{letter-spacing:-.025em;font-size:27px;font-weight:750}.employee-profile-main p{margin-bottom:9px;font-size:12px;font-weight:550}.employee-status-badge{letter-spacing:.045em;padding:6px 11px;font-size:10px}.employee-profile-meta{border-left:1px solid #e5e7eb;gap:38px;padding-left:24px}.employee-profile-meta>div{min-width:145px}.employee-profile-meta span{text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px;font-size:10px;font-weight:650}.employee-profile-meta strong{font-size:14px}.employee-section-title{margin-bottom:15px}.employee-section-title h2{letter-spacing:-.015em;font-size:20px}.employee-section-title p{margin-top:4px;font-size:12px}.employee-duty-card{border-color:#dce3ec;border-radius:17px;margin-bottom:30px;padding:25px 26px;box-shadow:0 7px 22px #0f172a0d}.employee-duty-card-header{margin-bottom:22px}.employee-duty-label{color:#2563eb;letter-spacing:.1em;font-size:10px}.employee-duty-card h2{letter-spacing:-.015em;font-size:22px}.employee-duty-card-header p{font-size:12px}.employee-duty-status{padding:8px 13px;font-size:11px;box-shadow:0 1px 3px #0f172a0a}.employee-duty-grid{gap:14px}.employee-duty-grid>div{background:#fbfcfe;border-color:#e1e7ef;border-radius:11px;padding:16px}.employee-duty-grid span{text-transform:uppercase;letter-spacing:.04em;font-size:10px;font-weight:650}.employee-duty-grid strong{font-size:13px}.employee-doctor-workspace-card{box-sizing:border-box;border-color:#cddcf7;border-radius:17px;min-height:78px;margin:0 0 30px;padding:21px 24px;box-shadow:0 6px 20px #2563eb12}.employee-doctor-workspace-icon{border-radius:15px;flex-basis:56px;width:56px;height:56px}.employee-doctor-workspace-copy h2{font-size:19px}.employee-doctor-workspace-copy p{font-size:12px}.employee-doctor-workspace-card>button{border-radius:10px;min-height:42px;padding:10px 17px;box-shadow:0 3px 8px #2563eb2e}.employee-pay-grid{gap:18px}.employee-pay-card{box-sizing:border-box;border-color:#dfe5ec;border-radius:15px;min-height:105px;padding:21px 22px;transition:transform .15s,box-shadow .15s;position:relative;box-shadow:0 5px 16px #0f172a0a}.employee-pay-card:hover{transform:translateY(-1px);box-shadow:0 8px 20px #0f172a11}.employee-pay-card span{text-transform:uppercase;letter-spacing:.035em;margin-bottom:11px;font-size:11px;font-weight:650}.employee-pay-card strong{letter-spacing:-.02em;font-size:25px}.employee-pay-card-net{border-color:#bfd0f6;box-shadow:0 6px 18px #2563eb13}.employee-panel{border-color:#dfe5ec;border-radius:15px;padding:25px;box-shadow:0 5px 16px #0f172a0a}.employee-info-grid{gap:14px}.employee-info-grid>div{box-sizing:border-box;background:#fbfcfe;border-color:#e1e7ef;border-radius:11px;min-height:68px;padding:16px}.employee-info-grid span{text-transform:uppercase;letter-spacing:.04em;margin-bottom:7px;font-size:10px;font-weight:650}.employee-info-grid strong{font-size:13px}.employee-attendance-grid{gap:12px;margin-bottom:22px}.employee-attendance-grid>div{box-sizing:border-box;background:#fff;border-color:#dfe5ec;border-radius:12px;min-height:82px;padding:17px 12px;box-shadow:0 3px 10px #0f172a06}.employee-attendance-grid strong{margin-bottom:6px;font-size:24px}.employee-attendance-grid span{text-transform:uppercase;letter-spacing:.035em;font-size:10px;font-weight:650}.employee-attendance-table-wrap{border-color:#dfe5ec;border-radius:12px;box-shadow:0 3px 10px #0f172a06}.employee-table th{letter-spacing:.065em;background:#f8fafc;padding:13px 15px;font-size:10px}.employee-table td{padding:14px 15px;font-size:12px}.employee-table tbody tr:hover{background:#f7faff}.employee-empty-state{background:#fbfcfe;border-radius:12px;padding:42px 22px}@media (width>=1400px){.employee-portal-content,.employee-quick-nav{width:min(1320px,100% - 72px)}.employee-profile-card{padding-left:32px;padding-right:32px}.employee-pay-card{min-height:112px}}@media (width<=1000px){.employee-portal-content,.employee-quick-nav{width:min(100%,100% - 36px)}.employee-profile-card{grid-template-columns:auto 1fr}.employee-profile-meta{border-top:1px solid #e5e7eb;border-left:0;grid-column:1/-1;padding-top:15px;padding-left:0}.employee-pay-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=700px){.employee-portal-header{padding:0 14px}.employee-portal-content{width:calc(100% - 28px);padding-top:20px;padding-bottom:45px}.employee-quick-nav{scrollbar-width:none;width:calc(100% - 28px);padding-top:9px;overflow-x:auto}.employee-quick-nav::-webkit-scrollbar{display:none}.employee-quick-nav a,.employee-doctor-workspace-nav{white-space:nowrap;flex:none}.employee-profile-card{border-radius:14px;grid-template-columns:auto 1fr;gap:14px;padding:18px}.employee-avatar{width:60px;height:60px;font-size:19px}.employee-profile-main h1{font-size:21px}.employee-profile-meta{grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.employee-profile-meta>div{min-width:0}.employee-pay-grid{grid-template-columns:1fr}.employee-pay-card{min-height:90px}.employee-panel{padding:18px}.employee-info-grid{grid-template-columns:1fr}}.employee-mobile-menu-button{color:#0f172a;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:10px;flex:none;justify-content:center;align-items:center;width:40px;height:40px;font-size:21px;line-height:1;display:none;box-shadow:0 2px 8px #0f172a0f}.employee-mobile-menu-button:hover{background:#f8fafc}.employee-mobile-nav-backdrop{display:none}.employee-mobile-nav{background:#fff;width:min(310px,86vw);max-width:310px;height:100%;animation:.2s ease-out employeeMobileNavSlideIn;overflow-y:auto;box-shadow:12px 0 35px #0f172a2e}.employee-mobile-nav-header{background:#fff;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;min-height:64px;padding:0 18px;display:flex}.employee-mobile-nav-header strong{color:#0f172a;font-size:17px}.employee-mobile-nav-close{color:#475569;cursor:pointer;background:#f1f5f9;border:0;border-radius:9px;justify-content:center;align-items:center;width:38px;height:38px;font-size:25px;line-height:1;display:flex}.employee-mobile-nav-close:hover{background:#e2e8f0}.employee-mobile-nav-links{flex-direction:column;gap:5px;padding:12px;display:flex}.employee-mobile-nav-links a,.employee-mobile-doctor-nav{box-sizing:border-box;color:#334155;cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:10px;align-items:center;gap:13px;width:100%;min-height:50px;padding:10px 13px;font-size:14px;font-weight:600;text-decoration:none;display:flex}.employee-mobile-nav-links a:hover,.employee-mobile-doctor-nav:hover{color:#1d4ed8;background:#eff6ff;border-color:#dbeafe}.employee-mobile-nav-links a span:first-child,.employee-mobile-doctor-nav span:first-child{justify-content:center;align-items:center;width:28px;font-size:18px;display:inline-flex}.employee-mobile-doctor-nav{font-family:inherit}@media (width<=768px){.employee-mobile-menu-button{display:flex}.employee-quick-nav{display:none}.employee-portal-header{gap:8px;min-height:58px;padding:8px 12px}.employee-brand{flex:1;min-width:0}.employee-brand>div:last-child{min-width:0}.employee-brand strong{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:13px;display:block;overflow:hidden}.employee-brand span{font-size:10px}.employee-brand-logo{flex:0 0 38px;width:38px;height:38px}.employee-header-actions{gap:5px}.employee-portal{width:100%;max-width:100%;overflow-x:hidden}.employee-portal-content{box-sizing:border-box;width:100%;max-width:100%}.employee-mobile-nav-backdrop{z-index:2000;background:#0f172a6b;display:flex;position:fixed;inset:0}.employee-mobile-nav{flex:none}#employee-profile,#employee-attendance,#employee-salary,#employee-payslip,#employee-pay-history{scroll-margin-top:70px}}@keyframes employeeMobileNavSlideIn{0%{opacity:.7;transform:translate(-100%)}to{opacity:1;transform:translate(0)}}.employee-details-modal{background:#fff;border-radius:20px;flex-direction:column;width:min(1180px,100vw - 40px);max-width:1180px;max-height:calc(100vh - 40px);display:flex;overflow:hidden;box-shadow:0 30px 80px #0f172a40,0 10px 30px #0f172a1f}.employee-details-modal>.modal-header{background:linear-gradient(135deg,#f7fbff 0%,#fff 55%,#eef5ff 100%);border-bottom:1px solid #e5eaf2;flex-shrink:0;justify-content:space-between;align-items:center;gap:20px;padding:22px 26px;display:flex;position:relative}.employee-details-modal>.modal-header:before{content:"";background:linear-gradient(#2563eb,#60a5fa);width:4px;position:absolute;top:0;bottom:0;left:0}.employee-details-modal>.modal-header>div{min-width:0;padding-left:4px}.employee-details-modal>.modal-header h3{color:#0f172a;letter-spacing:-.02em;margin:0;font-size:23px;font-weight:750;line-height:1.25}.employee-details-modal>.modal-header p{color:#64748b;flex-wrap:wrap;align-items:center;gap:7px;margin:8px 0 0;font-size:13px;font-weight:500;display:flex}.employee-details-modal>.modal-header p:before{content:"EMPLOYEE";color:#2563eb;letter-spacing:.06em;background:#eff6ff;border:1px solid #dbeafe;border-radius:6px;align-items:center;padding:4px 8px;font-size:9px;font-weight:800;display:inline-flex}.employee-details-modal .modal-close{color:#64748b;cursor:pointer;background:#ffffffe6;border:1px solid #dbe3ee;border-radius:11px;width:40px;min-width:40px;height:40px;padding:0;font-size:24px;line-height:1;transition:background .18s,color .18s,border-color .18s,transform .18s,box-shadow .18s}.employee-details-modal .modal-close:hover{color:#0f172a;background:#fff;border-color:#cbd5e1;transform:translateY(-1px);box-shadow:0 5px 14px #0f172a1a}.employee-details-modal .employee-tabs{scrollbar-width:thin;background:#fff;border-bottom:1px solid #e5eaf2;flex-shrink:0;align-items:stretch;gap:3px;min-height:56px;padding:0 20px;display:flex;overflow-x:auto}.employee-details-modal .employee-tab{color:#64748b;white-space:nowrap;cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;gap:6px;min-height:56px;padding:0 15px;font-size:13px;font-weight:650;transition:color .18s,background .18s;display:inline-flex;position:relative}.employee-details-modal .employee-tab.active:after{content:"";background:linear-gradient(90deg,#2563eb,#60a5fa);border-radius:4px 4px 0 0;height:3px;position:absolute;bottom:0;left:12px;right:12px}.employee-details-modal>.employee-modal-content{scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent;background:#f7f9fc;flex:1;min-height:0;padding:25px 26px;overflow-y:auto}.employee-details-modal>.employee-modal-content::-webkit-scrollbar{width:7px}.employee-details-modal>.employee-modal-content::-webkit-scrollbar-track{background:0 0}.employee-details-modal>.employee-modal-content::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.employee-details-modal .profile-grid{background:#e2e8f0;border:1px solid #e2e8f0;border-radius:15px;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin-bottom:26px;display:grid;overflow:hidden;box-shadow:0 3px 12px #0f172a09}.employee-details-modal .profile-grid>*{background:#fff;min-width:0;padding:16px 18px;transition:background .18s}.employee-details-modal .profile-grid>:hover{background:#fbfdff}.employee-details-modal .profile-grid label,.employee-details-modal .profile-grid .profile-label{color:#64748b;text-transform:uppercase;letter-spacing:.055em;font-size:10px;font-weight:750;display:block}.employee-details-modal .profile-grid .profile-value{color:#0f172a;margin-top:6px;font-size:14px;font-weight:650}.employee-details-modal .profile-item{background:#fff}.employee-details-modal .employee-section-heading{align-items:center;gap:11px;margin:0 0 14px;display:flex}.employee-details-modal .employee-section-heading-icon{color:#2563eb;background:#eff6ff;border-radius:10px;justify-content:center;align-items:center;width:35px;min-width:35px;height:35px;font-size:16px;display:flex}.employee-details-modal .employee-section-heading h4{color:#0f172a;margin:0;font-size:16px;font-weight:750}.employee-details-modal .employee-section-heading p{color:#64748b;margin:3px 0 0;font-size:12px}.employee-details-modal .section-header{background:#fff;border:1px solid #e2e8f0;border-radius:14px;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;padding:17px 20px;display:flex;box-shadow:0 3px 12px #0f172a09}.employee-details-modal .section-header h4{color:#0f172a;margin:0;font-size:17px;font-weight:750}.employee-details-modal .section-header p{color:#64748b;margin:5px 0 0;font-size:12px}.employee-details-modal .primary-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb,#1d4ed8);border:0;border-radius:10px;padding:10px 17px;font-size:13px;font-weight:700;transition:transform .18s,box-shadow .18s,filter .18s;box-shadow:0 6px 15px #2563eb33}.employee-details-modal .primary-button:hover{filter:brightness(1.04);transform:translateY(-1px);box-shadow:0 9px 20px #2563eb40}.employee-details-modal .primary-button:active{transform:translateY(0)}.employee-details-modal .primary-button:disabled,.employee-details-modal .secondary-button:disabled{opacity:.55;cursor:not-allowed;transform:none}.employee-details-modal .secondary-button{color:#475569;cursor:pointer;background:#fff;border:1px solid #dbe3ee;border-radius:10px;padding:10px 17px;font-size:13px;font-weight:650;transition:background .18s,border-color .18s,color .18s}.employee-details-modal .secondary-button:hover{color:#0f172a;background:#f8fafc;border-color:#cbd5e1}.employee-details-modal .related-table-wrap{background:#fff;border:1px solid #e2e8f0;border-radius:14px;overflow-x:auto;box-shadow:0 3px 12px #0f172a09}.employee-details-modal .related-table{border-collapse:collapse;width:100%;font-size:13px}.employee-details-modal .related-table th{text-align:left;color:#64748b;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:12px 14px;font-size:10px;font-weight:750}.employee-details-modal .related-table td{color:#334155;vertical-align:middle;border-bottom:1px solid #eef2f7;padding:13px 14px}.employee-details-modal .related-table tbody tr:last-child td{border-bottom:0}.employee-details-modal .employee-actions{flex-wrap:wrap;gap:6px;display:flex}.employee-details-modal .employee-actions button{color:#475569;cursor:pointer;background:#fff;border:1px solid #dbe3ee;border-radius:8px;padding:6px 10px;font-size:12px;font-weight:650;transition:all .16s}.employee-details-modal .employee-actions button:hover{color:#2563eb;background:#eff6ff;border-color:#bfdbfe}.employee-details-modal .employee-actions .danger-button{color:#dc2626;border-color:#fecaca}.employee-details-modal .employee-actions .danger-button:hover{color:#b91c1c;background:#fef2f2}.employee-details-modal .empty{text-align:center;color:#64748b;background:#fff;border:1px dashed #cbd5e1;border-radius:14px;padding:55px 20px;font-size:14px}.employee-details-modal .loading{text-align:center;color:#64748b;padding:70px 20px}.employee-details-modal>.modal-actions{background:#fff;border-top:1px solid #e5eaf2;flex-shrink:0;justify-content:flex-end;align-items:center;gap:10px;padding:15px 24px;display:flex}.employee-details-modal>.modal-actions .primary-button{min-width:160px;padding:11px 21px;font-size:13px}.employee-details-modal .nested-modal-backdrop{z-index:20}@media (width<=800px){.employee-details-modal{border-radius:15px;width:calc(100vw - 20px);max-height:calc(100vh - 20px)}.employee-details-modal>.modal-header{padding:17px 18px}.employee-details-modal>.modal-header h3{font-size:19px}.employee-details-modal>.modal-header p{font-size:12px}.employee-details-modal .modal-close{width:36px;min-width:36px;height:36px}.employee-details-modal>.employee-modal-content{padding:17px}.employee-details-modal .profile-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.employee-details-modal .section-header{flex-direction:column;align-items:flex-start}.employee-details-modal .section-header .primary-button{width:100%}.employee-details-modal>.modal-actions{padding:12px 15px}}@media (width<=500px){.employee-details-modal{border-radius:13px;width:calc(100vw - 12px);max-height:calc(100vh - 12px)}.employee-details-modal>.modal-header{padding:15px}.employee-details-modal>.modal-header h3{font-size:17px}.employee-details-modal>.modal-header p:before{display:none}.employee-details-modal .employee-tabs{padding:0 7px}.employee-details-modal .employee-tab{min-height:51px;padding:0 10px;font-size:12px}.employee-details-modal .profile-grid{grid-template-columns:1fr}.employee-details-modal>.employee-modal-content{padding:14px}.employee-details-modal>.modal-actions{justify-content:stretch;padding:11px}.employee-details-modal>.modal-actions button{flex:1}}.hr-roles-page{width:100%}.hr-section-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.hr-section-header h2{margin:0;font-size:24px}.hr-section-header p{opacity:.7;margin:5px 0 0}.hr-primary-button{cursor:pointer;border:0;border-radius:9px;padding:10px 16px;font-weight:700}.hr-role-toolbar{gap:10px;margin-bottom:18px;display:flex}.hr-role-toolbar input,.hr-permission-search,.hr-modal input{box-sizing:border-box;background:#fff;border:1px solid #d8dee8;border-radius:8px;width:100%;padding:10px 12px}.hr-role-toolbar button,.hr-role-actions button,.hr-modal-footer button,.hr-permission-group-header button{cursor:pointer;background:#fff;border:1px solid #d8dee8;border-radius:8px;padding:9px 13px;font-weight:600}.hr-role-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px;display:grid}.hr-role-card{background:#fff;border:1px solid #e1e6ee;border-radius:12px;align-items:center;gap:13px;padding:16px;display:flex;box-shadow:0 2px 8px #141e320d}.hr-role-icon{border-radius:11px;flex:0 0 42px;place-items:center;width:42px;height:42px;font-weight:800;display:grid}.hr-role-content{flex:1;min-width:0}.hr-role-content h3{margin:0 0 4px;font-size:15px}.hr-role-content span{opacity:.6;font-size:12px}.hr-role-actions{flex-direction:column;gap:6px;display:flex}.hr-role-actions button{padding:6px 9px;font-size:12px}.hr-alert{border-radius:8px;margin-bottom:14px;padding:10px 13px}.hr-alert.success{background:#eaf8ef}.hr-alert.error{background:#fff0f0}.hr-empty-state{text-align:center;opacity:.65;padding:40px}.hr-modal-backdrop{z-index:9999;background:#0a14237a;justify-content:center;align-items:center;padding:18px;display:flex;position:fixed;inset:0}.hr-modal{background:#fff;border-radius:14px;width:min(520px,100%);max-height:calc(100vh - 36px);overflow:auto;box-shadow:0 20px 60px #00000038}.hr-permission-modal{width:min(850px,100%)}.hr-modal-header{border-bottom:1px solid #e7ebf0;justify-content:space-between;gap:15px;padding:18px 20px;display:flex}.hr-modal-header h3{margin:0}.hr-modal-header p{opacity:.65;margin:5px 0 0;font-size:13px}.hr-modal-header>button{cursor:pointer;background:0 0;border:0;font-size:25px}.hr-modal>label{padding:20px;font-weight:700;display:block}.hr-modal>label input{margin-top:8px}.hr-modal-footer{border-top:1px solid #e7ebf0;justify-content:flex-end;gap:9px;padding:15px 20px;display:flex}.hr-permission-search{width:calc(100% - 40px);margin:15px 20px 8px}.hr-permission-summary{opacity:.65;padding:4px 20px 12px;font-size:13px}.hr-permission-list{padding:0 20px 20px}.hr-permission-group{border:1px solid #e2e7ee;border-radius:10px;margin-bottom:14px;overflow:hidden}.hr-permission-group-header{background:#f7f9fb;justify-content:space-between;align-items:center;padding:10px 13px;display:flex}.hr-permission-group-header button{padding:5px 9px;font-size:12px}.hr-permission-items{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));display:grid}.hr-permission-item{cursor:pointer;border-top:1px solid #edf0f4;align-items:flex-start;gap:9px;padding:10px 12px;display:flex}.hr-permission-item input{margin-top:3px}.hr-permission-item span{flex-direction:column;gap:2px;display:flex}.hr-permission-item small{opacity:.55;font-size:10px}@media (width<=650px){.hr-section-header{flex-direction:column;align-items:flex-start}.hr-role-toolbar{flex-direction:column}.hr-role-card{align-items:flex-start}.hr-role-actions{margin-left:auto}.hr-permission-items{grid-template-columns:1fr}.hr-modal-backdrop{align-items:flex-end;padding:0}.hr-modal{border-radius:16px 16px 0 0;max-height:92vh}}.employee-details-modal{background:#f8fafc;border-radius:18px;width:min(1240px,100vw - 32px);max-width:1240px;height:min(900px,100vh - 32px);max-height:calc(100vh - 32px);overflow:hidden;box-shadow:0 28px 70px #0f172a3d,0 8px 25px #0f172a1f}.employee-details-modal>.modal-header{background:#fff;border-bottom:1px solid #e2e8f0;min-height:82px;padding:18px 24px}.employee-details-modal>.modal-header:before{background:#2563eb;width:4px}.employee-details-modal>.modal-header>div{padding-left:8px}.employee-details-modal>.modal-header h3{letter-spacing:-.025em;font-size:22px;font-weight:750}.employee-details-modal>.modal-header p{color:#64748b;gap:8px;margin-top:7px;font-size:12px}.employee-details-modal>.modal-header p:before{border-radius:5px;padding:3px 7px;font-size:8px}.employee-details-modal .modal-close{color:#64748b;background:#f8fafc;border:1px solid #dbe3ec;border-radius:10px;width:38px;min-width:38px;height:38px;font-size:22px}.employee-details-modal .modal-close:hover{color:#1d4ed8;box-shadow:none;background:#eff6ff;border-color:#bfdbfe;transform:none}.employee-details-modal .employee-tabs{background:#fff;border-bottom:1px solid #e2e8f0;gap:2px;min-height:54px;padding:0 18px}.employee-details-modal .employee-tab{color:#64748b;gap:6px;min-height:54px;padding:0 14px;font-size:12px;font-weight:650}.employee-details-modal .employee-tab:hover{color:#1d4ed8;background:#f8fafc}.employee-details-modal .employee-tab.active{color:#1d4ed8;background:#eff6ff}.employee-details-modal .employee-tab.active:after{height:2px;left:10px;right:10px}.employee-details-modal>.employee-modal-content{background:#f6f8fb;padding:22px 24px}.employee-details-modal .profile-grid{box-shadow:none;border-radius:14px;gap:1px;margin-bottom:20px}.employee-details-modal .profile-grid>*{padding:14px 16px}.employee-details-modal .profile-grid .profile-value{font-size:13px;font-weight:650}.employee-details-modal .section-header{min-height:70px;box-shadow:none;border-radius:12px;margin-bottom:14px;padding:14px 18px}.employee-details-modal .section-header h4{font-size:16px}.employee-details-modal .section-header p{font-size:11px}.employee-details-modal .related-table-wrap{box-shadow:none;border-radius:12px}.employee-details-modal .related-table{font-size:12px}.employee-details-modal .related-table th{background:#f8fafc;padding:11px 12px;font-size:9px}.employee-details-modal .related-table td{padding:11px 12px;font-size:12px}.employee-details-modal .related-table tbody tr:hover td{background:#f8fbff}.employee-details-modal .empty{color:#64748b;background:#fff;border:1px dashed #cbd5e1;border-radius:12px;justify-content:center;align-items:center;min-height:170px;padding:30px;font-size:13px;display:flex}.employee-details-modal>.modal-actions{background:#fff;border-top:1px solid #e2e8f0;min-height:66px;padding:12px 22px}.employee-details-modal>.modal-actions .secondary-button,.employee-details-modal>.modal-actions .primary-button{min-height:40px}.employee-details-modal .nested-modal-backdrop,.related-module .nested-modal-backdrop{z-index:10050;-webkit-backdrop-filter:blur(2px);background:#0f172a94;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.employee-details-modal .nested-modal-backdrop>.modal,.related-module .nested-modal-backdrop>.modal{background:#fff;border:1px solid #dbe3ec;border-radius:16px;flex-direction:column;width:min(760px,100vw - 40px);max-width:760px;max-height:calc(100vh - 48px);margin:0;padding:0;display:flex;overflow:hidden;box-shadow:0 35px 90px #0f172a4d,0 10px 30px #0f172a29}.employee-details-modal .nested-modal-backdrop .modal>.modal-header,.related-module .nested-modal-backdrop .modal>.modal-header{background:#fff;border-bottom:1px solid #e5eaf0;flex-shrink:0;min-height:76px;padding:17px 22px}.employee-details-modal .nested-modal-backdrop .modal>.modal-header h3,.related-module .nested-modal-backdrop .modal>.modal-header h3{color:#0f172a;letter-spacing:-.018em;margin:0;font-size:19px;font-weight:750;line-height:1.3}.employee-details-modal .nested-modal-backdrop .modal>.modal-header p,.related-module .nested-modal-backdrop .modal>.modal-header p{color:#64748b;margin:5px 0 0;font-size:12px;font-weight:500}.employee-details-modal .nested-modal-backdrop .modal .modal-close,.related-module .nested-modal-backdrop .modal .modal-close{color:#64748b;background:#f8fafc;border:1px solid #dbe3ec;border-radius:9px;width:36px;min-width:36px;height:36px;padding:0;font-size:21px;line-height:1}.employee-details-modal .nested-modal-backdrop .modal .modal-close:hover,.related-module .nested-modal-backdrop .modal .modal-close:hover{color:#1d4ed8;background:#eff6ff;border-color:#bfdbfe}.employee-details-modal .nested-modal-backdrop .form-grid,.related-module .nested-modal-backdrop .form-grid{background:#f8fafc;flex:1;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 20px;min-height:0;padding:22px;display:grid;overflow-y:auto}.employee-details-modal .nested-modal-backdrop .form-grid>label,.related-module .nested-modal-backdrop .form-grid>label{color:#334155;flex-direction:column;gap:7px;min-width:0;font-size:12px;font-weight:650;display:flex}.employee-details-modal .nested-modal-backdrop .form-grid input,.employee-details-modal .nested-modal-backdrop .form-grid select,.employee-details-modal .nested-modal-backdrop .form-grid textarea,.related-module .nested-modal-backdrop .form-grid input,.related-module .nested-modal-backdrop .form-grid select,.related-module .nested-modal-backdrop .form-grid textarea{box-sizing:border-box;color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:9px;outline:none;width:100%;min-width:0;min-height:42px;padding:9px 11px;font-family:inherit;font-size:13px;line-height:1.4;transition:border-color .15s,box-shadow .15s,background .15s}.employee-details-modal .nested-modal-backdrop .form-grid textarea,.related-module .nested-modal-backdrop .form-grid textarea{resize:vertical;min-height:92px}.employee-details-modal .nested-modal-backdrop .form-grid input::placeholder,.employee-details-modal .nested-modal-backdrop .form-grid textarea::placeholder,.related-module .nested-modal-backdrop .form-grid input::placeholder,.related-module .nested-modal-backdrop .form-grid textarea::placeholder{color:#94a3b8}.employee-details-modal .nested-modal-backdrop .form-grid input:hover,.employee-details-modal .nested-modal-backdrop .form-grid select:hover,.employee-details-modal .nested-modal-backdrop .form-grid textarea:hover,.related-module .nested-modal-backdrop .form-grid input:hover,.related-module .nested-modal-backdrop .form-grid select:hover,.related-module .nested-modal-backdrop .form-grid textarea:hover{border-color:#94a3b8}.employee-details-modal .nested-modal-backdrop .form-grid input:focus,.employee-details-modal .nested-modal-backdrop .form-grid select:focus,.employee-details-modal .nested-modal-backdrop .form-grid textarea:focus,.related-module .nested-modal-backdrop .form-grid input:focus,.related-module .nested-modal-backdrop .form-grid select:focus,.related-module .nested-modal-backdrop .form-grid textarea:focus{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61f}:is(.employee-details-modal .nested-modal-backdrop .form-grid>label:has(textarea),.related-module .nested-modal-backdrop .form-grid>label:has(textarea)){grid-column:1/-1}:is(.employee-details-modal .nested-modal-backdrop .form-grid label:has(input[type=checkbox]),.related-module .nested-modal-backdrop .form-grid label:has(input[type=checkbox])){background:#fff;border:1px solid #e2e8f0;border-radius:9px;flex-direction:row;align-items:center;gap:9px;min-height:42px;padding:9px 11px}.employee-details-modal .nested-modal-backdrop .form-grid input[type=checkbox],.related-module .nested-modal-backdrop .form-grid input[type=checkbox]{width:17px;min-width:17px;height:17px;min-height:17px;margin:0}.employee-details-modal .nested-modal-backdrop .modal>.modal-actions,.related-module .nested-modal-backdrop .modal>.modal-actions{background:#fff;border-top:1px solid #e2e8f0;flex-shrink:0;justify-content:flex-end;align-items:center;gap:10px;min-height:66px;padding:12px 22px;display:flex}.employee-details-modal .nested-modal-backdrop .primary-button,.employee-details-modal .nested-modal-backdrop .secondary-button,.related-module .nested-modal-backdrop .primary-button,.related-module .nested-modal-backdrop .secondary-button{border-radius:9px;min-height:40px;padding:9px 17px;font-size:12px;font-weight:700}.employee-details-modal .related-module{min-width:0}.employee-details-modal .related-module>div:first-child{background:#fff;border:1px solid #e2e8f0;border-radius:12px;min-height:64px;padding:14px 18px!important}@media (width<=800px){.employee-details-modal{border-radius:14px;width:calc(100vw - 16px);height:calc(100vh - 16px);max-height:calc(100vh - 16px)}.employee-details-modal>.modal-header{min-height:70px;padding:14px 16px}.employee-details-modal>.modal-header h3{font-size:19px}.employee-details-modal .employee-tabs{min-height:50px;padding:0 8px}.employee-details-modal .employee-tab{min-height:50px;padding:0 12px;font-size:11px}.employee-details-modal>.employee-modal-content{padding:14px}.employee-details-modal .profile-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.employee-details-modal .section-header{flex-direction:column;align-items:flex-start}.employee-details-modal .section-header .primary-button{width:100%}.employee-details-modal .related-table-wrap{overflow-x:auto}.employee-details-modal>.modal-actions{padding:10px 14px}.employee-details-modal>.modal-actions .primary-button{min-width:0}.employee-details-modal .nested-modal-backdrop,.related-module .nested-modal-backdrop{padding:10px}.employee-details-modal .nested-modal-backdrop>.modal,.related-module .nested-modal-backdrop>.modal{border-radius:14px;width:100%;max-width:none;max-height:calc(100vh - 20px)}.employee-details-modal .nested-modal-backdrop .modal>.modal-header,.related-module .nested-modal-backdrop .modal>.modal-header{min-height:68px;padding:14px 16px}.employee-details-modal .nested-modal-backdrop .modal>.modal-header h3,.related-module .nested-modal-backdrop .modal>.modal-header h3{font-size:17px}.employee-details-modal .nested-modal-backdrop .form-grid,.related-module .nested-modal-backdrop .form-grid{grid-template-columns:1fr;gap:14px;padding:16px}:is(.employee-details-modal .nested-modal-backdrop .form-grid>label:has(textarea),.related-module .nested-modal-backdrop .form-grid>label:has(textarea)){grid-column:auto}.employee-details-modal .nested-modal-backdrop .modal>.modal-actions,.related-module .nested-modal-backdrop .modal>.modal-actions{padding:10px 14px}.employee-details-modal .nested-modal-backdrop .modal>.modal-actions button,.related-module .nested-modal-backdrop .modal>.modal-actions button{flex:1}}@media (width<=520px){.employee-details-modal .profile-grid{grid-template-columns:1fr}.employee-details-modal .employee-tab{padding:0 10px}.employee-details-modal>.modal-actions{grid-template-columns:1fr 1fr;display:grid}.employee-details-modal>.modal-actions .primary-button,.employee-details-modal>.modal-actions .secondary-button{width:100%;min-width:0}}.employee-details-modal,.employee-details-modal *,.related-module,.related-module *{box-sizing:border-box}.hr-department-create-button{color:#fff;cursor:pointer;background:#2563eb;border:1px solid #2563eb;border-radius:8px;justify-content:center;align-items:center;min-height:36px;padding:9px 15px;font-size:13px;font-weight:600;line-height:1.2;transition:background .15s,border-color .15s,box-shadow .15s,transform .1s;display:inline-flex}.hr-department-create-button:hover{background:#1d4ed8;border-color:#1d4ed8;box-shadow:0 2px 6px #2563eb38}.hr-department-create-button:active{transform:translateY(1px)}.hr-department-actions{white-space:nowrap;flex-wrap:wrap;align-items:center;gap:8px;display:flex}.hr-department-edit-button,.hr-department-deactivate-button{cursor:pointer;justify-content:center;align-items:center;min-height:32px;line-height:1.2;transition:background .15s,border-color .15s,color .15s,box-shadow .15s,transform .1s;border-radius:7px!important;padding:6px 12px!important;font-size:12px!important;font-weight:600!important;display:inline-flex!important}.hr-department-edit-button{color:#fff!important;background:#2563eb!important;border:1px solid #2563eb!important}.hr-department-edit-button:before{content:"✎";margin-right:5px;font-size:12px}.hr-department-edit-button:hover{box-shadow:0 2px 6px #2563eb38;background:#1d4ed8!important;border-color:#1d4ed8!important}.hr-department-edit-button:active,.hr-department-deactivate-button:active{transform:translateY(1px)}.hr-department-deactivate-button{color:#dc2626!important;background:#fff!important;border:1px solid #dc2626!important}.hr-department-deactivate-button:before{content:"⛔";margin-right:5px;font-size:10px}.hr-department-deactivate-button:hover{box-shadow:0 2px 6px #dc262633;color:#fff!important;background:#dc2626!important;border-color:#dc2626!important}.hr-salary-create-button{color:#fff;cursor:pointer;background:#2563eb;border:1px solid #2563eb;border-radius:8px;justify-content:center;align-items:center;min-height:36px;padding:9px 15px;font-size:13px;font-weight:600;line-height:1.2;transition:background .15s,border-color .15s,box-shadow .15s,transform .1s;display:inline-flex}.hr-salary-create-button:hover{background:#1d4ed8;border-color:#1d4ed8;box-shadow:0 2px 6px #2563eb38}.hr-salary-create-button:active{transform:translateY(1px)}.hr-salary-create-button:disabled,.hr-salary-edit-button:disabled,.hr-salary-deactivate-button:disabled,.hr-salary-activate-button:disabled,.hr-salary-delete-button:disabled{opacity:.6;cursor:not-allowed}.hr-salary-actions{white-space:nowrap;flex-wrap:wrap;align-items:center;gap:8px;display:flex}.hr-salary-edit-button,.hr-salary-deactivate-button,.hr-salary-activate-button,.hr-salary-delete-button{cursor:pointer;justify-content:center;align-items:center;min-height:32px;line-height:1.2;transition:background .15s,border-color .15s,color .15s,box-shadow .15s,transform .1s;border-radius:7px!important;padding:6px 12px!important;font-size:12px!important;font-weight:600!important;display:inline-flex!important}.hr-salary-edit-button{color:#fff!important;background:#2563eb!important;border:1px solid #2563eb!important}.hr-salary-edit-button:before{content:"✎";margin-right:5px;font-size:12px}.hr-salary-edit-button:hover{box-shadow:0 2px 6px #2563eb38;background:#1d4ed8!important;border-color:#1d4ed8!important}.hr-salary-deactivate-button{color:#dc2626!important;background:#fff!important;border:1px solid #dc2626!important}.hr-salary-deactivate-button:before{content:"⛔";margin-right:5px;font-size:10px}.hr-salary-deactivate-button:hover{box-shadow:0 2px 6px #dc262633;color:#fff!important;background:#dc2626!important;border-color:#dc2626!important}.hr-salary-activate-button{color:#15803d!important;background:#fff!important;border:1px solid #16a34a!important}.hr-salary-activate-button:before{content:"✓";margin-right:5px;font-size:12px;font-weight:700}.hr-salary-activate-button:hover{box-shadow:0 2px 6px #16a34a33;color:#fff!important;background:#16a34a!important;border-color:#16a34a!important}.hr-salary-delete-button{color:#b91c1c!important;background:#fff!important;border:1px solid #b91c1c!important}.hr-salary-delete-button:before{content:"🗑";margin-right:5px;font-size:11px}.hr-salary-delete-button:hover{box-shadow:0 2px 6px #b91c1c33;color:#fff!important;background:#b91c1c!important;border-color:#b91c1c!important}.hr-salary-edit-button:active,.hr-salary-deactivate-button:active,.hr-salary-activate-button:active,.hr-salary-delete-button:active{transform:translateY(1px)}.hr-salary-assignment-create-button{color:#fff;cursor:pointer;background:#2563eb;border:1px solid #2563eb;border-radius:8px;justify-content:center;align-items:center;min-height:36px;padding:9px 15px;font-size:13px;font-weight:600;line-height:1.2;transition:background .15s,border-color .15s,box-shadow .15s,transform .1s;display:inline-flex}.hr-salary-assignment-create-button:hover{background:#1d4ed8;border-color:#1d4ed8;box-shadow:0 2px 6px #2563eb38}.hr-salary-assignment-create-button:active{transform:translateY(1px)}.hr-salary-assignment-create-button:disabled,.hr-salary-assignment-edit-button:disabled,.hr-salary-assignment-close-button:disabled,.hr-salary-assignment-delete-button:disabled{opacity:.6;cursor:not-allowed}.hr-salary-assignment-actions{white-space:nowrap;flex-wrap:wrap;align-items:center;gap:8px;display:flex}.hr-salary-assignment-edit-button,.hr-salary-assignment-close-button,.hr-salary-assignment-delete-button{cursor:pointer;justify-content:center;align-items:center;min-height:32px;line-height:1.2;transition:background .15s,border-color .15s,color .15s,box-shadow .15s,transform .1s;border-radius:7px!important;padding:6px 12px!important;font-size:12px!important;font-weight:600!important;display:inline-flex!important}.hr-salary-assignment-edit-button{color:#fff!important;background:#2563eb!important;border:1px solid #2563eb!important}.hr-salary-assignment-edit-button:before{content:"✎";margin-right:5px;font-size:12px}.hr-salary-assignment-edit-button:hover{box-shadow:0 2px 6px #2563eb38;background:#1d4ed8!important;border-color:#1d4ed8!important}.hr-salary-assignment-close-button{color:#dc2626!important;background:#fff!important;border:1px solid #dc2626!important}.hr-salary-assignment-close-button:before{content:"×";margin-right:5px;font-size:15px;font-weight:700;line-height:10px}.hr-salary-assignment-close-button:hover{box-shadow:0 2px 6px #dc262633;color:#fff!important;background:#dc2626!important;border-color:#dc2626!important}.hr-salary-assignment-delete-button{color:#b91c1c!important;background:#fff!important;border:1px solid #b91c1c!important}.hr-salary-assignment-delete-button:before{content:"🗑";margin-right:5px;font-size:11px}.hr-salary-assignment-delete-button:hover{box-shadow:0 2px 6px #b91c1c33;color:#fff!important;background:#b91c1c!important;border-color:#b91c1c!important}.hr-salary-assignment-edit-button:active,.hr-salary-assignment-close-button:active,.hr-salary-assignment-delete-button:active{transform:translateY(1px)}.designation-modal-backdrop{z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0f172a8c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.designation-modal{background:#fff;border:1px solid #e5e7eb;border-radius:18px;width:100%;max-width:640px;max-height:calc(100vh - 40px);overflow-y:auto;box-shadow:0 24px 70px #0f172a47}.designation-modal-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;gap:16px;padding:22px 24px;display:flex}.designation-modal-title{color:#111827;margin:0;font-size:21px;font-weight:700}.designation-modal-subtitle{color:#6b7280;margin:5px 0 0;font-size:13px}.designation-modal-close{color:#4b5563;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:9px;width:36px;height:36px;font-size:20px;line-height:1}.designation-modal-close:hover{background:#f3f4f6}.designation-modal-body{padding:24px}.designation-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.designation-form-field{flex-direction:column;gap:7px;display:flex}.designation-form-field.full-width{grid-column:1/-1}.designation-form-label{color:#374151;font-size:13px;font-weight:600}.designation-form-required{color:#dc2626}.designation-form-input,.designation-form-select{box-sizing:border-box;color:#111827;background:#fff;border:1px solid #d1d5db;border-radius:9px;outline:none;width:100%;min-height:42px;padding:9px 12px;font-size:14px;transition:border-color .15s,box-shadow .15s}.designation-form-input:focus,.designation-form-select:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.designation-form-help{color:#9ca3af;margin-top:-2px;font-size:11px}.designation-modal-footer{background:#f9fafb;border-top:1px solid #e5e7eb;border-radius:0 0 18px 18px;justify-content:flex-end;gap:10px;padding:18px 24px;display:flex}.designation-btn{cursor:pointer;border:1px solid #d1d5db;border-radius:9px;min-height:40px;padding:8px 18px;font-size:14px;font-weight:600}.designation-btn-secondary{color:#374151;background:#fff}.designation-btn-secondary:hover{background:#f3f4f6}.designation-btn-primary{color:#fff;background:#2563eb;border-color:#2563eb}.designation-btn-primary:hover{background:#1d4ed8}.designation-btn:disabled{opacity:.6;cursor:not-allowed}@media (width<=640px){.designation-modal-backdrop{align-items:flex-end;padding:10px}.designation-modal{border-radius:16px 16px 0 0;max-height:calc(100vh - 20px)}.designation-modal-header,.designation-modal-body{padding:18px}.designation-form-grid{grid-template-columns:1fr;gap:15px}.designation-form-field.full-width{grid-column:auto}.designation-modal-footer{padding:15px 18px}.designation-btn{flex:1}}