@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap);.login-card{background:#fff;border-radius:20px;box-shadow:0 20px 40px #0000001a;max-width:400px;padding:40px}.login-header{margin-bottom:30px}.company-logo{gap:10px;margin-bottom:10px}.company-logo i{color:#667eea;font-size:2rem}.company-logo h1{color:#333;font-size:1.5rem;font-weight:700}.login-subtitle{color:#666;font-size:.9rem}.login-form{margin-bottom:30px}.form-label{color:#333;font-size:.9rem;margin-bottom:5px}.form-control{border:2px solid #e1e5e9;border-radius:10px}.btn{border-radius:10px;font-size:1rem;padding:12px 24px;transition:all .3s ease}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2)}.btn-primary:hover{box-shadow:0 10px 20px #667eea4d;transform:translateY(-2px)}.btn-primary:disabled{cursor:not-allowed;opacity:.7;transform:none}.btn-outline{border:2px solid #667eea;color:#667eea}.btn-outline:hover{background:#667eea;color:#fff}.btn-sm{font-size:.8rem;padding:8px 16px}.demo-accounts{border-top:1px solid #e1e5e9;padding-top:20px}.demo-title{color:#333;font-size:.9rem;margin-bottom:15px}.demo-buttons{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:10px}.demo-note{color:#666;font-size:.8rem}@media (max-width:480px){.login-card{padding:30px 20px}.demo-buttons{flex-direction:column}}.att-dashboard-container{background:linear-gradient(135deg,#667eea,#764ba2);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;min-height:100vh;padding:2rem;position:relative}.att-dashboard-container:before{background:radial-gradient(circle at 20% 80%,#78c8ff33 0,#0000 50%),radial-gradient(circle at 80% 20%,#ff78c833 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.att-dashboard-header{align-items:flex-end;display:flex;justify-content:space-between;margin-bottom:2.5rem;position:relative;z-index:1}.att-header-content{flex:1 1}.att-dashboard-title{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#fff,#e0f2fe);-webkit-background-clip:text;background-clip:text;color:#fff;font-size:3rem;font-weight:800;margin:0 0 .5rem;text-shadow:0 4px 8px #0000004d}.att-dashboard-subtitle{color:#ffffffe6;font-size:1.2rem;font-weight:400;margin:0;text-shadow:0 2px 4px #0003}.att-export-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:1px solid #fff3;border-radius:16px;box-shadow:0 8px 32px #0003;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.75rem;padding:1rem 2rem;transition:all .3s ease}.att-export-btn:hover{background:#ffffff40;box-shadow:0 12px 40px #0000004d;transform:translateY(-2px)}.att-stats-container{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));margin-bottom:2.5rem;position:relative;z-index:1}.att-stat-card{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #ffffff4d;border-radius:20px;box-shadow:0 8px 32px #0000001a,inset 0 1px 0 #fffc;display:flex;gap:1.5rem;padding:2rem;transition:all .3s ease}.att-stat-card:hover{box-shadow:0 16px 48px #0003,inset 0 1px 0 #fffc;transform:translateY(-5px)}.att-stat-icon{align-items:center;border-radius:18px;color:#fff;display:flex;font-size:1.8rem;height:70px;justify-content:center;overflow:hidden;position:relative;width:70px}.att-stat-icon:before{background:inherit;bottom:0;content:"";left:0;opacity:.8;position:absolute;right:0;top:0;z-index:-1}.att-stat-icon.present{background:linear-gradient(135deg,#10b981,#059669)}.att-stat-icon.absent{background:linear-gradient(135deg,#ef4444,#dc2626)}.att-stat-icon.total{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.att-stat-icon.rate{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.att-stat-info{display:flex;flex:1 1;flex-direction:column}.att-stat-number{color:#1f2937;font-size:2.5rem;font-weight:800;line-height:1;margin-bottom:.25rem}.att-stat-label{color:#6b7280;font-size:.95rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.att-nav-container{margin-bottom:2rem;position:relative;z-index:1}.att-date-nav{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:1px solid #fff3;border-radius:20px;box-shadow:0 8px 32px #0003;gap:1rem;padding:1rem 2rem}.att-date-nav,.att-nav-btn{align-items:center;display:flex;justify-content:center}.att-nav-btn{background:#fff3;border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:1.1rem;height:48px;transition:all .3s ease;width:48px}.att-nav-btn:hover:not(:disabled){background:#ffffff4d;transform:scale(1.05)}.att-nav-btn:disabled{cursor:not-allowed;opacity:.5}.att-date-display{margin:0 1rem;position:relative}.att-current-date{align-items:center;background:#fffffff2;border:none;border-radius:16px;box-shadow:0 4px 16px #0000001a;color:#1f2937;cursor:pointer;display:flex;font-size:1.1rem;font-weight:600;gap:.75rem;padding:1rem 2rem;transition:all .3s ease}.att-current-date:hover{background:#fff;box-shadow:0 8px 24px #00000026;transform:translateY(-2px)}.att-date-picker{background:#fff;border-radius:12px;box-shadow:0 12px 40px #00000040;left:50%;padding:1rem;position:absolute;top:calc(100% + .5rem);transform:translateX(-50%);z-index:100}.att-date-input{background:#fff;border:2px solid #e5e7eb;border-radius:8px;color:#1f2937;cursor:pointer;font-size:1rem;padding:.75rem}.att-today-btn{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:.5rem;margin-left:1rem;padding:.75rem 1.5rem;transition:all .3s ease}.att-today-btn:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-2px)}.att-summary-bar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:16px;display:flex;gap:2rem;margin-bottom:2rem;padding:1.5rem 2rem;position:relative;z-index:1}.att-summary-item{display:flex;flex:1 1;flex-direction:column;gap:.75rem}.att-summary-label{color:#fff;font-size:1rem;font-weight:600}.att-summary-progress{background:#fff3;border-radius:4px;height:8px;overflow:hidden}.att-summary-fill{border-radius:4px;height:100%;transition:width .5s ease}.att-summary-fill.present{background:linear-gradient(135deg,#10b981,#059669)}.att-summary-fill.absent{background:linear-gradient(135deg,#ef4444,#dc2626)}.att-table-container{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #ffffff4d;border-radius:24px;box-shadow:0 20px 60px #00000026,inset 0 1px 0 #fffc;padding:2rem;position:relative;z-index:1}.att-table-wrapper{border-radius:16px;box-shadow:0 4px 20px #00000014;overflow-x:auto}.att-data-table{background:#fff;border-collapse:collapse;border-radius:16px;overflow:hidden;width:100%}.att-data-table thead{background:linear-gradient(135deg,#1f2937,#374151)}.att-data-table th{border-bottom:none;color:#fff;font-size:.95rem;font-weight:700;letter-spacing:.05em;padding:1.5rem 1rem;text-align:left;text-transform:uppercase}.att-table-row{border-bottom:1px solid #f3f4f6;transition:all .3s ease}.att-table-row:hover{background:linear-gradient(135deg,#f8fafc,#f1f5f9);box-shadow:0 4px 12px #00000014;transform:scale(1.01)}.att-table-row.present-row{background:#1f2937}.att-table-row.absent-row{background:#1f2937;opacity:.8}.att-table-row.absent-row:hover{background:linear-gradient(135deg,#ef44440d,#f8fafc);opacity:1}.att-table-row:last-child{border-bottom:none}.att-data-table td{padding:1.5rem 1rem;vertical-align:middle}.att-employee-info{align-items:center;display:flex;gap:1rem}.att-employee-avatar{align-items:center;border-radius:50%;box-shadow:0 4px 12px #667eea4d;color:#fff;display:flex;font-size:1.2rem;font-weight:700;height:48px;justify-content:center;width:48px}.att-employee-avatar.present{background:linear-gradient(135deg,#10b981,#059669)}.att-employee-avatar.absent{background:linear-gradient(135deg,#6b7280,#4b5563);opacity:.7}.att-employee-details{display:flex;flex-direction:column}.att-employee-name{color:#1f2937;font-size:1rem;font-weight:600;margin-bottom:.25rem}.att-employee-id{color:#6b7280;font-size:.8rem;font-weight:500}.att-role-badge{border-radius:20px;display:inline-block;font-size:.8rem;font-weight:600;padding:.5rem 1rem;text-transform:capitalize}.att-role-badge.employee{background:linear-gradient(135deg,#e0e7ff,#c7d2fe);color:#3730a3}.att-role-badge.project_manager{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1e40af}.att-role-badge.hr{background:linear-gradient(135deg,#dcfce7,#bbf7d0);color:#166534}.att-role-badge.owner{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e}.att-date-cell{align-items:center;color:#374151;display:flex;font-weight:500;gap:.5rem}.att-date-cell i{color:#6b7280}.att-time-cell{align-items:center;border-radius:10px;display:flex;font-size:.95rem;font-weight:600;gap:.5rem;padding:.75rem 1rem}.att-time-cell.checkin{background:linear-gradient(135deg,#dcfce7,#bbf7d0);color:#166534}.att-time-cell.checkout{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e}.att-time-cell.working{background:linear-gradient(135deg,#ddd6fe,#c4b5fd);color:#7c3aed}.att-time-cell.no-checkin,.att-time-cell.no-checkout{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);color:#64748b}.att-time-cell i{font-size:.9rem}.att-hours-cell{align-items:center;display:flex;flex-direction:column;gap:.5rem}.att-hours-number{color:#1f2937;font-size:1.1rem;font-weight:700}.att-hours-bar{background:#e5e7eb;border-radius:3px;height:6px;overflow:hidden;width:60px}.att-hours-progress{background:linear-gradient(135deg,#10b981,#059669);border-radius:3px;height:100%;transition:width .5s ease}.att-status-badge{align-items:center;border-radius:25px;display:inline-flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.75rem 1.25rem;text-transform:capitalize;transition:all .3s ease}.att-status-present{background:linear-gradient(135deg,#dcfce7,#bbf7d0);border:2px solid #10b981;color:#166534}.att-status-absent{background:linear-gradient(135deg,#fee2e2,#fecaca);border:2px solid #ef4444;color:#991b1b}.att-status-late{background:linear-gradient(135deg,#fef3c7,#fde68a);border:2px solid #f59e0b;color:#92400e}.att-status-halfday{background:linear-gradient(135deg,#e0e7ff,#c7d2fe);border:2px solid #6366f1;color:#3730a3}.att-status-working{background:linear-gradient(135deg,#ddd6fe,#c4b5fd);border:2px solid #8b5cf6;color:#7c3aed}.att-no-data-cell{padding:4rem 2rem;text-align:center}.att-no-data{flex-direction:column;gap:1.5rem}.att-no-data,.att-no-data-icon{align-items:center;display:flex}.att-no-data-icon{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border-radius:50%;color:#9ca3af;font-size:2rem;height:80px;justify-content:center;width:80px}.att-no-data-content h3{color:#374151;font-size:1.5rem;font-weight:700;margin:0 0 .5rem}.att-no-data-content p{color:#6b7280;font-size:1rem;margin:0}@media (prefers-color-scheme:dark){.att-dashboard-container{background:linear-gradient(135deg,#1e293b,#0f172a)}.att-stat-card{background:#1e293bf2;border-color:#4755694d}.att-stat-number{color:#f8fafc}.att-stat-label{color:#cbd5e1}.att-table-container{background:#1e293bf2;border-color:#4755694d}.att-data-table{background:#1e293b}.att-table-row:hover{background:linear-gradient(135deg,#334155,#475569)}.att-employee-name{color:#f8fafc}.att-employee-id{color:#cbd5e1}.att-date-cell{color:#e2e8f0}.att-hours-number,.att-no-data-content h3{color:#f8fafc}.att-no-data-content p{color:#cbd5e1}}@media (max-width:1200px){.att-stats-container{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.att-dashboard-container{padding:1rem}.att-dashboard-title{font-size:2rem}.att-dashboard-header{align-items:stretch;flex-direction:column;gap:1.5rem}.att-stats-container{grid-template-columns:1fr}.att-summary-bar{flex-direction:column;gap:1rem}.att-date-nav{flex-wrap:wrap;gap:.75rem;justify-content:center;padding:1rem}.att-current-date{font-size:.95rem;padding:.75rem 1.5rem}.att-table-container{overflow-x:auto;padding:1rem}.att-data-table td,.att-data-table th{padding:1rem .75rem}.att-employee-info{align-items:flex-start;flex-direction:column;gap:.5rem}.att-employee-avatar{font-size:1rem;height:40px;width:40px}}@media (max-width:480px){.att-dashboard-title{font-size:1.75rem}.att-stat-card{padding:1.5rem}.att-stat-icon{font-size:1.5rem;height:60px;width:60px}.att-stat-number{font-size:2rem}.att-time-cell{flex-direction:column;gap:.25rem;text-align:center}.att-hours-cell{align-items:flex-start}.att-status-badge{font-size:.8rem;padding:.5rem 1rem}}.att-table-row{animation:slideInUp .3s ease-out}.att-stat-card:hover .att-stat-icon{transform:scale(1.1)}.att-status-badge:hover{box-shadow:0 4px 12px #00000026;transform:scale(1.05)}.att-date-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea33;outline:none}.att-export-btn:focus,.att-nav-btn:focus,.att-today-btn:focus{box-shadow:0 0 0 3px #ffffff4d;outline:none}.emp-view-container{background:linear-gradient(135deg,#f0f4ff,#e0f2fe);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;min-height:100vh;padding:2rem}.emp-dashboard-header{align-items:flex-end;border-bottom:2px solid #e2e8f0;display:flex;justify-content:space-between;margin-bottom:2rem;padding-bottom:1.5rem}.emp-header-content{flex:1 1}.emp-dashboard-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1e293b,#3b82f6);-webkit-background-clip:text;background-clip:text;color:#1e293b;font-size:2.5rem;font-weight:800;margin:0 0 .5rem}.emp-dashboard-subtitle{color:#64748b;font-size:1.125rem;font-weight:500;margin:0}.emp-export-btn{align-items:center;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:none;border-radius:12px;box-shadow:0 4px 12px #3b82f64d;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.75rem;padding:1rem 2rem;transition:all .3s ease}.emp-export-btn:hover{background:linear-gradient(135deg,#2563eb,#1e40af);box-shadow:0 8px 20px #3b82f666;transform:translateY(-2px)}.emp-controls-container{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 12px #0000000d;display:flex;gap:2rem;margin-bottom:2rem;padding:1.5rem 2rem}.emp-search-box{flex:1 1;max-width:400px;position:relative}.emp-search-box i{color:#94a3b8;font-size:1rem;left:1rem;position:absolute;top:50%;transform:translateY(-50%)}.emp-search-input{background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;color:#1e293b;font-size:1rem;padding:1rem 1rem 1rem 3rem;transition:all .3s ease;width:100%}.emp-search-input:focus{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.emp-search-input::placeholder{color:#94a3b8}.emp-filter-controls{display:flex;gap:1rem}.emp-filter-select{background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;color:#1e293b;cursor:pointer;font-size:.95rem;min-width:150px;padding:1rem 1.5rem;transition:all .3s ease}.emp-filter-select:focus{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.emp-stats-container{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:2rem}.emp-stat-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 12px #0000000d;padding:2rem;text-align:center;transition:all .3s ease}.emp-stat-card:hover{box-shadow:0 8px 25px #00000026;transform:translateY(-4px)}.emp-stat-number{color:#3b82f6;display:block;font-size:3rem;font-weight:800;line-height:1;margin-bottom:.5rem}.emp-stat-label{color:#64748b;font-size:.95rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.emp-grid-container{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}.emp-card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;box-shadow:0 4px 12px #00000014;overflow:hidden;padding:2rem;position:relative;transition:all .3s ease}.emp-card:before{background:linear-gradient(135deg,#3b82f6,#8b5cf6);content:"";height:4px;left:0;position:absolute;right:0;top:0}.emp-card:hover{border-color:#3b82f6;box-shadow:0 16px 40px #00000026;transform:translateY(-8px)}.emp-card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1.5rem}.emp-avatar{background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:50%;box-shadow:0 4px 16px #3b82f64d;color:#fff;font-size:1.75rem;font-weight:700;height:70px;width:70px}.emp-avatar,.emp-status-indicator{align-items:center;display:flex;justify-content:center}.emp-status-dot{border-radius:50%;box-shadow:0 0 0 3px #fff,0 0 0 5px #0000001a;height:16px;width:16px}.emp-details-section{margin-bottom:2rem}.emp-name{color:#1e293b;font-size:1.5rem;font-weight:700;line-height:1.2;margin:0 0 .5rem}.emp-email{color:#64748b;font-size:1rem;font-weight:500;margin:0 0 1.5rem}.emp-badges-container{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1.5rem}.emp-dept-badge,.emp-role-badge{border-radius:20px;color:#fff;font-size:.8125rem;font-weight:600;padding:.5rem 1rem;text-transform:capitalize}.emp-meta-container{display:flex;flex-direction:column;gap:.75rem}.emp-meta-item{align-items:center;color:#64748b;display:flex;font-size:.9rem;font-weight:500;gap:.75rem}.emp-meta-item i{color:#94a3b8;text-align:center;width:16px}.emp-actions-container{border-top:1px solid #e2e8f0;display:flex;flex-wrap:wrap;gap:.5rem;padding-top:1.5rem}.emp-action-btn{align-items:center;border:2px solid #0000;border-radius:10px;cursor:pointer;display:flex;flex:1 1;font-size:.8125rem;font-weight:600;gap:.5rem;justify-content:center;letter-spacing:.025em;min-width:80px;padding:.75rem 1rem;text-transform:uppercase;transition:all .3s ease}.emp-view-btn{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.emp-view-btn:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 4px 12px #3b82f666;transform:translateY(-2px)}.emp-calendar-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.emp-calendar-btn:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 4px 12px #10b98166;transform:translateY(-2px)}.emp-download-btn{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.emp-download-btn:hover{background:linear-gradient(135deg,#d97706,#b45309);box-shadow:0 4px 12px #f59e0b66;transform:translateY(-2px)}.emp-edit-btn{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.emp-edit-btn:hover{background:linear-gradient(135deg,#7c3aed,#6d28d9);box-shadow:0 4px 12px #8b5cf666;transform:translateY(-2px)}.emp-message-btn{background:linear-gradient(135deg,#64748b,#475569);color:#fff}.emp-message-btn:hover{background:linear-gradient(135deg,#475569,#334155);box-shadow:0 4px 12px #64748b66;transform:translateY(-2px)}.emp-no-results{background:#fff;border:2px dashed #e2e8f0;border-radius:20px;grid-column:1/-1;padding:4rem 2rem;text-align:center}.emp-no-results-icon{align-items:center;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border-radius:50%;color:#94a3b8;display:flex;font-size:2rem;height:80px;justify-content:center;margin:0 auto 1.5rem;width:80px}.emp-no-results h3{color:#1e293b;font-size:1.5rem;font-weight:700;margin:0 0 .5rem}.emp-no-results p{color:#64748b;font-size:1rem;margin:0 auto 2rem;max-width:400px}.emp-clear-btn{background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:1rem 2rem;transition:all .3s ease}.emp-clear-btn:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 4px 12px #3b82f64d;transform:translateY(-2px)}.emp-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:2rem;position:fixed;right:0;top:0;z-index:1000}.emp-modal{animation:empModalSlideIn .3s ease-out;background:#fff;border-radius:20px;box-shadow:0 25px 50px #0006;max-height:90vh;max-width:500px;overflow:hidden;width:100%}.emp-calendar-modal{max-width:700px}@keyframes empModalSlideIn{0%{opacity:0;transform:translateY(-50px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.emp-modal-header{background:linear-gradient(135deg,#3b82f6,#8b5cf6);color:#fff;padding:2rem;position:relative}.emp-modal-header h3{font-size:1.5rem;font-weight:700;margin:0}.emp-modal-close{align-items:center;background:#fff3;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;position:absolute;right:2rem;top:2rem;transition:all .3s ease;width:40px}.emp-modal-close:hover{background:#ffffff4d;transform:scale(1.05)}.emp-modal-body{max-height:60vh;overflow-y:auto;padding:2rem}.emp-form-group{margin-bottom:1.5rem}.emp-form-label{color:#1e293b;display:block;font-size:.95rem;font-weight:600;margin-bottom:.5rem}.emp-form-input{border:2px solid #e2e8f0;border-radius:12px;color:#1e293b;font-size:1rem;padding:1rem;transition:all .3s ease;width:100%}.emp-form-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.emp-modal-actions{border-top:1px solid #e2e8f0;display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem;padding-top:2rem}.emp-modal-btn{border:none;border-radius:12px;cursor:pointer;font-size:1rem;font-weight:600;padding:1rem 2rem;transition:all .3s ease}.emp-cancel-btn{background:#f1f5f9;color:#64748b}.emp-cancel-btn:hover{background:#e2e8f0;color:#475569}.emp-save-btn{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.emp-save-btn:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 4px 12px #3b82f666;transform:translateY(-2px)}.emp-calendar-nav{background:#f8fafc;border-radius:12px;justify-content:space-between;margin-bottom:2rem;padding:1rem}.emp-calendar-nav,.emp-nav-btn{align-items:center;display:flex}.emp-nav-btn{background:none;border:2px solid #e2e8f0;border-radius:8px;color:#64748b;cursor:pointer;height:40px;justify-content:center;transition:all .3s ease;width:40px}.emp-nav-btn:hover{background:#3b82f60d;border-color:#3b82f6;color:#3b82f6}.emp-month-year{color:#1e293b;font-size:1.25rem;font-weight:700}.emp-calendar{background:#f8fafc;border-radius:16px;margin-bottom:2rem;padding:1.5rem}.emp-calendar-header{grid-gap:1px;display:grid;gap:1px;grid-template-columns:repeat(7,1fr);margin-bottom:1rem}.emp-calendar-day-header{color:#64748b;font-size:.875rem;font-weight:600;letter-spacing:.05em;padding:1rem .5rem;text-align:center;text-transform:uppercase}.emp-calendar-body{grid-gap:1px;display:grid;gap:1px;grid-template-columns:repeat(7,1fr)}.emp-calendar-day{background:#fff;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;justify-content:space-between;min-height:80px;padding:.5rem;position:relative;transition:all .3s ease}.emp-calendar-day:hover{background:#3b82f60d;transform:scale(1.02)}.emp-calendar-day.other-month{background:#f1f5f9;color:#94a3b8}.emp-calendar-day.today{background:#3b82f61a;border:2px solid #3b82f6}.emp-day-number{color:inherit;font-weight:600}.emp-status-indicator{border-radius:2px;height:4px;margin-top:.5rem;width:100%}.emp-status-indicator.present{background:#10b981}.emp-status-indicator.absent{background:#ef4444}.emp-status-indicator.leave{background:#f59e0b}.emp-day-actions{display:none;flex-direction:column;gap:2px;margin-top:.25rem}.emp-calendar-day:hover .emp-day-actions{display:flex}.emp-status-btn{border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.7rem;font-weight:600;padding:2px 4px;transition:all .2s ease}.emp-status-btn.present{background:#10b981}.emp-status-btn.absent{background:#ef4444}.emp-status-btn.leave{background:#f59e0b}.emp-status-btn:hover{opacity:.8;transform:scale(1.05)}.emp-calendar-legend{background:#f8fafc;border-radius:12px;display:flex;gap:2rem;justify-content:center;padding:1rem}.emp-legend-item{align-items:center;color:#64748b;display:flex;font-size:.875rem;font-weight:500;gap:.5rem}.emp-legend-color{border-radius:50%;height:16px;width:16px}.emp-legend-color.present{background:#10b981}.emp-legend-color.absent{background:#ef4444}.emp-legend-color.leave{background:#f59e0b}@media (prefers-color-scheme:dark){.emp-view-container{background:linear-gradient(135deg,#0f172a,#1e293b)}.emp-dashboard-title{color:#f8fafc}.emp-dashboard-subtitle{color:#cbd5e1}.emp-card,.emp-controls-container,.emp-stat-card{background:#1e293b;border-color:#334155}.emp-name{color:#f8fafc}.emp-email,.emp-meta-item{color:#cbd5e1}.emp-filter-select,.emp-search-input{background:#334155;border-color:#475569;color:#f8fafc}.emp-search-input::placeholder{color:#94a3b8}.emp-modal{background:#1e293b}.emp-form-input{border-color:#475569;color:#f8fafc}.emp-calendar,.emp-form-input{background:#334155}.emp-calendar-day{background:#475569;color:#f8fafc}.emp-calendar-day.other-month{background:#374151;color:#94a3b8}}@media (max-width:1200px){.emp-grid-container{grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}}@media (max-width:768px){.emp-view-container{padding:1rem}.emp-dashboard-header{align-items:stretch;flex-direction:column;gap:1rem}.emp-dashboard-title{font-size:2rem}.emp-controls-container{flex-direction:column;gap:1rem}.emp-grid-container{grid-template-columns:1fr}.emp-actions-container{flex-direction:column}.emp-action-btn{flex:none}.emp-modal{margin:1rem;max-width:calc(100vw - 2rem)}.emp-calendar-legend,.emp-calendar-nav{flex-direction:column;gap:1rem}.emp-calendar-legend{text-align:center}}@media (max-width:480px){.emp-dashboard-title{font-size:1.75rem}.emp-stat-number{font-size:2rem}.emp-card{padding:1.5rem}.emp-calendar-day{min-height:60px}.emp-calendar-day-header{padding:.5rem .25rem}}.emp-card{animation:empFadeInUp .3s ease-out}@keyframes empFadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.emp-action-btn:focus,.emp-filter-select:focus,.emp-form-input:focus,.emp-search-input:focus{box-shadow:0 0 0 3px #3b82f64d;outline:none}.emp-stat-card:hover .emp-stat-number{transform:scale(1.1)}.emp-modal-body::-webkit-scrollbar{width:6px}.emp-modal-body::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.emp-modal-body::-webkit-scrollbar-thumb{background:#3b82f6;border-radius:3px}*{box-sizing:border-box;margin:0;padding:0}body,html{background-color:#f8fafc;color:#1e293b;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;height:100%;line-height:1.6}#root{height:100vh}.btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;line-height:1.4;padding:10px 20px;text-decoration:none;transition:all .2s ease;white-space:nowrap}.btn:disabled{opacity:.6}.btn-primary{background:linear-gradient(135deg,#3b82f6,#1d4ed8);box-shadow:0 4px 12px #3b82f666;color:#fff}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1e40af);box-shadow:0 6px 20px #3b82f680;transform:translateY(-1px)}.btn-secondary{background:#e2e8f0;border:1px solid #cbd5e1;color:#475569}.btn-secondary:hover:not(:disabled){background:#cbd5e1;transform:translateY(-1px)}.btn-success{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 12px #10b98166;color:#fff}.btn-success:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857);transform:translateY(-1px)}.btn-warning{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 4px 12px #f59e0b66;color:#fff}.btn-warning:hover:not(:disabled){background:linear-gradient(135deg,#d97706,#b45309);transform:translateY(-1px)}.btn-outline{background:#0000;border:2px solid #3b82f6;color:#3b82f6}.btn-outline:hover:not(:disabled){background:#3b82f6;color:#fff;transform:translateY(-1px)}.btn-sm{font-size:12px;padding:6px 12px}.btn-full-width{width:100%}.status-badge{background-color:#73d176;border-radius:12px;color:#fff;font-weight:600;padding:4px 8px}.status-planning{background:#fef3c7;color:#92400e}.status-active{background:#d1fae5;color:#48bb9a}.status-completed{background:#dbeafe;color:#1e40af}.status-ongoing{background:#fef3c7;color:#92400e}.status-not_started{background:#f8fafc;color:#64748b}.dark-theme .status-badge{color:#eee}.dark-theme .status-present{background-color:#388e3c;color:#c8facc}.dark-theme .status-absent{background-color:#d32f2f;color:#f8c8c8}.dark-theme .status-late{background-color:#f57c00;color:#ffe6b2}.status-color{background-color:#f44336}.status-absent{background:#c74545;color:#991b1b}.task-status-chart{margin:16px 0}.status-item{gap:8px;padding:8px 0}.status-color{border-radius:50%;flex-shrink:0;height:12px;width:12px}.status-color.status-completed{background:#1e40af}.status-color.status-not-started{background:#64748b}.status-working{background:#ddd6fe;color:#7c3aed}.status-item span{color:#000;font-size:14px;font-weight:500}.card-header-with-controls{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.card-header-with-controls h3{margin:0}.sort-controls{display:flex;gap:.5rem}.sort-select{background-color:#fff;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:.875rem;padding:.5rem}.sort-select:focus{border-color:#007bff;outline:none}.attendance-list-container{border:1px solid #eee;border-radius:8px;height:400px;overflow-y:auto}.attendance-list-container::-webkit-scrollbar{width:6px}.attendance-list-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.attendance-list-container::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.attendance-list-container::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.dark-theme .sort-select{background-color:#2d3748;border-color:#4a5568;color:#fff}.dark-theme .attendance-list-container{border-color:#4a5568}.dark-theme .attendance-list-container::-webkit-scrollbar-track{background:#2d3748}.dark-theme .attendance-list-container::-webkit-scrollbar-thumb{background:#4a5568}.priority-badge{border-radius:12px;display:inline-block;font-size:11px;padding:3px 8px;text-transform:uppercase}.priority-low{color:#065f46}.priority-medium{color:#92400e}.priority-high{background:#fecaca;color:#991b1b}.priority-urgent{background:#fee2e2;color:#7f1d1d}.role-badge{border-radius:15px;display:inline-block;font-size:12px;font-weight:600;padding:4px 10px;text-transform:capitalize}.role-owner{background:linear-gradient(135deg,#7c3aed,#5b21b6);color:#fff}.role-pm{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff}.role-hr{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.role-employee{background:linear-gradient(135deg,#6b7280,#4b5563);color:#fff}.form-group{margin-bottom:20px}.form-label{margin-bottom:6px}.form-control{border-radius:8px;font-size:14px;padding:12px 16px;transition:all .2s ease}.form-control:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}textarea.form-control{min-height:80px}@media (max-width:768px){.form-row{grid-template-columns:1fr}}.loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:400px;padding:40px}.loading-spinner,.spinner{animation:spin 1s linear infinite;border:4px solid #e5e7eb;border-radius:50%;border-top-color:#3b82f6;height:40px;margin-bottom:16px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading-text{color:#6b7280;font-size:14px;font-weight:500}.no-data{color:#6b7280;padding:60px 20px}.no-data i{color:#d1d5db;font-size:48px;margin-bottom:16px}.no-data h3{color:#374151;font-size:18px;font-weight:600;margin-bottom:8px}.no-data p{color:#9ca3af;font-size:14px}.fade-in{animation:fadeIn .3s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.modal{border-radius:16px;box-shadow:0 25px 50px -12px #00000040,0 0 0 1px #ffffff0d}.modal-header{border-radius:16px 16px 0 0;padding:24px}.modal-header h3{font-size:24px}.modal-close{background:#fff3;border-radius:8px;height:36px;width:36px}.modal-close:hover{background:#ffffff4d;transform:scale(1.1)}.modal-body{max-height:60vh;padding:32px}.form-group{margin-bottom:24px}.form-label{color:#374151;font-size:14px;letter-spacing:.5px;margin-bottom:8px}.form-control{background:#f9fafb;border:2px solid #e5e7eb;box-shadow:inset 0 2px 4px #0000000f;color:#1f2937;padding:16px 20px}.form-control:focus{box-shadow:0 0 0 3px #667eea1a,inset 0 2px 4px #0000000f,0 4px 12px #667eea26}select.form-control{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right 12px center;background-size:16px;padding-right:40px}textarea.form-control{min-height:120px}.form-row{grid-gap:20px;gap:20px}.modal-actions{border-top:1px solid #e5e7eb;margin-top:32px;padding-top:24px}.modal-actions .btn{border-radius:10px;font-weight:600;min-width:120px;padding:14px 24px;transition:all .2s ease}.modal-actions .btn-primary{box-shadow:0 4px 12px #667eea66}.modal-actions .btn-primary:hover:not(:disabled){box-shadow:0 8px 25px #667eea80;transform:translateY(-2px)}.modal-actions .btn-secondary{background:#f3f4f6;border:1px solid #d1d5db;color:#6b7280}.modal-actions .btn-secondary:hover:not(:disabled){background:#e5e7eb;transform:translateY(-1px)}.task-card-detailed{background:#990707;margin-bottom:16px}.task-card-detailed:hover{box-shadow:0 3px 8px #aa050526}.task-card-detailed .task-header{align-items:center;display:flex;justify-content:space-between}.task-card-detailed .task-header h3{color:#0047b8}.task-card-detailed .task-meta{color:#64748b}.task-card-detailed .task-meta span{align-items:center;display:flex;gap:6px}.task-card-detailed .task-meta i{color:#94a3b8;width:14px}.task-card-detailed .task-actions{display:flex;gap:12px;justify-content:flex-start}.task-completed{color:#10b981;font-size:14px;gap:8px}.task-completed i{font-size:18px}@media (max-width:640px){.form-row{grid-template-columns:1fr}.modal-actions{flex-direction:column-reverse}.modal-actions .btn{width:100%}.task-card-detailed .task-meta{flex-direction:column;gap:8px}.task-card-detailed .task-actions{justify-content:stretch}.task-card-detailed .task-actions .btn{flex:1 1}}.attendance-calendar{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:24px}.calendar-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.calendar-header h3{color:#1e293b;font-size:20px;font-weight:600;margin:0}.calendar-legend{background:#f8fafc;border-radius:8px;display:flex;flex-wrap:wrap;gap:16px;margin-bottom:20px;padding:16px}.legend-item{align-items:center;color:#64748b;display:flex;font-size:12px;gap:8px}.legend-color{border-radius:4px;color:#0369a1;height:16px;width:16px}.legend-color.full-day{background:#10b981}.legend-color.half-day{background:#f59e0b}.legend-color.short-day{background:#fbbf24}.legend-color.working{background:#3b82f6}.legend-color.absent{background:#ef4444}.calendar-grid{grid-gap:2px;border:1px solid #e2e8f0;border-radius:8px;display:grid;gap:2px;grid-template-columns:repeat(7,1fr);overflow:hidden}.calendar-day-header{background:#f1f5f9;border-right:1px solid #e2e8f0;color:#64748b;font-size:12px;font-weight:600;padding:12px 8px;text-align:center}.calendar-day-header:last-child{border-right:none}.calendar-day{align-items:center;background:#fff;border-bottom:1px solid #f1f5f9;border-right:1px solid #f1f5f9;cursor:pointer;display:flex;flex-direction:column;justify-content:flex-start;min-height:80px;padding:8px;position:relative;transition:all .2s ease}.calendar-day:hover{box-shadow:0 4px 12px #00000026;transform:scale(1.02);z-index:1}.calendar-day.empty{background:#f8fafc;cursor:default}.calendar-day.empty:hover{box-shadow:none;transform:none}.calendar-day.status-full-day{background:#d1fae5;border:2px solid #10b981}.calendar-day.status-half-day{background:#fef3c7;border:2px solid #f59e0b}.calendar-day.status-short-day{background:#fef9c3;border:2px solid #fbbf24}.calendar-day.status-working{background:#dbeafe;border:2px solid #3b82f6}.calendar-day.status-absent{background:#fee2e2;border:2px solid #ef4444}.day-number{color:#1e293b;font-size:16px;font-weight:600;margin-bottom:4px}.hours-worked{background:#0000001a;border-radius:10px;color:#374151;font-size:10px;font-weight:600;padding:2px 6px}@media (max-width:640px){.calendar-legend{flex-direction:column;gap:8px}.calendar-day{min-height:60px;padding:4px}.day-number{font-size:14px}.hours-worked{font-size:9px}}.modal-overlay{animation:modalOverlayIn .3s ease-out;background:#8b050599}@keyframes modalOverlayIn{0%{opacity:0}to{opacity:1}}.modal{animation:modalSlideIn .4s cubic-bezier(.34,1.56,.64,1);border-radius:20px;box-shadow:0 25px 50px -12px #0006,0 0 0 1px #ffffff1a;max-width:600px;position:relative}.modal-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;overflow:hidden;padding:28px 32px;position:relative}.modal-header:before{background:radial-gradient(circle at 20% 50%,#fff3 0,#0000 50%),radial-gradient(circle at 80% 20%,#ffffff1a 0,#0000 50%);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.modal-header h3{font-size:26px;font-weight:700;text-shadow:0 2px 4px #0000001a}.modal-close,.modal-header h3{color:#fff;position:relative;z-index:1}.modal-close{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:1px solid #fff3;border-radius:12px;font-size:18px;height:40px;transition:all .3s ease;width:40px}.modal-close:hover{background:#ffffff40;box-shadow:0 4px 12px #0003;transform:scale(1.05)}.modal-body{background:linear-gradient(180deg,#fff 0,#f8fafc);max-height:65vh;padding:36px 32px}.modal-body::-webkit-scrollbar{width:6px}.modal-body::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.modal-body::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:3px}.form-group{margin-bottom:28px;position:relative}.form-label{color:#2d3748;display:block;font-size:15px;letter-spacing:.3px;margin-bottom:10px;position:relative}.form-label:after{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:2px;bottom:-4px;content:"";height:3px;left:0;position:absolute;width:30px}.form-control{background:linear-gradient(135deg,#fff,#f8fafc);border-radius:16px;box-shadow:inset 0 2px 4px #00000005,0 1px 3px #0000000d;box-sizing:border-box;color:#2d3748;font-size:16px;font-weight:500;padding:18px 24px;transition:all .4s cubic-bezier(.4,0,.2,1);width:100%}.form-control:focus{background:#fff;box-shadow:0 0 0 4px #667eea1a,0 8px 25px #667eea26,inset 0 2px 4px #00000005;outline:none;transform:translateY(-2px) scale(1.01)}.form-control::placeholder{color:#a0aec0;font-style:italic;font-weight:400}select.form-control{-webkit-appearance:none;appearance:none;background-image:linear-gradient(135deg,#667eea,#764ba2),url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right 16px center,right 20px center;background-repeat:no-repeat;background-size:28px 28px,16px 16px;cursor:pointer;padding-right:60px}select.form-control:focus{background-image:linear-gradient(135deg,#5a67d8,#667eea),url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m6 8 4 4 4-4'/%3E%3C/svg%3E")}textarea.form-control{font-family:inherit;line-height:1.6;min-height:140px;resize:vertical}input[type=date].form-control::-webkit-calendar-picker-indicator{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;cursor:pointer;padding:2px}.form-row{grid-gap:24px;gap:24px;grid-template-columns:1fr 1fr}.form-row,.form-row-3{display:grid;margin-bottom:8px}.form-row-3{grid-gap:20px;gap:20px;grid-template-columns:1fr 1fr 1fr}.modal-actions{background:linear-gradient(90deg,#f8fafc 0,#fff);gap:16px;margin-top:40px;padding-top:28px}.modal-actions .btn{border-radius:14px;font-size:15px;font-weight:700;letter-spacing:.3px;min-width:140px;overflow:hidden;padding:16px 28px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.modal-actions .btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.modal-actions .btn:hover:before{left:100%}.modal-actions .btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);border:none;box-shadow:0 4px 15px #667eea66,0 2px 4px #0000001a;color:#fff}.modal-actions .btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#5a67d8,#667eea);box-shadow:0 8px 30px #667eea80,0 4px 8px #00000026;transform:translateY(-3px)}.modal-actions .btn-secondary{background:linear-gradient(135deg,#f7fafc,#edf2f7);border:2px solid #e2e8f0;box-shadow:0 2px 4px #0000000d;color:#4a5568}.modal-actions .btn-secondary:hover:not(:disabled){background:linear-gradient(135deg,#edf2f7,#e2e8f0);border-color:#cbd5e0;box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.btn:disabled{cursor:not-allowed;opacity:.7;transform:none!important}.btn .fas.fa-spinner{animation:spin 1s linear infinite;margin-right:8px}.form-control.error{background:linear-gradient(135deg,#fff5f5,#fff);border-color:#f56565;box-shadow:0 0 0 3px #f565651a,0 2px 4px #f565651a}.form-control.success{background:linear-gradient(135deg,#f0fff4,#fff);border-color:#48bb78;box-shadow:0 0 0 3px #48bb781a,0 2px 4px #48bb781a}.form-error{color:#f56565}.form-error,.form-success{font-size:13px;font-weight:500;margin-top:8px}.form-success{color:#48bb78}.form-helper{color:#718096;font-size:13px;margin-top:6px}.form-group{animation:formGroupSlideIn .6s ease-out}@keyframes formGroupSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.modal{border-radius:0;margin:0;max-height:100%;max-width:100%}.modal-header{border-radius:0;padding:24px 20px}.modal-body{padding:28px 20px}.form-row,.form-row-3{gap:16px;grid-template-columns:1fr}.modal-actions{flex-direction:column-reverse;gap:12px}.modal-actions .btn{min-width:auto;width:100%}.form-control{font-size:16px;padding:16px 20px}}@media (max-width:480px){.modal-header h3{font-size:22px}.modal-body{padding:24px 16px}.form-group{margin-bottom:24px}}@media (prefers-color-scheme:dark){.modal{background:#2d3748;border:1px solid #4a5568}.modal-body{background:linear-gradient(180deg,#2d3748 0,#1a202c)}.form-control{background:linear-gradient(135deg,#4a5568,#2d3748);border-color:#718096;color:#e2e8f0}.form-label{color:#e2e8f0}.form-control::placeholder{color:#a0aec0}}@media (prefers-contrast:high){.form-control{border-width:3px}.btn{border-width:2px;font-weight:800}}.notification-bell{margin-right:20px;position:relative}.notification-button{background:none;border:none;border-radius:50%;color:#64748b;cursor:pointer;font-size:20px;padding:8px;position:relative;transition:all .2s ease}.notification-button:hover{background:#f1f5f9;color:#3b82f6;transform:scale(1.1)}.notification-badge{animation:pulse 2s infinite;font-size:11px;right:2px;top:2px}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.notification-dropdown{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 10px 30px #00000026;max-height:400px;overflow:hidden;position:absolute;right:0;top:100%;width:350px;z-index:1000}.notification-header{align-items:center;background:#f8fafc;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:16px 20px}.notification-header h4{color:#1e293b;font-size:16px;font-weight:600;margin:0}.mark-all-read{background:none;border:none;color:#3b82f6;cursor:pointer;font-size:12px;font-weight:500}.mark-all-read:hover{color:#2563eb}.notification-list{max-height:250px;overflow-y:auto}.notification-item{align-items:center;border-bottom:1px solid #f1f5f9;cursor:pointer;display:flex;gap:12px;padding:16px 20px;position:relative;transition:all .2s ease}.notification-item:hover{background:#f8fafc}.notification-item.unread{background:#f0f9ff;border-left:3px solid #3b82f6}.notification-content{flex:1 1}.notification-content h5{color:#1e293b;font-size:14px;font-weight:600;margin:0 0 4px}.notification-content p{color:#64748b;font-size:12px;margin:0 0 4px}.notification-time{color:#94a3b8;font-size:11px}.unread-dot{background:#3b82f6;border-radius:50%;height:8px;width:8px}.no-notifications{color:#64748b;padding:40px 20px;text-align:center}.no-notifications i{color:#94a3b8;font-size:32px;margin-bottom:12px}.notification-footer{background:#f8fafc;border-top:1px solid #e2e8f0;padding:12px 20px}.view-all-btn{background:none;border:none;border-radius:6px;color:#3b82f6;cursor:pointer;font-size:14px;font-weight:600;padding:8px;transition:all .2s ease;width:100%}.view-all-btn:hover{background:#e0f2fe}.messages-container{padding:20px}.messages-tabs{border-bottom:1px solid #e2e8f0;display:flex;gap:2px;margin-bottom:20px}.messages-content{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;height:600px}.messages-list{border:1px solid #e2e8f0;border-radius:12px;overflow-y:auto}.message-item{border-bottom:1px solid #f1f5f9;padding:16px}.message-item:hover{background:#f8fafc}.message-item.unread{background:#f0f9ff;border-left:3px solid #3b82f6}.message-item.selected{background:#e0f2fe}.message-from{color:#1e293b;font-weight:600}.message-time{color:#64748b;font-size:12px}.message-subject{align-items:center;display:flex;gap:8px;margin-bottom:4px}.unread-indicator{font-size:12px}.message-detail{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:20px}.message-detail-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:16px}.message-detail-meta{color:#64748b;font-size:14px;margin-bottom:20px}.message-detail-meta div{margin-bottom:4px}.message-detail-content{color:#1e293b;line-height:1.6}.close-detail{background:none;border:none;color:#64748b;cursor:pointer;font-size:18px;padding:4px}.close-detail:hover{color:#1e293b}:root{--text-primary:#1e293b;--text-secondary:#64748b;--dark-text-inlighttheme:#17191c;--light-text-inlighttheme:#fff;--text-muted:#94a3b8;--bg-primary:#fff;--bg-secondary:#f8fafc;--border-color:#e2e8f0}[data-theme=dark]{--text-primary:#f1f5f9;--text-secondary:#cbd5e1;--dark-text-indarktheme:#17191c;--light-text-indarktheme:#fff;--text-muted:#94a3b8;--bg-primary:#0f172a;--bg-secondary:#1e293b;--border-color:#334155}body{background-color:#fff;background-color:var(--bg-primary);color:#1e293b;color:var(--text-primary)}.text-primary{color:#1e293b!important;color:var(--text-primary)!important}.projectName{color:#22222b!important}.projectNamee{color:#72727b!important}.text-secondary{color:#64748b!important;color:var(--text-secondary)!important}.text-muted{color:#94a3b8!important;color:var(--text-muted)!important}div,h1,h2,h3,h4,h5,h6,p,span{color:#1e293b;color:var(--text-primary)}.form-control{border-color:#e2e8f0;border-color:var(--border-color)}.card,.dashboard-card,.form-control,.modal,.task-card{background-color:#fff;background-color:var(--bg-primary);color:#1e293b;color:var(--text-primary)}.card,.dashboard-card,.task-card{border-color:#e2e8f0;border-color:var(--border-color)}.debug-panel{background:#f8fafc!important;background:var(--bg-secondary)!important;border-color:#e2e8f0!important;border-color:var(--border-color)!important;color:#1e293b!important;color:var(--text-primary)!important}.team-list{display:flex;flex-direction:column;gap:12px}.team-member-item{align-items:center;background:#f8fafc;background:var(--bg-secondary);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:8px;display:flex;justify-content:space-between;padding:16px}.member-name{margin-bottom:4px}.member-role{font-size:14px;margin-bottom:2px}.member-email{font-size:12px}.pm-team-dashboard{padding:20px}.dashboard-tabs{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color);gap:2px;margin-bottom:24px}.tab{border-bottom:2px solid #0000;color:#64748b;color:var(--text-secondary);font-weight:500;gap:8px;padding:12px 20px;transition:all .2s ease}.tab.active{border-bottom-color:#3b82f6;color:#3b82f6}.tab:hover{background:var(--bg-secondary)}.overview-grid{grid-gap:20px;gap:20px;grid-template-columns:1fr 1fr}.members-grid,.project-list{display:flex;flex-direction:column;gap:12px}.project-item{background:var(--bg-secondary);padding:12px}.project-itemm{align-items:center;background:#f8fafc;background:var(--bg-secondary);border-radius:8px;display:flex;justify-content:space-between;padding:12px}.progress-stats{display:flex;flex-direction:column;gap:12px}.progress-item{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:8px 0}.tasks-grid{grid-gap:20px;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.task-card-pm{background:#fff;background:var(--bg-primary);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:12px;padding:20px;transition:all .2s ease}.task-card-pm:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.attendance-table{overflow-x:auto}.table{border-collapse:collapse;margin-top:16px;width:100%}.table td,.table th{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color);padding:12px;text-align:left}.table th{background:#f8fafc;background:var(--bg-secondary);font-weight:600}.members-grid{grid-gap:20px;gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.member-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;padding:20px}.attendance-status{border-radius:6px;font-size:14px;font-weight:500;gap:8px;padding:8px 12px}.dark-theme.attendance-status.present{background:#548d68;color:#87e9ab}.dark-theme.attendance-status.absent{background:#fee2e2;color:#dc2626}.task-info{align-items:center;background:#f8fafc;background:var(--bg-secondary);border-radius:6px;display:flex;font-size:14px;gap:8px;padding:8px 12px}@media (max-width:768px){.overview-grid{grid-template-columns:1fr}.dashboard-tabs{flex-wrap:wrap}.members-grid,.tasks-grid{grid-template-columns:1fr}}.project-team-assignment{padding:2rem}.team-assignment-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}.project-team-card{background:#fff;background:var(--bg-primary);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:1rem;padding:1.5rem;transition:all .2s ease}.project-team-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.project-header{margin-bottom:1rem}.project-info h3{font-size:1.25rem;margin:0 0 .5rem}.project-info p{color:var(--text-secondary);font-size:.875rem}.project-badges{display:flex;flex-direction:column;gap:.5rem}.project-manager{background:#f8fafc;background:var(--bg-secondary);border-radius:.5rem;margin-bottom:1rem;padding:.75rem}.manager-info{align-items:center;display:flex;font-size:.875rem;gap:.5rem}.team-info{margin-bottom:1.5rem}.team-count{align-items:center;display:flex;font-size:.875rem;gap:.5rem;margin-bottom:.5rem}.team-members{font-size:.75rem;padding-left:1.25rem}.action-cards{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-bottom:3rem}.action-icon{background:var(--gradient-primary);color:var(--text-white)}.task-card-pm.overdue{background:linear-gradient(135deg,#fef2f2,#fff);background:linear-gradient(135deg,#fef2f2 0,var(--bg-primary) 100%);border-left:4px solid var(--danger-color)}[data-theme=dark] .task-card-pm.overdue{background:#f8fafc;background:var(--bg-secondary);border-left-color:var(--danger-color)}.overdue-label{color:var(--danger-color)}.members-detailed-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.member-detailed-card{background:#fff;background:var(--bg-primary);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:1rem;padding:1.5rem;transition:all .2s ease}.member-detailed-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.member-header{align-items:flex-start;margin-bottom:1rem}.member-avatar{background:var(--gradient-primary);color:var(--text-white)}.member-info h4{font-size:1.125rem;margin:0 0 .25rem}.member-info p{font-size:.875rem;margin:0}.member-stats{gap:.75rem}.stat-item{flex:1 1;padding:.5rem}.stat-value{font-size:.875rem}.today-attendance{background:#f8fafc;background:var(--bg-secondary);border-radius:.5rem;margin-top:1rem;padding:.75rem;text-align:center}.analytics-grid{grid-gap:1.5rem;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.analytics-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:1rem;padding:1.5rem}.completion-stats{margin-top:1rem}.completion-item{margin-bottom:.75rem}.completion-label{color:#64748b;color:var(--text-secondary);min-width:5rem}.completion-bar{background:#f8fafc;background:var(--bg-secondary);border-radius:.25rem;height:.5rem}.completion-fill{background:var(--gradient-success)}.completion-percent{color:#1e293b;color:var(--text-primary);font-weight:600}.attendance-analytics{margin-top:1rem}.attendance-stat{background:var(--bg-secondary);border-radius:.5rem;padding:.75rem}.task-filters .filter-buttons{display:flex;flex-wrap:wrap;gap:.5rem}.attendance-summary{align-items:center;gap:1.5rem}.summary-label{color:#64748b;color:var(--text-secondary)}.summary-value{font-size:1.125rem;font-weight:600}.progress-bar{background:#f8fafc;background:var(--bg-secondary);border-radius:.25rem;height:.5rem;margin-top:.5rem}.progress-fill{background:var(--gradient-primary)}.activity-item{align-items:center;border-bottom:1px solid var(--border-light);justify-content:space-between;padding:.75rem 0}.activity-item:last-child{border-bottom:none}.activity-info h4{font-size:.875rem;margin:0 0 .25rem}.activity-info p{font-size:.75rem;margin:0}.quick-stats{gap:1rem}.stat-item{background:var(--bg-secondary);border-radius:.5rem;padding:.75rem}.stat-label{color:#64748b;color:var(--text-secondary)}.stat-value{font-size:1rem;font-weight:600}.project-item-detailed,.project-itemm-detailed{align-items:flex-start;background:#f8fafc;background:var(--bg-secondary);border-radius:.5rem;display:flex;justify-content:space-between;margin-bottom:.75rem;padding:1rem}.project-item-detailed .project-info{flex:1 1}.project-item-detailed .project-info h4{font-size:1rem;margin:0 0 .25rem}.project-item-detailed .project-info p{font-size:.75rem;margin:0 0 .5rem}.project-itemm-detailed .project-info{flex:1 1}.project-itemm-detailed .project-info h4{font-size:1rem;margin:0 0 .25rem}.project-itemm-detailed .project-info p{font-size:.75rem;margin:0 0 .5rem}.project-progress{gap:.25rem}.attendance-table-container{background:#fff;background:var(--bg-primary);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:.75rem;overflow:hidden}.attendance-table{border-collapse:collapse;width:100%}.attendance-table th{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);padding:1rem}.attendance-table td{border-bottom:1px solid var(--border-light);padding:1rem}.font-weight-600{font-weight:600}@media (max-width:768px){.action-cards,.analytics-grid,.members-detailed-grid,.team-assignment-grid{grid-template-columns:1fr}.project-header{flex-direction:column;gap:1rem}.project-badges{flex-direction:row}.member-header{align-items:center;flex-direction:column;text-align:center}.view-header{flex-direction:column;gap:1rem}.attendance-summary{flex-direction:column;gap:.5rem}}.enhanced-action-cards{margin:2rem 0}.enhanced-action-cards h3{color:#1e293b;color:var(--text-primary);font-size:1.25rem;font-weight:600;margin-bottom:1.5rem}.action-cards-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.action-card{align-items:center;background:#fff;background:var(--bg-primary);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:1rem;cursor:pointer;display:flex;gap:1rem;padding:1.5rem;text-decoration:none;transition:all .2s ease}.action-card:hover{border-color:var(--primary-color);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.action-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:.75rem;color:#fff;display:flex;flex-shrink:0;font-size:1.25rem;height:3rem;justify-content:center;width:3rem}.action-content{flex:1 1}.action-content h4{font-size:1.125rem;font-weight:600;margin:0 0 .25rem}.action-content p{font-size:.875rem;margin:0}.action-arrow{color:#94a3b8;color:var(--text-muted);font-size:1rem;transition:all .2s ease}.action-card:hover .action-arrow{color:var(--primary-color);transform:translateX(4px)}.today-stats{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:1rem}.today-stat{background:#f8fafc;background:var(--bg-secondary);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:.75rem;gap:1rem;padding:1rem}.today-stat,.today-stat i{align-items:center;display:flex}.today-stat i{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:.5rem;color:#fff;font-size:1rem;height:2.5rem;justify-content:center;width:2.5rem}.today-stat div{display:flex;flex-direction:column}.stat-number{font-size:1.5rem}.stat-label{font-size:.75rem;margin-top:.25rem}.project-item{background:#fff;background:var(--bg-primary);border:1px solid var(--border-color);color:#1e293b;color:var(--text-primary);margin-bottom:1rem;padding:1rem}.project-item:hover{background:#f8fafc;background:var(--bg-secondary)}.project-item:last-child{border-bottom:none}.project-itemm:hover{background:#f8fafc;background:var(--bg-secondary);box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.project-itemm:last-child{border-bottom:none}.project-info h4{margin:0 0 .5rem}.project-info p{line-height:1.5;margin:0 0 1rem}.project-meta{margin-bottom:1rem}.project-meta span{font-size:.875rem}.project-progress{align-items:center;gap:.75rem}.progress-bar{background:var(--progress-bg);flex:1 1}.progress-fill{background:var(--color-primary);position:relative}.progress-fill:after{animation:shimmer 2s infinite;background:linear-gradient(90deg,#0000,#fff3 50%,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.project-progress span{font-size:.875rem;min-width:2.5rem}.performance-item{border-bottom:1px solid var(--border-light);padding:1rem}.performance-item:hover{background:#f8fafc;background:var(--bg-secondary);border-radius:.5rem;margin:0 -.5rem;padding:1rem 1.5rem}.performance-item:last-child{border-bottom:none}.employee-info{align-items:flex-start;display:flex;gap:12px}.employee-avatar{background-color:#e3f2fd;color:#1976d2;height:40px;width:40px}.employee-info>div:last-child{display:flex;flex-direction:column;justify-content:flex-start}.employee-info h4{line-height:1.2;margin:0 0 4px}.employee-info span{color:#666;font-size:.875rem;line-height:1.2;margin:0}.employee-status{margin-top:.25rem}.status-present{color:var(--success-color)}.status-absent,.status-present{align-items:center;display:flex;font-size:.75rem;font-weight:500;gap:.25rem}.status-absent{color:var(--danger-color)}.completion-rate{align-items:flex-end;display:flex;flex-direction:column;text-align:right}[data-theme=dark] .completion-rate{color:#17191b!important}.dark-theme.completion-rate span{font-size:1.125rem;font-weight:700;line-height:1}.completion-rate small{font-size:.6875rem;letter-spacing:.05em;margin-top:.125rem;text-transform:uppercase}@media (max-width:768px){.action-cards-grid{grid-template-columns:1fr}.today-stats{grid-template-columns:repeat(2,1fr)}.action-card{padding:1rem}.action-content h4{font-size:1rem}.action-content p{font-size:.8125rem}}@media (max-width:480px){.today-stats{grid-template-columns:1fr}.enhanced-action-cards{margin:1.5rem 0}.performance-item{align-items:flex-start;flex-direction:column;gap:.75rem}.completion-rate{align-self:flex-end}}.today-team-stats{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-top:1rem}.team-stat{background:#f8fafc;background:var(--bg-secondary);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:.75rem;gap:.75rem;padding:1rem}.team-stat,.team-stat i{align-items:center;display:flex}.team-stat i{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:.5rem;color:#fff;font-size:1rem;height:2.5rem;justify-content:center;width:2.5rem}.team-stat div{display:flex;flex-direction:column}.stat-number{font-size:1.25rem}.stat-label{font-size:.6875rem;margin-top:.125rem}.team-members-overview{display:flex;flex-direction:column;gap:1rem}.team-member-overview-item{align-items:center;background:#f8fafc;background:var(--bg-secondary);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:.75rem;display:flex;justify-content:space-between;padding:1rem;transition:all .2s ease}.team-member-overview-item:hover{box-shadow:var(--shadow-sm);transform:translateY(-1px)}.member-overview-info{align-items:center;display:flex;flex:1 1;gap:.75rem}.member-overview-info h4{font-size:.875rem;font-weight:600;margin:0 0 .25rem}.member-overview-info span{font-size:.75rem}.member-performance{align-items:flex-end;display:flex;flex-direction:column;gap:.125rem}.performance-rate{font-size:1rem;font-weight:700}.project-meta{font-size:.75rem;gap:1rem;margin-top:.5rem}.project-meta span{align-items:center;display:flex;gap:.25rem}.project-meta i{width:.75rem}.task-item{align-items:center;border-bottom:1px solid var(--border-light);padding:1rem}.task-item:hover{background:#f8fafc;background:var(--bg-secondary);border-radius:.5rem;margin:0 -.5rem;padding:1rem 1.5rem}.task-item:last-child{border-bottom:none}.task-info{flex:1 1}.task-info h3{font-size:.875rem;font-weight:600;margin:0 0 .25rem}[data-theme=dark] .task-info h3{color:#ca0b0b!important}.task-info p{font-size:.75rem;margin:0 0 .25rem}.task-info span{font-size:.6875rem}@media (max-width:768px){.today-team-stats{grid-template-columns:repeat(2,1fr)}.team-member-overview-item{align-items:flex-start;flex-direction:column;gap:1rem}.member-performance{align-self:flex-end}.project-meta{flex-direction:column;gap:.5rem}}@media (max-width:480px){.today-team-stats{grid-template-columns:1fr}.enhanced-action-cards{margin:1.5rem 0}}[data-theme=dark]{--text-primary:#f8fafc!important;--text-secondary:#e2e8f0!important;--text-muted:#cbd5e1!important;--text-white:#fff!important;--bg-primary:#0f172a!important;--bg-secondary:#1e293b!important;--bg-tertiary:#334155!important;--border-color:#334155!important;--border-light:#475569!important}[data-theme=dark] .dashboard-header h2{color:#fff!important;font-weight:600}[data-theme=dark] .dashboard-headerr p{color:#fff!important}[data-theme=dark] .dashboard-headerr h2{background-color:red;color:#fff!important;font-weight:600}[data-theme=dark] .dashboard-header p,[data-theme=dark] .text-primary{color:#000!important}[data-theme=dark] .text-secondary{color:#e2e8f0!important}[data-theme=dark] .text-muted{color:#cbd5e1!important}[data-theme=dark] .form-control{background-color:#1e293b!important;border-color:#475569!important;color:#f8fafc!important}[data-theme=dark] .form-control:focus{border-color:#3b82f6!important}[data-theme=dark] .form-control option,[data-theme=dark] .form-control:focus,[data-theme=dark] select.form-control{background-color:#1e293b!important;color:#f8fafc!important}[data-theme=dark] .tab{color:#cbd5e1!important}[data-theme=dark] .tab.active{border-bottom-color:#60a5fa!important;color:#60a5fa!important}[data-theme=dark] .tab:hover{background:#334155!important;color:#f8fafc!important}[data-theme=dark] .dashboard-tabs .tab{color:#cbd5e1!important}[data-theme=dark] .dashboard-tabs .tab.active{border-bottom-color:#60a5fa!important;color:#60a5fa!important}[data-theme=dark] .dashboard-tabs .tab:hover{background:#334155!important;color:#f8fafc!important}[data-theme=dark] .stat-info h3{color:#080b0e!important}[data-theme=dark] .stat-info p{color:#0d0e11!important}[data-theme=dark] .empinfo{color:#080b0e!important}[data-theme=dark] .empinfo p{color:#0d0e11!important}[data-theme=dark] .dashboard-card{background:#1e293b!important;border-color:#475569!important;color:#f8fafc!important}[data-theme=dark] .dashboard-card h3,[data-theme=dark] .project-item h4{color:#f8fafc!important}[data-theme=dark] .project-item p,[data-theme=dark] .project-item span,[data-theme=dark] .quick-stats .stat-item .stat-label{color:#cbd5e1!important}[data-theme=dark] .quick-stats .stat-item .stat-value{color:#f8fafc!important}[data-theme=dark] .completion-stats .completion-label{color:#cbd5e1!important}[data-theme=dark] .completion-stats .completion-percent{color:#f8fafc!important}[data-theme=dark] .attendance-stat .stat-label{color:#cbd5e1!important}[data-theme=dark] .attendance-stat .stat-value,[data-theme=dark] .no-data h3{color:#f8fafc!important}[data-theme=dark] .no-data p{color:#cbd5e1!important}[data-theme=dark] .today-team-stats .stat-number{color:#f8fafc!important}[data-theme=dark] .today-team-stats .stat-label{color:#cbd5e1!important}[data-theme=dark] .team-stat .stat-number{color:#f8fafc!important}[data-theme=dark] .team-stat .stat-label{color:#cbd5e1!important}[data-theme=dark] .page-header .header-content h2,[data-theme=dark] .page-header .header-content p{color:#000!important}[data-theme=dark] .view-header h3{color:#f8fafc!important}[data-theme=dark] .summary-card{background:#1e293b!important;border-color:#475569!important}[data-theme=dark] .summary-info h3{color:#f8fafc!important}[data-theme=dark] .summary-info p{color:#cbd5e1!important}[data-theme=dark] .Logo{color:#020a13!important;font-weight:bolder}[data-theme=dark] .analytics-card{background:#1e293b!important;border-color:#475569!important}[data-theme=dark] .analytics-card h4{color:#f8fafc!important}[data-theme=dark] .member-detailed-card{background:#1e293b!important;border-color:#475569!important}[data-theme=dark] .member-detailed-card .member-info h4{color:#f8fafc!important}[data-theme=dark] .member-detailed-card .member-info p,[data-theme=dark] .stat-item .stat-label{color:#cbd5e1!important}[data-theme=dark] .stat-item .stat-value{color:#f8fafc!important}[data-theme=dark] .task-card-pm{background:#1e293b!important;border-color:#475569!important}[data-theme=dark] .task-card-pm .task-header h4{color:#f8fafc!important}[data-theme=dark] .task-card-pm p,[data-theme=dark] .task-meta,[data-theme=dark] .task-meta div{color:#cbd5e1!important}[data-theme=dark] .attendance-table th{background:#334155!important;border-bottom-color:#475569!important;color:#f8fafc!important}[data-theme=dark] .attendance-table td{border-bottom-color:#334155!important;color:#e2e8f0!important}[data-theme=dark] .employee-name{color:#f8fafc!important}[data-theme=dark] select{border:1px solid #475569!important}[data-theme=dark] select,[data-theme=dark] select option{background-color:#1e293b!important;color:#f8fafc!important}[data-theme=dark] *{color:inherit}[data-theme=dark] h1,[data-theme=dark] h2,[data-theme=dark] h3,[data-theme=dark] h4,[data-theme=dark] h5,[data-theme=dark] h6{color:#f8fafc!important}[data-theme=dark] p{color:#e2e8f0!important}[data-theme=dark] span{color:inherit!important}[data-theme=dark] .btn-outline{border-color:#475569!important;color:#e2e8f0!important}[data-theme=dark] .btn-outline:hover,[data-theme=dark] .btn-secondary{background:#334155!important;color:#f8fafc!important}[data-theme=dark] .btn-secondary{border-color:#475569!important}[data-theme=dark] .btn-secondary:hover{background:#475569!important;color:#f8fafc!important}[data-theme=dark] .filter-buttons .btn{border-color:#475569!important;color:#cbd5e1!important}[data-theme=dark] .filter-buttons .btn:hover{background:#334155!important;color:#f8fafc!important}[data-theme=dark] .header-actions .form-control,[data-theme=dark] .header-actions select{background-color:#1e293b!important;border-color:#475569!important;color:#f8fafc!important}[data-theme=dark] select.form-control{background-image:linear-gradient(135deg,#475569,#334155),url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%23f8fafc' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m6 8 4 4 4-4'/%3E%3C/svg%3E")!important}.employees-view{background:#f5f5f5;min-height:100vh;padding:2rem}.employees-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:2rem}.employees-header .header-content h2{font-size:2rem;font-weight:700;margin:0 0 .5rem}.employees-header .header-content p{font-size:1.125rem;margin:0}.employees-controls{align-items:center;display:flex;flex-wrap:wrap;gap:1.5rem;margin-bottom:2rem}.search-box{flex:1 1;max-width:400px;min-width:300px;position:relative}.search-box i{color:#94a3b8;color:var(--text-muted);left:1rem;position:absolute;top:50%;transform:translateY(-50%);z-index:1}.search-input{background:#fff;background:var(--bg-primary);border:2px solid #e2e8f0;border:2px solid var(--border-color);border-radius:12px;color:#1e293b;color:var(--text-primary);font-size:1rem;padding:.75rem 1rem .75rem 2.5rem;transition:all .3s ease;width:100%}.search-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #3b82f61a;outline:none}.filter-controls{display:flex;gap:1rem}.filter-select{background:#fff;background:var(--bg-primary);border:2px solid #e2e8f0;border:2px solid var(--border-color);border-radius:12px;color:#1e293b;color:var(--text-primary);cursor:pointer;font-size:.875rem;min-width:150px;padding:.75rem 1rem;transition:all .3s ease}.filter-select:focus{border-color:var(--primary-color);outline:none}.employee-stats{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:2rem}.employee-stats .stat-item{background:#fff;background:var(--bg-primary);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;text-align:center;transition:all .2s ease}.employee-stats .stat-item:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.employee-stats .stat-number{color:var(--primary-color);display:block;font-size:2rem;font-weight:700;line-height:1}.employee-stats .stat-label{color:#64748b;color:var(--text-secondary);display:block;font-size:.875rem;letter-spacing:.05em;margin-top:.5rem;text-transform:uppercase}.employees-grid{grid-gap:1.5rem;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.employee-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:16px;overflow:hidden;position:relative;transition:all .3s ease}.employee-card:hover{border-color:var(--primary-color);box-shadow:0 12px 24px #00000026;color:#000;transform:translateY(-4px)}.employee-card-header{background:linear-gradient(135deg,#667eea,#764ba2);padding:2rem 1.5rem 1rem;position:relative;text-align:center}.employee-avatar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:3px solid #ffffff4d;box-shadow:0 4px 12px #0003;font-size:1.5rem;font-weight:700;height:4rem;margin:0 auto;width:4rem}.employee-status{position:absolute;right:1rem;top:1rem}.status-dot{border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px #0003;height:12px;width:12px}.employee-details{padding:1.5rem}.employee-name{color:#1e293b;color:var(--text-primary);font-size:1.25rem;font-weight:600;margin:0 0 .5rem;text-align:center}.employee-email{color:var(--text-secondary);font-size:.875rem;margin:0 0 1rem;text-align:center}.employee-badges{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-bottom:1rem}.department-badge,.role-badge{border-radius:20px;color:#fff;font-size:.75rem;font-weight:600;letter-spacing:.05em;padding:.25rem .75rem;text-transform:uppercase}.employee-meta{flex-direction:column;gap:.5rem}.meta-item{align-items:center;color:#64748b;color:var(--text-secondary);display:flex;font-size:.875rem;gap:.5rem}.meta-item i{color:var(--primary-color);width:1rem}.employee-actions{background:#f8fafc;background:var(--bg-secondary);border-top:1px solid #e2e8f0;border-top:1px solid var(--border-color);display:flex;gap:.5rem;padding:1rem 1.5rem}.action-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;flex:1 1;font-size:.75rem;font-weight:600;gap:.25rem;justify-content:center;padding:.5rem .75rem;transition:all .2s ease}.view-btn{background:#e0f2fe;color:#0369a1}.view-btn:hover{background:#bae6fd;transform:translateY(-1px)}.edit-btn{background:#fef3c7;color:#d97706}.edit-btn:hover{background:#fde68a;transform:translateY(-1px)}.message-btn{background:#dcfce7;color:#16a34a}.message-btn:hover{background:#bbf7d0;transform:translateY(-1px)}.no-employees{background:#fff;background:var(--bg-primary);border:2px dashed #e2e8f0;border:2px dashed var(--border-color);border-radius:16px;grid-column:1/-1;padding:4rem 2rem;text-align:center}.no-employees-icon{align-items:center;background:#f8fafc;background:var(--bg-secondary);border-radius:50%;color:#94a3b8;color:var(--text-muted);display:flex;font-size:1.5rem;height:4rem;justify-content:center;margin:0 auto 1.5rem;width:4rem}.no-employees h3{color:#1e293b;color:var(--text-primary);font-size:1.5rem;margin:0 0 .5rem}.no-employees p{color:#64748b;color:var(--text-secondary);font-size:1rem;margin:0 0 1.5rem}[data-theme=dark] .employees-view,[data-theme=dark] .search-input{background:#f8fafc;background:var(--bg-secondary)}[data-theme=dark] .search-input{border-color:#e2e8f0;border-color:var(--border-color);color:#1e293b;color:var(--text-primary)}[data-theme=dark] .search-input:focus{border-color:var(--primary-color)}[data-theme=dark] .filter-select{background:#f8fafc;background:var(--bg-secondary);border-color:#e2e8f0;border-color:var(--border-color);color:#1e293b;color:var(--text-primary)}[data-theme=dark] .employee-actions{background:var(--bg-tertiary);border-top-color:#e2e8f0;border-top-color:var(--border-color)}[data-theme=dark] .no-employees{background:#f8fafc;background:var(--bg-secondary);border-color:#e2e8f0;border-color:var(--border-color)}@media (max-width:768px){.employees-view{padding:1rem}.employees-header{align-items:stretch}.employees-controls,.employees-header{flex-direction:column;gap:1rem}.search-box{max-width:none;min-width:auto}.filter-controls{flex-direction:column}.filter-select{min-width:auto}.employees-grid{grid-template-columns:1fr}.employee-stats{grid-template-columns:repeat(2,1fr)}.employee-actions{flex-direction:column;gap:.75rem}.action-btn{padding:.75rem}}@media (max-width:480px){.employee-stats{grid-template-columns:1fr}.employee-badges{align-items:center;flex-direction:column}}.dropdown-item{color:#1e293b;color:var(--text-primary);font-size:.875rem;gap:.75rem;padding:.75rem 1rem}.dropdown-item:hover{background:#f8fafc;background:var(--bg-secondary)}.dropdown-item i{color:var(--text-secondary);width:1rem}.logout-btn{color:var(--danger-color)}.logout-btn:hover{background:#ef44441a}.logout-btn i{color:var(--danger-color)}.profile-page,.settings-page{background:#f8fafc;background:var(--bg-secondary);min-height:calc(100vh - 80px);padding:2rem}.profile-container,.settings-container{margin:0 auto;max-width:900px}.profile-header-section{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;box-shadow:0 20px 40px #667eea4d;margin-bottom:2rem;overflow:hidden;padding:3rem;position:relative}.profile-header-section:before{background:radial-gradient(circle at 20% 50%,#ffffff1a 0,#0000 50%),radial-gradient(circle at 80% 20%,#ffffff14 0,#0000 50%);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.profile-avatar-section{align-items:center;display:flex;gap:2rem;margin-bottom:2rem;position:relative;z-index:1}.profile-avatar-large{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:4px solid #ffffff4d;border-radius:50%;box-shadow:0 8px 32px #0000004d;color:#fff;display:flex;font-size:2.5rem;font-weight:700;height:7rem;justify-content:center;transition:all .3s ease;width:7rem}.profile-avatar-large:hover{box-shadow:0 12px 40px #0006;transform:scale(1.05)}.profile-info h2{color:#fff;font-size:2.5rem;font-weight:700;margin:0 0 .5rem;text-shadow:0 2px 4px #0000004d}.role-display{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff4d;border-radius:20px;color:#fff;display:inline-block;font-size:1rem;font-weight:600;margin-bottom:.5rem;padding:.5rem 1rem}.join-date{color:#ffffffe6;font-size:.875rem;font-weight:500;margin:0}.profile-actions{margin-top:1.5rem}.profile-stats{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(3,1fr);position:relative;text-align:center;z-index:1}.profile-stats .stat-item{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:15px;padding:1.5rem;transition:all .3s ease}.profile-stats .stat-item:hover{background:#ffffff26;box-shadow:0 10px 30px #0003;transform:translateY(-5px)}.profile-stats .stat-value{color:#fff;display:block;font-size:1.125rem;font-weight:700;margin-bottom:.5rem;text-shadow:0 1px 2px #0000004d}.profile-stats .stat-label{color:#fffc;font-size:.75rem;font-weight:500;letter-spacing:.05em;text-transform:uppercase}.profile-form-section{background:#fff;background:var(--bg-primary);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:20px;box-shadow:0 10px 30px #00000014;overflow:hidden;padding:3rem;position:relative}.profile-form-section:before{animation:shimmer 3s ease-in-out infinite;background:linear-gradient(90deg,#667eea,#764ba2,#667eea);background-size:200% 100%;content:"";height:4px;left:0;position:absolute;right:0;top:0}@keyframes shimmer{0%,to{background-position:200% 0}50%{background-position:-200% 0}}.form-header{border-bottom:2px solid #e2e8f0;border-bottom:2px solid var(--border-color);margin-bottom:3rem;padding-bottom:1.5rem;text-align:center}.form-header h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;color:#1e293b;color:var(--text-primary);font-size:2rem;font-weight:700;margin:0 0 .5rem}.form-header p{color:#64748b;color:var(--text-secondary);font-size:1.125rem;margin:0}.form-actions{border-top:2px solid #e2e8f0;border-top:2px solid var(--border-color);display:flex;gap:1.5rem;justify-content:center;margin-top:3rem;padding-top:2rem}.form-actions .btn{border-radius:12px;font-size:1rem;font-weight:600;min-width:150px;padding:1rem 2rem;transition:all .3s ease}.form-actions .btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);border:none;box-shadow:0 4px 15px #667eea66;color:#fff}.form-actions .btn-primary:hover{box-shadow:0 8px 25px #667eea80;transform:translateY(-2px)}.form-actions .btn-secondary{background:#f8fafc;background:var(--bg-secondary);border:2px solid #e2e8f0;border:2px solid var(--border-color);color:#1e293b;color:var(--text-primary)}.form-actions .btn-secondary:hover{background:var(--bg-tertiary);transform:translateY(-2px)}.settings-header{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;box-shadow:0 20px 40px #667eea4d;color:#fff;margin-bottom:3rem;overflow:hidden;padding:2rem;position:relative;text-align:center}.settings-header:before{background:radial-gradient(circle at 30% 60%,#ffffff1a 0,#0000 50%),radial-gradient(circle at 70% 30%,#ffffff14 0,#0000 50%);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.settings-header h2{font-size:2.5rem;font-weight:700;margin:0 0 .5rem;position:relative;text-shadow:0 2px 4px #0000004d;z-index:1}.settings-header p{font-size:1.125rem;margin:0;opacity:.9;position:relative;z-index:1}.settings-tabs{background:#fff;background:var(--bg-primary);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:20px;box-shadow:0 4px 12px #0000000d;display:flex;gap:.5rem;margin-bottom:2rem;padding:.5rem}.settings-tab{align-items:center;background:none;border:none;border-radius:15px;color:#64748b;color:var(--text-secondary);cursor:pointer;display:flex;flex:1 1;font-size:.875rem;font-weight:600;gap:.75rem;justify-content:center;overflow:hidden;padding:1rem 1.5rem;position:relative;transition:all .3s ease}.settings-tab:before{background:linear-gradient(90deg,#0000,#667eea1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.settings-tab:hover:before{left:100%}.settings-tab.active{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 15px #667eea66;color:#fff;transform:translateY(-2px)}.settings-tab:hover:not(.active){background:#f8fafc;background:var(--bg-secondary);color:#1e293b;color:var(--text-primary);transform:translateY(-2px)}.settings-content{background:#fff;background:var(--bg-primary);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:20px;box-shadow:0 10px 30px #00000014;min-height:500px;padding:3rem}.section-header,.settings-section{margin-bottom:2rem}.section-header{border-bottom:2px solid #e2e8f0;border-bottom:2px solid var(--border-color);padding-bottom:1rem}.section-header h3{color:#1e293b;color:var(--text-primary);font-size:1.5rem;font-weight:700;margin:0 0 .5rem}.section-header p{color:#64748b;color:var(--text-secondary);font-size:1rem;margin:0}.settings-form{max-width:600px}.password-requirements{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:15px;margin:2rem 0;padding:2rem;position:relative}[data-theme=dark] .password-requirements{background:linear-gradient(135deg,#1e293b,#334155)}.password-requirements:before{content:"🔒";font-size:1.5rem;opacity:.3;position:absolute;right:1rem;top:1rem}.password-requirements h5{color:#000;font-size:1rem;font-weight:600;margin:0 0 1rem}.password-requirements ul{list-style:none;margin:0;padding-left:1.5rem}.password-requirements li{font-size:.875rem;margin-bottom:.5rem;padding-left:.5rem;position:relative;transition:all .3s ease}.password-requirements li:before{content:"✓";font-weight:700;left:-1.25rem;position:absolute;transition:all .3s ease}.password-requirements li.valid{color:green;font-weight:600}.password-requirements li.valid:before{color:#000;transform:scale(1.2)}.password-requirements li.invalid{color:red}.password-requirements li.invalid:before{color:#000;content:"○"}.preferences-grid{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:1fr 1fr;margin-bottom:2rem}.preference-group{background:#f8fafc;background:var(--bg-secondary);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:15px;padding:2rem;transition:all .3s ease}.preference-group:hover{box-shadow:0 8px 25px #0000001a;transform:translateY(-2px)}.preference-group h4{border-bottom:2px solid #e2e8f0;border-bottom:2px solid var(--border-color);color:#1e293b;color:var(--text-primary);font-size:1.25rem;font-weight:700;margin:0 0 1.5rem;padding-bottom:.75rem;position:relative}.preference-group h4:after{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:1px;bottom:-2px;content:"";height:2px;left:0;position:absolute;width:40px}.checkbox-group{margin-bottom:1.5rem}.checkbox-label{align-items:center;border:1px solid #0000;border-radius:10px;color:#1e293b;color:var(--text-primary);cursor:pointer;display:flex;font-size:.875rem;gap:1rem;padding:1rem;transition:all .3s ease}.checkbox-label:hover{background:#fff;background:var(--bg-primary);border-color:#e2e8f0;border-color:var(--border-color);transform:translateX(5px)}.checkbox-label input[type=checkbox]{accent-color:var(--primary-color);border-radius:4px;height:1.25rem;width:1.25rem}.settings-info{margin-top:3rem}.info-card{background:linear-gradient(135deg,#f8fafc,#fff);background:linear-gradient(135deg,var(--bg-secondary) 0,var(--bg-primary) 100%);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:15px;padding:2rem;position:relative}.info-card:before{background:linear-gradient(90deg,#667eea,#764ba2);border-radius:15px 15px 0 0;content:"";height:3px;left:0;position:absolute;right:0;top:0}.info-card h4{color:#1e293b;color:var(--text-primary);font-size:1.25rem;font-weight:700;margin:0 0 1.5rem}.info-row{align-items:center;border-bottom:1px solid var(--border-light);display:flex;font-size:.875rem;justify-content:space-between;padding:1rem 0;transition:all .2s ease}.info-row:hover{background:#fff;background:var(--bg-primary);border-radius:8px;margin:0 -1rem;padding:1rem}.info-row:last-child{border-bottom:none}.info-row span:first-child{color:#64748b;color:var(--text-secondary);font-weight:500}.info-row span:last-child{color:#1e293b;color:var(--text-primary);font-weight:600}.status-active{color:var(--success-color)!important;font-weight:700!important}.settings-footer{border-top:2px solid #e2e8f0;border-top:2px solid var(--border-color);margin-top:3rem;padding-top:2rem;text-align:center}.settings-footer .btn{border-radius:12px;font-weight:600;min-width:150px;padding:1rem 2rem}.error-page{align-items:center;background:#fff;background:var(--bg-primary);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:20px;box-shadow:0 10px 30px #0000001a;display:flex;flex-direction:column;justify-content:center;margin:2rem;min-height:400px;padding:3rem;text-align:center}.error-page h2{color:#1e293b;color:var(--text-primary);font-size:2rem;margin-bottom:1rem}.error-page p{color:#64748b;color:var(--text-secondary);font-size:1.125rem;margin-bottom:2rem}.form-control{background:#fff;background:var(--bg-primary);border:2px solid #e2e8f0;border:2px solid var(--border-color);border-radius:12px;font-size:1rem;padding:1rem 1.5rem;position:relative;transition:all .3s ease}.form-control:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;transform:translateY(-1px)}.form-label{color:#1e293b;color:var(--text-primary);font-size:.875rem;font-weight:600;letter-spacing:.05em;margin-bottom:.5rem;text-transform:uppercase}@media (max-width:768px){.profile-page,.settings-page{padding:1rem}.profile-container,.settings-container{margin:0}.profile-avatar-section{flex-direction:column;gap:1.5rem;text-align:center}.profile-stats{gap:1rem;grid-template-columns:1fr}.preferences-grid{gap:2rem;grid-template-columns:1fr}.form-actions,.settings-tabs{flex-direction:column}.form-actions{gap:1rem}.form-actions .btn{width:100%}.profile-avatar-large{font-size:2rem;height:5rem;width:5rem}.profile-info h2,.settings-header h2{font-size:2rem}}@media (max-width:480px){.profile-form-section,.profile-header-section,.settings-content{padding:2rem}.profile-avatar-large{font-size:1.5rem;height:4rem;width:4rem}.profile-info h2{font-size:1.5rem}}.action-btn.remove-btn{background:#ef4444;color:#fff}.action-btn.remove-btn:hover{background:#dc2626}.action-btn.reset-btn{background:#f59e0b;color:#fff}.action-btn.reset-btn:hover{background:#d97706}.project-card{background-color:#fff!important;color:red}.meta-textt{color:#000}[data-theme=dark] .lightindarktheme{color:var(--light-text-indarktheme)!important}[data-theme=dark] .darkindarktheme{color:var(--dark-text-indarktheme)!important}.task-board{background:#fff;background:var(--bg-primary,#f8fafc);min-height:100vh;padding:2rem}.page-header{align-items:flex-start;border-bottom:2px solid #e2e8f0;border-bottom:2px solid var(--border-color,#e2e8f0);margin-bottom:2rem;padding-bottom:1rem}.header-content h2{color:#1a1a1a!important;font-size:2rem;font-weight:700;margin:0 0 .5rem}.header-content p{color:#6b7280!important;font-size:1.125rem;margin:0}.kanban-board{grid-gap:2rem;gap:2rem;margin-bottom:2rem}.kanban-column{border-radius:16px;box-shadow:0 4px 12px #0000000d}.column-header{color:#fff;padding:1.5rem}.column-content{gap:1rem;max-height:70vh;overflow-y:auto;padding:1.5rem}.task-card{border-radius:12px;box-shadow:0 2px 8px #00000014}.task-card:hover{border-color:#667eea;box-shadow:0 8px 25px #00000026;transform:translateY(-2px)}.task-header{margin-bottom:1rem}.task-description{color:#4a5568!important;margin:0 0 1rem}.task-meta{gap:.5rem;margin-bottom:1rem}.task-assignee,.task-due-date,.task-project{align-items:center;display:flex;font-size:.8125rem;gap:.5rem}.task-assignee i,.task-due-date i,.task-project i{color:#9ca3af!important;text-align:center;width:14px}.task-progress{margin-bottom:1rem}.progress-info{margin-bottom:.5rem}.progress-text{color:#374151!important;font-size:.8125rem;font-weight:500}.progress-bar{height:6px}.progress-bar,.progress-fill{border-radius:3px}.task-actions{gap:.5rem}.task-completed,.task-completed i{color:#10b981!important}.no-tasks{color:#9ca3af!important;padding:2rem;text-align:center}.no-tasks i{color:#d1d5db!important;font-size:2.5rem;margin-bottom:1rem}.no-tasks p{color:#6b7280!important;font-size:.875rem;margin:0}.priority-badge{border-radius:20px;font-size:.75rem;font-weight:600;padding:.375rem .75rem;text-transform:capitalize;white-space:nowrap}.priority-low{background:#d1fae5;color:#065f46!important}.priority-medium{background:#fef3c7;color:#92400e!important}.priority-high{background:#fed7aa;color:#9a3412!important}.priority-urgent{background:#fecaca;color:#991b1b!important}.form-helper{margin-top:.25rem}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0009}.form-control{background:#fff!important;border:2px solid #e5e7eb!important;border-radius:12px!important;box-shadow:inset 0 2px 4px #00000005!important;color:#1f2937!important;font-size:1rem!important;font-weight:500!important;padding:1rem 1.5rem!important;transition:all .3s ease!important;width:100%!important}.form-control:focus{background:#fff!important;border-color:#667eea!important;box-shadow:0 0 0 3px #667eea1a,inset 0 2px 4px #00000005,0 4px 12px #667eea26!important;outline:none!important;transform:translateY(-1px)!important}.form-control:disabled{background:#f9fafb!important;color:#9ca3af!important;cursor:not-allowed!important}.form-control::placeholder{color:#9ca3af!important;font-weight:400!important}select.form-control{-webkit-appearance:none!important;appearance:none!important;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E")!important;background-position:right 12px center!important;background-repeat:no-repeat!important;background-size:16px!important;cursor:pointer!important;padding-right:40px!important}textarea.form-control{font-family:inherit!important;line-height:1.5!important;min-height:100px!important;resize:vertical!important}.form-label{color:#374151!important;display:block!important;font-size:.875rem!important;font-weight:600!important;letter-spacing:.05em!important;margin-bottom:.5rem!important;text-transform:uppercase!important}@media (prefers-color-scheme:dark){.task-board{background:#0f172a}.kanban-column,.task-card{background:#1e293b;border-color:#475569}.task-title{color:#f8fafc!important}.task-description{color:#cbd5e1!important}.meta-text,.progress-text{color:#e2e8f0!important}.header-content h2{color:#f8fafc!important}.header-content p,.no-tasks{color:#94a3b8!important}.no-tasks p{color:#6b7280!important}.form-control{background:#374151!important;border-color:#4b5563!important;color:#f9fafb!important}.form-control:focus{background:#374151!important;border-color:#667eea!important}.form-label{color:#e5e7eb!important}.form-helper{color:#9ca3af!important}}[data-theme=dark] .task-board{background:#0f172a}[data-theme=dark] .kanban-column,[data-theme=dark] .task-card{background:#1e293b;border-color:#475569}[data-theme=dark] .task-title{color:#f8fafc!important}[data-theme=dark] .task-description{color:#cbd5e1!important}[data-theme=dark] .meta-text,[data-theme=dark] .progress-text{color:#e2e8f0!important}[data-theme=dark] .header-content h2{color:#f8fafc!important}[data-theme=dark] .header-content p{color:#94a3b8!important}[data-theme=dark] .form-control{background:#374151!important;border-color:#4b5563!important;color:#f9fafb!important}[data-theme=dark] .form-control:focus{background:#374151!important;border-color:#667eea!important}[data-theme=dark] .form-label{color:#e5e7eb!important}@media (max-width:1200px){.kanban-board{gap:1.5rem}}@media (max-width:968px){.kanban-board{gap:1rem;grid-template-columns:1fr}.column-content{max-height:50vh}}@media (max-width:768px){.task-board{padding:1rem}.page-header{align-items:stretch;flex-direction:column;gap:1rem}.task-card{padding:1rem}.task-header{align-items:flex-start;flex-direction:column;gap:.5rem}.column-content{max-height:40vh;padding:1rem}}.task-card{animation:fadeInUp .3s ease-out}.column-header h3{color:#000!important;font-size:1.25rem;font-weight:600}.task-count{background:#fff3;border-radius:20px;color:#fff!important;font-size:.875rem;min-width:2rem;padding:.5rem 1rem;text-align:center}[data-theme=dark] .column-header h3,[data-theme=light] .column-header h3{color:#000!important}@media (prefers-color-scheme:dark){.column-header h3{color:#000!important}.task-count{color:#fff!important}}@media (prefers-color-scheme:light){.column-header h3{color:#000!important}.task-count{color:#fff!important}}.kanban-column .column-header *{color:#000!important}.modal-header h3{font-size:1.5rem}.modal-header h3,[data-theme=dark] .modal-header h3{color:#fff!important}@media (prefers-color-scheme:dark){.modal-header h3{color:#fff!important}}.form-helper{color:#6b7280!important;display:block;font-size:.75rem;font-style:italic;margin-top:.5rem}[data-theme=dark] .form-helper{color:#9ca3af!important}@media (prefers-color-scheme:dark){.form-helper{color:#9ca3af!important}}.form-control option{font-size:.875rem;padding:.5rem}input[type=date].form-control{position:relative}.pm-team-dashboard{background:#f8fafc;background:var(--bg-secondary,#f8fafc);min-height:100vh;padding:2rem}.access-denied{background:#fff;background:var(--bg-primary,#fff);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:16px;margin:2rem;padding:4rem 2rem;text-align:center}.access-denied-title{color:#1a1a1a!important;font-size:2rem;font-weight:700;margin-bottom:1rem}.access-denied-text{color:#6b7280!important;font-size:1.125rem;margin:0}.dashboard-header{align-items:flex-start;border-bottom:2px solid #e2e8f0;border-bottom:2px solid var(--border-color,#e2e8f0);display:flex;justify-content:space-between;margin-bottom:2rem;padding-bottom:1.5rem}.header-content{flex:1 1}.dashboard-title{color:#1a1a1a!important;font-size:2.5rem;font-weight:700;line-height:1.2;margin:0 0 .5rem}.dashboard-subtitle{color:#6b7280!important;font-size:1.125rem;line-height:1.4;margin:0}.header-actions{align-items:center;display:flex;gap:1rem}.date-filter-select{max-width:200px;min-width:150px}.dashboard-stats{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:2rem}.stat-card{background:var(--bg-primary,#fff);border:1px solid var(--border-color,#e2e8f0);border-radius:16px;box-shadow:0 4px 12px #0000000d;gap:1.5rem;padding:2rem;transition:all .3s ease}.stat-card:hover{box-shadow:0 8px 25px #00000026}.stat-icon{flex-shrink:0;font-size:1.5rem;height:4rem;width:4rem}.stat-number{color:#1a1a1a!important;font-size:2.5rem;font-weight:700;line-height:1;margin:0 0 .25rem}.stat-label{letter-spacing:.05em;margin:0;text-transform:uppercase}.dashboard-tabs{background:#fff;background:var(--bg-primary,#fff);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:16px;box-shadow:0 2px 8px #0000000d;display:flex;gap:.5rem;margin-bottom:2rem;overflow-x:auto;padding:.5rem}.tab{align-items:center;background:none;border:none;border-radius:12px;color:#6b7280!important;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.75rem;overflow:hidden;padding:1rem 1.5rem;position:relative;transition:all .3s ease;white-space:nowrap}.tab:before{background:linear-gradient(90deg,#0000,#3b82f61a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.tab:hover:before{left:100%}.tab:hover{background:#f8fafc;background:var(--bg-secondary,#f8fafc);color:#374151!important}.tab.active,.tab:hover{transform:translateY(-2px)}.tab.active{background:linear-gradient(135deg,#3b82f6,#1d4ed8);box-shadow:0 4px 15px #3b82f666;color:#fff!important}.dashboard-content{background:#fff;border:1px solid #e2e8f0;border-radius:20px;box-shadow:0 8px 25px #00000014;min-height:500px}.dashboard-card,.dashboard-content{background:var(--bg-primary,#fff);border:1px solid var(--border-color,#e2e8f0);padding:2rem}.dashboard-card{border-radius:16px;box-shadow:0 4px 12px #0000000d;margin-bottom:2rem}.card-title{border-bottom:2px solid #e2e8f0;border-bottom:2px solid var(--border-color,#e2e8f0);color:#1a1a1a!important;font-size:1.5rem;font-weight:700;margin:0 0 1.5rem;padding-bottom:1rem}.overview-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:2fr 1fr}.project-list{display:flex;flex-direction:column;gap:1rem}.project-item{background:var(--bg-secondary,#f8fafc);border:1px solid var(--border-color,#e2e8f0);border-radius:12px;padding:1.5rem;transition:all .3s ease}.project-item:hover{border-color:#3b82f6;box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.project-info{flex:1 1}.project-name{color:#1a1a1a!important;font-size:1.125rem;font-weight:600;margin:0 0 .5rem}.project-members{color:#6b7280!important;font-size:.875rem;margin:0 0 1rem}.project-progress{gap:.5rem}.progress-label{color:#374151!important;font-size:.875rem;font-weight:500}.progress-bar{background:#e5e7eb;width:100%}.quick-stats{display:flex;flex-direction:column;gap:1.5rem}.stat-item{align-items:center;background:#f8fafc;background:var(--bg-secondary,#f8fafc);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:8px;display:flex;justify-content:space-between;padding:1rem}.stat-label{color:#6b7280!important;font-size:.875rem;font-weight:500}.stat-value{color:#1a1a1a!important;font-size:1.25rem;font-weight:700}.stat-danger{color:#dc2626!important}.stat-warning{color:#d97706!important}.stat-success{color:#059669!important}.tasks-view{padding:0}.view-header{align-items:flex-start;border-bottom:2px solid #e2e8f0;border-bottom:2px solid var(--border-color,#e2e8f0);display:flex;justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem}.view-title{color:#1a1a1a!important;font-size:1.75rem;font-weight:700;margin:0}.task-filters{align-items:center;display:flex}.filter-buttons{display:flex;flex-wrap:wrap;gap:.5rem}.tasks-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}.task-card{background:var(--bg-primary,#fff);border:1px solid var(--border-color,#e2e8f0);border-radius:16px;box-shadow:0 4px 12px #0000000d;display:flex;flex-direction:column;gap:1rem;overflow:hidden;padding:1.5rem;position:relative;transition:all .3s ease}.task-card:hover{border-color:#3b82f6;box-shadow:0 12px 30px #00000026;transform:translateY(-4px)}.task-overdue{background:linear-gradient(135deg,#dc26260d,#fff);background:linear-gradient(135deg,#dc26260d 0,var(--bg-primary,#fff) 100%);border-left:4px solid #dc2626!important}.task-header{gap:1rem}.task-title{color:#1a1a1a!important;flex:1 1;font-size:1.125rem;font-weight:600;line-height:1.4;margin:0}.task-badges{display:flex;flex-shrink:0;gap:.5rem}.task-description{color:#6b7280!important;font-size:.875rem;line-height:1.5;margin:0}.task-meta{gap:.75rem}.task-meta-item{align-items:center;display:flex;font-size:.8125rem;gap:.75rem}.task-meta-item i{color:#9ca3af!important;flex-shrink:0;text-align:center;width:16px}.meta-text{color:#374151!important;font-weight:500}.overdue-label{background:#dc26261a;border-radius:4px;color:#dc2626!important;font-size:.75rem;font-weight:700;margin-left:.5rem;padding:.125rem .375rem}.task-actions{border-top:1px solid #e2e8f0;border-top:1px solid var(--border-color,#e2e8f0);gap:.75rem;justify-content:flex-end;margin-top:auto;padding-top:1rem}.task-completed{align-items:center;display:flex;font-size:.875rem;font-weight:600;gap:.5rem}.task-completed,.task-completed i{color:#059669!important}.attendance-view{padding:0}.attendance-header{align-items:center;border-bottom:2px solid #e2e8f0;border-bottom:2px solid var(--border-color,#e2e8f0);display:flex;justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem}.date-navigation{gap:1rem;position:relative}.date-nav-btn,.date-navigation{align-items:center;display:flex}.date-nav-btn{border-radius:8px;height:40px;justify-content:center;transition:all .2s ease;width:40px}.date-nav-btn:disabled{cursor:not-allowed;opacity:.5}.date-display{position:relative}.current-date-btn{align-items:center;background:#f8fafc;background:var(--bg-secondary,#f8fafc);border:2px solid #e2e8f0;border:2px solid var(--border-color,#e2e8f0);border-radius:12px;color:#374151!important;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.75rem;padding:.75rem 1.5rem;transition:all .3s ease;white-space:nowrap}.current-date-btn:hover{background:#fff;background:var(--bg-primary,#fff);border-color:#3b82f6;box-shadow:0 4px 12px #3b82f626;transform:translateY(-1px)}.date-picker-dropdown{border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:8px;box-shadow:0 8px 25px #00000026;left:0;margin-top:.5rem;position:absolute;right:0;top:100%;z-index:100}.date-picker-dropdown,.date-picker-input{background:#fff;background:var(--bg-primary,#fff);padding:.5rem}.date-picker-input{border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:6px;color:#374151!important;font-size:.875rem;width:100%}.attendance-summary{background:#f8fafc;background:var(--bg-secondary,#f8fafc);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:12px;display:flex;gap:2rem;margin-bottom:2rem;padding:1.5rem}.summary-item{display:flex;flex-direction:column;gap:.25rem;text-align:center}.summary-label{color:#6b7280!important;font-size:.75rem;font-weight:500;letter-spacing:.05em;text-transform:uppercase}.summary-value{color:#1a1a1a!important;font-size:1.5rem;font-weight:700}.summary-success{color:#059669!important}.attendance-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.attendance-card{background:var(--bg-primary,#fff);border:1px solid var(--border-color,#e2e8f0);border-radius:16px;box-shadow:0 4px 12px #0000000d;flex-direction:column;gap:1rem;padding:1.5rem;transition:all .3s ease}.attendance-card.present{background:linear-gradient(135deg,#0596690d,#fff);background:linear-gradient(135deg,#0596690d 0,var(--bg-primary,#fff) 100%);border-left:4px solid #059669}.attendance-card.absent{background:linear-gradient(135deg,#dc26260d,#fff);background:linear-gradient(135deg,#dc26260d 0,var(--bg-primary,#fff) 100%);border-left:4px solid #dc2626}.attendance-card:hover{box-shadow:0 8px 25px #00000026;transform:translateY(-2px)}.member-info{gap:1rem}.member-avatar,.member-info{align-items:center;display:flex}.member-avatar{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:50%;color:#fff;flex-shrink:0;font-size:1.25rem;height:3rem;justify-content:center;width:3rem}.member-details{flex:1 1}.member-name{color:#1a1a1a!important;font-size:1.125rem;font-weight:600;margin:0 0 .25rem}.member-role{color:#6b7280!important;font-size:.875rem;margin:0;text-transform:capitalize}.attendance-info{display:flex;flex-direction:column;gap:1rem}.attendance-status{align-items:center;border-radius:8px;font-size:.875rem;font-weight:600;gap:.5rem;padding:.75rem 1rem}.status-present{background:#0596691a;color:#059669!important}.status-absent{background:#dc26261a;color:#dc2626!important}.time-info{display:flex;flex-direction:column;gap:.5rem}.time-item{align-items:center;display:flex;font-size:.875rem;justify-content:space-between}.time-label{color:#6b7280!important;font-weight:500}.time-value{color:#374151!important;font-weight:600}.hours-worked{color:#059669!important}.members-view{padding:0}.members-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.member-card{background:#fff;background:var(--bg-primary,#fff);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:16px;box-shadow:0 4px 12px #0000000d;display:flex;flex-direction:column;gap:1rem;padding:1.5rem;transition:all .3s ease}.member-card:hover{box-shadow:0 8px 25px #00000026;transform:translateY(-2px)}.member-header{align-items:center;display:flex;gap:1rem}.member-info{flex:1 1}.member-department{color:#9ca3af!important;font-size:.8125rem;margin:0}.member-status{flex-shrink:0}.member-stats{flex-direction:column}.member-stats,.stat-row{display:flex;gap:1rem}.today-attendance{border-top:1px solid #e2e8f0;border-top:1px solid var(--border-color,#e2e8f0);padding-top:1rem}.attendance-detail{color:#6b7280!important;font-size:.8125rem}.analytics-view{padding:0}.analytics-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.analytics-card{background:#fff;background:var(--bg-primary,#fff);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:16px;box-shadow:0 4px 12px #0000000d;padding:2rem}.completion-stats{margin-top:1.5rem}.completion-item{align-items:center;display:flex;gap:1rem;margin-bottom:1rem}.completion-label{color:#6b7280!important;font-size:.875rem;font-weight:500;min-width:6rem}.completion-bar{background:#e5e7eb;border-radius:4px;flex:1 1;height:8px;overflow:hidden}.completion-fill{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:4px;height:100%;transition:width .3s ease}.completion-percent{color:#1a1a1a!important;font-weight:700;min-width:3rem;text-align:right}.attendance-analytics{display:flex;flex-direction:column;gap:1rem;margin-top:1.5rem}.attendance-stat{align-items:center;background:#f8fafc;background:var(--bg-secondary,#f8fafc);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:8px;display:flex;justify-content:space-between;padding:1rem}.no-data{color:#9ca3af;padding:4rem 2rem;text-align:center}.no-data-icon{color:#d1d5db!important;font-size:3rem;margin-bottom:1rem}.no-data-title{color:#1a1a1a!important;font-size:1.5rem;font-weight:600;margin-bottom:.5rem}.no-data-text{color:#6b7280!important;font-size:1rem;margin:0}@media (prefers-color-scheme:dark){.pm-team-dashboard{background:#0f172a}.access-denied-title,.completion-percent,.dashboard-title,.member-name,.no-data-title,.stat-number,.stat-value,.task-title,.view-title{color:#f8fafc!important}.card-title .project-name{color:#000!important}.project-namee{color:gray!important}.card-titlee{color:#fff!important}.access-denied-text,.attendance-detail,.dashboard-subtitle,.member-department,.member-role,.no-data-text,.project-members,.stat-label,.task-description{color:#cbd5e1!important}.completion-label,.meta-text,.summary-value,.time-value{color:#e2e8f0!important}.summary-label,.time-label{color:#94a3b8!important}.analytics-card,.attendance-card,.dashboard-card,.dashboard-content,.member-card,.stat-card,.task-card{background:#1e293b;border-color:#475569}.current-date-btn{background:#374151;border-color:#4b5563;color:#f8fafc!important}.current-date-btn:hover{background:#1e293b;border-color:#3b82f6}.date-picker-dropdown{background:#1e293b;border-color:#475569}.date-picker-input{background:#374151;border-color:#4b5563;color:#f8fafc!important}.tab{color:#94a3b8!important}.tab:hover{background:#374151;color:#cbd5e1!important}.tab.active{color:#fff!important}}[data-theme=dark] .pm-team-dashboard{background:#0f172a}[data-theme=dark] .access-denied-title,[data-theme=dark] .card-title,[data-theme=dark] .completion-percent,[data-theme=dark] .dashboard-title,[data-theme=dark] .member-name,[data-theme=dark] .no-data-title,[data-theme=dark] .project-name,[data-theme=dark] .stat-number,[data-theme=dark] .stat-value,[data-theme=dark] .task-title,[data-theme=dark] .view-title{color:#f8fafc!important}[data-theme=dark] .access-denied-text,[data-theme=dark] .attendance-detail,[data-theme=dark] .dashboard-subtitle,[data-theme=dark] .member-department,[data-theme=dark] .member-role,[data-theme=dark] .no-data-text,[data-theme=dark] .project-members,[data-theme=dark] .stat-label,[data-theme=dark] .task-description{color:#cbd5e1!important}[data-theme=dark] .completion-label,[data-theme=dark] .meta-text,[data-theme=dark] .progress-label,[data-theme=dark] .summary-value,[data-theme=dark] .time-value{color:#e2e8f0!important}[data-theme=dark] .summary-label,[data-theme=dark] .time-label{color:#94a3b8!important}[data-theme=dark] .analytics-card,[data-theme=dark] .attendance-card,[data-theme=dark] .dashboard-card,[data-theme=dark] .dashboard-content,[data-theme=dark] .member-card,[data-theme=dark] .stat-card,[data-theme=dark] .task-card{background:#1e293b;border-color:#475569}[data-theme=dark] .current-date-btn{background:#374151;border-color:#4b5563;color:#f8fafc!important}[data-theme=dark] .current-date-btn:hover{background:#1e293b;border-color:#3b82f6}[data-theme=dark] .date-picker-dropdown{background:#1e293b;border-color:#475569}[data-theme=dark] .date-picker-input{background:#374151;border-color:#4b5563;color:#f8fafc!important}[data-theme=dark] .tab{color:#94a3b8!important}[data-theme=dark] .tab:hover{background:#374151;color:#cbd5e1!important}[data-theme=dark] .tab.active{color:#fff!important}@media (max-width:1200px){.overview-grid{grid-template-columns:1fr}.dashboard-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.pm-team-dashboard{padding:1rem}.dashboard-header,.dashboard-headerr{align-items:stretch;flex-direction:column;gap:1rem}.dashboard-stats{grid-template-columns:1fr}.dashboard-tabs{overflow-x:auto;padding:.25rem}.tab{font-size:.8125rem;padding:.75rem 1rem}.analytics-grid,.attendance-grid,.members-grid,.tasks-grid{grid-template-columns:1fr}.attendance-summary{flex-direction:column;gap:1rem}.date-navigation{flex-wrap:wrap;gap:.5rem}.current-date-btn{font-size:.8125rem;padding:.5rem 1rem}}@media (max-width:480px){.view-header{align-items:stretch;flex-direction:column;gap:1rem}.filter-buttons{justify-content:center}.task-header{align-items:flex-start;flex-direction:column;gap:.5rem}.task-badges{align-self:flex-end}.member-header{align-items:center;flex-direction:column;gap:1rem;text-align:center}}.attendance-card,.member-card,.task-card{animation:fadeInUp .3s ease-out}.attendance-section{margin-bottom:1.5rem}.attendance-card-compact{background:#fff;background:var(--bg-primary);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:.75rem;box-shadow:0 2px 8px #00000014;padding:1.5rem}.attendance-header-compact{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.attendance-header-compact h3{color:#1e293b;color:var(--text-primary);font-size:1.25rem;font-weight:600;margin:0}.current-time{color:#64748b;color:var(--text-secondary);font-size:.8rem;font-weight:500}.attendance-content-compact{display:flex;flex-direction:column;gap:1rem}.status-row{align-items:center;display:flex;flex-wrap:wrap;gap:1.5rem}.status-item-compact{align-items:center;background:#f8fafc;background:var(--bg-secondary);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:.5rem;display:flex;flex:0 0 auto;gap:.75rem;min-width:120px;padding:.75rem 1rem}.status-icon-small{align-items:center;border-radius:50%;color:#fff;display:flex;font-size:.875rem;height:2rem;justify-content:center;width:2rem}.status-icon-small.check-in{background:linear-gradient(135deg,#10b981,#059669)}.status-icon-small.check-out{background:linear-gradient(135deg,#f59e0b,#d97706)}.status-icon-small.hours{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.status-info-compact{display:flex;flex-direction:column}.status-label-small{color:#64748b;color:var(--text-secondary);font-size:.65rem;letter-spacing:.05em;margin-bottom:.125rem;text-transform:uppercase}.status-time-small{color:#1e293b;color:var(--text-primary);font-size:1rem;font-weight:600}.action-buttons-row{display:flex;gap:1rem;margin-left:auto}.btn-compact{align-items:center;border:none;border-radius:.5rem;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;justify-content:center;min-width:120px;padding:.6rem 1.2rem;transition:all .3s ease}.btn-success-compact{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.btn-success-compact:hover:not(:disabled){box-shadow:0 4px 15px #10b9814d;transform:translateY(-1px)}.btn-success-compact:disabled{background:#9ca3af;box-shadow:none;cursor:not-allowed;transform:none}.btn-warning-compact{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.btn-warning-compact:hover:not(:disabled){box-shadow:0 4px 15px #f59e0b4d;transform:translateY(-1px)}.btn-warning-compact:disabled{background:#9ca3af;box-shadow:none;cursor:not-allowed;transform:none}.work-timer-compact{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:.5rem;color:#fff;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;justify-content:center;margin-top:.5rem;padding:.75rem;text-align:center}@media (max-width:1024px){.status-row{align-items:stretch;flex-direction:column}.status-item-compact{flex:1 1;min-width:auto}.action-buttons-row{margin-left:0;margin-top:1rem}}@media (max-width:768px){.attendance-header-compact{flex-direction:column;gap:.5rem;text-align:center}.status-row{gap:1rem}.action-buttons-row{flex-direction:column;gap:.75rem}.btn-compact{width:100%}.attendance-card-compact{padding:1rem}}@media (max-width:480px){.status-item-compact{padding:.5rem .75rem}.status-icon-small{font-size:.75rem;height:1.5rem;width:1.5rem}.status-time-small{font-size:.875rem}.btn-compact{font-size:.8rem;min-width:auto;padding:.5rem 1rem}}.login-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);background-image:radial-gradient(circle at 20% 80%,#7877c64d 0,#0000 50%),radial-gradient(circle at 80% 20%,#ffffff26 0,#0000 50%),radial-gradient(circle at 40% 40%,#7877c626 0,#0000 50%);display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:20px;position:relative}.login-container:before{animation:float 20s ease-in-out infinite;background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cpattern id='a' width='10' height='10' patternUnits='userSpaceOnUse'%3E%3Cpath d='M10 0H0v10' fill='none' stroke='rgba(255,255,255,0.05)'/%3E%3C/pattern%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='M0 0h100v100H0z'/%3E%3C/svg%3E") repeat;content:"";height:200%;left:-50%;position:absolute;top:-50%;width:200%;z-index:0}@keyframes float{0%,to{transform:translateX(0) translateY(0)}33%{transform:translateX(30px) translateY(-30px)}66%{transform:translateX(-20px) translateY(20px)}}.login-card{animation:slideInUp .6s ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #fff3;border-radius:24px;box-shadow:0 25px 50px -12px #00000040,0 0 0 1px #fff3;max-width:420px;padding:48px 40px;position:relative;width:100%;z-index:1}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.login-header{margin-bottom:36px;text-align:center}.company-logo{align-items:center;display:flex;gap:12px;justify-content:center;margin-bottom:16px}.company-logo i{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:32px}.company-logo h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1e293b,#475569);-webkit-background-clip:text;background-clip:text;font-size:28px;font-weight:800;letter-spacing:-.5px;margin:0}.login-subtitle{color:#64748b;font-size:16px;font-weight:500;letter-spacing:.5px;margin:0}.login-form{margin-bottom:32px}.login-form .form-group{margin-bottom:24px}.login-form .form-label{color:#374151;display:block;font-size:14px;font-weight:600;letter-spacing:.25px;margin-bottom:8px}.login-form .form-control{background:#fff;border:2px solid #e5e7eb;border-radius:12px;box-sizing:border-box;color:#1f2937;font-size:16px;font-weight:500;padding:16px 20px;transition:all .3s ease;width:100%}.login-form .form-control:focus{border-color:#667eea;box-shadow:0 0 0 4px #667eea1a,0 4px 12px #667eea26;outline:none;transform:translateY(-1px)}.login-form .form-control::placeholder{color:#9ca3af;font-weight:400}.login-form .btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;letter-spacing:.5px;overflow:hidden;padding:16px 24px;position:relative;text-transform:uppercase;transition:all .3s ease;width:100%}.login-form .btn-primary:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.login-form .btn-primary:hover:before{left:100%}.login-form .btn-primary:hover{box-shadow:0 10px 25px #667eea66,0 5px 10px #0000001a;transform:translateY(-2px)}.login-form .btn-primary:active{transform:translateY(0)}.login-form .btn-primary:disabled{cursor:not-allowed;opacity:.7;transform:none}.demo-accounts{border-top:1px solid #e5e7eb;padding-top:24px;text-align:center}.demo-title{color:#374151;font-size:14px;font-weight:600;letter-spacing:.25px;margin-bottom:16px}.demo-buttons{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr 1fr;margin-bottom:12px}.demo-buttons .btn{background:#0000;border:2px solid #e5e7eb;border-radius:8px;color:#64748b;cursor:pointer;font-size:12px;font-weight:600;letter-spacing:.5px;padding:10px 16px;text-transform:uppercase;transition:all .2s ease}.demo-buttons .btn:hover{background:#667eea;border-color:#667eea;box-shadow:0 4px 12px #667eea4d;color:#fff;transform:translateY(-1px)}.demo-note{color:#9ca3af;font-size:13px;font-style:italic;font-weight:500;margin:0}.login-form .btn-primary .fa-spinner{animation:spin 1s linear infinite}@media (max-width:480px){.login-card{border-radius:20px;margin:16px;padding:32px 24px}.company-logo h1{font-size:24px}.company-logo i{font-size:28px}.demo-buttons{grid-template-columns:1fr}.login-form .form-control{font-size:16px;padding:14px 16px}}@media (prefers-color-scheme:dark){.login-card{background:#1e293bf2;border-color:#ffffff1a}.company-logo h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#f8fafc,#e2e8f0);-webkit-background-clip:text;background-clip:text}.demo-title,.login-subtitle{color:#94a3b8}.form-label{color:#e2e8f0!important}.form-control{background:#33415580!important;border-color:#475569!important;color:#f8fafc!important}.form-control::placeholder{color:#64748b!important}.demo-buttons .btn{border-color:#475569;color:#94a3b8}}@media (prefers-contrast:high){.login-card{border:2px solid #000;box-shadow:none}.btn-primary,.form-control{border:2px solid #000!important}.btn-primary{background:#000!important}}@media (prefers-reduced-motion:reduce){.login-card,.login-container:before{animation:none}*{transition:none!important}}.dashboard-layout{background:#f8fafc;display:flex;min-height:100vh}.dashboard-main{display:flex;flex:1 1;flex-direction:column;min-width:0;transition:margin-left .3s ease}.dashboard-body{background:#f8fafc;flex:1 1;overflow-y:auto;padding:24px}.dashboard-content{margin:0 auto;max-width:1200px}.dashboard-header{margin-bottom:32px}.dashboard-header h2{color:#1e293b;font-size:28px;font-weight:700;margin-bottom:8px}.dashboard-header p{color:#64748b;font-size:16px}.dashboard-stats,.overview-cards{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:32px}.stat-card{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #0000001a;display:flex;gap:16px;padding:24px;transition:all .2s ease}.stat-card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.stat-icon{align-items:center;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:12px;color:#fff;display:flex;font-size:20px;height:48px;justify-content:center;width:48px}.stat-info{flex:1 1}.stat-info h3{color:#1e293b;font-size:24px;font-weight:700;margin-bottom:4px}.stat-info p{color:#64748b;font-size:14px;font-weight:500}.dashboard-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.dashboard-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:24px}.dashboard-card h3{color:#1e293b;font-size:18px;font-weight:600;margin-bottom:20px}.dashboard-actions{margin:32px 0}.dashboard-actions h3{color:#1e293b;font-size:18px;font-weight:600;margin-bottom:16px}.action-buttons{display:flex;flex-wrap:wrap;gap:12px}.page-header{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:24px}.page-header h2{color:#1e293b;font-size:24px;font-weight:700;margin:0}.page-header p{color:#64748b;font-size:14px;margin:4px 0 0}@media (max-width:768px){.dashboard-body{padding:16px}.dashboard-grid,.dashboard-stats,.overview-cards{grid-template-columns:1fr}.page-header{align-items:flex-start;flex-direction:column}.action-buttons{justify-content:stretch;width:100%}.action-buttons .btn{flex:1 1}}.header{background:#fff;border-bottom:1px solid #e2e8f0;box-shadow:0 1px 3px #0000001a;height:64px;justify-content:space-between;padding:0 24px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.header,.header-left{align-items:center;display:flex}.header-left{gap:16px}.menu-btn{background:#0000;border:none;border-radius:8px;color:#64748b;cursor:pointer;display:none;font-size:18px;height:40px;transition:all .2s ease;width:40px}.menu-btn:hover{background:#f1f5f9;color:#3b82f6}.header-title{color:#1e293b;font-size:20px;font-weight:600;margin:0}.header-right{align-items:center;display:flex;gap:16px}.header-notification{position:relative}.notification-btn{background:#0000;border:none;border-radius:50%;color:#64748b;cursor:pointer;font-size:18px;height:40px;position:relative;transition:all .2s ease;width:40px}.notification-btn:hover{background:#f1f5f9;color:#3b82f6}.notification-badge{align-items:center;background:#ef4444;border:2px solid #fff;border-radius:50%;color:#fff;display:flex;font-size:10px;font-weight:600;height:18px;justify-content:center;position:absolute;right:-2px;top:-2px;width:18px}.header-profile{position:relative}.profile-btn{align-items:center;background:#0000;border:none;border-radius:8px;cursor:pointer;display:flex;gap:12px;max-width:200px;padding:8px 12px;transition:all .2s ease}.profile-btn:hover{background:#f1f5f9}.profile-avatar{align-items:center;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:14px;font-weight:600;height:32px;justify-content:center;width:32px}.profile-info{align-items:flex-start;display:flex;flex-direction:column;min-width:0}[data-theme=dark] .profile-name{color:#1e293b;font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-theme=dark] .profile-role{color:#000;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-btn i{color:#9ca3af;flex-shrink:0;font-size:12px}.profile-dropdown{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 4px 12px #00000026;margin-top:4px;min-width:180px;padding:8px 0;position:absolute;right:0;top:100%;z-index:200}.dropdown-item{align-items:center;background:none;border:none;color:#374151;cursor:pointer;display:flex;font-size:14px;gap:12px;padding:12px 16px;text-align:left;transition:all .2s ease;width:100%}.dropdown-item:hover{background:#f9fafb;color:#1e293b}.dropdown-item i{color:#64748b;width:16px}.dropdown-divider{background:#e2e8f0;height:1px;margin:8px 0}.logout-btn{color:#ef4444!important}.logout-btn:hover{background:#121212!important}@media (max-width:768px){.menu-btn{align-items:center;display:flex;justify-content:center}.header{padding:0 16px}.profile-info{display:none}.profile-btn{padding:8px}.profile-btn :hover{background:#121212!important;color:#ef4444!important}.header-title{font-size:18px}}.profile-btn:hover,.profile-btn:hover .profile-name,.profile-btn:hover .profile-role,.profile-btn:hover i{color:#000!important}.sidebar{background:#fff;border-right:1px solid #e2e8f0;box-shadow:0 0 15px #0000001a;display:flex;flex-direction:column;height:100vh;left:0;position:fixed;top:0;transform:translateX(-100%);transition:transform .3s ease;width:280px;z-index:1000}.sidebar-open{transform:translateX(0)}.sidebar-overlay{background:#00000080;bottom:0;display:block;left:0;position:fixed;right:0;top:0;z-index:999}.sidebar-header{border-bottom:1px solid #e2e8f0;justify-content:space-between;padding:20px 24px}.sidebar-header,.sidebar-logo{align-items:center;display:flex}.sidebar-logo{gap:12px}.sidebar-logo i{color:#3b82f6;font-size:24px}[data-theme=dark] .sidebar-brand{color:#1e293b;font-size:18px;font-weight:900}.sidebar-close{background:#0000;border:none;border-radius:6px;color:#64748b;cursor:pointer;font-size:16px;height:32px;transition:all .2s ease;width:32px}.sidebar-close:hover{background:#f1f5f9;color:#3b82f6}.sidebar-nav{flex:1 1;overflow-y:auto;padding:16px 0}.sidebar-menu{list-style:none;margin:0;padding:0}.sidebar-item{margin:0 16px 4px}.sidebar-link{align-items:center;border-radius:8px;color:#64748b;display:flex;font-size:14px;font-weight:500;gap:12px;padding:12px 16px;position:relative;text-decoration:none;transition:all .2s ease}.sidebar-link:focus-visible,.sidebar-link:hover{background-color:#80a7ef;color:#c2c2c2}.sidebar-link.active{background-color:#38f3;color:#60a9ff}.sidebar-link.active:before{background:#fff;border-radius:0 2px 2px 0;content:"";height:20px;left:0;position:absolute;top:50%;transform:translateY(-50%);width:3px}.sidebar-link i{font-size:16px;width:20px}.sidebar-text{flex:1 1}@media (min-width:769px){.sidebar{flex-shrink:0;height:100vh;position:relative;transform:translateX(0)}.sidebar-close,.sidebar-overlay{display:none}.dashboard-main{margin-left:0}}@media (max-width:768px){.sidebar{max-width:280px;width:100%}}.sidebar-nav::-webkit-scrollbar{width:4px}.sidebar-nav::-webkit-scrollbar-track{background:#0000}.sidebar-nav::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:2px}.sidebar-nav::-webkit-scrollbar-thumb:hover{background:#94a3b8}.modal-overlay{align-items:center;animation:modalFadeIn .2s ease-out;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:2000}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.modal{animation:modalSlideIn .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a;max-height:90vh;max-width:500px;overflow:hidden;width:100%}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-50px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px;padding:24px 24px 0}.modal-header h3{color:#1e293b;font-size:20px;font-weight:600;margin:0}.modal-close{align-items:center;background:#0000;border:none;border-radius:6px;color:#64748b;cursor:pointer;display:flex;font-size:16px;height:32px;justify-content:center;transition:all .2s ease;width:32px}.modal-close:hover{background:#f1f5f9;color:#3b82f6}.modal-body{max-height:70vh;overflow-y:auto;padding:0 24px 24px}.modal-actions{border-top:1px solid #e2e8f0;display:flex;gap:12px;justify-content:flex-end;margin-top:24px;padding-top:20px}.modal-large{max-width:800px}.message-meta{background:#f8fafc;border-radius:8px;margin-bottom:20px;padding:16px}.message-sender{margin-bottom:4px}.message-content{color:#374151;line-height:1.6;padding:16px 0;white-space:pre-wrap}@media (max-width:640px){.modal{border-radius:0;margin:0;max-height:100%;max-width:100%}.modal-overlay{padding:0}.modal-actions{flex-direction:column-reverse}.modal-actions .btn{width:100%}}.attendance-view,.employees-view,.messages-view,.projects-view,.tasks-view{margin:0 auto;max-width:1200px}.projects-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.project-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:24px;position:relative;transition:all .2s ease}.project-card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.project-header{align-items:flex-start;display:flex;gap:12px;justify-content:space-between;margin-bottom:16px}.project-header h3{color:#1e293b;font-size:18px;font-weight:600;line-height:1.4;margin:0}.project-description{color:#64748b;font-size:14px;line-height:1.5;margin-bottom:20px}.project-progress{margin-bottom:20px}.progress-label{align-items:center;color:#374151;display:flex;font-size:12px;font-weight:600;justify-content:space-between;margin-bottom:8px}.progress-bar{background:#e2e8f0;border-radius:4px;height:8px;overflow:hidden;position:relative}.progress-fill{background:linear-gradient(135deg,#10b981,#059669);border-radius:4px;height:100%;transition:width .3s ease}.project-meta{color:#64748b;display:flex;flex-direction:column;font-size:12px;gap:8px;margin-bottom:16px}.project-meta>div{align-items:center;display:flex;gap:8px}.project-meta i{color:#94a3b8;width:14px}.project-budget,.project-dates,.project-manager{font-weight:500}.project-actions{display:flex;gap:8px;justify-content:flex-end}.task-board{margin:0 auto;max-width:1400px}.kanban-board{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(3,1fr);margin-top:24px}.kanban-column{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;min-height:500px;overflow:hidden}.column-header{align-items:center;background:#fff;border-bottom:1px solid #e2e8f0;color:#1e293b;display:flex;font-weight:600;justify-content:space-between;padding:16px 20px}.column-header h3{font-size:16px;margin:0}.task-count{background:#e2e8f0;border-radius:12px;color:#64748b;font-size:12px;font-weight:600;padding:2px 8px}.column-content{display:flex;flex-direction:column;gap:12px;min-height:400px;padding:16px}.task-card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 1px 3px #0000001a;cursor:pointer;padding:16px;transition:all .2s ease}.task-card:hover{box-shadow:0 3px 8px #00000026;transform:translateY(-1px)}.task-header{align-items:flex-start;display:flex;gap:8px;justify-content:space-between;margin-bottom:12px}.task-header h4{color:#1e293b;font-size:14px;font-weight:600;line-height:1.4;margin:0}.task-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;font-size:12px;line-height:1.4;overflow:hidden}.task-description,.task-meta{color:#64748b;margin-bottom:12px}.task-meta{display:flex;flex-direction:column;font-size:11px;gap:4px}.task-meta>div{align-items:center;display:flex;gap:6px}.task-meta i{font-size:10px;width:12px}.task-assignee,.task-due-date,.task-project{font-weight:500}.task-progress{color:#6b7280;font-size:11px;margin-bottom:12px}.task-actions{display:flex;gap:8px}.tasks-list{display:flex;flex-direction:column;gap:16px}.task-card-detailed{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:24px;transition:all .2s ease}.task-card-detailed:hover{box-shadow:0 3px 8px #00000026;transform:translateY(-1px)}.task-card-detailed .task-header{margin-bottom:16px}.task-card-detailed .task-header h3{color:#1e293b;font-size:18px;font-weight:600;margin:0}.task-card-detailed p{color:#64748b;line-height:1.5;margin-bottom:16px}.task-card-detailed .task-meta{display:flex;flex-direction:row;flex-wrap:wrap;font-size:14px;gap:16px;margin-bottom:16px}.task-card-detailed .task-actions{justify-content:flex-end}@media (max-width:768px){.kanban-board,.projects-grid{grid-template-columns:1fr}.project-header{align-items:flex-start;flex-direction:column;gap:8px}.project-actions{justify-content:flex-start}.task-card-detailed .task-meta{flex-direction:column;gap:8px}}@media (max-width:1024px) and (min-width:769px){.kanban-board{gap:16px}.column-content{padding:12px}}.employees-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.employee-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:24px;text-align:center;transition:all .2s ease}.employee-card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.employee-avatar-large{align-items:center;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:50%;color:#fff;display:flex;font-size:28px;font-weight:600;height:80px;justify-content:center;margin:0 auto 16px;width:80px}.employee-info h3{color:#1e293b;font-size:18px;font-weight:600;margin:0 0 4px}.employee-email{color:#64748b;font-size:14px;margin-bottom:12px}.employee-meta{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:16px}.employee-details{color:#64748b;display:flex;flex-direction:column;font-size:12px;gap:8px}.detail-item{align-items:center;display:flex;gap:6px;justify-content:center}.detail-item i{font-size:12px;width:14px}.status-active{color:#10b981!important}.attendance-view{margin:0 auto;max-width:1200px}.attendance-actions{margin-bottom:32px}.attendance-card{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #0000001a;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;padding:24px}.attendance-card h3{color:#1e293b;font-size:20px;font-weight:600;margin:0 0 8px}.attendance-details{color:#64748b;display:flex;flex-direction:column;font-size:14px;gap:4px}.attendance-details span{font-weight:500}.attendance-buttons{display:flex;gap:12px}.completed-day{align-items:center;color:#10b981;display:flex;font-size:14px;font-weight:600;gap:8px}.completed-day i{font-size:20px}.attendance-table{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.attendance-table table{border-collapse:collapse;width:100%}.attendance-table th{background:#f8fafc;border-bottom:1px solid #e2e8f0;color:#374151;font-size:12px;font-weight:600;letter-spacing:.5px;padding:16px;text-align:left;text-transform:uppercase}.attendance-table td{border-bottom:1px solid #f1f5f9;color:#374151;font-size:14px;padding:16px}.attendance-table tr:last-child td{border-bottom:none}.attendance-table tr:hover{background:#f9fafb}.employee-cell{align-items:center;display:flex;gap:12px}.employee-avatar{align-items:center;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:14px;font-weight:600;height:32px;justify-content:center;width:32px}.attendance-list{display:flex;flex-direction:column;gap:12px}.attendance-item{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;display:flex;justify-content:space-between;padding:12px 16px;transition:all .2s ease}.attendance-item:hover{background:#f1f5f9}.attendance-item .employee-info{align-items:center;display:flex;gap:12px}.attendance-item .employee-info h4{color:#1e293b;font-size:14px;font-weight:600;margin:0 0 2px}.attendance-item .employee-info span{color:#64748b;font-size:12px}.attendance-status{align-items:flex-end;display:flex;flex-direction:column;gap:4px}.checkout-time{color:#64748b;font-size:12px;font-weight:500}.performance-list{display:flex;flex-direction:column;gap:12px}.performance-item{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;display:flex;justify-content:space-between;padding:12px 16px;transition:all .2s ease}.performance-item:hover{background:#f1f5f9}.performance-item .employee-info{align-items:center;display:flex;gap:12px}.performance-item .employee-info h4{color:#1e293b;font-size:14px;font-weight:600;margin:0 0 2px}.performance-item .employee-info span{color:#64748b;font-size:12px}.completion-rate{color:#10b981;font-size:16px;font-weight:600}.my-attendance{margin:0 auto;max-width:800px}.attendance-history{margin-top:32px}.attendance-history h3{color:#1e293b;font-size:20px;font-weight:600;margin-bottom:20px}@media (max-width:768px){.employees-grid{grid-template-columns:1fr}.attendance-card{align-items:flex-start;flex-direction:column}.attendance-buttons{justify-content:stretch;width:100%}.attendance-buttons .btn{flex:1 1}.attendance-table{overflow-x:auto}.attendance-table table{min-width:600px}.employee-meta{justify-content:flex-start}.attendance-item,.performance-item{align-items:flex-start;flex-direction:column;gap:8px}.attendance-status,.completion-rate{align-self:flex-end}}.messages-view{margin:0 auto;max-width:800px}.messages-list{display:flex;flex-direction:column;gap:12px}.message-item{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 1px 3px #0000001a;cursor:pointer;padding:20px;position:relative;transition:all .2s ease}.message-item:hover{box-shadow:0 3px 8px #00000026;transform:translateY(-1px)}.message-item.unread{background:#f8fafc;border-left:4px solid #3b82f6}.message-header{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:8px}.message-sender{color:#1e293b;font-size:14px;font-weight:600}.message-date{color:#64748b;font-size:12px;white-space:nowrap}.message-subject{color:#374151;font-size:16px;font-weight:600;line-height:1.4;margin-bottom:8px}.message-preview{color:#64748b;font-size:14px;line-height:1.5}.unread-indicator{color:#3b82f6;font-size:8px;position:absolute;right:12px;top:12px}.task-verification{margin:0 auto;max-width:1000px}.verification-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #0000001a;margin-bottom:16px;padding:24px;transition:all .2s ease}.verification-card:hover{box-shadow:0 3px 8px #00000026;transform:translateY(-1px)}.verification-card .task-info{margin-bottom:20px}.verification-card h3{color:#1e293b;font-size:18px;font-weight:600;margin:0 0 8px}.verification-card p{color:#64748b;line-height:1.5;margin-bottom:12px}.verification-card .task-meta{color:#64748b;display:flex;flex-wrap:wrap;font-size:14px;gap:16px}.verification-card .task-meta span{font-weight:500}.verification-actions{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between}.current-status{border-radius:20px;font-size:14px;font-weight:600;padding:6px 12px;text-transform:capitalize}.status-buttons{display:flex;flex-wrap:wrap;gap:8px}.status-buttons .btn{font-size:12px;padding:6px 12px}.project-list,.task-list{display:flex;flex-direction:column;gap:12px}.project-item{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;display:flex;justify-content:space-between;padding:16px;transition:all .2s ease}.project-item:hover{background:#f1f5f9;transform:translateY(-1px)}.project-info h4{color:#1e293b;font-size:16px;font-weight:600;margin:0 0 4px}.project-info p{color:#64748b;font-size:14px;margin:0}.project-progress{align-items:flex-end;display:flex;flex-direction:column;gap:8px;min-width:100px}.project-progress .progress-bar{background:#e2e8f0;border-radius:3px;height:6px;overflow:hidden;width:80px}.project-progress span{color:#374151;font-size:12px;font-weight:600}.task-item{align-items:flex-start;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;display:flex;gap:16px;justify-content:space-between;padding:16px;transition:all .2s ease}.task-item:hover{background:#f1f5f9;transform:translateY(-1px)}.task-item .task-info{flex:1 1;min-width:0}.task-item .task-info h4{color:#1e293b;font-size:16px;font-weight:600;margin:0 0 4px}.task-item .task-info p{color:#64748b;font-size:14px;margin:0}.task-meta-inline{align-items:center;display:flex;flex-wrap:wrap;gap:16px}.activity-list{display:flex;flex-direction:column;gap:12px}.activity-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;display:flex;gap:12px;padding:12px}.activity-icon{align-items:center;background:#e2e8f0;border-radius:50%;color:#64748b;display:flex;flex-shrink:0;font-size:14px;height:32px;justify-content:center;width:32px}.activity-content{flex:1 1}.activity-content p{color:#374151;font-size:14px;margin:0 0 4px}.activity-time{color:#9ca3af;font-size:12px}.task-status-chart{display:flex;flex-direction:column;gap:12px}.status-item{align-items:center;color:#374151;display:flex;font-size:14px;gap:12px}.status-color{border-radius:4px;height:16px;width:16px}.status-color.status-completed{background:#10b981}.status-color.status-ongoing{background:#f59e0b}.status-color.status-not-started{background:#6b7280}@media (max-width:768px){.verification-actions{align-items:flex-start;flex-direction:column}.status-buttons{width:100%}.status-buttons .btn{flex:1 1}.project-item,.task-item{flex-direction:column;gap:12px}.project-progress{align-items:flex-start;width:100%}.project-progress .progress-bar{width:100%}.task-meta-inline{justify-content:flex-start}.message-header{align-items:flex-start;flex-direction:column;gap:4px}.verification-card .task-meta{flex-direction:column;gap:8px}}.custom-scrollbar{scrollbar-color:#cbd5e1 #0000;scrollbar-width:thin}.custom-scrollbar::-webkit-scrollbar{height:6px;width:6px}.custom-scrollbar::-webkit-scrollbar-track{background:#0000}.custom-scrollbar::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#94a3b8}[tabindex]:focus,button:focus,input:focus,select:focus,textarea:focus{outline:2px solid #3b82f6;outline-offset:2px}.skip-link{background:#3b82f6;border-radius:4px;color:#fff;left:6px;padding:8px;position:absolute;text-decoration:none;top:-40px;z-index:100}.skip-link:focus{top:6px}@media print{.btn,.header,.modal-overlay,.no-print,.sidebar{display:none!important}.dashboard-main{margin-left:0!important}.dashboard-body{background:#fff!important;padding:0!important}.card,.employee-card,.project-card,.task-card{border:1px solid #000!important;box-shadow:none!important;page-break-inside:avoid}h1,h2,h3{color:#000!important}.page-header{border-bottom:2px solid #000;margin-bottom:20px}}@media (prefers-contrast:high){.btn-primary,.card,.employee-card,.project-card,.stat-card,.task-card{border:2px solid #000!important}.btn-primary{background:#000!important}.btn-outline{border:2px solid #000!important;color:#000!important}.priority-badge,.role-badge,.status-badge{border:1px solid #000!important}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}@media (prefers-color-scheme:dark){:root{--bg-primary:#0f172a;--bg-secondary:#1e293b;--text-primary:#f8fafc;--text-secondary:#cbd5e1;--border-color:#334155}body{background-color:var(--bg-primary);color:var(--text-primary)}.card,.employee-card,.project-card,.stat-card,.task-card{color:var(--text-primary)}.card,.employee-card,.form-control,.header,.project-card,.sidebar,.stat-card,.task-card{background:var(--bg-secondary);border-color:var(--border-color)}.form-control,.modal{color:var(--text-primary)}.modal{background:var(--bg-secondary)}}.loading-container .loading-spinner{animation:loading-gradient 1s linear infinite;background:linear-gradient(45deg,#0000 33%,#3b82f6 0,#3b82f6 66%,#0000 0),linear-gradient(-45deg,#0000 33%,#1d4ed8 0,#1d4ed8 66%,#0000 0);background-size:20px 20px}@keyframes loading-gradient{0%{background-position:0 0,0 0}to{background-position:20px 20px,-20px -20px}}.focus-trap-active{overflow:hidden}.form-error{align-items:center;color:#ef4444;display:flex;font-size:12px;gap:6px;margin-top:4px}.form-error:before{content:"⚠";font-size:14px}.form-success{align-items:center;color:#10b981;display:flex;font-size:12px;gap:6px;margin-top:4px}.form-success:before{content:"✓";font-size:14px;font-weight:700}.table-responsive{border:1px solid #e2e8f0;border-radius:8px;overflow-x:auto}.table-responsive::-webkit-scrollbar{height:8px}.table-responsive::-webkit-scrollbar-track{background:#f1f5f9}.table-responsive::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.tooltip{cursor:help;position:relative}.tooltip:after,.tooltip:before{opacity:0;pointer-events:none;position:absolute;transition:opacity .2s ease}.tooltip:before{background:#1f2937;border-radius:4px;color:#fff;content:attr(data-tooltip);font-size:12px;padding:6px 8px;top:-35px;white-space:nowrap}.tooltip:after,.tooltip:before{left:50%;transform:translateX(-50%)}.tooltip:after{border:5px solid #0000;border-top-color:#1f2937;content:"";top:-10px}.tooltip:hover:after,.tooltip:hover:before{opacity:1}.fade-in-up{animation:fadeInUp .4s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.slide-in-right{animation:slideInRight .3s ease-out}@keyframes slideInRight{0%{transform:translateX(100%)}to{transform:translateX(0)}}.notification-toast{animation:slideInRight .3s ease-out;max-width:400px;position:fixed;right:20px;top:20px;z-index:9999}.space-y-1>*+*{margin-top:.25rem}.space-y-2>*+*{margin-top:.5rem}.space-y-3>*+*{margin-top:.75rem}.space-y-4>*+*{margin-top:1rem}.space-y-6>*+*{margin-top:1.5rem}.space-y-8>*+*{margin-top:2rem}.flex{display:flex}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.flex-1{flex:1 1}.flex-shrink-0{flex-shrink:0}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.gap-2{gap:.5rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}@media (max-width:640px){.grid-cols-2,.grid-cols-3{grid-template-columns:1fr}.grid-cols-4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:480px){.grid-cols-4{grid-template-columns:1fr}.flex-row{flex-direction:column}.justify-between{gap:1rem;justify-content:flex-start}}
/*# sourceMappingURL=main.39badc85.css.map*/