.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);padding:1rem}.login-container{background:#fff;border-radius:1rem;padding:2.5rem;width:100%;max-width:420px;box-shadow:0 20px 60px #0000004d}.login-header{text-align:center;margin-bottom:2rem}.logo-circle{width:64px;height:64px;background:var(--primary);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;color:#fff}.login-header h1{font-size:1.75rem;color:var(--gray-900);margin-bottom:.5rem}.login-header p{color:var(--gray-600);font-size:.875rem}.login-form{display:flex;flex-direction:column;gap:1.25rem}.error-alert{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;background:#fef2f2;border:1px solid #fecaca;border-radius:.5rem;color:var(--danger);font-size:.875rem}.form-group label{display:flex;align-items:center;gap:.5rem;font-weight:500;color:var(--gray-700);font-size:.875rem}.form-group input{padding:.75rem 1rem;border:1px solid var(--gray-300);border-radius:.5rem;font-size:1rem;transition:all .2s}.form-group input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #3b82f61a}.form-group input:disabled{background:var(--gray-100);cursor:not-allowed}.login-btn{padding:.875rem;background:var(--primary);color:#fff;border-radius:.5rem;font-weight:600;font-size:1rem;margin-top:.5rem}.login-btn:hover:not(:disabled){background:var(--primary-dark)}.login-btn:disabled{opacity:.7}.login-footer{margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--gray-200);text-align:center}.login-footer p{color:var(--gray-500);font-size:.875rem}@media (max-width: 480px){.login-container{padding:2rem 1.5rem}}.dashboard-layout{min-height:100vh;display:flex;flex-direction:column}.dashboard-header{background:#fff;border-bottom:1px solid var(--gray-200);padding:.75rem 1rem;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:1000;flex-wrap:wrap;gap:.5rem}.header-left{display:flex;align-items:center;gap:.75rem;flex-shrink:0;position:relative;z-index:1001}.menu-toggle{background:none;color:var(--gray-700);padding:.5rem;border-radius:.5rem;display:none;flex-shrink:0;cursor:pointer;border:none;transition:background .2s;position:relative;z-index:1001}.menu-toggle:hover{background:var(--gray-100)}.logo-container{display:flex;align-items:center;gap:.5rem;position:relative;z-index:1001}.logo-image{height:60px;width:auto;-o-object-fit:contain;object-fit:contain;-webkit-user-select:none;-moz-user-select:none;user-select:none}.header-right{display:flex;align-items:center;gap:.75rem;flex-shrink:0;position:relative;z-index:1001}.user-avatar{width:40px;height:40px;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:2px solid var(--primary);box-shadow:0 2px 4px #0000001a;flex-shrink:0;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.user-avatar-placeholder{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--primary),#4f46e5);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.125rem;border:2px solid var(--primary);box-shadow:0 2px 4px #0000001a;flex-shrink:0;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.user-info{display:flex;flex-direction:column;align-items:flex-end;min-width:0}.user-name{font-weight:600;color:var(--gray-900);font-size:.875rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px}.user-role{font-size:.75rem;color:var(--gray-500);white-space:nowrap}.logout-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem .875rem;background:var(--gray-100);color:var(--gray-700);border-radius:.5rem;font-weight:500;font-size:.875rem;flex-shrink:0;white-space:nowrap;cursor:pointer;border:none;transition:background .2s}.logout-btn:hover{background:var(--gray-200)}.dashboard-body{display:flex;flex:1}.sidebar{width:250px;background:#fff;border-right:1px solid var(--gray-200);padding:1.5rem 0;position:sticky;top:73px;height:calc(100vh - 73px);overflow-y:auto;z-index:50}.sidebar-nav{display:flex;flex-direction:column;gap:.25rem;padding:0 1rem}.nav-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;color:var(--gray-700);border-radius:.5rem;transition:all .2s}.nav-item:hover{background:var(--gray-100);color:var(--gray-900)}.nav-item.active{background:var(--primary);color:#fff}.main-content{flex:1;padding:2rem;max-width:1400px;margin:0 auto;width:100%;position:relative;z-index:1}@media (max-width: 1024px){.header-title{font-size:1.125rem}.user-name{max-width:120px}.header-right{gap:.5rem}.user-avatar,.user-avatar-placeholder{width:36px;height:36px;font-size:1rem}}@media (max-width: 768px){.menu-toggle{display:block}.dashboard-header{padding:.75rem}.header-title{font-size:1rem}.sidebar{position:fixed;left:-250px;top:0;transition:left .3s;z-index:999;box-shadow:2px 0 8px #0000001a;height:100vh;padding-top:0;display:flex;flex-direction:column}.sidebar-nav{margin-top:130px;padding-top:2.5rem;flex:1;overflow-y:auto}.sidebar.open{left:0}.sidebar-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:998;display:none}.sidebar-overlay.open{display:block}.user-info{display:none}.user-avatar,.user-avatar-placeholder{width:32px;height:32px;font-size:.875rem}.logout-btn span{display:none}.logout-btn{padding:.5rem}.main-content{padding:1rem}}@media (max-width: 480px){.header-left,.header-right{gap:.5rem}.header-title{font-size:.875rem}.menu-toggle,.logout-btn,.user-avatar,.user-avatar-placeholder{min-width:44px;min-height:44px}.logout-btn{padding:.75rem}.dashboard-header{padding:.5rem}}.dashboard-container{max-width:1400px;margin:0 auto}.dashboard-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:32px;padding:24px 28px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;color:#fff;box-shadow:0 10px 40px #667eea4d;position:relative;overflow:hidden}.dashboard-header:before{content:"";position:absolute;top:-50%;right:-20%;width:400px;height:400px;background:#ffffff1a;border-radius:50%}.dashboard-header:after{content:"";position:absolute;bottom:-60%;left:-10%;width:300px;height:300px;background:#ffffff0d;border-radius:50%}.dashboard-header-content{position:relative;z-index:1}.dashboard-header h1{font-size:1.875rem;font-weight:700;margin:0 0 4px;text-shadow:0 2px 4px rgba(0,0,0,.1)}.dashboard-header p{font-size:.9375rem;margin:0;opacity:.9}.dashboard-header-icon{position:relative;z-index:1;width:56px;height:56px;background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 15px #0000001a}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:20px}.loading-spinner{position:relative;width:60px;height:60px}.loading-spinner-circle{width:60px;height:60px;border:4px solid #e5e7eb;border-top-color:#667eea;border-radius:50%;animation:spin .8s linear infinite}.loading-spinner-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#667eea}.error-container{display:flex;align-items:center;justify-content:center;min-height:400px}.error-box{background:linear-gradient(135deg,#fff,#fef2f2);border:2px solid #fecaca;border-radius:20px;padding:40px;max-width:400px;text-align:center;box-shadow:0 20px 40px #ef444426}.error-icon-wrapper{width:72px;height:72px;background:linear-gradient(135deg,#fee2e2,#fecaca);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;box-shadow:0 4px 15px #ef444433}.error-title{font-size:1.25rem;font-weight:700;color:#991b1b;margin:0 0 12px}.error-message{color:#dc2626;font-size:.9375rem;margin:0 0 24px}.error-button{padding:12px 28px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:.9375rem;font-weight:600;border-radius:12px;border:none;cursor:pointer;transition:all .3s;box-shadow:0 4px 15px #667eea66}.error-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px #667eea80}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:24px}@media (max-width: 1200px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.stats-grid{grid-template-columns:1fr}}.stat-card{position:relative;border-radius:16px;padding:24px;color:#fff;overflow:hidden;transition:all .3s ease;box-shadow:0 10px 30px #00000026;min-height:160px;display:flex;flex-direction:column;justify-content:space-between}.stat-card:hover{transform:translateY(-4px);box-shadow:0 20px 40px #0003}.stat-card:before{content:"";position:absolute;top:-20px;right:-20px;width:140px;height:140px;background:#ffffff1a;border-radius:50%;transition:transform .5s;pointer-events:none}.stat-card:hover:before{transform:scale(1.2)}.stat-card.blue{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 4px 20px #2563eb4d}.stat-card.green{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 20px #0596694d}.stat-card.purple{background:linear-gradient(135deg,#8b5cf6,#7c3aed);box-shadow:0 4px 20px #7c3aed4d}.stat-card.orange{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 4px 20px #d977064d}.stat-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;position:relative;z-index:2;width:100%}.stat-card-icon{width:36px;height:36px;background:#fff3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:10px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 6px #0000000d;flex-shrink:0}.stat-card-label{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;opacity:.95;margin:0;line-height:1.2;text-align:left}.stat-card-body{position:relative;z-index:2;display:flex;align-items:baseline;gap:8px;margin-bottom:2px}.stat-card-value{font-size:2rem;font-weight:800;line-height:1;text-shadow:0 2px 4px rgba(0,0,0,.1)}.stat-card-description{font-size:.75rem;font-weight:500;opacity:.85;position:relative;z-index:2;background:#ffffff26;padding:3px 8px;border-radius:6px;align-self:flex-start;display:inline-block;white-space:nowrap}.quick-stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:24px}@media (max-width: 900px){.quick-stats-row{grid-template-columns:1fr}}.quick-stat-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:20px 24px;display:flex;align-items:center;gap:20px;transition:all .3s;box-shadow:0 4px 15px #0000000d}.quick-stat-card:hover{box-shadow:0 10px 30px #0000001a;transform:translateY(-2px);border-color:#d1d5db}.quick-stat-icon-wrapper{width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.quick-stat-icon-wrapper.blue{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 15px #667eea66}.quick-stat-icon-wrapper.green{background:linear-gradient(135deg,#11998e,#38ef7d);box-shadow:0 4px 15px #11998e66}.quick-stat-icon-wrapper.amber{background:linear-gradient(135deg,#f093fb,#f5576c);box-shadow:0 4px 15px #f5576c66}.quick-stat-content{flex:1}.quick-stat-label{font-size:.8125rem;color:#6b7280;margin:0 0 4px;font-weight:500}.quick-stat-value{font-size:1.75rem;font-weight:700;color:#111827;margin:0;line-height:1.2}.quick-stat-extra{display:flex;align-items:center;gap:8px;font-size:.8125rem;color:#6b7280;margin-top:4px}.pulse-dot{width:8px;height:8px;background:#22c55e;border-radius:50%;animation:pulse 2s infinite;box-shadow:0 0 0 4px #22c55e33}.section-container{background:#fff;border:1px solid #e5e7eb;border-radius:16px;overflow:hidden;margin-bottom:24px;box-shadow:0 4px 15px #0000000d;transition:all .3s}.section-container:hover{box-shadow:0 10px 30px #00000014}.section-header{padding:20px 24px;border-bottom:1px solid #f3f4f6;display:flex;align-items:center;gap:14px;background:linear-gradient(135deg,#f8fafc,#fff)}.section-header-icon{width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff}.section-header-icon.blue{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 12px #667eea59}.section-header-icon.purple{background:linear-gradient(135deg,#a855f7,#6366f1);box-shadow:0 4px 12px #a855f759}.section-header-icon.amber{background:linear-gradient(135deg,#f59e0b,#f97316);box-shadow:0 4px 12px #f59e0b59}.section-title{font-size:1.125rem;font-weight:700;color:#111827;margin:0}.section-content{padding:24px}.hospital-cards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}@media (max-width: 1024px){.hospital-cards-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.hospital-cards-grid{grid-template-columns:1fr}}.hospital-card{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:14px;padding:20px;transition:all .3s;position:relative;overflow:hidden}.hospital-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#667eea,#764ba2);opacity:0;transition:opacity .3s}.hospital-card:hover{border-color:#cbd5e1;box-shadow:0 8px 25px #0000001a;transform:translateY(-2px)}.hospital-card:hover:before{opacity:1}.hospital-card-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:18px}.hospital-card h3{font-size:1rem;font-weight:600;color:#1e293b;margin:0;padding-right:12px;line-height:1.4}.hospital-card-icon{width:38px;height:38px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;box-shadow:0 4px 10px #667eea4d}.hospital-card-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px}.hospital-stat{text-align:center;padding:14px 12px;background:#fff;border-radius:10px;box-shadow:0 2px 8px #0000000a}.hospital-stat-value{font-size:1.5rem;font-weight:700;margin:0 0 4px}.hospital-stat-value.blue{color:#667eea}.hospital-stat-value.green{color:#11998e}.hospital-stat-label{font-size:.6875rem;color:#64748b;margin:0;text-transform:uppercase;letter-spacing:.05em;font-weight:600}.empty-state{text-align:center;padding:60px 24px}.empty-state-icon{width:80px;height:80px;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;color:#94a3b8}.empty-state-icon svg{width:32px;height:32px;stroke-width:1.5}.empty-state h3{font-size:1.125rem;font-weight:600;color:#334155;margin:0 0 8px}.empty-state p{font-size:.9375rem;color:#64748b;margin:0}.specialty-list{display:flex;flex-direction:column;gap:12px}.specialty-item{display:flex;align-items:center;gap:16px;padding:16px 20px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:12px;transition:all .3s}.specialty-item:hover{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border-color:#cbd5e1;transform:translate(4px)}.specialty-rank{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:.8125rem;font-weight:700;flex-shrink:0;box-shadow:0 4px 10px #00000026}.specialty-info{flex:1;min-width:0}.specialty-name{font-size:.9375rem;font-weight:600;color:#1e293b;margin:0 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.specialty-meta{font-size:.8125rem;color:#64748b;margin:0}.specialty-progress{width:100px;height:8px;background:#e2e8f0;border-radius:4px;overflow:hidden;flex-shrink:0}.specialty-progress-fill{height:100%;border-radius:4px;transition:width .8s ease-out}.specialty-value{text-align:right;flex-shrink:0;min-width:80px}.specialty-value-amount{font-size:1rem;font-weight:700;color:#11998e;margin:0}.specialty-value-label{font-size:.6875rem;color:#94a3b8;margin:0;text-transform:uppercase}.medic-item{display:flex;align-items:center;gap:16px;padding:16px 20px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:12px;transition:all .3s}.medic-item:hover{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border-color:#cbd5e1;transform:translate(4px)}.medic-rank{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:.875rem;font-weight:700;flex-shrink:0;box-shadow:0 4px 10px #00000026}.medic-info{flex:1;min-width:0}.medic-name{font-size:.9375rem;font-weight:600;color:#1e293b;margin:0 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.medic-meta{font-size:.8125rem;color:#64748b;margin:0}.medic-rating{display:flex;align-items:center;gap:3px;flex-shrink:0;padding:8px 12px;background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:10px}.medic-rating-value{font-size:.875rem;font-weight:700;color:#92400e;margin-left:6px}@keyframes pulse{0%,to{opacity:1;box-shadow:0 0 0 4px #22c55e33}50%{opacity:.7;box-shadow:0 0 0 8px #22c55e1a}}.section-content::-webkit-scrollbar{width:6px}.section-content::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.section-content::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#667eea,#764ba2);border-radius:3px}.evolution-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}.evolution-card{background:linear-gradient(135deg,#f9fafb,#fff);border:1px solid #e5e7eb;border-radius:12px;padding:16px;transition:all .3s ease}.evolution-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001a;border-color:#d1d5db}.evolution-month{font-size:.875rem;font-weight:600;color:#6b7280;margin-bottom:12px;text-transform:capitalize}.evolution-stats{display:flex;flex-direction:column;gap:8px}.evolution-stat{display:flex;justify-content:space-between;align-items:center}.evolution-stat-label{font-size:.75rem;color:#9ca3af}.evolution-stat-value{font-size:1.125rem;font-weight:700}.evolution-stat-value.blue{color:#3b82f6}.evolution-stat-value.green{color:#10b981}.evolution-stat-value.purple{color:#a855f7}.attendance-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:16px}.attendance-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:16px;transition:all .3s ease}.attendance-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #00000014}.attendance-day{font-size:.875rem;font-weight:600;color:#374151;margin-bottom:12px;text-align:center;text-transform:capitalize}.attendance-bar{height:8px;background:#f3f4f6;border-radius:4px;overflow:hidden;margin-bottom:12px}.attendance-bar-fill{height:100%;transition:width .3s ease;border-radius:4px}.attendance-bar-fill.green{background:linear-gradient(90deg,#10b981,#34d399)}.attendance-stats{display:flex;justify-content:space-around;gap:8px}.attendance-stat{display:flex;flex-direction:column;align-items:center;gap:4px}.attendance-stat-value{font-size:1.25rem;font-weight:700}.attendance-stat-label{font-size:.625rem;text-transform:uppercase;letter-spacing:.5px}.attendance-stat.green .attendance-stat-value{color:#10b981}.attendance-stat.green .attendance-stat-label{color:#059669}.attendance-stat.red .attendance-stat-value{color:#ef4444}.attendance-stat.red .attendance-stat-label{color:#dc2626}.activity-list{display:flex;flex-direction:column;gap:12px}.activity-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:16px;transition:all .3s ease}.activity-card:hover{border-color:#6366f1;box-shadow:0 4px 16px #6366f11a}.activity-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.activity-hospital{display:flex;align-items:center;gap:8px;font-weight:600;color:#1f2937}.activity-hospital svg{color:#6366f1}.activity-badge{background:linear-gradient(135deg,#818cf8,#6366f1);color:#fff;padding:4px 12px;border-radius:12px;font-size:.75rem;font-weight:600}.activity-details{display:flex;gap:16px}.activity-detail{display:flex;align-items:center;gap:6px;font-size:.875rem;color:#6b7280}.activity-detail svg{color:#9ca3af}.dashboard-container{padding:24px;max-width:1400px;margin:0 auto;background:#f5f7fa;min-height:100vh}.dashboard-header{margin-bottom:32px;background:#fff;border-radius:16px;padding:24px 32px;box-shadow:0 1px 3px #0000001a;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}.dashboard-header h1{font-size:28px;font-weight:700;color:#1a202c;margin:0}.dashboard-header p{font-size:14px;color:#718096;margin:0}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:32px}.contractor-stat-card{background:#fff;border-radius:12px;padding:16px 24px;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:20px;box-shadow:0 1px 3px #0000001a;transition:transform .2s,box-shadow .2s;min-height:100px;text-align:left}.contractor-stat-card:hover{transform:translateY(-2px);box-shadow:0 8px 16px #0000001a}.contractor-stat-card-warning{border-left:5px solid #f59e0b;border-bottom:none}.contractor-stat-card-warning .contractor-stat-icon{background:#fffbeb}.contractor-stat-card-warning .contractor-stat-icon svg{color:#f59e0b}.contractor-stat-card-orange{border-left:5px solid #f97316;border-bottom:none}.contractor-stat-card-orange .contractor-stat-icon{background:#fff7ed}.contractor-stat-card-orange .contractor-stat-icon svg{color:#f97316}.contractor-stat-card-blue{border-left:5px solid #3b82f6;border-bottom:none}.contractor-stat-card-blue .contractor-stat-icon{background:#eff6ff}.contractor-stat-card-blue .contractor-stat-icon svg{color:#3b82f6}.contractor-stat-card-green{border-left:5px solid #10b981;border-bottom:none}.contractor-stat-card-green .contractor-stat-icon{background:#ecfdf5}.contractor-stat-card-green .contractor-stat-icon svg{color:#10b981}.contractor-stat-card-purple{border-left:5px solid #8b5cf6;border-bottom:none}.contractor-stat-card-purple .contractor-stat-icon{background:#f5f3ff}.contractor-stat-card-purple .contractor-stat-icon svg{color:#8b5cf6}.contractor-stat-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:12px;margin-bottom:0;flex-shrink:0}.contractor-stat-icon svg{width:24px;height:24px;stroke-width:1.5}.inline-icon{display:inline-block;width:1.25rem;height:1.25rem;vertical-align:middle;margin-right:.5rem;color:#64748b}.contractor-stat-content{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.contractor-stat-content h3{font-size:11px;font-weight:700;color:#64748b;margin:0 0 4px;text-transform:uppercase;letter-spacing:.05em}.contractor-stat-value{font-size:28px;font-weight:700;color:#1e293b;margin:0;line-height:1}.tabs-container{display:flex;gap:8px;margin-bottom:24px;border-bottom:2px solid #e2e8f0}.tab-button{padding:12px 24px;font-size:16px;font-weight:600;color:#718096;background:transparent;border:none;border-bottom:3px solid transparent;cursor:pointer;transition:all .2s}.tab-button:hover{color:#4a5568;background:#f7fafc}.tab-button.active{color:#2563eb;border-bottom-color:#2563eb}.tab-content{background:#fff;border-radius:12px;padding:32px;box-shadow:0 1px 3px #0000001a}.realtime-section{padding:24px}.realtime-section h2,.overview-section h2{font-size:24px;font-weight:700;color:#1a202c;margin:0 0 24px}.health-units-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.health-unit-card{background:#f7fafc;border:1px solid #e2e8f0;border-radius:8px;padding:20px;transition:all .2s}.health-unit-card:hover{border-color:#cbd5e0;box-shadow:0 2px 8px #0000001a}.health-unit-card h3{font-size:18px;font-weight:600;color:#2d3748;margin:0 0 8px}.unit-address{font-size:14px;color:#718096;margin:0 0 16px}.unit-footer{display:flex;justify-content:space-between;align-items:center}.status-badge{padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600;text-transform:uppercase;white-space:nowrap}.margin-badge{margin-right:6px}.status-badge.inactive{background:#fee2e2;color:#991b1b}.os-count{font-size:14px;color:#4a5568;font-weight:600}.shifts-section h2{font-size:24px;font-weight:700;color:#1a202c;margin:0 0 24px}.shifts-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.health-unit-filter{padding:10px 16px;font-size:14px;border:1px solid #cbd5e0;border-radius:8px;background:#fff;color:#2d3748;cursor:pointer;min-width:250px}.shifts-table-container{overflow-x:auto}.shifts-table{width:100%;border-collapse:collapse}.shifts-table thead{background:#f7fafc}.shifts-table th{padding:12px 16px;text-align:left;font-size:12px;font-weight:600;color:#718096;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid #e2e8f0}.shifts-table td{padding:16px;font-size:14px;color:#2d3748;border-bottom:1px solid #e2e8f0}.shifts-table tbody tr:hover{background:#f7fafc}.attendance-time{color:#10b981;font-weight:600}.attendance-pending{color:#f59e0b;font-weight:600}.shift-status-badge{padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600;text-transform:uppercase}.shift-status-badge.open{background:#dbeafe;color:#1e40af}.shift-status-badge.closed{background:#e5e7eb;color:#374151}.treated-section h2{font-size:24px;font-weight:700;color:#1a202c;margin:0 0 24px}.treated-list{display:grid;gap:16px}.empty-state{text-align:center;padding:48px;color:#718096;font-size:16px}.treated-card{background:#f7fafc;border:1px solid #e2e8f0;border-radius:8px;padding:20px;transition:all .2s}.treated-card:hover{border-color:#cbd5e0;box-shadow:0 2px 8px #0000001a}.treated-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.treated-type{font-size:14px;font-weight:600;color:#2d3748}.treated-date{font-size:12px;color:#718096}.treated-body{margin-bottom:16px}.treated-body p{margin:0 0 8px;font-size:14px;color:#4a5568}.treated-body strong{color:#2d3748;font-weight:600}.treated-footer{display:flex;justify-content:flex-end}.btn-view-details{padding:8px 16px;font-size:14px;font-weight:600;color:#2563eb;background:#fff;border:1px solid #2563eb;border-radius:6px;cursor:pointer;transition:all .2s}.btn-view-details:hover{background:#2563eb;color:#fff}.modal-content{background:#fff;border-radius:12px;max-width:700px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d}.modal-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#f7fafc;border:none;border-radius:6px;font-size:20px;color:#718096;cursor:pointer;transition:all .2s}.modal-close:hover{background:#e2e8f0;color:#2d3748}.detail-section{margin-bottom:24px}.detail-section:last-child{margin-bottom:0}.detail-section h3{font-size:16px;font-weight:600;color:#2d3748;margin:0 0 12px;padding-bottom:8px;border-bottom:1px solid #e2e8f0}.detail-section p{margin:0 0 8px;font-size:14px;color:#4a5568;line-height:1.6}.detail-section strong{color:#2d3748;font-weight:600}.evidence-files{display:flex;flex-direction:column;gap:8px;margin-top:12px}.evidence-link{padding:10px 16px;background:#f7fafc;border:1px solid #e2e8f0;border-radius:6px;color:#2563eb;text-decoration:none;font-size:14px;transition:all .2s;display:inline-block}.evidence-link:hover{background:#edf2f7;border-color:#cbd5e0}.modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:24px;border-top:1px solid #e2e8f0}.btn-reject,.btn-approve{padding:10px 24px;font-size:14px;font-weight:600;border:none;border-radius:8px;cursor:pointer;transition:all .2s}.btn-approve{background:#10b981;color:#fff}.btn-approve:hover{background:#059669}@media (max-width: 768px){.dashboard-container{padding:16px}.stats-grid{grid-template-columns:1fr}.shifts-header{flex-direction:column;align-items:stretch;gap:16px}.health-unit-filter{width:100%}.shifts-table-container{overflow-x:scroll}.modal-content{margin:0;max-height:100vh;border-radius:0}}.hospital-activity-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;margin-top:24px;min-height:200px;position:relative}.hospital-activity-card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 8px #00000014;transition:all .3s ease;cursor:pointer;position:relative;animation:fadeInUp .5s ease forwards;opacity:1;visibility:visible;overflow:visible;z-index:1}.hospital-activity-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f}.hospital-activity-card.selected{border:2px solid #2563eb;box-shadow:0 8px 24px #2563eb33}.hospital-activity-card h3{font-size:18px;font-weight:600;color:#1a202c;margin:0 0 16px;display:flex;align-items:center;gap:8px}.hospital-activity-card h3 svg{color:#2563eb;flex-shrink:0}.hospital-activity-status{display:flex;align-items:center;gap:8px;margin-bottom:16px;padding:12px;background:#f8fafc;border-radius:8px;position:static;z-index:auto}.hospital-activity-status.active{background:#ecfdf5}.hospital-activity-status.active .status-indicator{width:8px;height:8px;background:#10b981;border-radius:50%;animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.hospital-activity-status.inactive .status-indicator{width:8px;height:8px;background:#94a3b8;border-radius:50%}.hospital-activity-status-text{flex:1}.hospital-activity-status-label{font-size:12px;font-weight:500;color:#64748b;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.hospital-activity-status.active .hospital-activity-status-label{color:#059669}.hospital-activity-status-value{font-size:20px;font-weight:700;color:#1a202c}.hospital-activity-status.active .hospital-activity-status-value{color:#059669}.hospital-activity-info{display:flex;justify-content:space-between;margin-top:12px;padding-top:12px;border-top:1px solid #e2e8f0}.hospital-activity-info-item{text-align:center;flex:1}.hospital-activity-info-item span:first-child{display:block;font-size:12px;color:#64748b;margin-bottom:4px}.hospital-activity-info-item span:last-child{display:block;font-size:16px;font-weight:600;color:#1a202c}.hospital-activity-tooltip{position:absolute;top:calc(100% + 8px);left:0;right:0;background:#fff;border-radius:12px;padding:16px;box-shadow:0 12px 32px #00000026;z-index:1000;animation:fadeInUp .3s ease;max-height:400px;overflow-y:auto}.tooltip-header{display:flex;align-items:center;gap:8px;margin-bottom:12px;padding-bottom:12px;border-bottom:2px solid #e2e8f0}.tooltip-header svg{color:#2563eb;flex-shrink:0}.tooltip-header h4{font-size:14px;font-weight:600;color:#1a202c;margin:0}.tooltip-content{display:flex;flex-direction:column;gap:8px}.tooltip-shift-item{background:#f8fafc;border-radius:8px;padding:12px;transition:all .2s ease}.tooltip-shift-item:hover{background:#f1f5f9;transform:translate(4px)}.tooltip-shift-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.tooltip-shift-medic{font-size:13px;font-weight:600;color:#1a202c;display:flex;align-items:center;gap:6px}.tooltip-shift-medic svg{color:#2563eb;width:14px;height:14px}.tooltip-shift-info{display:flex;flex-direction:column;gap:4px;font-size:12px;color:#64748b}.tooltip-shift-time{display:flex;align-items:center;gap:4px}.tooltip-shift-time svg{width:12px;height:12px}.tooltip-shift-specialty{font-style:italic}.status-badge{padding:4px 8px;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-badge.ongoing{background:#dcfce7;color:#166534}.status-badge.starting-soon{background:#fef3c7;color:#92400e}.status-badge.ending-soon{background:#fed7aa;color:#9a3412}.status-badge.pending{background:#e0e7ff;color:#3730a3}.tooltip-empty{text-align:center;padding:24px;color:#94a3b8;font-size:14px}.tooltip-empty svg{width:48px;height:48px;margin:0 auto 12px;color:#cbd5e1}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@media (max-width: 768px){.hospital-activity-grid{grid-template-columns:1fr}.hospital-activity-tooltip{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);max-width:90%;max-height:80vh}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999;padding:1rem}.modal-content{background:#fff;border-radius:.75rem;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid var(--gray-200)}.modal-header h2{font-size:1.5rem;font-weight:700;color:var(--gray-900)}.modal-close{padding:.5rem;color:var(--gray-500);border-radius:.375rem;background:none}.modal-close:hover{background:var(--gray-100);color:var(--gray-700)}.modal-form{padding:1.5rem;display:flex;flex-direction:column;gap:1.25rem}.form-error{padding:.875rem 1rem;background:#fef2f2;border:1px solid #fecaca;border-radius:.5rem;color:var(--danger);font-size:.875rem}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.form-field{display:flex;flex-direction:column;gap:.5rem}.form-field label{font-weight:500;color:var(--gray-700);font-size:.875rem}.form-field input,.form-field select{padding:.75rem 1rem;border:1px solid var(--gray-300);border-radius:.5rem;font-size:.875rem;transition:all .2s}.form-field input:focus,.form-field select:focus{border-color:var(--primary);box-shadow:0 0 0 3px #3b82f61a}.form-field input:disabled,.form-field select:disabled{background:var(--gray-100);cursor:not-allowed}.modal-footer{display:flex;justify-content:flex-end;gap:.75rem;padding:1.5rem;border-top:1px solid var(--gray-200)}.btn-cancel{padding:.75rem 1.5rem;background:#fff;color:var(--gray-700);border:1px solid var(--gray-300);border-radius:.5rem;font-weight:500}.btn-cancel:hover{background:var(--gray-50)}.btn-submit{padding:.75rem 1.5rem;background:var(--primary);color:#fff;border-radius:.5rem;font-weight:500}.btn-submit:hover:not(:disabled){background:var(--primary-dark)}@media (max-width: 640px){.form-row{grid-template-columns:1fr}}.page-container{display:flex;flex-direction:column;gap:1.5rem}.page-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.page-header h1{font-size:2rem;font-weight:700;color:var(--gray-900);margin-bottom:.25rem}.page-header p{color:var(--gray-600)}.page-toolbar{display:flex;gap:1rem;align-items:center}.search-box{flex:1;display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:#fff;border:1px solid var(--gray-300);border-radius:.5rem}.search-box input{flex:1;border:none;font-size:.875rem}.table-container{background:#fff;border-radius:.75rem;border:1px solid var(--gray-200);overflow:hidden}.data-table{width:100%;border-collapse:collapse}.data-table thead{background:var(--gray-50);border-bottom:1px solid var(--gray-200)}.data-table th{text-align:left;padding:1rem;font-weight:600;font-size:.875rem;color:var(--gray-700);text-transform:uppercase;letter-spacing:.05em}.data-table td{padding:1rem;border-bottom:1px solid var(--gray-100);color:var(--gray-900)}.data-table tbody tr:hover{background:var(--gray-50)}.font-medium{font-weight:500}.status-badge{display:inline-block;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600}.status-badge.active{background:#d1fae5;color:#065f46}.status-badge.deleted{background:#fee2e2;color:#991b1b}.action-buttons{display:flex;gap:.5rem}.btn-icon{padding:.5rem;border-radius:.375rem;display:flex;align-items:center;justify-content:center}.btn-icon.btn-success{background:var(--success);color:#fff}.btn-icon.btn-success:hover{background:#059669}.btn-icon.btn-warning{background:var(--warning);color:#fff}.btn-icon.btn-warning:hover{background:#d97706}.btn-icon.btn-danger{background:var(--danger);color:#fff}.btn-icon.btn-danger:hover{background:#dc2626}.btn-primary{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:var(--primary);color:#fff;border-radius:.5rem;font-weight:500;font-size:.875rem}.btn-primary:hover{background:var(--primary-dark)}.btn-secondary{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#fff;color:var(--gray-700);border:1px solid var(--gray-300);border-radius:.5rem;font-weight:500;font-size:.875rem}.btn-secondary:hover{background:var(--gray-50)}.loading-state{text-align:center;padding:3rem;color:var(--gray-500);background:#fff;border-radius:.75rem;border:1px solid var(--gray-200)}.card-list{background:#fff;border-radius:.75rem;border:1px solid var(--gray-200);overflow:hidden}.empty-state{text-align:center;padding:3rem 1rem;color:var(--gray-500)}.empty-state .empty-icon{width:3rem;height:3rem;margin:0 auto 1rem;color:var(--gray-400)}.empty-state h3{font-size:1.125rem;font-weight:600;color:var(--gray-700);margin-bottom:.5rem}.empty-state p{color:var(--gray-500);font-size:.875rem}.filters-panel{background:var(--gray-50);border:1px solid var(--gray-200);border-radius:8px;padding:1.5rem;margin-bottom:1.5rem}.filters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.filter-group{display:flex;flex-direction:column;gap:.5rem}.filter-group label{font-size:.875rem;font-weight:500;color:var(--gray-700)}.filter-group input,.filter-group select{padding:.5rem;border:1px solid var(--gray-300);border-radius:6px;font-size:.875rem}.filter-group input:focus,.filter-group select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #3b82f61a}.checkbox-group{display:flex;align-items:center}.checkbox-group label{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-weight:400}.checkbox-group input[type=checkbox]{width:1rem;height:1rem;cursor:pointer}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-size:.875rem;font-weight:600;color:var(--gray-700)}.form-control{padding:.625rem .875rem;border:1px solid var(--gray-300);border-radius:6px;font-size:.875rem;background:#fff;color:var(--gray-900);transition:all .2s ease;width:100%;height:2.75rem;box-sizing:border-box}.form-control:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #3b82f61a}.form-control:hover{border-color:var(--gray-400)}.form-control::-moz-placeholder{color:var(--gray-400)}.form-control::placeholder{color:var(--gray-400)}input[type=date].form-control{cursor:pointer;position:relative}input[type=date].form-control::-webkit-calendar-picker-indicator{cursor:pointer;padding:.25rem;border-radius:4px;-webkit-transition:background .2s;transition:background .2s}input[type=date].form-control::-webkit-calendar-picker-indicator:hover{background:var(--gray-100)}select.form-control{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;background-size:1rem;padding-right:2.5rem}.filters-actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--gray-200)}.btn-clear{padding:.5rem 1rem;background:#fff;color:var(--gray-700);border:1px solid var(--gray-300);border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.btn-clear:hover{background:var(--gray-50);border-color:var(--gray-400)}.btn-secondary.active{background:var(--primary);color:#fff}.pagination{display:flex;align-items:center;justify-content:space-between;padding:1rem;background:#fff;border-top:1px solid var(--gray-200);margin-top:1rem}.pagination-info{font-size:.875rem;color:var(--gray-600)}.pagination-controls{display:flex;align-items:center;gap:1rem}.page-number{font-size:.875rem;font-weight:500;color:var(--gray-700)}.pagination-controls .btn-icon:disabled{opacity:.4;cursor:not-allowed}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:16rem;gap:1rem}.loading-spinner{position:relative}.loading-spinner-circle{width:4rem;height:4rem;border:4px solid #bfdbfe;border-top-color:#2563eb;border-radius:50%;animation:spin 1s linear infinite}.loading-spinner-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.datetime-info{display:flex;align-items:center;gap:.75rem}.datetime-info .icon{width:1.25rem;height:1.25rem;color:var(--primary)}.datetime-info .date{font-weight:600;color:var(--gray-900)}.datetime-info .time{display:flex;align-items:center;gap:.25rem;font-size:.875rem;color:var(--gray-600)}.datetime-info .icon-sm{width:.875rem;height:.875rem}.doctor-assigned{display:flex;align-items:center;gap:.5rem;color:var(--success);font-weight:500}.doctor-assigned .icon{width:1rem;height:1rem}.badge-vacant{display:inline-block;padding:.25rem .75rem;background:#fef3c7;color:#92400e;border-radius:.375rem;font-size:.875rem;font-weight:500}.status-badge.closed{background:#f3f4f6;color:#6b7280}.status-badge.approved{background:#d1fae5;color:#065f46}.status-badge.rejected{background:#fee2e2;color:#991b1b}.status-badge.pending{background:#fef3c7;color:#92400e}.approval-status{display:flex;align-items:center;gap:.5rem}.value{font-weight:600;color:var(--gray-900);font-size:.9375rem}.health-units-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem;padding:1.5rem}.health-unit-card{background:#fff;border:1px solid var(--gray-200);border-radius:.75rem;padding:1.5rem;transition:all .2s}.health-unit-card:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;border-color:var(--primary)}.health-unit-header{display:flex;gap:1rem;margin-bottom:1.25rem;padding-bottom:1rem;border-bottom:1px solid var(--gray-200)}.health-unit-icon{display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;background:var(--primary-light);color:var(--primary);border-radius:.75rem;flex-shrink:0}.health-unit-title{flex:1;display:flex;flex-direction:column;gap:.5rem}.health-unit-title h3{font-size:1.125rem;font-weight:600;color:var(--gray-900);margin:0}.health-unit-details{display:flex;flex-direction:column;gap:.75rem}.detail-row{display:flex;align-items:center;gap:.75rem;font-size:.875rem;color:var(--gray-600)}.detail-row svg{color:var(--gray-400);flex-shrink:0}.results-count{padding:1rem 1.5rem;background:var(--gray-50);border-top:1px solid var(--gray-200);border-radius:0 0 .75rem .75rem}.results-count p{font-size:.875rem;color:var(--gray-600);margin:0}.results-count strong{color:var(--gray-900);font-weight:600}.treated-attendance-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:1.5rem;margin-top:1.5rem}.treated-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;transition:all .3s ease;box-shadow:0 1px 3px #0000001a}.treated-card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.treated-card-header{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1.25rem;background:linear-gradient(135deg,#3b82f6,#2563eb)!important;border-bottom:1px solid #e5e7eb;border-radius:12px 12px 0 0}.treated-card-type{display:flex;flex-direction:column;gap:.375rem}.badge-large{display:inline-flex;align-items:center;gap:.375rem;padding:.5rem 1rem;border-radius:8px;font-weight:600;font-size:.875rem}.treated-card-date{font-size:.75rem;color:#fffffff2;font-weight:500}.status-badge{display:inline-flex;align-items:center;gap:.75rem;padding:.5rem 1rem;border-radius:20px;font-size:.75rem;font-weight:600;white-space:nowrap;line-height:1.2}.status-badge svg{flex-shrink:0;vertical-align:middle;margin-top:-1px}.treated-card-body{padding:1.25rem;display:flex;flex-direction:column;gap:1rem}.treated-info-row{display:flex;justify-content:space-between;align-items:center;padding-bottom:.5rem;border-bottom:1px solid #f3f4f6}.treated-info-row strong{color:#374151;font-size:.875rem;font-weight:600}.treated-info-row span{color:#6b7280;font-size:.875rem}.treated-justification,.treated-evidence{display:flex;flex-direction:column;gap:.5rem}.treated-justification strong,.treated-evidence strong{color:#374151;font-size:.875rem;font-weight:600}.treated-justification p,.treated-evidence p{color:#4b5563;font-size:.875rem;line-height:1.5;margin:0}.evidence-files{display:flex;flex-direction:column;gap:.5rem}.evidence-files strong{color:#374151;font-size:.875rem;font-weight:600}.evidence-files-list{display:flex;flex-wrap:wrap;gap:.5rem}.file-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.375rem .75rem;background:#eff6ff;color:#1e40af;border-radius:6px;font-size:.75rem;font-weight:500}.treated-metadata{display:flex;flex-direction:column;gap:.25rem;padding-top:.75rem;border-top:1px solid #f3f4f6}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-gray-500{color:#6b7280}.text-gray-600{color:#4b5563}.text-gray-700{color:#374151}.treated-card-actions{display:flex;gap:.75rem;padding:1rem 1.25rem;background:#f9fafb;border-top:1px solid #e5e7eb}.btn-view,.btn-approve,.btn-reject{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1rem;border:none;border-radius:8px;font-weight:600;font-size:.875rem;cursor:pointer;transition:all .2s ease}.btn-view{background:#eff6ff;color:#1e40af}.btn-view:hover{background:#dbeafe}.btn-approve{background:#d1fae5;color:#065f46}.btn-approve:hover{background:#a7f3d0}.btn-reject{background:#fee2e2;color:#991b1b}.btn-reject:hover{background:#fecaca}@media (max-width: 768px){.treated-attendance-grid{grid-template-columns:1fr}.treated-card-actions{flex-direction:column}.btn-view,.btn-approve,.btn-reject{width:100%}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content{background:#fff;border-radius:12px;max-width:800px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px 32px;border-bottom:2px solid #e2e8f0;background:#f7fafc}.modal-header h2{margin:0;font-size:24px;font-weight:700;color:#1a202c}.modal-close{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;font-size:24px;color:#718096;cursor:pointer;transition:all .2s}.modal-close:hover{background:#e2e8f0;color:#2d3748;transform:scale(1.05)}.modal-body{padding:32px}.modal-body .space-y-6>*+*{margin-top:24px}.modal-body .space-y-3>*+*{margin-top:12px}.modal-body .grid{display:grid}.modal-body .grid-cols-2{grid-template-columns:repeat(2,1fr)}.modal-body .gap-4{gap:16px}.modal-body .gap-3{gap:12px}.modal-body .p-4{padding:16px}.modal-body .p-3{padding:12px}.modal-body .bg-gray-50{background-color:#f7fafc}.modal-body .bg-white{background-color:#fff}.modal-body .rounded-lg{border-radius:8px}.modal-body .rounded{border-radius:4px}.modal-body .border{border:1px solid #e2e8f0}.modal-body .border-l-4{border-left:4px solid}.modal-body .border-blue-500{border-color:#3b82f6}.modal-body .border-purple-500{border-color:#8b5cf6}.modal-body .border-t{border-top:1px solid #e2e8f0}.modal-body .border-gray-200{border-color:#e2e8f0}.modal-body .border-red-200{border-color:#fecaca}.modal-body .border-green-200{border-color:#bbf7d0}.modal-body .pl-4{padding-left:16px}.modal-body .py-2{padding-top:8px;padding-bottom:8px}.modal-body .pt-4{padding-top:16px}.modal-body .mb-1{margin-bottom:4px}.modal-body .mb-2{margin-bottom:8px}.modal-body .mb-3{margin-bottom:12px}.modal-body .mt-1{margin-top:4px}.modal-body .mt-3{margin-top:12px}.modal-body .text-sm{font-size:14px;line-height:20px}.modal-body .text-base{font-size:16px;line-height:24px}.modal-body .text-xs{font-size:12px;line-height:16px}.modal-body .font-medium{font-weight:500}.modal-body .font-semibold{font-weight:600}.modal-body .text-gray-600{color:#718096}.modal-body .text-gray-700{color:#4a5568}.modal-body .text-gray-800{color:#2d3748}.modal-body .text-gray-900{color:#1a202c}.modal-body .text-gray-400{color:#cbd5e0}.modal-body .text-gray-500{color:#a0aec0}.modal-body .text-blue-600{color:#2563eb}.modal-body .text-red-600{color:#dc2626}.modal-body .text-green-600{color:#16a34a}.modal-body .text-purple-600{color:#9333ea}.modal-body .bg-blue-100{background-color:#dbeafe}.modal-body .bg-red-100{background-color:#fee2e2}.modal-body .bg-purple-100{background-color:#f3e8ff}.modal-body .bg-gray-200{background-color:#e5e7eb}.modal-body .bg-blue-50{background-color:#eff6ff}.modal-body .bg-green-50{background-color:#f0fdf4}.modal-body .hover\:bg-blue-100:hover{background-color:#dbeafe}.modal-body .hover\:bg-green-100:hover{background-color:#dcfce7}.modal-body .bg-green-100{background-color:#dbeafe}.modal-body .bg-yellow-100{background-color:#fef3c7}.modal-body .text-green-800{color:#1e40af}.modal-body .text-yellow-800{color:#854d0e}.modal-body .inline-flex{display:inline-flex}.modal-body .items-center{align-items:center}.modal-body .justify-between{justify-content:space-between}.modal-body .flex{display:flex}.modal-body .flex-1{flex:1}.modal-body .flex-shrink-0{flex-shrink:0}.modal-body .min-w-0{min-width:0}.modal-body .flex-col{flex-direction:column}.modal-body .px-3{padding-left:12px;padding-right:12px}.modal-body .py-1{padding-top:4px;padding-bottom:4px}.modal-body .rounded-full{border-radius:9999px}.modal-body .leading-relaxed{line-height:1.625}.modal-body .whitespace-pre-wrap{white-space:pre-wrap}.modal-body .truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.modal-body .uppercase{text-transform:uppercase}.modal-body .shadow-sm{box-shadow:0 1px 2px #0000000d}.modal-body .transition-colors{transition-property:color,background-color,border-color;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.modal-body .hover\:border-gray-300:hover{border-color:#d1d5db}.modal-body .block{display:block}.modal-body .w-14{width:56px}.modal-body .h-14{height:56px}.modal-body .ml-4{margin-left:16px}.modal-body label{display:block;font-weight:500;color:#4a5568}.modal-body textarea,.modal-body input,.modal-body select{width:100%;padding:10px 12px;border:1px solid #cbd5e0;border-radius:6px;font-size:14px;transition:all .2s}.modal-body textarea:focus,.modal-body input:focus,.modal-body select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.modal-body .border-red-300{border-color:#fca5a5}.modal-body .border-green-300{border-color:#86efac}.modal-body .focus\:ring-2:focus{box-shadow:0 0 0 3px currentColor}.modal-body .focus\:ring-red-500:focus{box-shadow:0 0 0 3px #ef44441a}.modal-body .focus\:ring-green-500:focus{box-shadow:0 0 0 3px #22c55e1a}.modal-body .focus\:border-red-500:focus{border-color:#ef4444}.modal-body .focus\:border-green-500:focus{border-color:#22c563}.modal-body .focus\:outline-none:focus{outline:none}.modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:20px 32px;border-top:2px solid #e2e8f0;background:#f7fafc}@media (max-width: 768px){.page-header,.page-toolbar{flex-direction:column}.search-box{width:100%}.modal-content{max-width:100%;max-height:100vh;border-radius:0}.modal-body .grid-cols-2{grid-template-columns:1fr}}.link-section{display:flex;flex-direction:column;gap:1.5rem}.contractor-selector{background:#fff;padding:1.5rem;border-radius:.75rem;border:1px solid var(--gray-200);display:flex;flex-direction:column;gap:.75rem}.contractor-selector label{font-weight:600;color:var(--gray-900)}.contractor-selector select{padding:.875rem 1rem;border:1px solid var(--gray-300);border-radius:.5rem;font-size:1rem;background:#fff;cursor:pointer}.contractor-selector select:focus{border-color:var(--primary);box-shadow:0 0 0 3px #3b82f61a;outline:none}.link-panels{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:1.5rem}.panel{background:#fff;border-radius:.75rem;border:1px solid var(--gray-200);overflow:hidden;display:flex;flex-direction:column}.panel-header{padding:1.25rem 1.5rem;border-bottom:1px solid var(--gray-200);display:flex;justify-content:space-between;align-items:center;gap:1rem;background:var(--gray-50)}.panel-header h3{font-size:1.125rem;font-weight:600;color:var(--gray-900)}.search-box-small{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:#fff;border:1px solid var(--gray-300);border-radius:.375rem;flex:1;max-width:250px}.search-box-small input{border:none;font-size:.875rem;width:100%}.search-box-small input:focus{outline:none}.panel-loading{padding:2rem;text-align:center;color:var(--gray-500)}.hospital-list{flex:1;overflow-y:auto;max-height:500px}.hospital-item{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid var(--gray-100);transition:background .2s}.hospital-item:hover{background:var(--gray-50)}.hospital-item:last-child{border-bottom:none}.hospital-item.linked{background:#f0fdf4}.hospital-item.linked:hover{background:#dcfce7}.hospital-info{display:flex;flex-direction:column;gap:.25rem}.hospital-info strong{color:var(--gray-900);font-weight:600}.hospital-info span{color:var(--gray-600);font-size:.875rem}.hospital-info small{color:var(--gray-500);font-size:.75rem}.empty-panel{padding:3rem 1.5rem;text-align:center;color:var(--gray-500);font-size:.875rem}@media (max-width: 968px){.link-panels{grid-template-columns:1fr}.search-box-small{max-width:100%}}.shift-schedule-page{min-height:100vh;background:#f8f9fa;padding:24px}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:16px}.spinner{width:48px;height:48px;border:4px solid #e2e8f0;border-top-color:#3b82f6;border-radius:50%;animation:spin 1s linear infinite}.schedule-header{background:#fff;padding:24px;border-radius:12px;margin-bottom:24px;box-shadow:0 2px 8px #0000000d}.btn-back{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:#f1f5f9;border:none;border-radius:8px;color:#475569;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;margin-bottom:16px}.btn-back:hover{background:#e2e8f0;color:#1e293b}.schedule-title{display:flex;align-items:center;gap:16px;margin-bottom:24px}.schedule-title svg{color:#3b82f6}.schedule-title h1{font-size:24px;font-weight:600;color:#1e293b;margin:0}.schedule-title p{font-size:14px;color:#64748b;margin:4px 0 0}.week-navigation{display:flex;align-items:center;gap:12px;justify-content:center}.btn-week-nav{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:#f1f5f9;border:none;border-radius:8px;color:#475569;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.btn-week-nav:hover{background:#3b82f6;color:#fff}.btn-this-week{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:#3b82f6;border:none;border-radius:8px;color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.btn-this-week:hover{background:#2563eb}.week-range{font-size:16px;font-weight:600;color:#1e293b;padding:0 16px}.week-selector-container{position:relative}.btn-week-selector{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:#f1f5f9;border:2px solid #e2e8f0;border-radius:8px;color:#475569;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.btn-week-selector:hover{background:#e2e8f0;border-color:#cbd5e1}.week-selector-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0000004d;z-index:999}.week-selector-dropdown{position:absolute;top:calc(100% + 8px);right:0;background:#fff;border-radius:12px;box-shadow:0 8px 24px #00000026;z-index:1000;width:360px;max-height:580px;display:flex;flex-direction:column}.week-selector-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #e2e8f0;flex-shrink:0}.week-selector-header h3{font-size:16px;font-weight:600;color:#1e293b;margin:0}.btn-close-selector{background:none;border:none;color:#64748b;cursor:pointer;padding:4px;display:flex;align-items:center;border-radius:4px;transition:all .2s}.btn-close-selector:hover{background:#f1f5f9;color:#1e293b}.week-date-picker{padding:16px 20px;border-bottom:1px solid #e2e8f0;flex-shrink:0}.week-date-picker label{display:block;font-size:12px;font-weight:600;color:#64748b;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.date-input{width:100%;padding:10px 12px;border:2px solid #e2e8f0;border-radius:8px;font-size:14px;color:#1e293b;transition:all .2s;font-family:inherit}.date-input:hover{border-color:#cbd5e1}.date-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.week-month-navigation{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;background:#f8fafc;border-bottom:1px solid #e2e8f0;flex-shrink:0}.btn-month-nav{background:#fff;border:1px solid #e2e8f0;border-radius:6px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#475569;transition:all .2s}.btn-month-nav:hover{background:#3b82f6;color:#fff;border-color:#3b82f6}.current-month-display{font-size:14px;font-weight:600;color:#1e293b;text-transform:capitalize}.week-selector-list{overflow-y:auto;padding:8px;max-height:400px}.week-selector-list::-webkit-scrollbar{width:8px}.week-selector-list::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.week-selector-list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.week-selector-list::-webkit-scrollbar-thumb:hover{background:#94a3b8}.week-month-header{font-size:13px;font-weight:700;color:#1e293b;text-transform:capitalize;padding:12px 12px 8px;background:#f8fafc;margin:8px 0 4px;border-radius:6px}.week-month-header:first-child{margin-top:0}.week-option{width:100%;background:#fff;border:2px solid #e2e8f0;border-radius:8px;padding:12px 14px;margin-bottom:6px;cursor:pointer;transition:all .2s;text-align:left}.week-option:hover{background:#f8fafc;border-color:#3b82f6;transform:translate(4px)}.week-option.selected{background:#eff6ff;border-color:#3b82f6;box-shadow:0 2px 8px #3b82f626}.week-option.current{border-color:#22c55e}.week-option.current.selected{border-color:#3b82f6;background:#eff6ff}.week-option-content{display:flex;justify-content:space-between;align-items:center}.week-option-label{font-size:14px;font-weight:500;color:#1e293b}.week-current-badge{font-size:11px;font-weight:600;color:#16a34a;background:#22c55e26;padding:3px 8px;border-radius:12px}.week-option.selected .week-option-label{color:#3b82f6;font-weight:600}.filters-bar{background:#fff;padding:20px 24px;border-radius:12px;margin-bottom:24px;box-shadow:0 2px 8px #0000000d;display:flex;gap:16px;align-items:flex-end;flex-wrap:wrap}.filter-group{display:flex;flex-direction:column;gap:6px;flex:1;min-width:180px}.filter-group label{font-size:13px;font-weight:600;color:#475569;text-transform:uppercase;letter-spacing:.5px}.filter-select,.filter-input{padding:10px 12px;border:2px solid #e2e8f0;border-radius:8px;font-size:14px;color:#1e293b;background:#fff;transition:all .2s;outline:none}.filter-select:focus,.filter-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.filter-select:hover,.filter-input:hover{border-color:#cbd5e1}.medic-autocomplete{position:relative}.medic-input{padding-right:36px}.btn-clear-medic{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:none;border:none;color:#94a3b8;cursor:pointer;padding:4px;display:flex;align-items:center;border-radius:4px;transition:all .2s;z-index:1}.btn-clear-medic:hover{background:#f1f5f9;color:#475569}.medic-dropdown-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:998}.medic-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background:#fff;border:2px solid #e2e8f0;border-radius:8px;box-shadow:0 8px 24px #0000001f;z-index:999;max-height:300px;display:flex;flex-direction:column;overflow:hidden}.medic-dropdown-header{padding:10px 14px;background:#f8fafc;border-bottom:1px solid #e2e8f0;font-size:12px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.5px;flex-shrink:0}.medic-dropdown-list{overflow-y:auto;max-height:260px}.medic-dropdown-list::-webkit-scrollbar{width:6px}.medic-dropdown-list::-webkit-scrollbar-track{background:#f1f5f9}.medic-dropdown-list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.medic-dropdown-list::-webkit-scrollbar-thumb:hover{background:#94a3b8}.medic-option{width:100%;padding:12px 14px;border:none;background:#fff;text-align:left;cursor:pointer;transition:all .2s;border-bottom:1px solid #f1f5f9;display:flex;align-items:center;justify-content:space-between;gap:12px}.medic-option:hover{background:#f8fafc}.medic-option.selected{background:#eff6ff;border-left:3px solid #3b82f6}.medic-option-content{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}.medic-name{font-size:14px;font-weight:500;color:#1e293b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.medic-crm{font-size:12px;color:#64748b}.medic-selected-icon{color:#3b82f6;font-size:16px;font-weight:700;flex-shrink:0}.medic-dropdown-empty{padding:24px 14px;text-align:center;color:#94a3b8;font-size:13px}.btn-clear-filters{padding:10px 20px;background:#f1f5f9;border:none;border-radius:8px;color:#475569;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;height:-moz-fit-content;height:fit-content}.btn-clear-filters:hover{background:#e2e8f0;color:#1e293b}.schedule-legend{background:#fff;padding:16px 24px;border-radius:12px;margin-bottom:24px;box-shadow:0 2px 8px #0000000d;display:flex;align-items:center;gap:24px;flex-wrap:wrap}.legend-title{font-size:14px;font-weight:600;color:#475569}.legend-items{display:flex;gap:20px;flex-wrap:wrap}.legend-item{display:flex;align-items:center;gap:8px}.legend-color{width:32px;height:20px;border-radius:4px;box-shadow:0 2px 4px #0000001a}.legend-item span{font-size:13px;color:#475569}.schedule-grid-container{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000d;overflow:hidden}.schedule-grid{width:100%;border-collapse:collapse;font-size:13px}.schedule-grid thead th{background:#f8fafc;padding:12px;text-align:center;font-weight:600;color:#475569;border-bottom:2px solid #e2e8f0;position:sticky;top:0;z-index:10}.time-column{width:80px;background:#f8fafc;font-weight:600;color:#64748b;text-align:center;border-right:2px solid #e2e8f0;position:sticky;left:0;z-index:5}.day-header{display:flex;flex-direction:column;gap:4px}.day-name{font-size:14px;color:#1e293b}.day-date{font-size:12px;color:#64748b;font-weight:400}.schedule-grid tbody td{border:1px solid #e2e8f0;padding:4px;vertical-align:top;min-height:60px;height:60px;background:#fff}.shift-cell{position:relative;min-width:140px}.shift-block{background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:6px;padding:8px;margin-bottom:4px;cursor:pointer;transition:all .2s;box-shadow:0 2px 4px #0000001a;color:#fff}.shift-block:hover{transform:translateY(-2px);box-shadow:0 4px 12px #3b82f666}.shift-block.closed{background:linear-gradient(135deg,#64748b,#475569)}.shift-block.vacant{background:linear-gradient(135deg,#f59e0b,#d97706)}.shift-specialty{font-size:12px;font-weight:600;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.shift-time{font-size:11px;opacity:.9;margin-bottom:4px}.shift-status{font-size:10px;padding:2px 6px;border-radius:4px;background:#fff3;display:inline-block}.shift-status.filled{background:#22c55e4d}.shift-status.vacant{background:#ef44444d}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content{background:#fff;border-radius:16px;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid #e2e8f0}.modal-header h2{font-size:20px;font-weight:600;color:#1e293b;margin:0}.btn-close{background:none;border:none;color:#64748b;cursor:pointer;padding:4px;border-radius:6px;transition:all .2s}.btn-close:hover{background:#f1f5f9;color:#1e293b}.modal-body{padding:24px}.detail-section{display:flex;flex-direction:column;gap:20px}.detail-item{display:flex;gap:12px;align-items:flex-start}.detail-item svg{color:#3b82f6;flex-shrink:0;margin-top:2px}.detail-item label{display:block;font-size:12px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.detail-item p{font-size:16px;color:#1e293b;margin:0;font-weight:500}.detail-item small{display:block;font-size:13px;color:#64748b;margin-top:4px}.shift-value{font-size:24px;font-weight:700;color:#22c55e}.status-badge{display:inline-block;padding:6px 12px;border-radius:6px;font-size:13px;font-weight:600;margin-right:8px}.status-badge.open{background:#dbeafe;color:#1e40af}.status-badge.closed{background:#f1f5f9;color:#475569}.status-badge.vacant{background:#fed7aa;color:#9a3412}.attendance-status{margin-top:24px;padding-top:24px;border-top:1px solid #e2e8f0}.attendance-status h3{font-size:16px;font-weight:600;color:#1e293b;margin:0 0 16px}.attendance-checks{display:flex;flex-direction:column;gap:12px}.check-item{display:flex;justify-content:space-between;align-items:center;padding:12px;border-radius:8px;background:#f8fafc}.check-item.done{background:#dcfce7;color:#166534}.check-item.pending{background:#fef3c7;color:#92400e}.check-item span:first-child{font-weight:600}.attendance-records-section{margin-top:24px;padding-top:24px;border-top:1px solid #e2e8f0}.attendance-records-section h3{font-size:16px;font-weight:600;color:#1e293b;margin:0 0 16px}.attendance-records-list{display:flex;flex-direction:column;gap:12px}.attendance-record{padding:12px;border-radius:8px;background:#f8fafc;border-left:4px solid #cbd5e1}.attendance-record.approved{background:#f0fdf4;border-left-color:#22c55e}.attendance-record.pending{background:#fef3c7;border-left-color:#f59e0b}.attendance-record.rejected{background:#fef2f2;border-left-color:#ef4444}.attendance-record-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.attendance-type{font-size:14px;font-weight:600;color:#1e293b}.attendance-status-badge{font-size:11px;padding:4px 8px;border-radius:4px;font-weight:600;text-transform:uppercase}.attendance-status-badge.approved{background:#22c55e;color:#fff}.attendance-status-badge.pending{background:#f59e0b;color:#fff}.attendance-status-badge.rejected{background:#ef4444;color:#fff}.attendance-record-time{font-size:13px;color:#475569;margin-bottom:6px}.attendance-record-location{font-size:12px;color:#64748b;margin-bottom:6px}.attendance-record-justification{font-size:13px;color:#475569;margin-top:8px;padding-top:8px;border-top:1px solid #e2e8f0}.attendance-record-justification strong{color:#1e293b;display:block;margin-bottom:4px}.treated-attendances-section{margin-top:24px;padding-top:24px;border-top:1px solid #e2e8f0}.treated-attendances-section h3{font-size:16px;font-weight:600;color:#1e293b;margin:0 0 16px}.treated-list{display:flex;flex-direction:column;gap:16px}.treated-card{padding:16px;border-radius:8px;background:#f8fafc;border:2px solid #e2e8f0}.treated-card.approved{background:#f0fdf4;border-color:#22c55e}.treated-card.pending{background:#fef3c7;border-color:#f59e0b}.treated-card.rejected{background:#fef2f2;border-color:#ef4444}.treated-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid rgba(0,0,0,.1)}.treated-type{font-size:14px;font-weight:600;color:#1e293b}.treated-status-badge{font-size:12px;padding:4px 10px;border-radius:12px;font-weight:600}.treated-status-badge.approved{background:#22c55e;color:#fff}.treated-status-badge.pending{background:#f59e0b;color:#fff}.treated-status-badge.rejected{background:#ef4444;color:#fff}.treated-data{margin-bottom:12px}.treated-info-row{display:flex;justify-content:space-between;align-items:center;font-size:13px;margin-bottom:8px}.treated-info-row strong{color:#475569}.treated-info-row span{color:#1e293b;font-weight:500}.treated-justification{margin-top:12px;padding:12px;background:#ffffff80;border-radius:6px}.treated-justification strong{font-size:13px;color:#475569;display:block;margin-bottom:6px}.treated-justification p{font-size:13px;color:#1e293b;margin:0;line-height:1.5}.treated-evidence{margin-top:12px}.treated-evidence strong{font-size:13px;color:#475569;display:block;margin-bottom:8px}.evidence-files{display:flex;flex-direction:column;gap:8px}.evidence-file{display:flex;align-items:center;gap:8px;padding:8px;background:#ffffffb3;border-radius:6px;border:1px solid rgba(0,0,0,.1)}.file-icon{font-size:20px;flex-shrink:0}.file-name{flex:1;font-size:13px;color:#1e293b;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btn-download-evidence{padding:4px 12px;background:#3b82f6;color:#fff;border:none;border-radius:4px;font-size:11px;font-weight:600;cursor:pointer;transition:all .2s;flex-shrink:0}.btn-download-evidence:hover{background:#2563eb;transform:translateY(-1px)}.treated-metadata{margin-top:12px;padding-top:12px;border-top:1px solid rgba(0,0,0,.1)}.treated-metadata small{font-size:11px;color:#64748b;line-height:1.4}.shift-block.multiple{background:linear-gradient(135deg,#8b5cf6,#7c3aed)!important;cursor:pointer;min-height:90px;padding:8px}.shift-block.multiple.has-vacant{background:linear-gradient(135deg,#f59e0b,#d97706)!important}.shift-multiple-indicator{display:flex;flex-direction:column;gap:6px;height:100%}.multiple-count{font-size:13px;font-weight:600;color:#fff;text-align:center}.multiple-grid{display:grid;grid-template-columns:1fr 1fr;gap:4px;flex:1}.mini-block{border-radius:4px;min-height:20px;border:1px solid rgba(255,255,255,.3);transition:all .2s}.shift-status-summary{display:flex;flex-direction:column;gap:2px;font-size:11px;color:#fff;text-align:center}.shift-status-summary .vacant-text{color:#fef3c7}.multiple-shifts-modal{max-width:650px;max-height:85vh}.multiple-shifts-modal .modal-body{max-height:60vh;overflow-y:auto;padding-right:4px}.multiple-shifts-modal .modal-body::-webkit-scrollbar{width:8px}.multiple-shifts-modal .modal-body::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.multiple-shifts-modal .modal-body::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.multiple-shifts-modal .modal-body::-webkit-scrollbar-thumb:hover{background:#94a3b8}.multiple-shifts-list{display:flex;flex-direction:column;gap:8px}.list-header{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;background:#f8fafc;border-radius:8px;margin-bottom:4px;position:sticky;top:0;z-index:10}.header-count{font-size:13px;font-weight:600;color:#1e293b}.header-time{font-size:12px;color:#64748b;font-weight:500}.shift-list-item{display:flex;align-items:center;gap:12px;padding:12px 14px;background:#fff;border:2px solid #e2e8f0;border-radius:10px;cursor:pointer;transition:all .2s;min-height:60px}.shift-list-item:hover{border-color:#3b82f6;box-shadow:0 4px 12px #3b82f626;transform:translateY(-1px)}.shift-list-item.closed{opacity:.7}.shift-list-item.vacant{border-left:4px solid #f59e0b}.shift-list-item.filled{border-left:4px solid #22c55e}.shift-list-number{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:#f1f5f9;border-radius:50%;font-weight:600;color:#475569;font-size:13px;flex-shrink:0}.shift-list-content{flex:1;min-width:0}.shift-list-main-row{display:flex;justify-content:space-between;align-items:center;gap:12px}.shift-list-info{flex:1;min-width:0}.shift-list-specialty{font-size:14px;font-weight:600;color:#1e293b;display:block;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.shift-list-meta{display:flex;align-items:center;gap:8px;font-size:12px;color:#64748b}.meta-value{font-weight:600;color:#16a34a}.meta-separator{color:#cbd5e1}.meta-status{color:#64748b}.shift-list-badge{padding:4px 10px;border-radius:16px;font-size:11px;font-weight:600;white-space:nowrap;flex-shrink:0}.badge-filled{background:#22c55e26;color:#16a34a}.badge-vacant{background:#f59e0b26;color:#d97706}.btn-view-shift{padding:8px 12px;background:#3b82f6;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s;flex-shrink:0;width:36px;height:36px;display:flex;align-items:center;justify-content:center}.btn-view-shift:hover{background:#2563eb;transform:scale(1.1)}@media (max-width: 1200px){.schedule-grid-container{overflow-x:auto}.schedule-grid{min-width:1000px}}@media (max-width: 768px){.shift-schedule-page{padding:12px}.schedule-header{padding:16px}.week-navigation{flex-wrap:wrap;gap:8px}.week-range{width:100%;text-align:center;padding:8px 0}}.settings-sections{display:flex;flex-direction:column;gap:1.5rem}.settings-section{background:#fff;border-radius:.75rem;border:1px solid var(--gray-200);overflow:hidden}.section-header{display:flex;align-items:center;gap:1rem;padding:1.5rem;border-bottom:1px solid var(--gray-200);background:var(--gray-50);color:var(--primary)}.section-header h2{font-size:1.25rem;font-weight:600;color:var(--gray-900);margin-bottom:.25rem}.section-header p{font-size:.875rem;color:var(--gray-600)}.settings-content{padding:1.5rem}.info-row{display:flex;justify-content:space-between;align-items:center;padding:1rem 0;border-bottom:1px solid var(--gray-100)}.info-row:last-child{border-bottom:none}.info-row label{font-weight:500;color:var(--gray-700)}.info-row span{color:var(--gray-900)}.role-badge{padding:.375rem .875rem;background:var(--primary);color:#fff;border-radius:9999px;font-size:.75rem;font-weight:600;text-transform:uppercase}.toggle-row{display:flex;justify-content:space-between;align-items:center;gap:2rem}.toggle-btn{padding:.625rem 1.5rem;border-radius:9999px;font-weight:500;font-size:.875rem;background:var(--gray-200);color:var(--gray-700);min-width:120px}.toggle-btn.active{background:var(--success);color:#fff}.toggle-btn:hover:not(:disabled){opacity:.9}.password-form{display:flex;flex-direction:column;gap:1.25rem;max-width:500px}.settings-alert{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;border-radius:.5rem;font-size:.875rem;font-weight:500}.settings-alert.success{background:#d1fae5;color:#065f46;border:1px solid #6ee7b7}.settings-alert.error{background:#fee2e2;color:#991b1b;border:1px solid #fecaca}.profile-picture-section{display:flex;align-items:center;gap:2rem;padding:1.5rem;background:var(--gray-50);border-radius:8px;margin-bottom:1.5rem}.picture-preview{flex-shrink:0}.profile-img{width:120px;height:120px;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:3px solid var(--primary)}.profile-placeholder{width:120px;height:120px;border-radius:50%;background:var(--gray-200);display:flex;align-items:center;justify-content:center;border:3px dashed var(--gray-400)}.picture-upload{display:flex;flex-direction:column;gap:.5rem}.upload-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;background:var(--primary);color:#fff;border-radius:6px;font-weight:500;cursor:pointer;transition:background .2s}.upload-btn:hover{background:var(--primary-dark)}.upload-btn:disabled{opacity:.5;cursor:not-allowed}.upload-hint{font-size:.75rem;color:var(--gray-600);margin:0}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-content{background:#fff;border-radius:12px;padding:2rem;max-width:450px;width:100%;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.modal-content h2{margin:0 0 .5rem;color:var(--gray-900);font-size:1.5rem}.btn-secondary{padding:.625rem 1.25rem;background:var(--gray-200);color:var(--gray-700);border:none;border-radius:6px;font-weight:500;cursor:pointer;transition:background .2s}.btn-secondary:hover{background:var(--gray-300)}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 768px){.toggle-row{flex-direction:column;align-items:flex-start}.toggle-btn{width:100%}.password-form{max-width:100%}.profile-picture-section{flex-direction:column;text-align:center}.modal-content{padding:1.5rem}}.evidence-viewer-page{min-height:100vh;background:linear-gradient(135deg,#f8fafc,#e2e8f0);padding:2rem;transition:all .3s}.evidence-viewer-page.fullscreen{position:fixed;top:0;left:0;right:0;bottom:0;padding:1rem;z-index:9999;background:#1e293b}.evidence-header{background:#fff;border-radius:12px;padding:1.5rem 2rem;margin-bottom:2rem;display:flex;align-items:center;justify-content:space-between;box-shadow:0 2px 8px #00000014;border:1px solid #e2e8f0}.fullscreen .evidence-header{background:#334155;border-color:#475569}.evidence-title{display:flex;align-items:center;gap:1rem;flex:1;margin:0 2rem}.evidence-title h1{margin:0;font-size:1.25rem;color:#1f2937;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:400px}.fullscreen .evidence-title h1{color:#fff}.evidence-subtitle{margin:.25rem 0 0;font-size:.875rem;color:#64748b;font-weight:500}.fullscreen .evidence-subtitle{color:#94a3b8}.evidence-actions{display:flex;align-items:center;gap:1rem}.zoom-controls{display:flex;align-items:center;gap:.5rem;background:#f1f5f9;padding:.5rem;border-radius:8px}.fullscreen .zoom-controls{background:#475569}.btn-zoom,.btn-zoom-reset{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:6px;background:#fff;color:#475569;cursor:pointer;transition:all .2s;font-size:.75rem;font-weight:600}.fullscreen .btn-zoom,.fullscreen .btn-zoom-reset{background:#64748b;color:#fff}.btn-zoom:hover,.btn-zoom-reset:hover{background:#667eea;color:#fff;transform:scale(1.05)}.zoom-level{font-size:.875rem;font-weight:600;color:#475569;min-width:45px;text-align:center}.fullscreen .zoom-level{color:#fff}.btn-back,.btn-download,.btn-fullscreen{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border:none;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.btn-back{background:#f1f5f9;color:#475569}.btn-back:hover{background:#e2e8f0;transform:translateY(-2px);box-shadow:0 2px 8px #0000001a}.fullscreen .btn-back{background:#475569;color:#fff}.btn-fullscreen{background:#f1f5f9;color:#475569;padding:.75rem}.btn-fullscreen:hover{background:#e2e8f0;transform:scale(1.05)}.fullscreen .btn-fullscreen{background:#475569;color:#fff}.btn-download{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-download:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.evidence-content{background:#fff;border-radius:12px;padding:2rem;min-height:600px;box-shadow:0 2px 8px #00000014;border:1px solid #e2e8f0;display:flex;align-items:center;justify-content:center;overflow:hidden}.fullscreen .evidence-content{background:#1e293b;border-color:#334155;min-height:calc(100vh - 150px)}.evidence-image-container,.evidence-video-container,.evidence-pdf-container{width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:auto}.evidence-image{max-width:100%;max-height:75vh;border-radius:8px;box-shadow:0 8px 24px #0000001f;cursor:pointer;transition:transform .3s ease;-o-object-fit:contain;object-fit:contain}.fullscreen .evidence-image{max-height:calc(100vh - 180px);box-shadow:0 8px 32px #0006}.evidence-video{max-width:100%;max-height:75vh;border-radius:8px;box-shadow:0 8px 24px #0000001f;background:#000}.fullscreen .evidence-video{max-height:calc(100vh - 180px)}.evidence-pdf{width:100%;height:75vh;border:none;border-radius:8px}.fullscreen .evidence-pdf{height:calc(100vh - 180px)}.evidence-other{display:flex;flex-direction:column;align-items:center;gap:1.5rem;padding:4rem 3rem;text-align:center}.file-preview-icon{padding:2rem;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border-radius:50%;margin-bottom:1rem}.evidence-other h3{margin:0;font-size:1.5rem;color:#1f2937;font-weight:600}.evidence-other p{color:#64748b;font-size:1rem;margin:0;line-height:1.6}.file-name-display{background:#f1f5f9;padding:.75rem 1.5rem;border-radius:8px;font-size:.95rem!important;font-weight:600!important;color:#475569!important;max-width:100%;overflow:hidden;text-overflow:ellipsis}.btn-download-other{display:flex;align-items:center;gap:.75rem;padding:1rem 2.5rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:10px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s;margin-top:1rem;box-shadow:0 4px 12px #667eea4d}.btn-download-other:hover{transform:translateY(-3px);box-shadow:0 8px 20px #667eea80}.evidence-loading,.evidence-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:80vh;color:#1f2937;text-align:center;gap:1.5rem}.evidence-loading .spinner{width:50px;height:50px;border:4px solid #e2e8f0;border-top-color:#667eea;border-radius:50%;animation:spin 1s linear infinite}.evidence-loading p{color:#64748b;font-size:1.1rem;font-weight:500}@keyframes spin{to{transform:rotate(360deg)}}.evidence-error{background:#fff;border-radius:16px;padding:3rem;color:#1f2937;margin:2rem auto;max-width:600px;box-shadow:0 8px 24px #0000001f;border:1px solid #fee2e2}.evidence-error h2{margin:1rem 0;color:#dc2626;font-size:1.75rem}.evidence-error p{color:#64748b;font-size:1.1rem;margin-bottom:2rem;line-height:1.6}.btn-back-error{display:flex;align-items:center;gap:.5rem;padding:.875rem 1.75rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-back-error:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}@media (max-width: 768px){.evidence-viewer-page{padding:1rem}.evidence-header{flex-direction:column;gap:1rem}.evidence-title{margin:0;flex-direction:column}.evidence-title h1{font-size:1.2rem;text-align:center}.evidence-content{padding:1rem}}/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial}}}.collapse{visibility:collapse}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.h-full{height:100%}.w-full{width:100%}.flex-1{flex:1}.flex-shrink-0{flex-shrink:0}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.resize{resize:both}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.overflow-hidden{overflow:hidden}.rounded-full{border-radius:3.40282e38px}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.bg-gradient-to-br{--tw-gradient-position:to bottom right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-r{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.text-right{text-align:right}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.underline{text-decoration-line:underline}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.duration-300{--tw-duration:.3s;transition-duration:.3s}.duration-1000{--tw-duration:1s;transition-duration:1s}*{box-sizing:border-box;margin:0;padding:0}:root{--primary:#3b82f6;--primary-dark:#2563eb;--primary-light:#dbeafe;--success:#10b981;--danger:#ef4444;--warning:#f59e0b;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--gray-800:#1f2937;--gray-900:#111827}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--gray-50);color:var(--gray-900);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}#root{min-height:100vh}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--gray-100)}::-webkit-scrollbar-thumb{background:var(--gray-400);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--gray-500)}button{cursor:pointer;border:none;outline:none;font-family:inherit;transition:all .2s}button:disabled{opacity:.6;cursor:not-allowed}input,textarea,select{outline:none;font-family:inherit}a{color:inherit;text-decoration:none}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin{animation:1s linear infinite spin}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}