.login-page{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:2rem}.login-container{background:#fff;border-radius:20px;box-shadow:0 20px 40px #0000001a;max-width:450px;overflow:hidden;width:100%}.login-header{background:linear-gradient(135deg,#1e40af,#3b82f6);color:#fff;padding:2rem;text-align:center}.logo{align-items:center;color:#fff;display:flex;gap:1rem;justify-content:center;margin-bottom:1rem}.logo-icon2{height:50px;width:50px}.logo-image{width:100%}.logo h1{color:#fff;font-size:2rem;font-weight:700;margin:0}.login-header p{font-size:1rem;margin:0;opacity:.9}.login-form-container{padding:2rem}.user-type-selector{background:#f3f4f6;border-radius:12px;display:flex;margin-bottom:2rem;padding:.5rem}.user-type-btn{align-items:center;background:none;border:none;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;flex:1 1;font-weight:500;gap:.5rem;justify-content:center;padding:.75rem 1rem;transition:all .2s ease}.user-type-btn.active{background:#fff;box-shadow:0 2px 4px #0000001a;color:#1e40af}.user-type-btn:hover:not(.active){color:#374151}.user-type-icon{font-size:1.2rem}.login-form{margin-bottom:2rem}.form-group input{border:2px solid #e5e7eb;border-radius:10px;padding:.875rem 1rem}.form-group input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.error-message{background:#fef2f2;border:1px solid #fecaca;color:#dc2626;font-size:.9rem;gap:.5rem;margin-bottom:1rem;padding:.75rem 1rem}.login-btn{align-items:center;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;padding:1rem 1.5rem;transition:all .2s ease;width:100%}.login-btn:hover:not(:disabled){background:linear-gradient(135deg,#1d4ed8,#1e40af);transform:translateY(-1px)}.login-btn:disabled{cursor:not-allowed;opacity:.7}.login-btn.loading{background:#6b7280}.spinner{border:2px solid #0000}.login-icon{font-size:1rem}.demo-login{border-top:1px solid #e5e7eb;margin-bottom:2rem;padding-top:1.5rem;text-align:center}.demo-label{color:#6b7280;font-size:.9rem;margin-bottom:1rem}.demo-buttons{display:flex;gap:1rem}.demo-btn{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:8px;cursor:pointer;display:flex;flex:1 1;font-size:.9rem;font-weight:500;gap:.5rem;justify-content:center;padding:.75rem 1rem;transition:all .2s ease}.demo-btn.employee{border-color:#d1fae5;color:#059669}.demo-btn.employee:hover{background:#f0fdf4;border-color:#10b981}.demo-btn.hr{border-color:#fecaca;color:#dc2626}.demo-btn.hr:hover{background:#fef2f2;border-color:#ef4444}.demo-icon{font-size:1rem}.login-footer{background:#f9fafb;border-radius:10px;padding:1.5rem;text-align:center}.login-footer p{color:#374151;font-size:.9rem;font-weight:500;margin:0 0 1rem}.credentials{display:flex;flex-direction:column;gap:.5rem}.credential-item{background:#fff;border:1px solid #e5e7eb;border-radius:6px;color:#6b7280;font-size:.8rem;padding:.5rem}.credential-item strong{color:#374151}@media (max-width:768px){.login-page{padding:1rem}.login-container{max-width:100%}.login-form-container,.login-header{padding:1.5rem}.demo-buttons{flex-direction:column}.credentials{font-size:.75rem}}.message-content{word-wrap:break-word}.message-text{font-size:.95rem}.message-time{text-align:right}.user-message .message-time{text-align:left}.input-box{align-items:center;border-top:1px solid #e1e8ed;display:flex;gap:10px;padding:20px}.message-input{border:1px solid #e1e8ed;border-radius:24px;flex:1 1;font-size:.95rem;outline:none;padding:12px 16px;transition:border-color .3s ease}.message-input:focus{border-color:#3498db}.message-input:disabled{background-color:#f8f9fa;cursor:not-allowed}.send-button{background:#3498db;border:none;border-radius:24px;color:#fff;cursor:pointer;font-size:.95rem;font-weight:600;min-width:80px;padding:12px 20px;transition:background-color .3s ease}.send-button:hover:not(:disabled){background:#2980b9}.send-button:disabled{background:#bdc3c7;cursor:not-allowed}.chat-window{background:#fff;border:1px solid #e1e8ed;border-radius:12px;bottom:20px;box-shadow:0 8px 32px #0000001a;display:flex;flex-direction:column;height:600px;position:fixed;right:20px;width:400px;z-index:1000}.chat-header{align-items:center;background:#3498db;border-radius:12px 12px 0 0;color:#fff;display:flex;justify-content:space-between;padding:15px 20px}.chat-header h3{font-size:1.2rem;margin:0}.close-btn{color:#fff}.close-btn:hover{background-color:#fff3}.chat-messages{display:flex;flex:1 1;flex-direction:column;gap:15px;overflow-y:auto;padding:20px}.message{display:flex;margin-bottom:15px}.bot-message{justify-content:flex-start}.user-message{justify-content:flex-end}.message-content{border-radius:18px;max-width:80%;padding:12px 16px;position:relative}.bot-message .message-content{background:#f1f3f4;border-bottom-left-radius:4px;color:#333}.user-message .message-content{background:#3498db;border-bottom-right-radius:4px;color:#fff}.message-text{line-height:1.4;margin-bottom:5px}.message-time{font-size:.75rem;opacity:.7}.typing-indicator{align-items:center;display:flex;gap:4px;padding:12px 16px}.typing-indicator span{animation:typing 1.4s ease-in-out infinite;background:#3498db;border-radius:50%;height:8px;width:8px}.typing-indicator span:first-child{animation-delay:-.32s}.typing-indicator span:nth-child(2){animation-delay:-.16s}@media (max-width:768px){.chat-window{bottom:20px;height:calc(100vh - 40px);left:20px;right:20px;width:calc(100vw - 40px)}}.dashboard{margin:0 auto;max-width:1200px}.dashboard-header{border-bottom:2px solid #e1e8ed;padding-bottom:20px}.dashboard-header h1{color:#2c3e50;font-size:2.5rem}.chat-toggle-btn{background:#3498db;border-radius:25px;font-size:1rem;gap:8px;padding:12px 24px;transition:all .3s ease}.chat-toggle-btn:hover{background:#2980b9;box-shadow:0 4px 12px #3498db4d;transform:translateY(-2px)}.stat-card{box-shadow:0 4px 12px #0000001a;gap:20px;padding:25px;transition:transform .3s ease}.stat-card:hover{transform:translateY(-4px)}.stat-icon{background:#f8f9fa}.stat-info h3{color:#2c3e50;font-size:2rem;font-weight:700;margin:0 0 5px}.stat-info p{color:#666;font-size:.95rem;font-weight:500;margin:0}.quick-actions{box-shadow:0 4px 12px #0000001a;padding:30px}.quick-actions h2{color:#2c3e50;margin-bottom:25px;text-align:center}.actions-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.action-card{background:#f8f9fa;border:2px solid #0000;border-radius:12px;padding:25px;text-align:center;transition:all .3s ease}.action-card:hover{background:#e9ecef;border-color:#3498db;box-shadow:0 8px 20px #0000001a;transform:translateY(-4px)}.action-icon{display:block;font-size:2.5rem;margin-bottom:15px}.action-card h3{color:#2c3e50;font-size:1.2rem;margin-bottom:10px}.action-card p{color:#666;font-size:.9rem;line-height:1.4}.recent-activity{box-shadow:0 4px 12px #0000001a;padding:30px}.recent-activity h2{color:#2c3e50;margin-bottom:25px;text-align:center}.activity-list{gap:15px}.activity-item{background:#f8f9fa;gap:15px;padding:15px;transition:background-color .3s ease}.activity-item:hover{background:#e9ecef}.activity-icon{border-radius:50%;font-size:1.5rem}.activity-content p{color:#2c3e50;margin:0 0 5px}.activity-time{color:#666;font-size:.85rem}@media (max-width:768px){.dashboard-header{flex-direction:column;gap:20px;text-align:center}.dashboard-header h1{font-size:2rem}.actions-grid,.stats-grid{grid-template-columns:1fr}.action-card,.stat-card{padding:20px}}.worklog-modal-overlay{align-items:center;animation:worklogFadeIn .25s ease-out;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#1118278c;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.worklog-modal{animation:worklogSlideUp .3s ease-out;background:#fff;border-radius:16px;box-shadow:0 24px 48px #0f172a33;max-height:90vh;max-width:1000px;overflow-y:auto;padding:24px;position:relative;width:100%}.worklog-modal__header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.worklog-modal__header h2{color:#1f2937;font-size:1.25rem;font-weight:700;margin:0}.worklog-modal__close{background:#0000;border:none;color:#4b5563;cursor:pointer;font-size:1.5rem;transition:color .2s ease}.worklog-modal__close:hover{color:#111827}.worklog-modal__close:disabled{color:#9ca3af;cursor:not-allowed}.worklog-modal__form{display:flex;flex-direction:column;gap:16px}.worklog-entries{gap:12px}.worklog-entries,.worklog-entry{display:flex;flex-direction:column}.worklog-entry{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;gap:8px;padding:12px}.worklog-entry__header{align-items:center;display:flex;justify-content:space-between;margin-bottom:0}.worklog-entry__header h3{color:#374151;font-size:.9rem;font-weight:600;margin:0}.worklog-entry__remove{align-items:center;background:#0000;border:none;border-radius:6px;color:#ef4444;cursor:pointer;display:flex;justify-content:center;padding:4px;transition:background-color .2s ease,color .2s ease}.worklog-entry__remove:hover:not(:disabled){background:#ef44441a;color:#dc2626}.worklog-entry__remove:disabled{cursor:not-allowed;opacity:.5}.worklog-entry__remove svg{font-size:20px}.worklog-entry__divider{display:none}.worklog-modal__add-task{align-items:center;background:#f3f4f6;border:2px dashed #d1d5db;border-radius:12px;color:#6b7280;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:8px;justify-content:center;padding:12px 16px;transition:all .2s ease}.worklog-modal__add-task:hover:not(:disabled){background:#e5e7eb;border-color:#9ca3af;color:#374151}.worklog-modal__add-task:disabled{cursor:not-allowed;opacity:.5}.worklog-modal__add-task svg{font-size:20px}.worklog-entry__content{grid-gap:12px;align-items:start;display:grid;gap:12px;grid-template-columns:140px 1fr 100px}.worklog-modal__label{color:#374151;display:flex;flex-direction:column;font-size:.85rem;font-weight:600}.worklog-modal__label--type{min-width:140px}.worklog-modal__label--description{flex:1 1}.worklog-modal__label--duration{min-width:100px}.worklog-modal__input,.worklog-modal__select,.worklog-modal__textarea{border:1px solid #d1d5db;border-radius:8px;color:#1f2937;font-size:.9rem;margin-top:6px;padding:8px 10px;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.worklog-modal__input:focus,.worklog-modal__select:focus,.worklog-modal__textarea:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f126;outline:none}.worklog-modal__textarea{font-family:inherit;max-height:80px;min-height:60px;resize:vertical}.worklog-modal__error{background:#f8717126;color:#b91c1c}.worklog-modal__error,.worklog-modal__success{border-radius:8px;font-size:.85rem;padding:10px 12px}.worklog-modal__success{background:#22c55e1f;color:#047857}.worklog-modal__submit{background:linear-gradient(135deg,#4f46e5,#6366f1);border:none;border-radius:12px;color:#fff;cursor:pointer;font-weight:600;margin-top:4px;padding:12px 16px;transition:transform .2s ease,box-shadow .2s ease}.worklog-modal__submit:hover:not(:disabled){box-shadow:0 12px 24px #4f46e533;transform:translateY(-1px)}.worklog-modal__submit:disabled{cursor:not-allowed;opacity:.65}@keyframes worklogFadeIn{0%{opacity:0}to{opacity:1}}@keyframes worklogSlideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.worklog-entry__content{gap:10px;grid-template-columns:1fr}.worklog-modal__label--duration,.worklog-modal__label--type{min-width:auto}.worklog-modal__textarea{max-height:100px;min-height:80px}}@media (max-width:480px){.worklog-modal{margin:0 16px;max-width:calc(100vw - 32px);padding:20px}.worklog-modal__header h2{font-size:1.1rem}}.employee-presence-tracker{background:#fff;border:2px solid #e2e8f0;border-radius:12px;box-shadow:0 4px 15px #0000001a;padding:24px;transition:all .3s ease}.employee-presence-tracker:hover{border-color:#667eea;box-shadow:0 8px 25px #667eea26}.presence-header{margin-bottom:24px;text-align:center}.presence-title{align-items:center;color:#2d3748;display:flex;font-size:1.5rem;font-weight:700;gap:12px;justify-content:center;margin:0 0 8px}.title-icon{font-size:1.3rem}.presence-subtitle{color:#718096;font-size:.9rem;margin:0}.presence-status{margin-bottom:24px;text-align:center}.status-indicator{justify-content:center;margin-bottom:16px}.status-icon{font-size:2rem}.status-text{font-size:1.2rem}.session-info{background:#f7fafc;border-radius:8px;display:flex;flex-direction:column;gap:8px;padding:16px}.last-active,.session-duration,.session-start{align-items:center;display:flex;justify-content:space-between}.active-label,.duration-label,.start-label{color:#718096;font-size:.9rem;font-weight:500}.active-value,.duration-value,.start-value{color:#2d3748;font-family:Courier New,monospace;font-size:.9rem;font-weight:600}.presence-actions{margin-bottom:24px;text-align:center}.status-toggle-group{flex-wrap:wrap;gap:12px;margin-top:16px}.btn-status-toggle,.status-toggle-group{align-items:center;display:flex;justify-content:center}.btn-status-toggle{background:#edf2f7;border:none;border-radius:10px;box-shadow:0 4px 12px #00000014;color:#2d3748;cursor:pointer;font-weight:600;gap:10px;min-width:140px;padding:10px 20px;transition:all .3s ease}.btn-status-toggle:hover:not(:disabled){box-shadow:0 8px 20px #667eea33;transform:translateY(-2px)}.btn-status-toggle:disabled{box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.btn-status-away{background:linear-gradient(135deg,#f6ad55,#ed8936);color:#fff}.btn-status-active{background:linear-gradient(135deg,#63b3ed,#4299e1);color:#fff}.btn-status-toggle.active{border:2px solid #fff9;box-shadow:0 8px 22px #4299e159}.btn-status-icon{font-size:1.1rem}.btn-clock-in,.btn-clock-out{align-items:center;background:linear-gradient(135deg,#48bb78,#38a169);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:1.1rem;font-weight:600;gap:12px;justify-content:center;margin:0 auto;min-width:160px;padding:8px 20px;transition:all .3s ease}.btn-clock-out{background:linear-gradient(135deg,#e53e3e,#c53030)}.btn-clock-in:hover:not(:disabled),.btn-clock-out:hover:not(:disabled){box-shadow:0 8px 25px #0003;transform:translateY(-2px)}.btn-clock-in:disabled,.btn-clock-out:disabled{cursor:not-allowed;opacity:.6;transform:none}.btn-icon{font-size:1.2rem}.error-message{font-weight:500}.error-icon{font-size:1.1rem}.presence-tips{background:#f7fafc;border-left:4px solid #667eea;border-radius:8px;padding:16px}.presence-tips h4{color:#2d3748;font-size:1rem;font-weight:600;margin:0 0 12px}.presence-tips ul{color:#4a5568;margin:0;padding-left:20px}.presence-tips li{font-size:.9rem;line-height:1.4;margin-bottom:6px}.presence-tips li:last-child{margin-bottom:0}@media (max-width:480px){.employee-presence-tracker{padding:16px}.presence-title{font-size:1.3rem}.status-indicator{flex-direction:column;gap:8px}.session-info{padding:12px}.last-active,.session-duration,.session-start{align-items:flex-start;flex-direction:column;gap:4px}.btn-clock-in,.btn-clock-out{font-size:1rem;padding:12px 24px}}.status-indicator{animation:fadeInUp .6s ease-out}.session-info{animation:fadeInUp .6s ease-out .2s both}.presence-actions{animation:fadeInUp .6s ease-out .4s both}.status-icon{animation:pulse 2s infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.btn-clock-in:disabled .btn-icon,.btn-clock-out:disabled .btn-icon{animation:spin 1s linear infinite}.presence-tips:hover,.session-info:hover{background:#edf2f7}.leave-balance-card{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:20px;transition:transform .2s,box-shadow .2s}.leave-balance-card:hover{box-shadow:0 4px 8px #00000026;transform:translateY(-2px)}.leave-balance-card.compact{padding:15px}.balance-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.balance-header h3,.balance-header h4{color:#333;font-size:1.1rem;margin:0;text-transform:capitalize}.balance-header h4{font-size:.95rem}.balance-badge{background:#e3f2fd;border-radius:12px;color:#1976d2;font-size:.9rem;font-weight:600;padding:6px 12px}.balance-remaining{color:#1976d2;font-size:1.5rem;font-weight:700}.balance-details{gap:10px;margin-bottom:15px}.balance-row{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;padding:8px 0}.balance-row:last-child{border-bottom:none}.balance-row.highlight{background:#f5f5f5;border-bottom:none;border-radius:4px;margin-top:5px;padding:10px}.balance-row .label{color:#666;font-size:.9rem}.balance-row .value{color:#333;font-weight:600}.balance-row .value.used{color:#d32f2f}.balance-row .value.pending{color:#f57c00}.balance-row .value.available{color:#2e7d32;font-size:1.1rem}.balance-progress{margin-top:15px}.progress-bar{background:#e0e0e0;border-radius:4px;height:8px;margin-bottom:8px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#4caf50,#8bc34a);height:100%;transition:width .3s ease}.progress-text{color:#666;font-size:.85rem;text-align:right}.leave-balance-card.compact .balance-bar{background:#e0e0e0;border-radius:3px;height:6px;margin:10px 0;overflow:hidden}.leave-balance-card.compact .balance-used{background:#4caf50;height:100%;transition:width .3s ease}.leave-balance-card.compact .balance-footer{color:#666;display:flex;font-size:.85rem;justify-content:space-between}.leave-balance-card.compact .balance-footer .pending{color:#f57c00;font-weight:600}.leave-balance-card.status-low{border-left:4px solid #d32f2f}.leave-balance-card.status-medium{border-left:4px solid #f57c00}.leave-balance-card.status-high{border-left:4px solid #2e7d32}.employee-dashboard{background:#f8fafc;margin:0 auto;max-width:1200px;min-height:100vh;padding:2rem}.chat-toggle-btn{align-items:center;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s ease}.chat-toggle-btn:hover{background:linear-gradient(135deg,#1d4ed8,#1e40af);box-shadow:0 4px 12px #3b82f64d;transform:translateY(-1px)}.chat-toggle-btn svg{font-size:1.1rem}.stat-card{border-radius:16px}.stat-card.leave-balance,.stat-card.leave-balance-widget{grid-column:span 2;grid-row:span 2}.stat-card.leave-balance-widget{align-items:flex-start;flex-direction:column}.leave-balances-compact{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-top:10px;width:100%}.stat-icon{background:linear-gradient(135deg,#e0e7ff,#c7d2fe);font-size:1.8rem}.stat-icon.pending{background:linear-gradient(135deg,#fef3c7,#fde68a)}.stat-icon.tickets{background:linear-gradient(135deg,#e0e7ff,#c7d2fe)}.stat-icon.tasks{background:linear-gradient(135deg,#d1fae5,#a7f3d0)}.stat-content{align-items:flex-start;display:flex;flex-direction:column;gap:0;width:100%}.stat-content h3{margin:0 0 .5rem}.leave-breakdown{display:flex;flex-direction:column;gap:.5rem}.leave-item{border-bottom:1px solid #f3f4f6;justify-content:space-between;padding:.5rem 0}.leave-item:last-child{border-bottom:none}.leave-type{color:#6b7280}.leave-days{color:#1f2937;font-size:.9rem;font-weight:600}.dashboard-section{border-radius:16px;padding:2rem}.dashboard-section h2{font-weight:600;margin:0 0 1.5rem}.activity-list{display:flex;flex-direction:column;gap:1rem}.activity-item{background:#f8fafc;border:1px solid #e5e7eb;border-radius:12px}.activity-icon{background:#fff;box-shadow:0 2px 4px #0000001a}.activity-content p{color:#374151;margin:0 0 .25rem}.action-btn{border-radius:12px;gap:.5rem;text-decoration:none}.action-btn.secondary{background:#fff;border:2px solid #e5e7eb}.action-btn.secondary:hover{background:#f9fafb;border-color:#d1d5db}.action-icon{font-size:1.2rem}.faq-section{background:#f8fafc;border:1px solid #e5e7eb;border-radius:12px;padding:2rem;text-align:center}.faq-section p{color:#6b7280;font-size:1.1rem;margin:0 0 1.5rem}@media (max-width:768px){.employee-dashboard{padding:1rem}.dashboard-header{gap:1rem}.dashboard-header,.user-info{flex-direction:column;text-align:center}.user-details{text-align:center}.stats-grid{grid-template-columns:1fr}.stat-card.leave-balance{grid-column:span 1}.quick-actions{grid-template-columns:1fr}.activity-item{flex-direction:column;gap:.5rem}.activity-content,.activity-item{text-align:center}}@media (max-width:480px){.dashboard-header,.dashboard-section{padding:1.5rem}.welcome-section h1{font-size:1.5rem}.stat-card{padding:1rem}.stat-icon{font-size:1.5rem;height:50px;width:50px}}@keyframes typing{0%,60%,to{opacity:.4;transform:translateY(0)}30%{opacity:1;transform:translateY(-10px)}}.faq-page{margin:0 auto;max-width:1000px}.faq-header{border-bottom:2px solid #e1e8ed;margin-bottom:40px;padding-bottom:20px;text-align:center}.faq-header h1{color:#2c3e50;font-size:2.5rem;margin-bottom:10px}.faq-header p{color:#666;font-size:1.1rem;margin:0}.search-section{margin-bottom:40px}.search-box{margin:0 auto;max-width:600px}.search-input{border:2px solid #e1e8ed;border-radius:25px;font-size:1rem;outline:none;padding:15px 50px 15px 20px;transition:border-color .3s ease;width:100%}.search-input:focus{border-color:#3498db}.search-icon{color:#666;font-size:1.2rem;right:20px}.faq-content{background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;margin-bottom:30px;padding:30px}.search-results-header{border-bottom:1px solid #e1e8ed;margin-bottom:30px;padding-bottom:15px}.search-results-header h2{color:#2c3e50;margin-bottom:5px}.search-results-header p{color:#666;margin:0}.faq-list{display:flex;flex-direction:column;gap:15px}.faq-item{background:#f8f9fa;border-radius:8px;overflow:hidden;transition:all .3s ease}.faq-item:hover{box-shadow:0 4px 12px #0000001a}.faq-question{align-items:center;cursor:pointer;display:flex;justify-content:space-between;padding:20px;transition:background-color .3s ease}.faq-question:hover{background:#e9ecef}.faq-question h3{color:#2c3e50;flex:1 1;font-size:1.1rem;font-weight:600;margin:0}.expand-icon{align-items:center;background:#fff;border-radius:50%;box-shadow:0 2px 4px #0000001a;color:#3498db;display:flex;font-size:1.5rem;font-weight:700;height:30px;justify-content:center;width:30px}.faq-answer{background:#fff;border-top:1px solid #e1e8ed;padding:0 20px 20px}.faq-answer p{color:#666;line-height:1.6;margin-bottom:15px}.faq-tags{display:flex;flex-wrap:wrap;gap:8px}.faq-tags .tag{background:#3498db;border-radius:15px;color:#fff;font-size:.8rem;font-weight:500;padding:4px 12px}.no-results{color:#666;padding:40px;text-align:center}.no-results p{font-size:1.1rem;margin-bottom:10px}.faq-categories{background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;padding:30px}.faq-categories h3{color:#2c3e50;margin-bottom:20px;text-align:center}.category-tags{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.category-tag{background:#ecf0f1;border-radius:20px;color:#2c3e50;cursor:pointer;font-size:.9rem;font-weight:500;padding:8px 16px;transition:all .3s ease}.category-tag:hover{background:#3498db;color:#fff;transform:translateY(-2px)}@media (max-width:768px){.faq-page{padding:0 20px}.faq-header h1{font-size:2rem}.faq-content{padding:20px}.faq-question{padding:15px}.faq-answer{padding:0 15px 15px}.category-tags{justify-content:flex-start}}.leave-form{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;margin:0 auto;max-width:600px;padding:30px}.leave-form h2{color:#2c3e50;margin-bottom:25px;text-align:center}.form-group label{font-size:.95rem}.form-group input,.form-group select,.form-group textarea{border:2px solid #e1e8ed;padding:12px;transition:border-color .3s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#3498db}.days-info{background:#f8f9fa;border-left:4px solid #3498db;border-radius:6px;margin:15px 0;padding:15px;text-align:center}.days-info strong{color:#2c3e50;font-size:1.1rem}.form-actions{border-top:1px solid #e1e8ed;gap:15px;margin-top:30px;padding-top:20px}.form-actions button{border:none;font-size:1rem;font-weight:600;padding:12px 24px;transition:all .3s ease}.form-actions button[type=button]{background:#95a5a6;color:#fff}.form-actions button[type=button]:hover{background:#7f8c8d}.form-actions button[type=submit]{background:#27ae60;color:#fff}.form-actions button[type=submit]:hover:not(:disabled){background:#229954}.form-actions button:disabled{background:#bdc3c7;cursor:not-allowed}@media (max-width:768px){.leave-form{margin:20px;padding:20px}.form-row{gap:0}.form-actions,.form-row{flex-direction:column}}.leave-page{margin:0 auto;max-width:1200px}.leave-header{align-items:center;border-bottom:2px solid #e1e8ed;display:flex;justify-content:space-between;margin-bottom:30px;padding-bottom:20px}.leave-header h1{color:#2c3e50;font-size:2.5rem;margin:0}.new-request-btn{align-items:center;background:#27ae60;border:none;border-radius:25px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s ease}.new-request-btn:hover{background:#229954;box-shadow:0 4px 12px #27ae604d;transform:translateY(-2px)}.form-modal-content{border-radius:12px}.leave-content{display:flex;flex-direction:column;gap:30px}.leave-stats{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:30px}.leave-stats .stat-card{background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;padding:25px;text-align:center;transition:transform .3s ease}.leave-stats .stat-card:hover{transform:translateY(-4px)}.leave-stats .stat-card h3{color:#2c3e50;font-size:2rem;font-weight:700;margin:0 0 5px}.leave-stats .stat-card p{color:#666;font-size:.95rem;font-weight:500;margin:0}.leave-requests{background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;padding:30px}.leave-requests h2{color:#2c3e50;margin-bottom:25px;text-align:center}.no-requests{color:#666;padding:40px}.no-requests p{font-size:1.1rem;margin-bottom:20px}.create-first-btn{background:#27ae60;border:none;border-radius:25px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 24px;transition:all .3s ease}.create-first-btn:hover{background:#229954;transform:translateY(-2px)}.requests-list{gap:20px}.request-card{background:#f8f9fa;border-left:4px solid #3498db;padding:25px;transition:all .3s ease}.request-card:hover{box-shadow:0 4px 12px #0000001a}.request-header{align-items:center;margin-bottom:20px}.request-type{align-items:center;display:flex;gap:12px}.type-icon{font-size:1.5rem}.request-type h3{color:#2c3e50;font-size:1.2rem;margin:0}.request-status{border-radius:20px;font-size:.9rem;font-weight:600;gap:8px;padding:6px 12px}.request-status.status-pending{background:#fff3cd;color:#856404}.request-status.status-approved{background:#d4edda;color:#155724}.request-status.status-rejected{background:#f8d7da;color:#721c24}.request-details{display:flex;flex-wrap:wrap;gap:30px;margin-bottom:20px}.date-range{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.date-label{color:#666;font-weight:500}.date-value{color:#2c3e50;font-weight:600}.days-info{align-items:center;display:flex;gap:10px}.days-label{color:#666;font-weight:500}.days-value{color:#2c3e50;font-size:1.1rem;font-weight:600}.request-reason{margin-bottom:15px}.request-reason p{color:#666}.request-comments{margin-bottom:15px}.request-comments p{color:#666;line-height:1.5;margin:0}.request-meta{color:#666;display:flex;flex-wrap:wrap;font-size:.9rem;gap:20px}.request-date{font-weight:500}.approval-date{color:#27ae60;font-weight:600}@media (max-width:768px){.leave-header{flex-direction:column;gap:20px;text-align:center}.leave-header h1{font-size:2rem}.leave-stats{grid-template-columns:repeat(2,1fr)}.request-header{align-items:flex-start}.request-details,.request-header{flex-direction:column;gap:15px}.request-meta{flex-direction:column;gap:10px}}.onboarding-checklist{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;padding:30px}.onboarding-checklist h2{color:#2c3e50;margin-bottom:25px;text-align:center}.tasks-container{display:flex;flex-direction:column;gap:20px}.task-item{background:#f8f9fa;border-left:4px solid #3498db;border-radius:8px;padding:20px;transition:all .3s ease}.task-item:hover{box-shadow:0 4px 12px #0000001a}.task-item.priority-critical{background:#faf5ff;border-left-color:#8e44ad}.task-item.priority-high{background:#fef5f5;border-left-color:#e74c3c}.task-item.priority-medium{background:#fffbf0;border-left-color:#f39c12}.task-item.priority-low{background:#f0fff4;border-left-color:#27ae60}.task-header{gap:15px;margin-bottom:15px}.status-icon{font-size:1.5rem}.task-title{color:#2c3e50;flex:1 1;font-size:1.2rem;margin:0}.task-category{background:#3498db;border-radius:20px;color:#fff;font-size:.8rem;font-weight:600;padding:4px 12px;text-transform:uppercase}.task-description{color:#666;line-height:1.5;margin-bottom:15px}.task-meta{display:flex;font-size:.9rem;gap:20px;margin-bottom:15px}.task-due,.task-priority{font-weight:600}.task-due{color:#e74c3c}.complete-btn{background:#27ae60;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;padding:10px 20px;transition:background-color .3s ease}.complete-btn:hover{background:#229954}.completed-info{background:#d4edda;border-radius:6px;color:#155724;font-size:.9rem;font-weight:600;padding:10px 15px}.no-tasks{color:#666;padding:40px}.no-tasks p{font-size:1.1rem}@media (max-width:768px){.onboarding-checklist{padding:20px}.task-header{align-items:flex-start}.task-header,.task-meta{flex-direction:column;gap:10px}}.onboarding-page{margin:0 auto;max-width:1200px}.onboarding-header{border-bottom:2px solid #e1e8ed;margin-bottom:40px;padding-bottom:20px;text-align:center}.onboarding-header h1{color:#2c3e50;font-size:2.5rem;margin-bottom:10px}.onboarding-header p{color:#666;font-size:1.1rem;margin:0}.onboarding-content{display:flex;flex-direction:column;gap:30px}.onboarding-info{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:30px}.onboarding-checklist-section{background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;padding:30px}@media (max-width:768px){.onboarding-page{padding:0 20px}.onboarding-header h1{font-size:2rem}.onboarding-info{grid-template-columns:1fr}.info-card,.onboarding-checklist-section{padding:20px}}.document-viewer{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;padding:30px}.document-header{margin-bottom:25px;padding-bottom:15px}.document-header h2{color:#2c3e50;margin:0}.filter-controls select{background:#fff;border:2px solid #e1e8ed;border-radius:6px;cursor:pointer;font-size:.95rem;padding:8px 12px}.filter-controls select:focus{border-color:#3498db;outline:none}.documents-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-top:20px}.document-card{background:#f8f9fa;border:1px solid #e1e8ed;border-radius:8px;display:flex;flex-direction:column;padding:20px;transition:all .3s ease}.document-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.document-icon{font-size:2.5rem;margin-bottom:15px;text-align:center}.document-info{flex:1 1;margin-bottom:15px}.document-title{color:#2c3e50;font-size:1.1rem;font-weight:600;margin-bottom:10px}.document-description{color:#666;font-size:.9rem;line-height:1.4;margin-bottom:15px}.document-meta{display:flex;flex-wrap:wrap;font-size:.85rem;gap:10px;margin-bottom:15px}.document-category{background:#3498db;text-transform:uppercase}.document-category,.document-size{border-radius:12px;color:#fff;font-weight:600;padding:4px 8px}.document-size{background:#95a5a6}.document-date{background:#e67e22;border-radius:12px;color:#fff;font-weight:600;padding:4px 8px}.document-tags{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:15px}.tag{background:#ecf0f1;border-radius:10px;color:#2c3e50;font-size:.8rem;font-weight:500;padding:2px 8px}.document-actions{display:flex;gap:10px;margin-top:auto}.download-btn{background:#27ae60;border:none;border-radius:6px;color:#fff;cursor:pointer;flex:1 1;font-size:.9rem;font-weight:600;padding:8px 16px;transition:background-color .3s ease}.download-btn:hover{background:#229954}.delete-btn{background:#e74c3c;border:none;border-radius:6px;color:#fff;cursor:pointer;flex:1 1;font-size:.9rem;font-weight:600;padding:8px 16px;transition:background-color .3s ease}.delete-btn:hover{background:#c0392b}.no-documents{color:#666;padding:40px;text-align:center}.no-documents p{font-size:1.1rem}@media (max-width:768px){.document-viewer{padding:20px}.document-header{align-items:stretch;flex-direction:column;gap:15px}.documents-grid{grid-template-columns:1fr}.document-actions{flex-direction:column}}.document-page{margin:0 auto;max-width:1200px}.document-header{align-items:center;border-bottom:2px solid #e1e8ed;display:flex;justify-content:space-between;margin-bottom:30px;padding-bottom:20px}.document-header h1{color:#2c3e50;font-size:2.5rem;margin:0}.upload-btn{align-items:center;background:#27ae60;border:none;border-radius:25px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s ease}.upload-btn:hover{background:#229954;box-shadow:0 4px 12px #27ae604d;transform:translateY(-2px)}.document-content{display:flex;flex-direction:column;gap:30px}.document-info{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:30px}.info-card{background:#fff;border-left:4px solid #3498db;border-radius:12px;box-shadow:0 4px 12px #0000001a;padding:25px}.info-card h3{color:#2c3e50;font-size:1.3rem;margin-bottom:15px}.info-card p{margin-bottom:15px}.info-card p,.info-card ul{color:#666;line-height:1.6}.info-card li{margin-bottom:8px}.document-viewer-section{background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;padding:30px}.upload-modal{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.upload-modal-content{background:#fff;border-radius:12px;max-height:90vh;max-width:600px;overflow-y:auto;padding:30px;width:90%}.upload-header{align-items:center;border-bottom:1px solid #e1e8ed;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:15px}.upload-header h3{color:#2c3e50;margin:0}.close-btn{color:#666;height:30px;transition:background-color .3s ease;width:30px}.close-btn:hover{background-color:#f8f9fa}.upload-form{padding:20px 0}.upload-form p{color:#666;line-height:1.6;margin-bottom:15px}@media (max-width:768px){.document-page{padding:0 20px}.document-header{flex-direction:column;gap:20px;text-align:center}.document-header h1{font-size:2rem}.document-info{grid-template-columns:1fr}.document-viewer-section,.info-card{padding:20px}}.employee-profile-page{background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;padding:2rem}.error-state,.loading-state{align-items:center;background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;display:flex;flex-direction:column;justify-content:center;min-height:400px;padding:3rem}.spinner{border:4px solid #f3f3f3;border-top-color:#667eea;height:50px;margin-bottom:1rem;width:50px}.error-icon{font-size:4rem;margin-bottom:1rem}.error-state h3{color:#333;margin:0 0 .5rem}.error-state p{color:#666;margin-bottom:1.5rem}.profile-header{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;margin-bottom:2rem;padding:2rem}.profile-header-content{align-items:center;display:flex;gap:2rem}.profile-avatar{border-radius:50%;box-shadow:0 4px 6px #0000001a;flex-shrink:0;height:120px;overflow:hidden;width:120px}.profile-avatar img{height:100%;object-fit:cover;width:100%}.avatar-placeholder{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;font-size:3rem;font-weight:700;height:100%;justify-content:center;text-transform:uppercase;width:100%}.profile-header-info{flex:1 1}.profile-header-info h1{color:#333;font-size:2rem;margin:0 0 .5rem}.profile-subtitle{color:#666;font-size:1.1rem;margin:0 0 .75rem}.status-badge{font-size:.875rem}.status-inactive{background:#f8d7da;color:#721c24}.status-terminated{background:#e0e0e0;color:#666}.profile-header-actions{display:flex;gap:1rem}.profile-content{display:flex;flex-direction:column;gap:2rem}.profile-section{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;padding:2rem}.section-header{border-bottom:2px solid #f0f0f0;margin-bottom:1.5rem;padding-bottom:1rem}.section-header h2{align-items:center;color:#333;display:flex;font-size:1.5rem;gap:.5rem;margin:0}.info-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.info-item{gap:.5rem}.info-item.full-width{grid-column:1/-1}.info-item label{color:#666;font-size:.875rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.info-item span{color:#333;font-size:1rem;font-weight:500}.leave-balances{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.leave-card{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;padding:1.5rem}.leave-card h3{font-size:1.25rem;margin:0 0 1rem;text-transform:capitalize}.leave-stats{display:flex;justify-content:space-between;margin-bottom:1rem}.leave-stat{align-items:center;display:flex;flex-direction:column;gap:.25rem}.leave-label{font-size:.75rem;letter-spacing:.5px;opacity:.9;text-transform:uppercase}.leave-value{font-size:1.5rem;font-weight:700}.leave-value.used{color:#ffeb3b}.leave-value.remaining{color:#4caf50}.leave-progress{background:#ffffff4d;border-radius:4px;height:8px;overflow:hidden;width:100%}.leave-progress-bar{background:#fff;border-radius:4px;height:100%;transition:width .3s ease}.password-modal{max-width:500px;width:90%}.password-requirements{background:#f8f9fa;border-radius:8px;font-size:.875rem;margin-top:.5rem;padding:1rem}.password-requirements p{color:#666;font-weight:600;margin:0 0 .5rem}.password-requirements ul{list-style:none;margin:0;padding-left:1.5rem}.password-requirements li{color:#999;padding:.25rem 0;position:relative}.password-requirements li:before{content:"○";left:-1.5rem;position:absolute}.password-requirements li.valid{color:#28a745}.password-requirements li.valid:before{content:"✓";font-weight:700}.success-message{padding:3rem 2rem;text-align:center}.success-message h3{color:#28a745;margin:0 0 .5rem}.success-message p{color:#666;margin:0}.btn{align-items:center;display:inline-flex;gap:.5rem;transition:all .3s ease}.btn-primary:hover:not(:disabled){box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.btn-secondary{background:#6c757d}.btn-secondary:hover:not(:disabled){background:#5a6268}.modal-overlay{background:#000000b3;padding:1rem}.modal{animation:modalSlideIn .3s ease;box-shadow:0 10px 40px #0000004d}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}.modal-header{border-bottom:1px solid #e0e0e0}.modal-header h2{color:#333;gap:.5rem}.close-btn,.modal-header h2{align-items:center;display:flex}.close-btn{border-radius:50%;color:#999;font-size:2rem;height:32px;justify-content:center;padding:0;transition:all .2s;width:32px}.close-btn:hover{background:#f0f0f0;color:#333}.modal-footer{border-top:1px solid #e0e0e0;padding:1.5rem}.form-group{margin-bottom:1.5rem}.form-group label{color:#333}.required{color:#dc3545}.form-group input{border:2px solid #e0e0e0;padding:.75rem;transition:border-color .3s}.form-group input.error{border-color:#dc3545}.error-message{color:#dc3545;display:block;margin-top:.5rem}.alert{align-items:center;display:flex;gap:.5rem}.alert-error{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.alert-icon{font-size:1.25rem}@media (max-width:768px){.employee-profile-page{padding:1rem}.profile-header-content{flex-direction:column;text-align:center}.profile-header-info{align-items:center;display:flex;flex-direction:column}.profile-avatar{height:100px;width:100px}.profile-header-info h1{font-size:1.5rem}.info-grid,.leave-balances{grid-template-columns:1fr}.modal{max-width:none;width:95%}}.hr-dashboard{background:#f8fafc;margin:0 auto;max-width:1200px;min-height:100vh;padding:2rem}.dashboard-header{box-shadow:0 4px 6px -1px #0000001a;margin-bottom:2rem;padding:2rem}.welcome-section h1{color:#1f2937;font-size:2rem;font-weight:700;margin:0 0 .5rem}.welcome-section p{color:#6b7280;font-size:1.1rem;margin:0}.user-info{gap:1rem}.user-avatar{background:linear-gradient(135deg,#3b82f6,#1d4ed8);font-size:1.2rem;height:60px;width:60px}.user-details{text-align:right}.user-name{color:#1f2937;font-size:1.1rem}.user-role{color:#6b7280;font-size:.9rem}.stats-grid{margin-bottom:3rem}.stat-icon{border-radius:12px;height:60px;width:60px}.stat-icon.employees{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.stat-icon.leave{background:linear-gradient(135deg,#f59e0b,#d97706)}.stat-icon.tickets{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.stat-icon.onboarding{background:linear-gradient(135deg,#10b981,#059669)}.stat-content h3{font-size:2rem}.dashboard-section{background:#fff;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a;margin-bottom:2rem;padding:1.5rem}.dashboard-section h2{color:#1f2937;font-size:1.5rem;margin-bottom:1rem}.activity-list{space-y:1rem}.activity-item{background:#f9fafb;gap:1rem;margin-bottom:.5rem;padding:1rem}.activity-icon,.activity-item{align-items:center;border-radius:8px;display:flex}.activity-icon{background:#e5e7eb;font-size:1.2rem;height:40px;justify-content:center;width:40px}.activity-content{flex:1 1}.activity-content p{color:#1f2937;font-weight:500;margin:0}.activity-time{color:#6b7280;font-size:.8rem}.activity-status{border-radius:20px;color:#fff;font-size:.8rem;font-weight:500;padding:.25rem .75rem;text-transform:capitalize}.no-activity{color:#6b7280;font-style:italic;padding:2rem;text-align:center}.quick-actions{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.action-btn{padding:1rem 1.5rem}.action-btn.primary{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.action-btn.primary:hover{background:linear-gradient(135deg,#1d4ed8,#1e40af);transform:translateY(-1px)}.action-btn.secondary{background:#f3f4f6;border:1px solid #d1d5db;color:#374151}.action-btn.secondary:hover{background:#e5e7eb}@media (max-width:768px){.hr-dashboard{padding:1rem}.quick-actions,.stats-grid{grid-template-columns:1fr}.dashboard-header h1{font-size:2rem}}.onboarding-manager{margin:0 auto;max-width:1400px;padding:2rem}.task-form{padding:1.5rem}.tasks-container{margin-top:2rem}.tasks-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.task-card{background:#fff;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a;padding:1.5rem;transition:transform .2s ease}.task-card:hover{transform:translateY(-2px)}.task-header{justify-content:space-between;margin-bottom:1rem}.task-category,.task-header{align-items:center;display:flex}.task-category{gap:.5rem}.priority-badge{border-radius:20px;color:#fff;font-size:.8rem;font-weight:500;padding:.25rem .75rem;text-transform:capitalize}.task-content h3{color:#1f2937;font-size:1.1rem;margin:0 0 .5rem}.task-content p{color:#6b7280;line-height:1.5;margin:0 0 1rem}.task-details{background:#f9fafb;border-radius:8px;margin-bottom:1rem;padding:1rem}.task-footer{align-items:center;display:flex;justify-content:space-between}.task-actions{display:flex;gap:.5rem}.action-btn.start{background:#3b82f6;color:#fff}.action-btn.start:hover{background:#1d4ed8}.action-btn.complete{background:#10b981;color:#fff}.action-btn.complete:hover{background:#059669}.action-btn.reopen{background:#f59e0b;color:#fff}.action-btn.reopen:hover{background:#d97706}.no-tasks{color:#6b7280;padding:3rem;text-align:center}@media (max-width:768px){.onboarding-manager{padding:1rem}.manager-header{align-items:stretch;flex-direction:column;gap:1rem}.form-row,.tasks-grid{grid-template-columns:1fr}.modal{margin:1rem;width:95%}}.leave-manager{margin:0 auto;max-width:1200px;padding:2rem}.manager-header{flex-wrap:wrap;gap:1rem}.stats-summary{display:flex;gap:1rem}.stat-item{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;min-width:80px;padding:.5rem .5rem .5rem 10px!important}.stat-item.pending{border-left:4px solid #f59e0b}.stat-item.approved{border-left:4px solid #10b981}.stat-item.rejected{border-left:4px solid #ef4444}.stat-number{font-size:1.5rem}.stat-label{display:block;font-size:.8rem}.requests-list{display:flex;flex-direction:column;gap:1.5rem}.request-header{margin-bottom:1rem}.employee-info h3{margin:0 0 .25rem}.employee-info p{color:#6b7280;font-size:.9rem}.detail-row,.request-details{margin-bottom:1rem}.detail-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.detail-item.full-width{grid-column:1/-1}.detail-item span{color:#1f2937;font-weight:500}.detail-item p{color:#6b7280;line-height:1.5;margin:0}.leave-type{text-transform:capitalize}.rejection-reason{color:#ef4444!important;font-style:italic}.request-actions{gap:1rem;justify-content:flex-end}.action-btn{padding:.75rem 1.5rem}.action-btn.approve:hover{background:#059669}.action-btn.reject:hover{background:#dc2626}.action-btn.cancel{background:#6b7280;color:#fff}.action-btn.cancel:hover{background:#4b5563}.modal{max-width:500px}.review-info{margin-bottom:2rem}.review-info h3{color:#1f2937;font-size:1.3rem;margin:0 0 1rem}.review-info p{color:#374151;margin:.5rem 0}.modal-actions{gap:1rem}@media (max-width:768px){.leave-manager{padding:1rem}.manager-header{align-items:stretch;flex-direction:column}.stats-summary{justify-content:space-around}.filter-tabs{flex-wrap:wrap}.detail-row{grid-template-columns:1fr}.modal-actions,.request-actions{flex-direction:column}.modal{margin:1rem;width:95%}}.ticket-manager{margin:0 auto;max-width:1400px;padding:2rem}.manager-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.manager-header h1{color:#1f2937;font-size:2rem;margin:0}.header-actions{gap:1rem}.create-btn{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .2s ease}.create-btn:hover{background:linear-gradient(135deg,#1d4ed8,#1e40af);transform:translateY(-1px)}.stats-grid{grid-gap:1.5rem;gap:1.5rem;margin-bottom:2rem}.stat-card{box-shadow:0 4px 6px -1px #0000001a;gap:1rem;padding:1.5rem;transition:transform .2s ease}.stat-icon{align-items:center;border-radius:10px;display:flex;font-size:1.5rem;height:50px;justify-content:center;width:50px}.stat-icon.total{background:linear-gradient(135deg,#6b7280,#4b5563)}.stat-icon.open{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.stat-icon.progress{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.stat-icon.resolved{background:linear-gradient(135deg,#10b981,#059669)}.stat-content h3{color:#1f2937;font-size:1.8rem;font-weight:700;margin:0}.stat-content p{color:#6b7280;font-size:.9rem;margin:0}.filter-tabs{border-bottom:1px solid #e5e7eb;margin-bottom:2rem}.filter-tab{background:none;border:none;border-bottom:2px solid #0000;white-space:nowrap}.filter-tab.active{border-bottom-color:#3b82f6;color:#3b82f6}.modal.large{max-width:800px}.ticket-form{padding:1.5rem}.form-group{margin-bottom:1rem}.form-group label{margin-bottom:.5rem}.form-group input,.form-group select,.form-group textarea{border:1px solid #d1d5db;border-radius:6px}.form-actions{gap:1rem;margin-top:1.5rem}.form-actions button{border:1px solid #d1d5db;border-radius:6px;cursor:pointer;font-weight:500;padding:.75rem 1.5rem;transition:all .2s ease}.form-actions button.primary{background:#3b82f6;border-color:#3b82f6;color:#fff}.form-actions button.primary:hover{background:#1d4ed8}.tickets-container{margin-top:1rem}.tickets-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}.ticket-card{border-radius:12px;box-shadow:0 4px 6px -1px #0000001a;padding:1.5rem;transition:transform .2s ease}.ticket-card:hover{transform:translateY(-2px)}.ticket-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1rem}.ticket-info{flex:1 1}.ticket-id{color:#6b7280;font-size:.8rem;font-weight:500;margin-bottom:.25rem}.ticket-info h3{color:#1f2937;font-size:1.1rem;line-height:1.3;margin:0}.ticket-badges{align-items:flex-end;display:flex;flex-direction:column;gap:.5rem}.priority-badge,.status-badge{border-radius:20px;color:#fff;font-size:.8rem;font-weight:500;padding:.25rem .75rem;text-transform:capitalize}.ticket-category,.ticket-content{margin-bottom:1rem}.ticket-category{align-items:center;display:flex;gap:.5rem}.category-icon{font-size:1.2rem}.category-name{color:#6b7280;font-size:.9rem;text-transform:capitalize}.ticket-description{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:#6b7280;display:-webkit-box;line-height:1.5;margin:0 0 1rem;overflow:hidden}.ticket-details{background:#f9fafb;border-radius:8px;margin-bottom:1rem;padding:1rem}.detail-item{font-size:.9rem;margin-bottom:.5rem}.detail-item:last-child{margin-bottom:0}.ticket-resolution{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;margin-bottom:1rem;padding:1rem}.ticket-resolution strong{color:#166534}.ticket-resolution p{color:#15803d;margin:.5rem 0 0}.ticket-actions{border-top:1px solid #e5e7eb;display:flex;gap:.75rem;justify-content:flex-end;padding-top:1rem}.action-btn{font-size:.8rem}.action-btn.assign{background:#8b5cf6;color:#fff}.action-btn.assign:hover{background:#7c3aed}.action-btn.resolve{background:#10b981;color:#fff}.action-btn.resolve:hover{background:#059669}.ticket-detail-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:2rem}.ticket-detail-header h3{color:#1f2937;flex:1 1;font-size:1.3rem;margin:0}.detail-badges{display:flex;gap:.5rem}.ticket-detail-content{space-y:1.5rem}.detail-section{margin-bottom:1.5rem}.detail-section h4{margin:0 0 .75rem}.no-tickets{background:#fff;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a;color:#6b7280;text-align:center}.loading,.no-tickets{padding:3rem}@media (max-width:768px){.ticket-manager{padding:1rem}.manager-header{align-items:stretch;flex-direction:column;gap:1rem}.form-row,.stats-grid,.tickets-grid{grid-template-columns:1fr}.ticket-actions{flex-direction:column}.detail-grid{grid-template-columns:1fr}.modal{margin:1rem;width:95%}.ticket-detail-header{flex-direction:column;gap:1rem}}.hr-page{background:#f8fafc;min-height:100vh}.hr-header{background:linear-gradient(135deg,#1e40af,#3b82f6);color:#fff;padding:2rem;text-align:center}.hr-header h1{font-size:2.5rem;font-weight:700;margin:0 0 .5rem}.hr-header p{font-size:1.1rem;margin:0;opacity:.9}.hr-content{display:flex;min-height:calc(100vh - 200px)}.hr-sidebar{background:#fff;border-right:1px solid #e5e7eb;box-shadow:0 4px 6px -1px #0000001a;width:280px}.hr-nav{padding:1rem 0}.nav-item{background:none;border:none;color:#6b7280;font-size:1rem;font-weight:500;gap:1rem;padding:1rem 1.5rem;text-align:left;transition:all .2s ease;width:100%}.nav-item:hover{background:#f3f4f6;color:#374151}.nav-item.active{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-right:4px solid #1e40af;color:#fff}.nav-icon{text-align:center;width:24px}.nav-label{flex:1 1}.hr-main{background:#f8fafc;flex:1 1;overflow-y:auto}@media (max-width:1024px){.hr-sidebar{width:240px}.nav-item{padding:.75rem 1rem}.nav-label{font-size:.9rem}}@media (max-width:768px){.hr-content{flex-direction:column}.hr-sidebar{border-bottom:1px solid #e5e7eb;border-right:none;width:100%}.hr-nav{display:flex;overflow-x:auto;padding:.5rem}.nav-item{border-radius:8px;flex-shrink:0;margin-right:.5rem;padding:.75rem 1rem;white-space:nowrap}.nav-item.active{border-bottom:2px solid #1e40af;border-right:none}.hr-header h1{font-size:2rem}.hr-header p{font-size:1rem}}@media (max-width:480px){.hr-header{padding:1.5rem 1rem}.hr-header h1{font-size:1.8rem}.nav-item{font-size:.9rem;padding:.5rem .75rem}.nav-icon{font-size:1rem}}.employee-management{background:#f8fafc;margin:0 auto;max-width:1400px;min-height:100vh;padding:2rem}.add-btn{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .2s ease}.add-btn:hover{background:linear-gradient(135deg,#1d4ed8,#1e40af);transform:translateY(-1px)}.search-box{flex:1 1}.department-filter{background:#fff;border:2px solid #e5e7eb;border-radius:8px;cursor:pointer;font-size:1rem;min-width:200px;padding:.75rem 1rem}.department-filter:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.employees-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.employee-card{background:#fff;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a;padding:1.5rem;transition:transform .2s ease}.employee-card:hover{transform:translateY(-2px)}.employee-header-container{align-items:center;display:flex;flex-direction:row;gap:1rem}.employee-avatar{height:60px;margin-bottom:1rem;width:60px}.employee-name-containe{align-items:flex-start;display:flex;flex-direction:column;gap:0}.employee-info h3{color:#1f2937;font-size:1.2rem;font-weight:600;margin:0 0 .5rem}.employee-email{color:#6b7280;margin:0 0 .25rem}.employee-position{color:#374151;font-weight:500;margin:0 0 .25rem}.employee-department{color:#6b7280;font-size:.9rem;margin:0 0 .25rem}.employee-id{color:#9ca3af;font-size:.8rem;margin:0 0 1rem}.employee-actions{display:flex;gap:.75rem}.action-btn.view:hover{background:#1d4ed8}.action-btn.edit{background:#f3f4f6;border:1px solid #d1d5db;color:#374151}.action-btn.edit:hover{background:#e5e7eb}.no-employees{background:#fff;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a;color:#6b7280;margin-top:2rem;padding:4rem 2rem;text-align:center}.no-employees-icon{font-size:4rem;margin-bottom:1rem;opacity:.5}.no-employees h3{color:#1f2937;font-size:1.5rem;font-weight:600;margin:1rem 0 .5rem}.no-employees p{color:#6b7280;font-size:1rem;margin-bottom:1.5rem;margin-left:auto;margin-right:auto;max-width:500px}.no-employees .add-btn{margin-top:1rem}.employee-detail-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;gap:1rem;margin-bottom:2rem;padding-bottom:1rem}.detail-avatar{height:80px;width:80px}.detail-avatar,.detail-info h3{font-size:1.5rem}.detail-info p{font-size:1rem;margin:0}.detail-sections{display:flex;flex-direction:column;gap:1.5rem}.detail-section h4{font-size:1.1rem}.status-badge{padding:.25rem .75rem}.status-badge.active{background:#d1fae5;color:#065f46}.status-badge.inactive{background:#fee2e2;color:#991b1b}.add-employee-modal{max-width:800px}.form-section{margin-bottom:2rem}.form-section h3{border-bottom:2px solid #e5e7eb;color:#374151;font-size:1.1rem;margin:0 0 1rem;padding-bottom:.5rem}.form-row{grid-gap:1rem;gap:1rem;margin-bottom:1rem}.form-group{gap:.5rem}.form-group label{font-size:.9rem}.required{color:#ef4444}.form-group input,.form-group select,.form-group textarea{border:2px solid #e5e7eb;border-radius:8px;padding:.75rem;transition:border-color .2s ease}.form-group input.error,.form-group select.error,.form-group textarea.error{border-color:#ef4444}.error-message{color:#ef4444;font-size:.85rem;margin-top:-.25rem}.working-days-selector{display:flex;flex-wrap:wrap;gap:.5rem}.checkbox-label{background:#f3f4f6;border:2px solid #e5e7eb;border-radius:8px;padding:.5rem 1rem;transition:all .2s ease}.checkbox-label:hover{background:#e5e7eb}.checkbox-label input[type=checkbox]:checked+span{color:#3b82f6;font-weight:600}.modal-footer{border-top:1px solid #e5e7eb;gap:1rem;margin-top:1.5rem;padding-top:1.5rem}.btn{border-radius:8px;font-size:1rem;padding:.75rem 1.5rem;transition:all .2s ease}.btn-primary{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#1d4ed8,#1e40af)}.btn-secondary{background:#f3f4f6;border:1px solid #d1d5db;color:#374151}.btn-secondary:hover:not(:disabled){background:#e5e7eb}.btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);border:none}.btn-danger:hover:not(:disabled){background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-1px)}.alert{border-radius:8px;font-size:.95rem;margin-bottom:1rem;padding:1rem}.alert-error{background:#fee2e2;border:1px solid #fecaca;color:#991b1b}.credentials-success{padding:2rem;text-align:center}.success-icon{font-size:4rem;margin-bottom:1rem}.credentials-success h3{color:#065f46;font-size:1.5rem;margin-bottom:.5rem}.success-message{color:#6b7280;font-size:1rem;margin-bottom:2rem}.credentials-box{background:#f9fafb;border:2px solid #e5e7eb;border-radius:12px;margin-bottom:1.5rem;padding:2rem;text-align:left}.credentials-box h4{align-items:center;color:#374151;display:flex;font-size:1.2rem;gap:.5rem;margin:0 0 1rem}.credentials-note{background:#fef3c7;border:1px solid #fbbf24;border-radius:8px;color:#92400e;font-size:.9rem;padding:.75rem}.credential-item,.credentials-note{margin-bottom:1.5rem}.credential-item label{color:#6b7280;display:block;font-size:.9rem;font-weight:500;margin-bottom:.5rem}.credential-value{align-items:center;display:flex;gap:.75rem}.credential-value code{background:#fff;border:2px solid #e5e7eb;border-radius:8px;color:#1f2937;flex:1 1;font-family:Courier New,monospace;font-size:1rem;padding:.75rem 1rem;word-break:break-all}.copy-btn{background:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.85rem;padding:.5rem 1rem;transition:all .2s ease;white-space:nowrap}.copy-btn:hover{background:#1d4ed8}.copy-all-btn{background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin-top:1rem;padding:1rem;transition:all .2s ease;width:100%}.copy-all-btn:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-1px)}.credential-actions{border-top:1px solid #e5e7eb;margin-top:1rem;padding-top:1rem}.ticket-departments-selector{display:flex;flex-wrap:wrap;gap:12px;margin-top:8px}.ticket-department-note{color:#64748b;font-size:.85rem;margin-top:8px}.form-helper-text{color:#64748b;font-size:.85rem;margin-bottom:8px}.employee-ticket-agent{color:#4f46e5;font-size:.85rem;margin-top:4px}@media (max-width:768px){.employee-management{padding:1rem}.page-header{gap:1rem;text-align:center}.filters-section,.page-header{flex-direction:column}.employees-grid{grid-template-columns:1fr}.employee-actions{flex-direction:column}.detail-grid{grid-template-columns:1fr}.modal{margin:1rem;width:95%}.form-row{grid-template-columns:1fr}.working-days-selector{justify-content:center}.credential-value{flex-direction:column}.copy-btn,.credential-value code{width:100%}}.leave-management{background:#f8fafc;margin:0 auto;max-width:1400px;min-height:100vh;padding:2rem}.leave-management-container{background:#fff;border-radius:16px;box-shadow:0 4px 6px -1px #0000001a;overflow:hidden}.leave-management-content{padding:2rem}.header-stats{display:flex;gap:2rem}.stat-item{text-align:center}.stat-number{color:#1f2937;display:block;font-size:1.8rem}.stat-label{color:#6b7280}.filters-section{border-radius:12px;box-shadow:0 4px 6px -1px #0000001a;display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem;padding:1.5rem}.search-box{max-width:400px;position:relative}.search-box input{border:2px solid #e5e7eb;border-radius:8px;font-size:1rem;padding:.75rem 1rem .75rem 2.5rem;transition:border-color .2s ease;width:100%}.search-box input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.search-icon{color:#6b7280;left:.75rem;position:absolute;top:50%;transform:translateY(-50%)}.filter-tabs{display:flex;flex-wrap:wrap;gap:.5rem}.filter-tab{background:#fff;border:2px solid #e5e7eb;border-radius:8px;color:#6b7280;cursor:pointer;font-weight:500;padding:.75rem 1.5rem;transition:all .2s ease}.filter-tab:hover{border-color:#d1d5db;color:#374151}.filter-tab.active{background:#3b82f6;border-color:#3b82f6;color:#fff}.requests-container{margin-top:1rem}.requests-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}.request-card{background:#fff;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a;padding:1.5rem;transition:transform .2s ease}.request-card:hover{transform:translateY(-2px)}.request-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:0}.employee-info{flex-direction:row!important;gap:1rem!important}.employee-avatar{background:linear-gradient(135deg,#3b82f6,#1d4ed8);height:50px;width:50px}.employee-details h3{color:#1f2937;font-size:1.1rem;font-weight:600;margin:0}.employee-details p{color:#6b7280;font-size:.9rem;margin:0}.employee-details p:last-child{margin:0}.request-status{align-items:center;display:flex}.status-badge{color:#fff;display:flex;flex-direction:column;gap:.5rem;justify-self:center;padding:.5rem 1rem;text-transform:capitalize}.status-icon{align-items:center;font-size:1rem;justify-content:center;justify-self:center;text-align:center}.request-content{margin-bottom:0}.leave-details{display:flex;flex-direction:column;gap:0}.leave-type{align-items:center;display:flex;gap:.5rem}.type-icon{font-size:1.2rem}.type-name{color:#374151;font-weight:500;text-transform:capitalize}.date-range{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.date-item{color:#6b7280;font-size:.9rem}.date-item strong{color:#374151}.request-reason{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:.5rem}.request-reason strong{color:#374151;display:block;margin-bottom:0}.request-reason p{color:#6b7280;line-height:1.5;margin:0}.request-meta{grid-gap:.5rem;color:#9ca3af;display:grid;font-size:.8rem;gap:.5rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.meta-item strong{color:#6b7280}.request-actions{border-top:1px solid #e5e7eb;display:flex;gap:.75rem;padding-top:1rem}.action-btn{border:none;flex:1 1;font-size:.9rem;font-weight:500;padding:.5rem 1rem}.action-btn:disabled{cursor:not-allowed;opacity:.6}.action-btn.approve{background:#10b981;color:#fff}.action-btn.approve:hover:not(:disabled){background:#059669}.action-btn.reject{background:#ef4444;color:#fff}.action-btn.reject:hover:not(:disabled){background:#dc2626}.action-btn.view{background:#3b82f6;color:#fff}.action-btn.view:hover:not(:disabled){background:#1d4ed8}.no-requests{box-shadow:0 4px 6px -1px #0000001a;color:#6b7280;padding:3rem;text-align:center}.modal,.no-requests{background:#fff;border-radius:12px}.modal{max-height:90vh;max-width:600px;overflow-y:auto;width:90%}.modal-header{padding:1.5rem}.close-btn{color:#6b7280;padding:.25rem}.close-btn:hover{color:#374151}.modal-content{padding:1.5rem}.request-detail-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;gap:1rem;margin-bottom:2rem;padding-bottom:1rem}.detail-avatar{align-items:center;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:50%;color:#fff;display:flex;font-size:1.2rem;font-weight:700;height:60px;justify-content:center;width:60px}.detail-info h3{color:#1f2937;font-size:1.3rem;font-weight:600;margin:0 0 .25rem}.detail-info p{color:#6b7280;font-size:.9rem;margin:0 0 .25rem}.detail-info p:last-child{margin:0}.request-detail-content{display:flex;flex-direction:column;gap:1.5rem}.detail-section h4{color:#374151;font-size:1rem;font-weight:600;margin:0 0 1rem}.detail-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.detail-item{flex-direction:column;gap:.25rem}.detail-item strong{font-size:.9rem}.detail-item span{color:#6b7280;font-size:.9rem}.detail-section p{color:#6b7280;line-height:1.6;margin:0}.action-buttons{gap:1rem}.action-buttons .action-btn{flex:1 1;font-size:1rem;padding:.75rem 1.5rem}@media (max-width:768px){.leave-management{padding:1rem}.page-header{flex-direction:column;gap:1rem;text-align:center}.header-stats{gap:1rem}.filters-section{padding:1rem}.filter-tabs{justify-content:center}.requests-grid{grid-template-columns:1fr}.request-header{align-items:stretch;gap:1rem}.request-actions,.request-header{flex-direction:column}.date-range,.detail-grid{grid-template-columns:1fr}.action-buttons{flex-direction:column}.modal{margin:1rem;width:95%}}.approvals-page,.leave-apply-page,.my-leaves-page,.policies-page{margin:0 auto;max-width:1200px;padding:20px}.page-header h1{color:#333}.leave-apply-container{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:30px}.leave-form{display:flex;flex-direction:column;gap:20px}.form-group{gap:8px}.form-group label{color:#555}.form-group input,.form-group select,.form-group textarea{border-radius:4px;font-size:14px}.checkbox-group label{align-items:center;display:flex;font-weight:400;gap:8px}.form-helper-text,.form-hint{color:#666;font-size:12px;margin-top:4px}.policy-display{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:4px;margin-top:4px;padding:12px}.policy-info{display:flex;flex-direction:column;gap:4px}.policy-info strong{color:#333;font-size:16px}.policy-description{color:#666;font-size:13px;margin:4px 0 0}.policy-error{background:#fff3cd;border:1px solid #ffc107;border-radius:4px;margin-top:4px;padding:12px}.policy-error .error-message{align-items:center;color:#856404;display:flex;font-size:14px;gap:8px;margin:0}.form-info{background:#f5f5f5;border-radius:4px;padding:12px}.form-warning{color:#d32f2f;margin-top:8px}.btn{border-radius:4px;font-weight:600}.btn-primary{background:#1976d2!important}.btn-primary:hover{background:#1565c0}.btn-success{background:#2e7d32;color:#fff}.btn-danger{background:#d32f2f;color:#fff}.btn-secondary{background:#75757500!important;border:1px solid #757575!important;color:#000!important}.btn:disabled{opacity:.6}.alert{border-radius:4px;margin-bottom:20px;padding:12px}.alert-success{background:#c8e6c9;color:#2e7d32}.alert-error{background:#ffcdd2;color:#d32f2f}.balances-section{margin-bottom:30px}.balances-grid{grid-gap:20px;gap:20px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));margin-top:20px}.balance-card{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:20px}.balance-card h3{margin:0 0 15px;text-transform:capitalize}.balance-details{display:flex;flex-direction:column;font-size:14px;gap:8px}.balance-remaining{border-top:1px solid #eee;font-size:16px;margin-top:10px;padding-top:10px}.leaves-section{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:20px}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.leaves-table{overflow-x:auto}.leaves-table table{border-collapse:collapse;width:100%}.leaves-table td,.leaves-table th{border-bottom:1px solid #eee;padding:12px;text-align:left}.leaves-table th{background:#f5f5f5;font-weight:600}.status-pending{background:#fff3cd;color:#856404}.status-approved{background:#d4edda;color:#155724}.status-rejected{background:#f8d7da;color:#721c24}.status-cancelled{background:#e2e3e5;color:#383d41}.approvals-list{display:flex;flex-direction:column;gap:20px}.approval-card{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:20px}.approval-header{align-items:start;display:flex;justify-content:space-between;margin-bottom:15px}.employee-info{align-items:flex-start;color:#666;flex-direction:column;gap:0;margin-top:4px}.leave-type-badge{background:#e3f2fd;border-radius:12px;color:#1976d2;font-size:12px;font-weight:600;padding:6px 12px}.approval-details{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:15px}.detail-item{font-size:14px}.half-day{color:#666;font-size:12px}.confidential-badge{background:#fff3cd;border-radius:4px;color:#856404;display:inline-block;font-size:12px;margin-top:10px;padding:6px 12px}.approval-actions{display:flex;gap:10px}.policies-list{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.policy-card{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:20px}.policy-header{align-items:center;justify-content:space-between}.policy-details,.policy-header{display:flex;margin-bottom:15px}.policy-details{color:#666;flex-direction:column;font-size:14px;gap:8px}.policy-actions{display:flex;gap:10px}.status-active{background:#d4edda;color:#155724}.status-inactive{background:#e2e3e5;color:#383d41}.modal-content{max-width:600px;padding:30px}.modal-content.large{max-width:900px}.modal-header{margin-bottom:20px}.modal-close{background:none;border:none;color:#666;cursor:pointer;font-size:24px}.modal-body{margin-bottom:20px}.modal-footer{display:flex;gap:10px;justify-content:flex-end}.policy-form{display:flex;flex-direction:column;gap:20px}.leave-type-form{background:#f5f5f5;border-radius:4px;margin-bottom:10px;padding:15px}.empty-state{color:#666;padding:40px}.reports-page{margin:0 auto;max-width:1400px;padding:20px}.header-actions{gap:10px}.department-filter{border:1px solid #ddd;border-radius:4px;font-size:14px;padding:8px 12px}.reports-summary{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:30px}.summary-card{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;text-align:center}.summary-card h3{color:#666;font-size:.9rem;font-weight:500;margin:0 0 10px}.summary-value{color:#1976d2;font-size:2rem;font-weight:700}.summary-value.approved{color:#2e7d32}.summary-value.pending{color:#f57c00}.reports-content{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 2fr}.employees-list{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;max-height:80vh;overflow-y:auto;padding:20px}.employee-card{border:1px solid #eee;border-radius:4px;cursor:pointer;margin-bottom:10px;padding:15px;transition:all .2s}.employee-card:hover{background:#f5f5f5;border-color:#1976d2}.employee-card.selected{background:#e3f2fd;border-color:#1976d2}.employee-info h4{color:#333;margin:0 0 5px}.employee-info p{color:#666;font-size:.85rem;margin:0}.employee-stats{color:#666;display:flex;font-size:.85rem;gap:15px;margin-top:10px}.employee-detail{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;max-height:80vh;overflow-y:auto;padding:20px}.detail-header{align-items:center;border-bottom:2px solid #eee;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:15px}.detail-section{margin-bottom:30px}.detail-section h3{color:#333;margin:0 0 15px}.stats-grid{grid-gap:15px!important;gap:15px!important;grid-template-columns:repeat(4,1fr)!important}.stat-box{background:#f5f5f5;border-radius:4px;padding:10px;text-align:center}.stat-box label{color:#666;display:block;font-size:.85rem;margin-bottom:8px}.stat-box .stat-value{color:#1976d2;font-size:1.8rem;font-weight:700}.stat-box .stat-value.approved{color:#2e7d32}.stat-box .stat-value.pending{color:#f57c00}.balances-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.balance-item{background:#f5f5f5;border-radius:4px;padding:15px}.balance-item h4{color:#333;margin:0 0 10px;text-transform:capitalize}.balance-item>div{color:#666;font-size:.9rem;margin:5px 0}.filters-section{background:#fff;box-shadow:0 2px 4px #0000001a;margin-bottom:20px}.filters-section h3{color:#333;margin:0 0 15px}.filters-grid{grid-gap:15px;gap:15px}.filter-group{gap:5px}.filter-group label{color:#666;font-size:.85rem}.filter-group input,.filter-group select{border:1px solid #ddd;border-radius:4px;font-size:14px;padding:8px}.calendar-view-page{margin:0 auto;max-width:1200px;padding:20px}.error,.loading{padding:40px}.error{color:#d32f2f}.reports-analytics{background:#f8fafc;margin:0 auto;max-width:1400px;min-height:100vh;padding:2rem}.period-selector{gap:.75rem}.period-selector label{color:#374151;font-weight:500}.period-selector select{background:#fff;border:2px solid #e5e7eb;border-radius:8px;cursor:pointer;font-size:1rem;padding:.5rem 1rem}.period-selector select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.metrics-grid{grid-gap:1.5rem;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:2rem}.metric-card{align-items:center;background:#fff;border-radius:16px;box-shadow:0 4px 6px -1px #0000001a;display:flex;flex-direction:column;gap:1rem;padding:1.5rem;transition:transform .2s ease}.metric-icon-container{align-items:center;display:flex;flex-direction:row;gap:.5rem;justify-content:center}.metric-card:hover{transform:translateY(-2px)}.metric-icon{align-items:center;border-radius:12px;display:flex;font-size:1.8rem;height:60px;justify-content:center;width:60px}.metric-icon.employees{background:linear-gradient(135deg,#e0e7ff,#c7d2fe)}.metric-icon.leave{background:linear-gradient(135deg,#fef3c7,#fde68a)}.metric-icon.tickets{background:linear-gradient(135deg,#e0e7ff,#c7d2fe)}.metric-icon.onboarding{background:linear-gradient(135deg,#d1fae5,#a7f3d0)}.metric-content{display:flex;flex-direction:row}.metric-content h3{color:#1f2937;font-size:1.8rem;font-weight:700;margin:0 0 .25rem}.metric-content p{color:#6b7280;font-size:.9rem;margin:0 0 .75rem;width:100%!important}.metric-details{display:flex;flex-direction:row;gap:.55rem;width:100%!important}.detail-item{color:#6b7280;font-size:.8rem;height:100%;width:100%}.detail-item strong{color:#374151}.charts-section{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));margin-bottom:2rem}.chart-card{background:#fff;border-radius:16px;box-shadow:0 4px 6px -1px #0000001a;padding:1.5rem}.chart-card h3{color:#1f2937;font-size:1.2rem;font-weight:600;margin:0 0 1.5rem}.chart-placeholder{align-items:center;display:flex;flex-direction:column;height:200px;justify-content:center}.chart-bars{align-items:end;display:flex;gap:1rem;height:120px;margin-bottom:1rem}.bar{border-radius:4px 4px 0 0;min-height:20px;transition:all .3s ease;width:40px}.bar.approved{background:linear-gradient(135deg,#10b981,#059669)}.bar.pending{background:linear-gradient(135deg,#f59e0b,#d97706)}.bar.rejected{background:linear-gradient(135deg,#ef4444,#dc2626)}.chart-labels{color:#6b7280;display:flex;font-size:.8rem;gap:1rem}.pie-chart{border-radius:50%;height:120px;margin-bottom:1rem;width:120px}.pie-slice{border-radius:50%;height:100%;width:100%}.chart-legend{display:flex;flex-direction:column;gap:.5rem}.legend-item{color:#374151;font-size:.9rem;gap:.5rem}.legend-color{border-radius:2px}.legend-color.active{background:#10b981}.legend-color.inactive{background:#e5e7eb}.reports-section{background:#fff;border-radius:16px;box-shadow:0 4px 6px -1px #0000001a;padding:2rem}.reports-section h2{color:#1f2937;font-size:1.5rem;font-weight:600;margin:0 0 1.5rem}.reports-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.report-btn{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:12px;cursor:pointer;display:flex;gap:1rem;padding:1.5rem;text-align:left;transition:all .2s ease}.report-btn:hover{background:#f8fafc;border-color:#3b82f6;transform:translateY(-1px)}.report-icon{align-items:center;background:#f3f4f6;border-radius:8px;display:flex;font-size:2rem;height:50px;justify-content:center;width:50px}.report-content h4{color:#1f2937;font-size:1rem;font-weight:600;margin:0 0 .25rem}.report-content p{color:#6b7280;font-size:.8rem;margin:0}.loading{font-size:1.1rem}@media (max-width:768px){.reports-analytics{padding:1rem}.page-header{flex-direction:column;gap:1rem;text-align:center}.charts-section,.metrics-grid,.reports-grid{grid-template-columns:1fr}.chart-bars{gap:.5rem}.bar{width:30px}}.settings-page{background:#f8fafc;margin:0 auto;max-width:1400px;min-height:100vh;padding:2rem}.page-header{background:#fff;border-radius:16px;box-shadow:0 4px 6px -1px #0000001a;margin-bottom:2rem;padding:2rem}.page-header h1{font-size:2rem;font-weight:700}.save-btn{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .2s ease}.save-btn:hover{background:linear-gradient(135deg,#1d4ed8,#1e40af);transform:translateY(-1px)}.settings-container{background:#fff;border-radius:16px;box-shadow:0 4px 6px -1px #0000001a;overflow:hidden}.settings-tabs{background:#f9fafb;border-bottom:2px solid #e5e7eb;display:flex;gap:4px;padding:16px 16px 0}.tab-button{background:none;border-bottom:3px solid #0000;color:#6b7280;font-size:.95rem;font-weight:500;padding:12px 20px;transition:all .2s ease}.tab-button:hover{background:#f3f4f6;border-radius:8px 8px 0 0;color:#374151}.tab-button.active{background:#fff;border-bottom-color:#3b82f6;border-radius:8px 8px 0 0;color:#3b82f6}.tab-button svg{font-size:20px}.settings-content{padding:2rem}.settings-section h2{color:#1f2937;font-size:1.5rem;font-weight:600;margin:0 0 2rem}.setting-group{margin-bottom:2rem}.setting-group label{color:#374151;display:block;font-size:.9rem;font-weight:500;margin-bottom:.5rem}.setting-group input,.setting-group select{border:2px solid #e5e7eb;border-radius:8px;box-sizing:border-box;font-size:1rem;padding:.75rem 1rem;transition:border-color .2s ease;width:100%}.setting-group input:focus,.setting-group select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.checkbox-group{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-top:.5rem}.checkbox-label{font-weight:400;gap:.5rem;margin-bottom:0}.checkbox-label input[type=checkbox]{width:auto}.time-inputs{align-items:center;display:flex;gap:1rem}.time-inputs input{min-width:120px;width:auto}.time-inputs span{color:#6b7280;font-weight:500}@media (max-width:768px){.settings-page{padding:1rem}.page-header{flex-direction:column;gap:1rem;text-align:center}.settings-content{padding:1.5rem}.checkbox-group{grid-template-columns:1fr}.time-inputs{align-items:stretch;flex-direction:column}.time-inputs input{width:100%}}.section-description{color:#6b7280;font-size:.95rem;line-height:1.6;margin-bottom:1.5rem}.integration-message{align-items:center;border-radius:8px;display:flex;font-size:.95rem;gap:10px;margin-bottom:1.5rem;padding:12px 16px}.integration-message.success{background-color:#d1fae5;border:1px solid #6ee7b7;color:#065f46}.integration-message.error{background-color:#fee2e2;border:1px solid #fca5a5;color:#991b1b}.message-icon{font-size:1.2rem}.integration-status-card{background:#f8fafc;border:2px solid #e5e7eb;border-radius:10px;margin-bottom:1.5rem;padding:16px 20px}.status-indicator{gap:12px}.status-label{color:#374151;font-size:.95rem}.status-badge{align-items:center;border-radius:6px;display:inline-flex;font-size:.85rem;gap:6px;padding:6px 12px}.status-badge.verified{background-color:#d1fae5;color:#065f46}.status-badge.unverified{background-color:#fef3c7;color:#92400e}.status-badge.failed{background-color:#fee2e2;color:#991b1b}.integration-actions{display:flex;gap:12px;margin-bottom:2rem;margin-top:2rem}.btn-save,.btn-test{border:none;border-radius:8px;cursor:pointer;font-size:.95rem;font-weight:600;padding:10px 20px;transition:all .2s ease}.btn-test{background-color:#f3f4f6;border:2px solid #d1d5db;color:#374151}.btn-test:hover:not(:disabled){background-color:#e5e7eb;transform:translateY(-1px)}.btn-save{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff}.btn-save:hover:not(:disabled){background:linear-gradient(135deg,#1d4ed8,#1e40af);transform:translateY(-1px)}.btn-save:disabled,.btn-test:disabled{cursor:not-allowed;opacity:.5}.integration-help{background:#eff6ff;border:1px solid #bfdbfe;border-radius:10px;margin-top:2rem;padding:20px}.integration-help h4{color:#1e40af;font-size:1rem;font-weight:600;margin:0 0 12px}.integration-help ul{color:#1e40af;margin:0;padding-left:20px}.integration-help li{line-height:1.6;margin-bottom:8px}.integration-help code{background:#dbeafe;border-radius:4px;color:#1e3a8a;font-family:Courier New,monospace;font-size:.9rem;padding:2px 6px}.presence-card{background:#fff;border-left:4px solid #e2e8f0;border-radius:12px;box-shadow:0 4px 15px #0000001a;overflow:hidden;padding:20px;position:relative}.presence-card:hover{box-shadow:0 8px 25px #00000026;transform:translateY(-2px)}.presence-card.active{border-left-color:#48bb78}.presence-card.away{border-left-color:#ed8936}.presence-card.offline{border-left-color:#a0aec0}.card-header{margin-bottom:16px}.employee-avatar{font-size:1.2rem;height:48px;width:48px}.employee-name{font-size:1.1rem;margin:0 0 4px}.employee-email{font-size:.9rem;margin:0}.status-indicator{align-items:center;display:flex;gap:6px}.status-icon{font-size:1.2rem}.status-text{letter-spacing:.5px;text-transform:uppercase}.card-content{margin-bottom:20px}.session-info{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr;margin-bottom:16px}.info-item{display:flex;flex-direction:column;gap:4px}.info-label{color:#718096;font-size:.8rem;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.info-value{color:#2d3748;font-size:.95rem;font-weight:600}.session-timeline{background:#f7fafc;border-radius:8px;padding:12px}.timeline-item{align-items:center;justify-content:space-between;padding:4px 0}.timeline-item:not(:last-child){border-bottom:1px solid #e2e8f0}.timeline-time{font-size:.85rem;font-weight:500}.timeline-event{color:#4a5568;font-size:.85rem;font-weight:600}.card-actions{flex-wrap:wrap;gap:8px}.btn-action{border:none;border-radius:6px;cursor:pointer;flex:1 1;font-size:.85rem;font-weight:600;min-width:80px;padding:8px 16px;transition:all .3s ease}.btn-action:disabled{cursor:not-allowed;opacity:.5}.btn-away{background:linear-gradient(135deg,#ed8936,#dd6b20);color:#fff}.btn-away:hover:not(:disabled){box-shadow:0 4px 15px #ed893666;transform:translateY(-1px)}.btn-active{background:linear-gradient(135deg,#48bb78,#38a169);color:#fff}.btn-active:hover:not(:disabled){box-shadow:0 4px 15px #48bb7866;transform:translateY(-1px)}.btn-logout{background:linear-gradient(135deg,#e53e3e,#c53030);color:#fff}.btn-logout:hover:not(:disabled){box-shadow:0 4px 15px #e53e3e66;transform:translateY(-1px)}.offline-message{align-items:center;background:#f7fafc;border-radius:6px;color:#a0aec0;display:flex;font-size:.9rem;font-weight:500;gap:8px;justify-content:center;padding:12px;width:100%}.offline-icon{font-size:1.1rem}.updating-overlay{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#ffffffe6;border-radius:12px;bottom:0;display:flex;flex-direction:column;gap:12px;justify-content:center;left:0;position:absolute;right:0;top:0}.updating-spinner{animation:spin 1s linear infinite;border:3px solid #f3f3f3;border-radius:50%;border-top-color:#667eea;height:24px;width:24px}@media (max-width:480px){.presence-card{padding:16px}.card-header{align-items:stretch;flex-direction:column;gap:12px}.employee-info,.status-indicator{justify-content:center}.session-info{grid-template-columns:1fr}.card-actions{flex-direction:column}.btn-action{min-width:auto}}.presence-card.loading{opacity:.7;pointer-events:none}.presence-card:hover .employee-avatar{transform:scale(1.05)}.presence-card:hover .status-icon{transform:scale(1.1)}.timesheet-table-container{background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000001a;overflow:hidden}.table-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;flex-wrap:wrap;gap:16px;justify-content:space-between;padding:24px}.table-header,.table-title{align-items:center;display:flex}.table-title{font-size:1.8rem;font-weight:700;gap:12px;margin:0 0 8px}.table-subtitle{font-size:1rem;margin:0;opacity:.9}.btn-refresh{background:#fff3;border:2px solid #ffffff4d}.btn-refresh:hover:not(:disabled){background:#ffffff4d;border-color:#ffffff80}.table-controls{background:#f7fafc;border-bottom:1px solid #e2e8f0;flex-wrap:wrap;justify-content:space-between;padding:16px 24px}.controls-left,.table-controls{align-items:center;display:flex;gap:16px}.checkbox-container{align-items:center;color:#4a5568;cursor:pointer;display:flex;font-weight:500;gap:8px}.checkbox-container input[type=checkbox]{cursor:pointer;height:18px;width:18px}.checkmark{font-size:.9rem}.controls-right{display:flex;gap:12px}.view-options{display:flex;gap:4px}.view-btn{background:#fff;border:2px solid #e2e8f0;border-radius:6px;color:#4a5568;cursor:pointer;font-size:.9rem;font-weight:500;padding:8px 16px;transition:all .3s ease}.view-btn.active,.view-btn:hover{border-color:#667eea;color:#fff}.view-btn.active{background:#667eea}.table-wrapper{max-height:600px;overflow-x:auto;overflow-y:auto}.timesheet-table{border-collapse:collapse;font-size:.9rem;width:100%}.timesheet-table th{background:#f7fafc;border-bottom:2px solid #e2e8f0;color:#4a5568;font-weight:600;padding:16px 12px;position:-webkit-sticky;position:sticky;text-align:left;top:0;z-index:10}.timesheet-table th.sortable{cursor:pointer;transition:background-color .3s ease;-webkit-user-select:none;user-select:none}.timesheet-table th.sortable:hover{background:#edf2f7}.sort-icon{font-size:.8rem;margin-left:8px}.timesheet-table td{border-bottom:1px solid #e2e8f0;padding:16px 12px;vertical-align:middle}.timesheet-row:hover{background:#f7fafc}.checkbox-column{text-align:center;width:50px}.checkbox-column input[type=checkbox]{cursor:pointer;height:18px;width:18px}.employee-cell{min-width:200px}.employee-info{align-items:center;display:flex;gap:12px}.employee-avatar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;font-size:1rem;font-weight:700;height:40px;justify-content:center;width:40px}.employee-details{flex:1 1}.employee-name{color:#2d3748;font-weight:600;margin-bottom:2px}.employee-email{color:#718096;font-size:.8rem}.time-cell{color:#4a5568;font-family:Courier New,monospace;font-weight:500}.duration-cell,.time-cell{min-width:100px}.duration-value{color:#2d3748;font-weight:600}.status-cell{min-width:100px}.status-badge{font-size:.8rem}.actions-column{width:80px}.actions-cell,.actions-column{text-align:center}.btn-expand{background:#667eea;border:none;border-radius:50%;color:#fff;cursor:pointer;font-weight:600;height:28px;transition:all .3s ease;width:28px}.btn-expand:hover{background:#5a67d8;transform:scale(1.1)}.expanded-row{background:#f7fafc}.expanded-content{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr;padding:20px}.activity-timeline h4,.session-details h4{color:#2d3748;font-size:1rem;font-weight:600;margin:0 0 12px}.session-item{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:8px 0}.session-item:last-child{border-bottom:none}.session-time{color:#4a5568;font-family:Courier New,monospace;font-size:.85rem}.session-duration{color:#2d3748;font-weight:600}.session-status{color:#718096;font-size:.8rem;letter-spacing:.5px;text-transform:uppercase}.timeline-item{border-bottom:1px solid #e2e8f0;display:flex;gap:12px;padding:6px 0}.timeline-item:last-child{border-bottom:none}.timeline-time{color:#718096;font-family:Courier New,monospace;font-size:.8rem;min-width:80px}.timeline-activity{color:#4a5568;font-weight:500;text-transform:capitalize}.timeline-note{color:#a0aec0;font-size:.8rem;font-style:italic}.empty-state{color:#718096;padding:60px 20px;text-align:center}.empty-icon{font-size:4rem;margin-bottom:16px}.empty-state h3{color:#4a5568;font-size:1.5rem;font-weight:600;margin:0 0 8px}.empty-state p{font-size:1rem;margin:0}.table-footer{align-items:center;background:#f7fafc;border-top:1px solid #e2e8f0;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;padding:16px 24px}.footer-info{gap:12px}.footer-actions{display:flex;gap:12px}.btn-bulk-action{background:linear-gradient(135deg,#ed8936,#dd6b20);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:10px 20px;transition:all .3s ease}.btn-bulk-action:hover{box-shadow:0 8px 25px #ed893666;transform:translateY(-2px)}@media (max-width:768px){.table-header{align-items:stretch;flex-direction:column}.header-content{min-width:auto}.table-controls{align-items:stretch;flex-direction:column}.controls-left,.controls-right{justify-content:center}.expanded-content{gap:16px;grid-template-columns:1fr}.table-footer{align-items:stretch;flex-direction:column}.footer-info{justify-content:center}}@media (max-width:480px){.table-title{font-size:1.5rem}.timesheet-table td,.timesheet-table th{padding:12px 8px}.employee-info{align-items:flex-start;flex-direction:column;gap:8px}.employee-avatar{font-size:.9rem;height:32px;width:32px}.session-item{align-items:flex-start}.session-item,.timeline-item{flex-direction:column;gap:4px}}.timesheet-table-container.loading{opacity:.7;pointer-events:none}.timesheet-row{transition:background-color .3s ease}.expanded-row{animation:slideDown .3s ease-out}.table-wrapper::-webkit-scrollbar{height:8px;width:8px}.table-wrapper::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.table-wrapper::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}.table-wrapper::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.realtime-presence-panel{background:#fff;border-radius:16px;box-shadow:0 4px 20px #0000001a;overflow:hidden;padding:24px;position:relative}.panel-header{flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:24px}.panel-header,.panel-title{align-items:center;display:flex}.panel-title{color:#2d3748;font-size:1.8rem;font-weight:700;gap:12px;margin:0 0 8px}.panel-subtitle{color:#718096;font-size:1rem;font-weight:400;margin:0}.time-display{align-items:center;background:#f7fafc;border-radius:8px;color:#4a5568;display:flex;font-weight:600;gap:8px;padding:8px 12px}.time-icon{font-size:1.1rem}.current-time{font-family:Courier New,monospace;font-size:1rem}.btn-refresh{background:linear-gradient(135deg,#667eea,#764ba2);padding:10px 16px}.refresh-icon{font-size:1rem}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:32px}.stat-card{align-items:center;background:linear-gradient(135deg,#f7fafc,#edf2f7);border-left:4px solid #e2e8f0;border-radius:12px;display:flex;gap:16px;transition:all .3s ease}.stat-card:hover{box-shadow:0 8px 25px #0000001a;transform:translateY(-2px)}.stat-card.total{border-left-color:#667eea}.stat-card.active{border-left-color:#48bb78}.stat-card.away{border-left-color:#ed8936}.stat-card.offline{border-left-color:#a0aec0}.stat-icon{font-size:2.5rem;opacity:.8}.stat-content{flex:1 1}.stat-number{color:#2d3748;font-size:2.2rem;font-weight:700;margin-bottom:4px}.stat-label{font-weight:600;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.stat-percentage{color:#4a5568;font-size:.8rem;font-weight:500}.activity-summary{background:#f7fafc;border-radius:12px;margin-bottom:24px;padding:20px}.summary-title{color:#2d3748;font-size:1.2rem;font-weight:600;margin:0 0 16px}.summary-content{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.summary-item{display:flex;flex-direction:column;gap:4px}.summary-label{color:#718096;font-size:.85rem;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.summary-value{color:#2d3748;font-size:1rem;font-weight:600}.status-legend{background:#fff;border:2px solid #e2e8f0;border-radius:12px;padding:20px}.legend-title{color:#2d3748;font-size:1.1rem;font-weight:600;margin:0 0 16px}.legend-items{display:flex;flex-wrap:wrap;gap:24px}.legend-item{flex:1 1;gap:12px;min-width:150px}.legend-icon{font-size:1.5rem}.legend-label{color:#2d3748;font-size:.95rem;font-weight:600;min-width:60px}.legend-description{color:#718096;font-size:.85rem;font-style:italic}.loading-overlay{border-radius:16px}@media (max-width:768px){.realtime-presence-panel{padding:16px}.panel-header{align-items:stretch;flex-direction:column}.header-content{min-width:auto}.header-actions{justify-content:space-between}.stats-grid,.summary-content{grid-template-columns:1fr}.legend-items{flex-direction:column;gap:12px}.legend-item{min-width:auto}}@media (max-width:480px){.panel-title{font-size:1.5rem}.stat-card{padding:16px}.stat-number{font-size:1.8rem}.legend-items{gap:8px}}.stat-card{animation:fadeInUp .6s ease-out}.stat-card:first-child{animation-delay:.1s}.stat-card:nth-child(2){animation-delay:.2s}.stat-card:nth-child(3){animation-delay:.3s}.stat-card:nth-child(4){animation-delay:.4s}.stat-card.active .stat-icon{animation:pulse-green 2s infinite}.stat-card.away .stat-icon{animation:pulse-orange 2s infinite}@keyframes pulse-green{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes pulse-orange{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.stat-card:hover .stat-icon{transform:scale(1.1)}.legend-item:hover .legend-icon{transform:scale(1.2)}.timesheet-report{background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000001a;padding:24px;position:relative}.report-header{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:24px;padding:24px}.report-header,.report-title{align-items:center;display:flex}.report-title{font-size:1.8rem;font-weight:700;gap:12px;margin:0 0 8px}.title-icon{font-size:1.6rem}.report-subtitle{font-size:1rem;margin:0;opacity:.9}.period-selector{align-items:center;display:flex;gap:8px}.period-selector label{font-size:.9rem;font-weight:600}.period-selector select{background:#fff3;border:2px solid #ffffff4d;border-radius:6px;color:#fff;font-weight:500;padding:8px 12px}.period-selector select:focus{border-color:#ffffff80;outline:none}.export-actions{display:flex;gap:8px}.btn-export-csv,.btn-export-pdf{align-items:center;background:#fff3;border:2px solid #ffffff4d;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:8px;padding:10px 16px;transition:all .3s ease}.btn-export-csv:hover,.btn-export-pdf:hover{background:#ffffff4d;border-color:#ffffff80}.export-icon{font-size:1rem}.metrics-selector{background:#f7fafc;border-radius:12px;margin-bottom:24px;padding:20px}.metrics-selector h3{color:#2d3748;font-size:1.2rem;font-weight:600;margin:0 0 16px}.metrics-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.metric-checkbox{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:8px;cursor:pointer;display:flex;gap:12px;padding:12px;transition:all .3s ease}.metric-checkbox:hover{background:#f7fafc;border-color:#667eea}.metric-checkbox input[type=checkbox]{cursor:pointer;height:18px;width:18px}.metric-checkbox input[type=checkbox]:checked+.checkmark{background:#667eea;border-color:#667eea}.metric-icon{font-size:1.2rem}.metric-label{color:#4a5568;font-weight:500}.summary-section{margin-bottom:32px}.section-title{color:#2d3748;font-size:1.4rem;font-weight:600;margin:0 0 20px}.summary-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.summary-card{align-items:center;background:linear-gradient(135deg,#f7fafc,#edf2f7);border-left:4px solid #e2e8f0;border-radius:12px;display:flex;gap:16px;padding:20px;transition:all .3s ease}.summary-card:hover{box-shadow:0 8px 25px #0000001a;transform:translateY(-2px)}.summary-card.total{border-left-color:#667eea}.summary-card.active{border-left-color:#48bb78}.summary-card.away{border-left-color:#ed8936}.summary-card.attendance{border-left-color:#9f7aea}.summary-card.overtime{border-left-color:#f56565}.summary-card.undertime{border-left-color:#ed8936}.card-icon{font-size:2.5rem;opacity:.8}.card-content{flex:1 1}.card-number{color:#2d3748;font-size:2rem;font-weight:700;margin-bottom:4px}.card-label{color:#718096;font-size:.9rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.analytics-section{margin-bottom:32px}.analytics-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.analytics-card{background:#fff;border:2px solid #e2e8f0;border-radius:12px;padding:20px;transition:all .3s ease}.analytics-card:hover{border-color:#667eea;box-shadow:0 8px 25px #667eea1a}.card-title{align-items:center;color:#2d3748;display:flex;font-size:1.1rem;font-weight:600;gap:8px;margin:0 0 16px}.title-icon{font-size:1rem}.performers-list{display:flex;flex-direction:column;gap:12px}.performer-item{align-items:center;background:#f7fafc;border-radius:8px;display:flex;gap:12px;padding:12px}.performer-rank{align-items:center;background:#667eea;border-radius:50%;color:#fff;display:flex;font-size:.8rem;font-weight:600;height:24px;justify-content:center;width:24px}.performer-info{flex:1 1}.performer-name{color:#2d3748;font-weight:600;margin-bottom:2px}.performer-hours{color:#718096;font-size:.8rem}.performer-rate{color:#48bb78;font-size:.9rem;font-weight:600}.department-stats{display:flex;flex-direction:column;gap:12px}.stat-item{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:8px 0}.stat-item:last-child{border-bottom:none}.stat-label{color:#718096;font-size:.9rem;font-weight:500}.stat-value{color:#2d3748;font-weight:600}.insights-section{margin-bottom:24px}.insights-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.insight-card{background:linear-gradient(135deg,#f7fafc,#edf2f7);border-radius:12px;display:flex;gap:16px;padding:20px;transition:all .3s ease}.insight-card:hover{box-shadow:0 8px 25px #0000001a;transform:translateY(-2px)}.insight-icon{font-size:2rem;opacity:.8}.insight-content{flex:1 1}.insight-content h4{color:#2d3748;font-size:1.1rem;font-weight:600;margin:0 0 8px}.insight-content p{color:#4a5568;font-size:.9rem;line-height:1.5;margin:0}.loading-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#ffffffe6;border-radius:12px;bottom:0;gap:16px;left:0;position:absolute;right:0;top:0}.loading-spinner{border:4px solid #f3f3f3;height:32px;width:32px}@media (max-width:768px){.timesheet-report{padding:16px}.report-header{align-items:stretch;flex-direction:column}.header-content{min-width:auto}.header-actions{justify-content:space-between}.analytics-grid,.insights-grid,.metrics-grid,.summary-grid{grid-template-columns:1fr}}@media (max-width:480px){.report-title{font-size:1.5rem}.summary-card{padding:16px}.card-number{font-size:1.6rem}.analytics-card,.insight-card{padding:16px}}.summary-card{animation:fadeInUp .6s ease-out}.summary-card:first-child{animation-delay:.1s}.summary-card:nth-child(2){animation-delay:.2s}.summary-card:nth-child(3){animation-delay:.3s}.summary-card:nth-child(4){animation-delay:.4s}.summary-card:nth-child(5){animation-delay:.5s}.summary-card:nth-child(6){animation-delay:.6s}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.insight-card:hover .insight-icon,.summary-card:hover .card-icon{transform:scale(1.1)}.status-good{color:#48bb78}.status-warning{color:#ed8936}.status-danger{color:#e53e3e}.status-info{color:#667eea}.timesheet-dashboard{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh;padding:20px}.dashboard-header{background:#fff;border-radius:16px;box-shadow:0 4px 20px #0000001a;flex-wrap:wrap;gap:16px;margin-bottom:24px;padding:24px}.header-content{flex:1 1;min-width:300px}.dashboard-title{align-items:center;color:#2d3748;display:flex;font-size:2.5rem;font-weight:700;gap:12px;margin:0 0 8px}.title-icon{font-size:2.2rem}.dashboard-subtitle{color:#718096;font-size:1.1rem;font-weight:400;margin:0}.header-actions{flex-wrap:wrap;gap:16px}.btn-refresh,.refresh-controls{align-items:center;display:flex;gap:8px}.btn-refresh{background:linear-gradient(135deg,#667eea,#764ba2)!important;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:12px 20px;transition:all .3s ease}.btn-refresh:hover:not(:disabled){box-shadow:0 8px 25px #667eea66;transform:translateY(-2px)}.btn-refresh:disabled{cursor:not-allowed;opacity:.6}.refresh-icon{font-size:1.1rem}.refresh-interval{background:#fff;border:2px solid #e2e8f0;border-radius:6px;cursor:pointer;font-size:.9rem;padding:8px 12px}.refresh-interval:focus{border-color:#667eea;outline:none}.btn-export,.export-controls{display:flex;gap:8px}.btn-export{align-items:center;background:linear-gradient(135deg,#48bb78,#38a169);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:12px 20px;transition:all .3s ease}.btn-export:hover{box-shadow:0 8px 25px #48bb7866;transform:translateY(-2px)}.export-icon{font-size:1.1rem}.dashboard-filters{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000000d;display:flex;flex-wrap:wrap;gap:24px;margin-bottom:24px;padding:20px}.filter-group{gap:6px;min-width:150px}.filter-group label{color:#4a5568;font-size:.9rem}.filter-group input,.filter-group select{background:#fff;font-size:.9rem;padding:10px 12px;transition:border-color .3s ease}.error-message{background:linear-gradient(135deg,#fed7d7,#feb2b2);font-weight:600;gap:12px;margin-bottom:24px}.error-icon{font-size:1.2rem}.error-close{align-items:center;background:none;border:none;color:#c53030;cursor:pointer;display:flex;font-size:1.5rem;height:24px;justify-content:center;margin-left:auto;padding:0;width:24px}.tab-navigation{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000000d;display:flex;gap:4px;margin-bottom:24px;overflow-x:auto;padding:8px}.tab-button{align-items:center;background:#0000;border:none;border-radius:8px;color:#718096;cursor:pointer;display:flex;font-weight:600;gap:8px;justify-content:center;min-width:140px;padding:16px 24px;transition:all .3s ease;white-space:nowrap}.tab-button:hover{background:#f7fafc;color:#4a5568}.tab-button.active{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 15px #667eea4d;color:#fff}.tab-icon{font-size:1.2rem}.tab-label{font-size:.95rem}.tab-content{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000000d;min-height:400px;padding:24px}.presence-tab{display:flex;flex-direction:column;gap:24px}.presence-cards{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.analytics-tab h2{color:#2d3748;font-size:1.8rem;margin-bottom:16px}.analytics-tab p{color:#718096;font-size:1.1rem}.dashboard-footer{align-items:center;border-top:1px solid #e2e8f0;display:flex;justify-content:space-between;margin-top:32px;padding:16px 0}.footer-info{color:#718096;display:flex;font-size:.9rem;gap:24px}.last-updated{font-weight:500}.tenant-info{color:#4a5568;font-weight:600}@media (max-width:768px){.timesheet-dashboard{padding:12px}.dashboard-header{align-items:stretch;flex-direction:column}.header-actions{justify-content:center}.dashboard-title{font-size:2rem}.dashboard-filters{align-items:stretch;flex-direction:column}.filter-group{min-width:auto}.tab-navigation{flex-wrap:wrap}.tab-button{min-width:120px;padding:12px 16px}.presence-cards{grid-template-columns:1fr}.footer-info{flex-direction:column;gap:8px;text-align:center}}@media (max-width:480px){.dashboard-title{font-size:1.8rem}.tab-button{min-width:100px;padding:10px 12px}.tab-label{font-size:.85rem}}.loading{opacity:.6;pointer-events:none}.loading:after{animation:spin 1s linear infinite;border:2px solid #f3f3f3;border-radius:50%;border-top-color:#667eea;content:"";height:20px;left:50%;margin:-10px 0 0 -10px;position:absolute;top:50%;width:20px}.status-active{color:#48bb78}.status-away{color:#ed8936}.status-offline{color:#a0aec0}.fade-in{animation:fadeIn .5s ease-in}.worklog-filters{align-items:flex-end;display:flex;flex-wrap:wrap;gap:16px}.worklog-filter-group{display:flex;flex-direction:column;gap:6px;min-width:180px}.worklog-filter-label{color:#4a5568;font-size:.9rem;font-weight:600}.worklog-filter-input,.worklog-filter-select{background:#fff;border:2px solid #e2e8f0;border-radius:10px;color:#2d3748;font-size:.95rem;padding:10px 12px;transition:border-color .2s ease,box-shadow .2s ease}.worklog-filter-input:focus,.worklog-filter-select:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f126;outline:none}.worklog-filters-actions{margin-left:auto}.worklog-filters-reset{background:#fff;border:2px solid #e2e8f0;border-radius:10px;color:#4a5568;cursor:pointer;font-weight:600;padding:10px 18px;transition:background .2s ease,color .2s ease,box-shadow .2s ease}.worklog-filters-reset:hover{background:#f7fafc;box-shadow:0 8px 16px #4f46e51a;color:#2d3748}@media (max-width:768px){.worklog-filter-group{min-width:calc(50% - 12px)}.worklog-filters-actions{margin-left:0;width:100%}.worklog-filters-reset{width:100%}}@media (max-width:480px){.worklog-filter-group{min-width:100%}}.worklog-table-card{background:#fff;border-radius:12px;box-shadow:0 2px 12px #0f172a14;padding:24px}.worklog-table-header{margin-bottom:20px}.worklog-table-title{color:#2d3748;font-size:1.25rem;font-weight:600}.worklog-table-meta{align-items:center;font-size:.95rem}.worklog-table-export{background:linear-gradient(135deg,#6366f1,#4f46e5);border:none;border-radius:10px;color:#fff;cursor:pointer;font-weight:600;padding:10px 18px;transition:all .2s ease}.worklog-table-export:hover{box-shadow:0 8px 20px #6366f140;transform:translateY(-1px)}.worklog-table-container{border:1px solid #e5e7eb;border-radius:12px;overflow:hidden}.worklog-table-element{border-collapse:initial;border-spacing:0;width:100%}.worklog-table-element thead tr{background:#f7fafcf2}.worklog-table-element td,.worklog-table-element th{border-bottom:1px solid #e5e7eb;color:#4b5563;font-size:.95rem;padding:14px 16px;text-align:left}.worklog-table-element th{color:#64748b;font-size:.78rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.worklog-table-element tbody tr{transition:background .2s ease}.worklog-table-element tbody tr:hover{background:#f3f4f699}.worklog-table-element td.text-right{text-align:right}.worklog-table-empty{color:#a0aec0;font-size:.95rem;padding:24px;text-align:center}.worklog-pagination-bar{align-items:center;color:#718096;display:flex;font-size:.9rem;justify-content:space-between;margin-top:20px}.worklog-pagination-controls{gap:10px}.worklog-pagination-button{background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#4a5568;cursor:pointer;font-weight:600;padding:8px 14px;transition:background .2s ease}.worklog-pagination-button:hover:not(:disabled){background:#f3f4f6}.worklog-pagination-button:disabled{cursor:not-allowed;opacity:.6}@media (max-width:768px){.worklog-table-card{padding:20px}.worklog-pagination-bar{align-items:flex-start;flex-direction:column;gap:12px}}@media (max-width:480px){.worklog-table-element td,.worklog-table-element th{font-size:.85rem;padding:10px 12px}}.worklog-dashboard{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh;padding:20px}.worklog-header-card{align-items:center;background:#fff;border-radius:16px;box-shadow:0 4px 20px #0000001a;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:24px;padding:24px}.worklog-header-content{flex:1 1;min-width:280px}.worklog-title{align-items:center;color:#2d3748;display:flex;font-size:2.4rem;font-weight:700;gap:12px;margin:0 0 8px}.worklog-subtitle{color:#718096;font-size:1rem;font-weight:400;margin:0}.worklog-filters-wrapper{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000000d;margin-bottom:24px;padding:20px}.worklog-card{background:#fff;border-radius:12px;box-shadow:0 2px 12px #0f172a14}.worklog-card+.worklog-card{margin-top:24px}.worklog-summary-card{padding:24px}.worklog-summary-header{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:16px}.worklog-summary-title{display:flex;flex-direction:column;gap:6px}.worklog-summary-title h2{color:#2d3748;font-size:1.25rem;font-weight:600;margin:0}.worklog-summary-title span{color:#718096;font-size:.95rem}.worklog-summary-button{background:linear-gradient(135deg,#a855f7,#6366f1);border:none;border-radius:10px;color:#fff;cursor:pointer;font-weight:600;padding:12px 24px;transition:all .3s ease}.worklog-summary-button:hover:not(:disabled){box-shadow:0 8px 20px #6366f159;transform:translateY(-1px)}.worklog-summary-button:disabled{cursor:not-allowed;opacity:.6}.worklog-summary-output{background:#6366f10a;border:2px dashed #6366f140;border-radius:12px;color:#4a5568;font-size:.95rem;line-height:1.6;min-height:140px;padding:20px;white-space:pre-line}.worklog-error-banner{align-items:center;background:linear-gradient(135deg,#fed7d7,#feb2b2);border-radius:10px;color:#c53030;display:flex;font-weight:600;gap:12px;margin-bottom:24px;padding:16px 20px}.worklog-empty-state{color:#a0aec0;font-size:.95rem;padding:24px;text-align:center}.worklog-table-wrapper{padding:24px}.worklog-table-header{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:16px}.worklog-table-meta{align-items:baseline;color:#4a5568}.worklog-table-actions,.worklog-table-meta{display:flex;gap:12px}.worklog-btn{border:none;border-radius:10px;cursor:pointer;font-weight:600;padding:10px 18px;transition:all .3s ease}.worklog-btn-export{background:linear-gradient(135deg,#48bb78,#38a169);color:#fff}.worklog-btn-export:hover{box-shadow:0 8px 20px #48bb7859;transform:translateY(-2px)}.worklog-pagination{align-items:center;color:#718096;display:flex;font-size:.9rem;justify-content:space-between;margin-top:20px}.worklog-pagination-controls{display:flex;gap:8px}.worklog-pagination button{background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#4b5563;cursor:pointer;font-weight:600;padding:8px 14px;transition:all .2s ease}.worklog-pagination button:hover:not(:disabled){background:#f3f4f6}.worklog-pagination button:disabled{cursor:not-allowed;opacity:.6}.worklog-table{border:1px solid #e5e7eb;border-collapse:initial;border-radius:12px;border-spacing:0;overflow:hidden;width:100%}.worklog-table thead tr{background:#f7fafce6}.worklog-table td,.worklog-table th{border-bottom:1px solid #e5e7eb;color:#4b5563;font-size:.95rem;padding:14px 16px;text-align:left}.worklog-table th{color:#6b7280;font-size:.8rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.worklog-table tbody tr{transition:background .2s ease}.worklog-table tbody tr:hover{background:#f3f4f699}.worklog-table .text-right,.worklog-total{text-align:right}.worklog-total{color:#4b5563;font-weight:600;margin-top:16px}@media (max-width:1024px){.worklog-dashboard{padding:16px}.worklog-summary-card,.worklog-table-wrapper{padding:20px}}@media (max-width:768px){.worklog-title{font-size:2rem}.worklog-summary-button{text-align:center;width:100%}.worklog-pagination{align-items:flex-start;flex-direction:column;gap:12px}}@media (max-width:480px){.worklog-title{font-size:1.75rem}.worklog-summary-card,.worklog-table-wrapper{padding:16px}.worklog-table td,.worklog-table th{font-size:.85rem;padding:10px 12px}}.sadmin-login-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;justify-content:center;min-height:100vh;padding:20px}.sadmin-login-card{background:#fff;border-radius:16px;box-shadow:0 20px 40px #0000001a;max-width:450px;overflow:hidden;padding:40px;position:relative;width:100%}.sadmin-login-card:before{background:linear-gradient(90deg,#667eea,#764ba2);content:"";height:4px;left:0;position:absolute;right:0;top:0}.sadmin-login-header{margin-bottom:30px;text-align:center}.sadmin-logo h1{color:#2d3748;font-size:2.5rem;font-weight:700;letter-spacing:-.5px;margin:0 0 10px}.sadmin-badge{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;color:#fff;display:inline-block;font-size:.875rem;font-weight:600;letter-spacing:.5px;padding:6px 16px;text-transform:uppercase}.sadmin-subtitle{color:#718096;font-size:1rem;line-height:1.5;margin:20px 0 0}.sadmin-login-form{margin-bottom:30px}.form-group{margin-bottom:24px}.form-group input{border:2px solid #e2e8f0;border-radius:8px;box-sizing:border-box;font-size:1rem;padding:14px 16px;transition:all .2s ease;width:100%}.form-group input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.form-group input.error{border-color:#e53e3e;box-shadow:0 0 0 3px #e53e3e1a}.form-group input:disabled{background-color:#f7fafc;cursor:not-allowed;opacity:.7}.field-error{display:block}.sadmin-login-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:8px;justify-content:center;padding:16px 24px;transition:all .2s ease;width:100%}.sadmin-login-btn:hover:not(:disabled){box-shadow:0 8px 25px #667eea4d;transform:translateY(-2px)}.sadmin-login-btn:active:not(:disabled){transform:translateY(0)}.sadmin-login-btn:disabled{cursor:not-allowed;opacity:.7;transform:none}.sadmin-login-footer{border-top:1px solid #e2e8f0;padding-top:24px}.demo-credentials,.security-info{margin-bottom:20px}.demo-credentials h4,.security-info h4{color:#2d3748;font-size:.875rem;font-weight:600;letter-spacing:.5px;margin:0 0 12px;text-transform:uppercase}.demo-credentials p{color:#4a5568;font-family:Courier New,monospace;font-size:.875rem;margin:4px 0}.security-info ul{list-style:none;margin:0;padding:0}.security-info li{align-items:center;color:#4a5568;display:flex;font-size:.875rem;margin:6px 0}.security-info li:before{background:#667eea;border-radius:50%;content:"";height:4px;margin-right:8px;width:4px}.loading-overlay{align-items:center;color:#fff;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media (max-width:480px){.sadmin-login-container{padding:10px}.sadmin-login-card{padding:30px 20px}.sadmin-logo h1{font-size:2rem}.sadmin-subtitle{font-size:.875rem}}.modal-overlay{padding:20px}.create-tenant-modal{background:#fff;border-radius:12px;box-shadow:0 20px 40px #00000026;max-height:90vh;max-width:600px;overflow-y:auto;position:relative;width:100%}.modal-header{background:#f7fafc;border-bottom:1px solid #e2e8f0;border-radius:12px 12px 0 0;padding:24px 30px}.modal-header h2{color:#2d3748;font-size:1.5rem;font-weight:700}.modal-form{padding:30px}.form-section h3{border-bottom:2px solid #e2e8f0;color:#2d3748;font-size:1.125rem;font-weight:600;padding-bottom:8px}.form-group input.error,.form-group select.error{border-color:#e53e3e;box-shadow:0 0 0 3px #e53e3e1a}.field-error{color:#e53e3e;font-size:.875rem;margin-top:6px}.package-details{background:#f7fafc;border:1px solid #e2e8f0;border-radius:8px;margin-top:12px;padding:16px}.package-details h4{color:#2d3748;font-size:.875rem;font-weight:600;margin:0 0 8px}.package-details p{color:#4a5568;font-size:.875rem;margin:4px 0}.checkbox-group{display:flex;flex-direction:column;gap:8px}.checkbox-help{margin:0}.error-message{margin-bottom:20px;padding:12px 16px}.error-icon{margin-right:8px}.integration-toggle{background-color:#f8f9fa;border:1px solid #e5e7eb;border-radius:8px;margin-top:20px;padding:15px}.checkbox-label{align-items:flex-start;gap:12px}.checkbox-label input[type=checkbox]{cursor:pointer;flex-shrink:0;margin-top:3px}.checkbox-text{display:flex;flex-direction:column;gap:4px}.checkbox-text strong{color:#1f2937;font-size:14px}.checkbox-text .field-hint{color:#6b7280;font-size:12px;font-style:italic;margin-top:4px}.modal-actions{border-top:1px solid #e2e8f0;gap:12px}@media (max-width:768px){.modal-overlay{padding:10px}.create-tenant-modal{max-height:95vh}.modal-header{padding:20px}.modal-header h2{font-size:1.25rem}.modal-form{padding:20px}.form-row{gap:16px;grid-template-columns:1fr}.form-section{margin-bottom:24px}.modal-actions{flex-direction:column}.btn-primary,.btn-secondary{justify-content:center;width:100%}}@media (max-width:480px){.modal-form,.modal-header{padding:16px}.form-section h3{font-size:1rem}}.tenant-list-container{background:#fff;border-radius:12px;box-shadow:0 2px 4px #0000001a;overflow:hidden}.tenant-list-header{align-items:center;background:#f7fafc;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:24px 30px}.header-actions{align-items:center;display:flex;gap:12px}.create-tenant-btn{align-items:center;background:#4299e1;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:6px;padding:8px 16px;transition:all .2s ease}.create-tenant-btn:hover{background:#3182ce;transform:translateY(-1px)}.tenant-list-header h2{color:#2d3748;font-size:1.5rem;font-weight:700;margin:0}.tenant-list-content{padding:30px}.tenants-table{overflow-x:auto}.tenants-table table{border-collapse:collapse;width:100%}.tenants-table th{background:#f7fafc;border-bottom:2px solid #e2e8f0;color:#2d3748;font-size:.875rem;font-weight:600;letter-spacing:.5px;padding:12px 16px;text-align:left;text-transform:uppercase}.tenants-table td{border-bottom:1px solid #e2e8f0;padding:16px;vertical-align:top}.tenants-table tr:hover{background:#f7fafc}.tenant-name{display:flex;flex-direction:column;gap:4px}.tenant-name strong{color:#2d3748;font-size:1rem;font-weight:600}.tenant-id{color:#718096;font-family:Courier New,monospace;font-size:.75rem}.tenant-domain{color:#4a5568;font-size:.875rem;font-weight:500}.status-badge{border-radius:20px;font-size:.75rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.status-active{background:#c6f6d5;color:#22543d}.status-suspended{background:#fed7d7;color:#742a2a}.status-inactive{background:#e2e8f0;color:#4a5568}.status-unknown{background:#fef5e7;color:#744210}.created-date{color:#718096;font-size:.875rem}.action-buttons{display:flex;gap:8px}.action-btn{background:none;border:1px solid #e2e8f0;border-radius:6px;font-size:1rem;height:32px;justify-content:center;min-width:32px;padding:6px 8px}.action-btn:hover{background:#f7fafc;border-color:#cbd5e0}.action-btn.view:hover{background:#e6fffa;border-color:#38b2ac}.action-btn.suspend:hover{background:#fed7d7;border-color:#e53e3e}.action-btn.activate:hover{background:#c6f6d5;border-color:#38a169}.action-btn.edit:hover{background:#e6f3ff;border-color:#3182ce}.action-btn.delete:hover{background:#fed7d7;border-color:#e53e3e}.no-tenants{align-items:center;color:#718096;display:flex;font-size:1rem;justify-content:center;min-height:200px}@media (max-width:768px){.tenant-list-header{padding:20px}.tenant-list-header h2{font-size:1.25rem}.tenant-list-content{padding:20px}.tenants-table{font-size:.875rem}.tenants-table td,.tenants-table th{padding:12px 8px}.action-buttons{flex-direction:column;gap:4px}.action-btn{font-size:.875rem;height:28px;min-width:28px}}@media (max-width:480px){.tenant-list-content,.tenant-list-header{padding:16px}.tenants-table td,.tenants-table th{padding:8px 4px}.tenant-name strong{font-size:.875rem}.tenant-id{font-size:.625rem}.tenant-domain{font-size:.75rem}.status-badge{font-size:.625rem;padding:2px 8px}.created-date{font-size:.75rem}}.package-manager-container{background:#fff;border-radius:12px;box-shadow:0 2px 4px #0000001a;overflow:hidden}.package-manager-header{align-items:center;background:#f7fafc;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:24px 30px}.package-manager-header h2{color:#2d3748;font-size:1.5rem;font-weight:700;margin:0}.package-manager-content{padding:30px}.packages-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:30px}.package-card{background:#f7fafc;border:2px solid #e2e8f0;border-radius:12px;padding:24px;transition:all .2s ease}.package-card:hover{border-color:#667eea;box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.package-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:16px}.package-header h3{color:#2d3748;font-size:1.25rem;font-weight:700;margin:0}.package-price{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;color:#fff;font-size:.875rem;font-weight:600;padding:6px 12px}.package-description{color:#4a5568;font-size:.875rem;line-height:1.5;margin-bottom:20px}.package-features{margin-bottom:20px}.package-features h4{color:#2d3748;font-size:.875rem;font-weight:600;letter-spacing:.5px;margin:0 0 8px;text-transform:uppercase}.package-features ul{list-style:none;margin:0;padding:0}.package-features li{color:#4a5568;font-size:.875rem;margin:4px 0;padding-left:16px;position:relative}.package-features li:before{color:#38a169;content:"✓";font-weight:700;left:0;position:absolute}.package-limits{margin-bottom:20px}.package-limits h4{color:#2d3748;font-size:.875rem;font-weight:600;letter-spacing:.5px;margin:0 0 8px;text-transform:uppercase}.package-limits p{color:#4a5568;font-size:.875rem;margin:4px 0}.package-actions{display:flex;justify-content:flex-end}.btn-primary,.btn-secondary{padding:10px 20px}.package-manager-actions{border-top:1px solid #e2e8f0;display:flex;justify-content:center;padding-top:20px}@media (max-width:768px){.package-manager-header{padding:20px}.package-manager-header h2{font-size:1.25rem}.package-manager-content{padding:20px}.packages-grid{gap:16px;grid-template-columns:1fr}.package-card{padding:20px}}@media (max-width:480px){.package-card,.package-manager-content,.package-manager-header{padding:16px}.package-header{align-items:flex-start;flex-direction:column;gap:8px}.package-header h3{font-size:1.125rem}}.audit-logs-container{background:#fff;border-radius:12px;box-shadow:0 2px 4px #0000001a;overflow:hidden}.audit-logs-header{align-items:center;background:#f7fafc;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:24px 30px}.audit-logs-header h2{color:#2d3748;font-size:1.5rem;font-weight:700;margin:0}.audit-logs-content{padding:30px}.filters-section{background:#f7fafc;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:30px;padding:20px}.filters-section h3{color:#2d3748;font-size:1.125rem;font-weight:600;margin:0 0 16px}.filters-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:20px}.filter-group{display:flex;flex-direction:column}.filter-group label{color:#2d3748;font-size:.875rem;font-weight:600;margin-bottom:6px}.filter-group input,.filter-group select{border:2px solid #e2e8f0;border-radius:6px;font-size:.875rem;padding:8px 12px;transition:all .2s ease}.filter-group input:focus,.filter-group select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.filter-actions{display:flex;gap:12px}.logs-section h3{color:#2d3748;font-size:1.125rem;font-weight:600;margin:0 0 20px}.logs-table{overflow-x:auto}.logs-table table{border-collapse:collapse;width:100%}.logs-table th{background:#f7fafc;border-bottom:2px solid #e2e8f0;color:#2d3748;font-size:.875rem;font-weight:600;letter-spacing:.5px;padding:12px 16px;text-align:left;text-transform:uppercase}.logs-table td{border-bottom:1px solid #e2e8f0;padding:12px 16px;vertical-align:top}.logs-table tr:hover{background:#f7fafc}.timestamp{color:#4a5568;font-family:Courier New,monospace;font-size:.875rem}.actor-info{display:flex;flex-direction:column;gap:2px}.actor-id{color:#2d3748;font-size:.875rem;font-weight:600}.actor-type{color:#718096}.action-badge,.actor-type{font-size:.75rem;letter-spacing:.5px;text-transform:uppercase}.action-badge{background:#e6fffa;border-radius:4px;color:#234e52;display:inline-block;font-weight:600;padding:4px 8px}.target-info{font-family:Courier New,monospace}.details,.target-info{color:#4a5568;font-size:.875rem}.details{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.no-logs{align-items:center;color:#718096;display:flex;font-size:1rem;justify-content:center;min-height:200px}.btn-primary,.btn-secondary{border-radius:6px;padding:8px 16px}.btn-primary:hover{box-shadow:0 4px 12px #667eea4d;transform:translateY(-1px)}.btn-secondary:hover{border-color:#cbd5e0;color:#2d3748}@media (max-width:768px){.audit-logs-header{padding:20px}.audit-logs-header h2{font-size:1.25rem}.audit-logs-content{padding:20px}.filters-grid{gap:12px;grid-template-columns:1fr}.filter-actions{flex-direction:column}.btn-primary,.btn-secondary{justify-content:center;width:100%}.logs-table{font-size:.875rem}.logs-table td,.logs-table th{padding:8px 12px}}@media (max-width:480px){.audit-logs-content,.audit-logs-header,.filters-section{padding:16px}.logs-table td,.logs-table th{padding:6px 8px}.details{max-width:150px}}.system-settings-container{background:#fff;border-radius:12px;box-shadow:0 2px 4px #0000001a;overflow:hidden}.system-settings-header{align-items:center;background:#f7fafc;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:24px 30px}.system-settings-header h2{color:#2d3748;font-size:1.5rem;font-weight:700;margin:0}.close-btn{background:none;border:none;border-radius:4px;color:#718096;cursor:pointer;font-size:1.5rem;padding:4px;transition:all .2s ease}.close-btn:hover{background:#e2e8f0;color:#2d3748}.system-settings-content{padding:30px}.settings-section{margin-bottom:30px}.settings-section h3{border-bottom:2px solid #e2e8f0;color:#2d3748;font-size:1.125rem;font-weight:600;margin:0 0 20px;padding-bottom:8px}.form-row{grid-gap:20px;margin-bottom:20px}.form-group{display:flex;flex-direction:column}.form-group label{color:#2d3748;font-size:.875rem}.form-group input,.form-group select{border:2px solid #e2e8f0;border-radius:8px;font-size:1rem;padding:12px 16px;transition:all .2s ease}.form-group input:focus,.form-group select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-group input:disabled,.form-group select:disabled{background-color:#f7fafc;cursor:not-allowed;opacity:.7}.checkbox-group{margin-bottom:20px}.checkbox-label{align-items:center;color:#2d3748;cursor:pointer;display:flex;font-weight:600;gap:8px;margin-bottom:8px}.checkbox-label input[type=checkbox]{height:18px;margin:0;width:18px}.checkbox-text{font-size:.875rem}.checkbox-help{color:#718096;font-size:.75rem;line-height:1.4;margin:0 0 0 26px}.settings-actions{border-top:1px solid #e2e8f0;display:flex;gap:12px;justify-content:flex-end;padding-top:20px}.btn-primary,.btn-secondary{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:8px;padding:12px 24px;transition:all .2s ease}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2)}.btn-primary:hover:not(:disabled){box-shadow:0 4px 12px #667eea4d;transform:translateY(-1px)}.btn-primary:disabled{cursor:not-allowed;opacity:.7;transform:none}.btn-secondary{background:#fff;border:2px solid #e2e8f0;color:#4a5568}.btn-secondary:hover:not(:disabled){border-color:#cbd5e0;color:#2d3748}.btn-secondary:disabled{cursor:not-allowed;opacity:.7}.spinner{border:2px solid #ffffff4d;border-top-color:#fff;height:16px;width:16px}@media (max-width:768px){.system-settings-header{padding:20px}.system-settings-header h2{font-size:1.25rem}.system-settings-content{padding:20px}.form-row{gap:16px;grid-template-columns:1fr}.settings-section{margin-bottom:24px}.settings-actions{flex-direction:column}.btn-primary,.btn-secondary{justify-content:center;width:100%}}@media (max-width:480px){.system-settings-content,.system-settings-header{padding:16px}.settings-section h3{font-size:1rem}}.sadmin-dashboard{background:#f7fafc;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh}.sadmin-header{align-items:center;background:#fff;border-bottom:1px solid #e2e8f0;box-shadow:0 1px 3px #0000001a;display:flex;justify-content:space-between;padding:20px 30px}.header-left h1{color:#2d3748;font-size:1.875rem;font-weight:700;margin:0 0 4px}.header-subtitle{color:#718096;font-size:.875rem}.header-right{align-items:center;display:flex;gap:20px}.user-info{align-items:flex-end;flex-direction:column}.user-email{color:#2d3748;font-size:.875rem;font-weight:600}.user-role{color:#667eea;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.logout-btn{background:#e53e3e;font-size:.875rem;font-weight:600;padding:8px 16px;transition:all .2s ease}.logout-btn:hover{background:#c53030;transform:translateY(-1px)}.sadmin-nav{background:#fff;border-bottom:1px solid #e2e8f0;display:flex;gap:0;padding:0 30px}.nav-btn{background:none;border-bottom:3px solid #0000;color:#718096;font-size:.875rem;font-weight:600;padding:16px 24px;transition:all .2s ease}.nav-btn:hover{background:#f7fafc;color:#2d3748}.nav-btn.active{background:#f7fafc;border-bottom-color:#667eea;color:#667eea}.sadmin-main{margin:0 auto;max-width:1200px;padding:30px}.dashboard-content{display:flex;flex-direction:column;gap:30px}.kpi-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.kpi-card{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 4px #0000001a;display:flex;gap:16px;padding:24px;transition:all .2s ease}.kpi-card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.kpi-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;display:flex;font-size:2.5rem;height:60px;justify-content:center;width:60px}.kpi-content h3{color:#2d3748;font-size:.875rem;font-weight:600;letter-spacing:.5px;margin:0 0 8px;text-transform:uppercase}.kpi-value{color:#2d3748;font-size:2rem;font-weight:700;margin:0 0 4px}.kpi-detail{color:#718096;font-size:.75rem}.quick-actions{border-radius:12px;padding:24px}.quick-actions h2{color:#2d3748;font-size:1.25rem;font-weight:700}.action-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.action-btn{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:8px;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:12px;padding:16px 20px;transition:all .2s ease}.action-btn.primary{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#0000;color:#fff}.action-btn.primary:hover{box-shadow:0 4px 12px #667eea4d;transform:translateY(-2px)}.action-btn.secondary{color:#4a5568}.action-btn.secondary:hover{border-color:#667eea;color:#667eea;transform:translateY(-1px)}.action-icon{font-size:1.25rem}.action-text{flex:1 1}.recent-activity{background:#fff;border-radius:12px;box-shadow:0 2px 4px #0000001a;padding:24px}.recent-activity h2{color:#2d3748;font-size:1.25rem;font-weight:700;margin:0 0 20px}.status-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.status-item{align-items:center;background:#f7fafc;border-radius:8px;display:flex;justify-content:space-between;padding:12px 16px}.status-label{color:#4a5568}.status-label,.status-value{font-size:.875rem;font-weight:600}.status-value.healthy{color:#38a169}.loading-container{align-items:center;color:#718096;display:flex;flex-direction:column;justify-content:center;min-height:200px}.loading-spinner{border:4px solid #e2e8f0;border-top-color:#667eea;height:40px;margin-bottom:16px;width:40px}.error-container{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:200px}.error-message{align-items:center;background:#fed7d7;border-radius:8px;color:#c53030;display:flex;font-size:.875rem;gap:8px;padding:16px 20px}.error-icon{font-size:1rem}.retry-btn{background:#667eea;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.875rem;font-weight:600;padding:10px 20px;transition:all .2s ease}.retry-btn:hover{background:#5a67d8;transform:translateY(-1px)}.no-data-container{color:#718096;font-size:1rem;min-height:200px}.full-page-overlay,.no-data-container{align-items:center;display:flex;justify-content:center}.full-page-overlay{background:#00000080;bottom:0;left:0;overflow-y:auto;padding:20px;position:fixed;right:0;top:0;z-index:1000}.full-page-overlay>*{background:#fff;border-radius:12px;box-shadow:0 20px 40px #00000026;max-height:90vh;max-width:1200px;overflow-y:auto;width:100%}@media (max-width:768px){.sadmin-header{align-items:flex-start;flex-direction:column;gap:16px}.header-right{justify-content:space-between;width:100%}.sadmin-nav{overflow-x:auto;padding:0 20px}.nav-btn{padding:12px 16px;white-space:nowrap}.sadmin-main{padding:20px}.action-grid,.kpi-grid,.status-grid{grid-template-columns:1fr}}@media (max-width:480px){.sadmin-header{padding:16px 20px}.header-left h1{font-size:1.5rem}.kpi-card,.sadmin-main{padding:16px}.kpi-icon{font-size:2rem;height:50px;width:50px}.kpi-value{font-size:1.5rem}}.ticket-dashboard{background:#f8fafc;display:flex;flex-direction:column;gap:24px;min-height:100%;padding:24px}.ticket-dashboard__header{align-items:flex-start;display:flex;gap:12px;justify-content:space-between}.ticket-dashboard__header h1{color:#0f172a;font-size:28px;margin:0}.ticket-dashboard__header p{color:#475569;margin:4px 0 0}.ticket-dashboard__create{background:linear-gradient(135deg,#6366f1,#4f46e5);border:none;border-radius:10px;color:#fff;cursor:pointer;font-weight:600;padding:12px 20px;transition:transform .2s ease,box-shadow .2s ease}.ticket-dashboard__create:hover{box-shadow:0 10px 25px #6366f140;transform:translateY(-1px)}.ticket-dashboard__tabs{background:#fff;border-radius:999px;box-shadow:0 2px 8px #0f172a1a;display:inline-flex;gap:8px;padding:6px;width:-webkit-fit-content;width:fit-content}.ticket-dashboard__tab{background:#0000;border:none;border-radius:999px;color:#475569;cursor:pointer;font-weight:600;padding:10px 20px;transition:background .2s ease,color .2s ease}.ticket-dashboard__tab.active{background:linear-gradient(135deg,#6366f1,#4f46e5);box-shadow:0 6px 16px #6366f140;color:#fff}.ticket-dashboard__summary{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.ticket-dashboard__summary-card{background:#fff;border-radius:14px;box-shadow:0 8px 20px #0f172a14;display:flex;flex-direction:column;gap:6px;padding:18px}.ticket-dashboard__summary-card span{color:#64748b;font-size:.9rem}.ticket-dashboard__summary-card strong{color:#0f172a;font-size:1.6rem}.ticket-dashboard__error{background:#ef44441f;border-radius:12px;color:#b91c1c;padding:12px 16px}.ticket-dashboard__loading{color:#475569;padding:24px;text-align:center}.ticket-dashboard__cards{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.ticket-dashboard__empty{background:#fff;border-radius:12px;box-shadow:inset 0 0 0 1px #e2e8f0;color:#64748b;padding:24px;text-align:center}.ticket-filters-card{background:#fff;border-radius:14px;box-shadow:0 6px 18px #0f172a14;display:flex;flex-direction:column;gap:16px;padding:18px}.ticket-filters-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.ticket-filter{display:flex;flex-direction:column;gap:6px}.ticket-filter__label{color:#475569;font-size:.85rem;font-weight:600}.ticket-field__input,.ticket-field__select,.ticket-field__textarea,.ticket-filter__input,.ticket-filter__select{border:1px solid #cbd5f5;border-radius:10px;font-size:.95rem;padding:10px 12px;transition:border-color .2s ease,box-shadow .2s ease}.ticket-field__input:focus,.ticket-field__select:focus,.ticket-field__textarea:focus,.ticket-filter__input:focus,.ticket-filter__select:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f133;outline:none}.ticket-filters-footer{align-items:center;display:flex;gap:16px;justify-content:space-between}.ticket-filter__reset{background:#fff;border:1px solid #cbd5f5;border-radius:10px;color:#475569;cursor:pointer;font-weight:600;padding:10px 16px}.ticket-table-card{background:#fff;border-radius:14px;box-shadow:0 8px 22px #0f172a14;overflow:hidden;padding:0}.ticket-table{border-collapse:collapse;width:100%}.ticket-table thead{background:#6366f114}.ticket-table td,.ticket-table th{border-bottom:1px solid #e2e8f0;color:#334155;font-size:.95rem;padding:14px 18px;text-align:left}.ticket-table__row{cursor:pointer;transition:background .15s ease}.ticket-table__row:hover{background:#6366f114}.ticket-table__subject{color:#0f172a;font-weight:600}.ticket-table__meta{color:#64748b;font-size:.8rem}.ticket-table__empty{color:#475569;padding:20px;text-align:center}.ticket-card{background:#fff;border-radius:16px;box-shadow:0 10px 24px #0f172a1a;cursor:pointer;display:flex;flex-direction:column;gap:12px;padding:18px;transition:transform .2s ease,box-shadow .2s ease}.ticket-card:hover{box-shadow:0 18px 32px #4f46e52e;transform:translateY(-4px)}.ticket-card__header{align-items:flex-start;display:flex;gap:12px;justify-content:space-between}.ticket-card__subject{color:#0f172a;font-size:1.05rem;font-weight:600}.ticket-card__meta{color:#6366f1;font-size:.9rem}.ticket-card__status{border-radius:999px;font-size:.78rem;font-weight:600;padding:4px 10px}.ticket-card__status--resolved{background:#22c55e29;color:#15803d}.ticket-card__status--closed{background:#0f172a24;color:#0f172a}.ticket-card__status--progress{background:#0ea5e929;color:#0369a1}.ticket-card__status--open{background:#fbbf2429;color:#92400e}.ticket-card__status--new{background:#6366f129;color:#4338ca}.ticket-card__priority{border-radius:999px;font-size:.78rem;font-weight:600;padding:4px 10px}.ticket-card__priority--urgent{background:#ef44442e;color:#b91c1c}.ticket-card__priority--high{background:#f973162e;color:#c2410c}.ticket-card__priority--medium{background:#3b82f626;color:#1d4ed8}.ticket-card__priority--low{background:#22c55e26;color:#15803d}.ticket-card__channel{background:#94a3b833;border-radius:999px;color:#475569;font-size:.78rem;font-weight:600;padding:4px 10px}.ticket-card__assignment{grid-gap:6px;color:#475569;display:grid;font-size:.85rem;gap:6px}.ticket-card__person span{color:#64748b;font-weight:600;margin-right:6px}.ticket-dashboard__detail,.ticket-dashboard__modal{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0f172a73;display:flex;inset:0;justify-content:center;position:fixed;z-index:40}.ticket-dashboard__modal-content{padding:24px;width:min(720px,90%)}.ticket-dashboard__modal-content,.ticket-detail{background:#fff;border-radius:18px;max-height:90vh;overflow-y:auto}.ticket-detail{box-shadow:0 20px 40px #0f172a40;display:flex;flex-direction:column;gap:18px;padding:28px;width:min(900px,95%)}.ticket-detail__header{align-items:flex-start;display:flex;gap:12px;justify-content:space-between}.ticket-detail__header h2{color:#0f172a;margin:0}.ticket-detail__header p{color:#6366f1;margin:4px 0 0}.ticket-detail__close{background:#94a3b833;border:none;border-radius:999px;color:#475569;cursor:pointer;padding:6px 10px}.ticket-detail__grid{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.ticket-detail__section{background:#f8fafce6;border-radius:14px;display:flex;flex-direction:column;gap:12px;padding:16px}.ticket-detail__section-header{align-items:center;display:flex;justify-content:space-between}.ticket-detail__status select,.ticket-detail__status textarea{border:1px solid #cbd5f5;border-radius:10px;font-size:.95rem;padding:10px;width:100%}.ticket-detail__button{background:#6366f1;border:none;border-radius:10px;color:#fff;cursor:pointer;padding:8px 12px}.ticket-detail__activity,.ticket-detail__assets,.ticket-detail__notes{grid-gap:10px;display:grid;gap:10px;list-style:none;margin:0;padding:0}.ticket-detail__empty{color:#64748b}.ticket-modal__overlay{align-items:center;background:#0f172a73;display:flex;inset:0;justify-content:center;position:fixed;z-index:50}.ticket-modal{background:#fff;border-radius:16px;box-shadow:0 18px 36px #0f172a38;display:flex;flex-direction:column;width:min(540px,90%)}.ticket-modal__header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:16px 20px}.ticket-modal__close{background:#0000;border:none;color:#475569;cursor:pointer;font-size:20px}.ticket-modal__body{display:flex;flex-direction:column;gap:16px;padding:20px}.ticket-modal__textarea{border:1px solid #cbd5f5;border-radius:12px;min-height:140px;padding:12px;width:100%}.ticket-modal__actions{display:flex;gap:12px;justify-content:flex-end;margin-top:10px}.ticket-modal__button{border:none;border-radius:10px;cursor:pointer;font-weight:600;padding:10px 16px}.ticket-modal__button--primary{background:#6366f1;color:#fff}.ticket-modal__button--ghost{background:#94a3b826;color:#475569}.ticket-create{display:flex;flex-direction:column;gap:18px}.ticket-create h2{color:#0f172a;margin:0}.ticket-create__row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.ticket-field{display:flex;flex-direction:column;gap:6px}.ticket-field__label{color:#475569;font-size:.85rem;font-weight:600}.ticket-field__textarea{min-height:140px}.ticket-create__attachments{grid-gap:6px;color:#475569;display:grid;gap:6px;margin:8px 0 0;padding-left:18px}.ticket-create__actions{display:flex;gap:12px;justify-content:flex-end}.ticket-create__button{border:none;border-radius:12px;cursor:pointer;font-weight:600;padding:12px 18px}.ticket-create__button--primary{background:#4f46e5;color:#fff}.ticket-create__button--ghost{background:#94a3b82e;color:#475569}.ticket-create__error{background:#ef44441f;border-radius:10px;color:#b91c1c;padding:12px}.ticket-create__success{background:#22c55e24;border-radius:10px;color:#15803d;padding:12px}.ticket-analytics__cards{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.ticket-analytics__card{background:#fff;border-radius:14px;box-shadow:0 8px 20px #0f172a14;display:flex;flex-direction:column;gap:8px;padding:18px}.ticket-analytics__card h4{color:#475569;font-size:1rem;margin:0}.ticket-analytics__card span{color:#0f172a;font-size:1.6rem;font-weight:700}.ticket-analytics__grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.ticket-analytics__chart{background:#fff;border-radius:16px;box-shadow:0 8px 22px #0f172a14;padding:18px}.ticket-analytics__chart h3{color:#0f172a;margin:0 0 12px}.ticket-analytics__empty{background:#fff;border-radius:14px;color:#475569;padding:24px;text-align:center}@media (max-width:768px){.ticket-dashboard{padding:16px}.ticket-dashboard__header{align-items:flex-start;flex-direction:column}.ticket-dashboard__tabs{justify-content:space-between;width:100%}.ticket-dashboard__modal-content,.ticket-detail{width:95%}}.leave-calendar{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:20px}.calendar-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.calendar-header h2{color:#333;font-size:1.5rem;margin:0}.nav-btn{background:#f5f5f5;border:none;border-radius:4px;color:#666;cursor:pointer;font-size:1.2rem;padding:8px 16px;transition:all .2s}.nav-btn:hover{background:#e0e0e0;color:#333}.calendar-grid{grid-gap:4px;display:grid;gap:4px;grid-template-columns:repeat(7,1fr);margin-bottom:20px}.calendar-day-header{color:#666;font-size:.9rem;font-weight:600;padding:10px;text-align:center}.calendar-day{aspect-ratio:1;border:1px solid #e0e0e0;border-radius:4px;cursor:pointer;display:flex;flex-direction:column;min-height:80px;padding:8px;transition:all .2s}.calendar-day:hover:not(.empty){background:#f5f5f5;border-color:#1976d2}.calendar-day.empty{border:none;cursor:default}.calendar-day.today{background:#e3f2fd;border-color:#1976d2;font-weight:600}.calendar-day.selected{background:#bbdefb;border-color:#1976d2;border-width:2px}.day-number{font-size:.9rem;font-weight:500;margin-bottom:4px}.leaves-indicators{display:flex;flex-wrap:wrap;gap:2px;margin-top:auto}.leave-indicator{border-radius:50%;flex-shrink:0;height:8px;width:8px}.more-indicator{color:#666;font-size:.7rem;margin-left:2px}.calendar-details{background:#f5f5f5;border-radius:4px;margin-bottom:15px;padding:15px}.calendar-details h3{color:#333;font-size:1.1rem;margin:0 0 10px}.leaves-list{display:flex;flex-direction:column;gap:8px}.leave-item{align-items:center;background:#fff;border-radius:4px;display:flex;gap:10px;padding:8px}.leave-status-dot{border-radius:50%;flex-shrink:0;height:12px;width:12px}.leave-info{flex:1 1}.leave-type{color:#333;font-size:.9rem;font-weight:600}.leave-status{color:#666;font-size:.8rem}.no-leaves{color:#666;font-style:italic;margin:0}.calendar-legend{border-top:1px solid #e0e0e0;display:flex;flex-wrap:wrap;gap:20px;justify-content:center;padding-top:15px}.legend-item{align-items:center;color:#666;display:flex;font-size:.85rem;gap:6px}.legend-color{border-radius:50%;height:12px;width:12px}.calendar-loading{color:#666;padding:40px;text-align:center}.payroll-dashboard{margin:0 auto;max-width:1400px;padding:20px}.dashboard-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px}.dashboard-header h1{color:#1f2937;margin:0}.stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:30px}.stat-card{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:20px}.stat-card h3{color:#6b7280;font-size:14px;font-weight:500;margin:0 0 10px}.stat-value{color:#1f2937;font-size:24px;font-weight:700;margin:0}.recent-runs{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:30px;padding:20px}.recent-runs h2{color:#1f2937;margin:0 0 20px}.runs-table{border-collapse:collapse;width:100%}.runs-table td,.runs-table th{border-bottom:1px solid #e5e7eb;padding:12px;text-align:left}.runs-table th{background-color:#f9fafb;color:#374151;font-weight:600}.status-badge{border-radius:12px;display:inline-block;font-size:12px;font-weight:500;padding:4px 12px}.status-initialized{background-color:#dbeafe;color:#1e40af}.status-processing{background-color:#fef3c7;color:#92400e}.status-readyforreview{background-color:#d1fae5;color:#065f46}.status-finalized{background-color:#e0e7ff;color:#3730a3}.status-paid{background-color:#d1fae5;color:#065f46}.status-cancelled{background-color:#f3f4f6;color:#6b7280}.quick-actions{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:20px}.quick-actions h2{color:#1f2937;margin:0 0 20px}.actions-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.action-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;padding:20px;text-align:left;transition:all .2s}.action-card:hover{background:#f3f4f6;border-color:#3b82f6;box-shadow:0 4px 6px #0000001a;transform:translateY(-2px)}.action-card h3{color:#1f2937;font-size:18px;margin:0 0 8px}.action-card p{color:#6b7280;font-size:14px;margin:0}.btn-primary:hover{background-color:#2563eb}.btn-sm{font-size:12px;padding:6px 12px}.payroll-run-stepper{margin:0 auto;max-width:1200px;padding:20px}.stepper-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px}.stepper-header h1{color:#1f2937;margin:0}.stepper{display:flex;justify-content:space-between;margin-bottom:40px;position:relative}.stepper:before{background-color:#e5e7eb;content:"";height:2px;left:0;position:absolute;right:0;top:20px;z-index:0}.step{flex:1 1;flex-direction:column;position:relative;z-index:1}.step,.step-number{align-items:center;display:flex}.step-number{background-color:#e5e7eb;border-radius:50%;color:#6b7280;font-weight:700;height:40px;justify-content:center;margin-bottom:8px;width:40px}.step.active .step-number{background-color:#3b82f6;color:#fff}.step-label{color:#6b7280;font-size:12px;text-align:center}.step.active .step-label{color:#3b82f6;font-weight:500}.step-content{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;min-height:300px;padding:30px}.step-content h2{color:#1f2937;margin:0 0 20px}.step-content p{color:#6b7280;margin:10px 0}.initialize-form{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin:0 auto;max-width:600px;padding:30px}.initialize-form h1{color:#1f2937;margin:0 0 30px}.btn{margin-right:10px}.btn-secondary:hover:not(:disabled){background-color:#4b5563}.error,.loading{padding:20px;text-align:center}.error{color:#ef4444}.employee-finance{margin:0 auto;max-width:800px;padding:20px}.employee-finance h1{color:#1f2937;margin:0 0 30px}.finance-form{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:30px}.form-section{border-bottom:1px solid #e5e7eb;margin-bottom:30px;padding-bottom:30px}.form-section:last-child{border-bottom:none}.form-section h2{color:#1f2937;font-size:18px;margin:0 0 20px}.form-group input,.form-group select{border:1px solid #d1d5db;border-radius:6px;font-size:14px;padding:10px;width:100%}.form-group input:focus,.form-group select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.loading{padding:20px}.employee-select{background-color:#fff;border:1px solid #d1d5db;border-radius:6px;cursor:pointer;font-size:14px;padding:10px;width:100%}.employee-select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.employee-info{background:#f5f5f5;border-radius:6px;color:#374151;font-size:14px;margin-bottom:20px;padding:12px 15px}.employee-info strong{color:#1f2937;margin-right:5px}.text-muted{color:#6b7280;font-size:14px;font-style:italic}.paygroup-manager{margin:0 auto;max-width:1400px;padding:20px}.page-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px}.page-header h1{color:#1f2937;margin:0}.error-banner{background-color:#fee2e2;border-radius:6px;color:#991b1b;margin-bottom:20px;padding:12px}.loading{color:#6b7280;padding:40px;text-align:center}.paygroups-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.paygroup-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:20px;transition:box-shadow .2s}.paygroup-card:hover{box-shadow:0 4px 8px #00000026}.card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.card-header h3{color:#1f2937;font-size:18px;margin:0}.card-actions{display:flex;gap:10px}.btn-icon{background:none;border:none;cursor:pointer;font-size:18px;opacity:.7;padding:5px;transition:opacity .2s}.btn-icon:hover{opacity:1}.card-description{color:#6b7280;font-size:14px;margin:10px 0}.card-details{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,1fr);margin-top:15px}.detail-item{background:#f9fafb;border-radius:4px;display:flex;justify-content:space-between;padding:8px}.detail-item .label{color:#6b7280;font-weight:500}.detail-item .value{color:#1f2937;font-weight:600}.components-list{border-top:1px solid #e5e7eb;margin-top:15px;padding-top:15px}.components-list strong{color:#1f2937;display:block;margin-bottom:8px}.components-list ul{color:#6b7280;font-size:14px;margin:0;padding-left:20px}.modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#fff;border-radius:8px;box-shadow:0 10px 25px #0003;max-height:90vh;max-width:800px;overflow-y:auto;width:90%}.modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:20px}.modal-header h2{color:#1f2937;margin:0}.btn-close{align-items:center;background:none;border:none;color:#6b7280;cursor:pointer;display:flex;font-size:28px;height:30px;justify-content:center;padding:0;width:30px}.btn-close:hover{color:#1f2937}.paygroup-form{padding:20px}.form-group label{color:#374151;font-weight:500;margin-bottom:8px}.form-group input[type=number],.form-group input[type=text],.form-group select,.form-group textarea{border:1px solid #d1d5db;border-radius:6px;font-size:14px;padding:10px;width:100%}.form-group input[type=checkbox]{margin-right:8px}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.form-row{grid-gap:15px;display:grid;gap:15px;grid-template-columns:1fr 1fr}.form-section{border-top:1px solid #e5e7eb;margin-top:30px;padding-top:30px}.form-section h3{color:#1f2937;margin:0 0 20px}.component-form{background:#f9fafb;border-radius:6px;margin-bottom:20px;padding:15px}.components-list ul{list-style:none;margin:10px 0;padding:0}.components-list li{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:4px;display:flex;justify-content:space-between;margin:5px 0;padding:10px}.btn-remove{background:#ef4444;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;padding:5px 10px}.btn-remove:hover{background:#dc2626}.modal-actions{border-top:1px solid #e5e7eb;display:flex;gap:10px;justify-content:flex-end;margin-top:20px;padding-top:20px}.btn{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s}.btn:disabled{cursor:not-allowed;opacity:.5}.btn-primary{background-color:#3b82f6;color:#fff}.btn-primary:hover:not(:disabled){background-color:#2563eb}.btn-secondary{background-color:#6b7280;color:#fff}.btn-secondary:hover{background-color:#4b5563}.app{background-color:#f5f5f5;display:flex;flex-direction:column;min-height:100vh}.top-bar{background-color:#2c3e50;box-shadow:0 2px 4px #0000001a;justify-content:space-between;padding:0;position:-webkit-sticky;position:sticky;top:0;z-index:1000}.top-bar,.top-bar-left{align-items:center;display:flex;height:50px}.top-bar-left{border-right:.5px solid #e0e0e079;padding-left:15px;width:220px}.app-logo{align-items:center;color:#2c3e50;display:flex;font-size:1.25rem;font-weight:600;gap:12px}.logo-icon{font-size:1.5rem;height:30px;overflow:hidden}.logo-text{color:#fff}.top-bar-right{align-items:center;display:flex;gap:16px}.status-container{position:relative}.status-info{align-items:center;border-radius:0;display:flex;gap:0;justify-content:center;padding:8px 12px;transition:background-color .2s ease}.status-info:hover{background-color:#e8e8e8}.status-indicator-icon{font-size:.7rem;margin-right:4px}.status-text{font-size:.9rem;font-weight:600;min-width:60px}.status-info .dropdown-arrow{align-items:center;color:#7f8c8d;display:flex;font-size:1rem;justify-content:center;margin-left:0;transition:transform .2s ease}.status-info .dropdown-arrow.open{transform:rotate(180deg)}.status-dropdown-menu{animation:slideDown .2s ease;background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;min-width:180px;overflow:hidden;position:absolute;right:0;top:calc(100% + 8px);z-index:1001}.status-dropdown-item{align-items:center;color:#2c3e50;cursor:pointer;display:flex;font-size:.9rem;gap:12px;padding:12px 16px;transition:background-color .2s ease}.status-dropdown-item:hover:not(:disabled){background-color:#f5f5f5}.status-dropdown-item:disabled{cursor:not-allowed;opacity:.5}.status-dropdown-item-danger{color:#e74c3c}.status-dropdown-item-danger:hover:not(:disabled){background-color:#fee}.status-item-icon{align-items:center;display:flex;font-size:1rem;justify-content:center}.status-dropdown-divider{background-color:#e0e0e0;height:1px;margin:4px 0}.user-info-container{position:relative}.user-info,.user-info-container{background-color:initial!important}.user-info{border-radius:0!important;cursor:pointer;flex-direction:row;gap:12px;height:50px;padding:8px 12px;transition:background-color .2s ease}.user-info:hover{background-color:#f5f5f5}.user-info .user-avatar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;font-size:.7rem;font-weight:700;height:30px;justify-content:center;width:30px}.user-info .user-details{align-items:flex-start;display:flex;flex-direction:column}.user-info .user-name{color:#fff;font-size:.9rem;font-weight:600;margin:0}.user-info .user-role{color:#7f8c8d;font-size:.75rem;margin:0}.user-info .dropdown-arrow{color:#7f8c8d;margin-left:4px;transition:transform .2s ease}.user-info .dropdown-arrow.open{transform:rotate(180deg)}.user-dropdown-menu{animation:slideDown .2s ease;background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;min-width:200px;overflow:hidden;position:absolute;right:0;top:calc(100% + 8px);z-index:1001}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.user-dropdown-item{align-items:center;color:#2c3e50;cursor:pointer;display:flex;font-size:.9rem;gap:12px;padding:12px 16px;transition:background-color .2s ease}.user-dropdown-item:hover{background-color:#f5f5f5}.user-dropdown-item .dropdown-item-icon{color:#7f8c8d;font-size:1.2rem}.user-dropdown-divider{background-color:#e0e0e0;height:1px;margin:4px 0}.loading-screen{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;flex-direction:column;justify-content:center;min-height:100vh}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:50px;margin-bottom:1rem;width:50px}.loading-screen p{font-size:1.1rem;margin:0}.sidebar{background-color:#2c3e50;box-shadow:2px 0 5px #0000001a;color:#fff;flex-shrink:0;overflow-y:auto;padding:20px 0 0;width:220px}.sidebar-header{border-bottom:1px solid #34495e;padding:20px}.sidebar-header h2{color:#ecf0f1;font-size:1.5rem;margin:0 0 1rem}.user-info{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:8px;gap:.75rem;padding:.75rem}.user-avatar,.user-info{align-items:center;display:flex}.user-avatar{background:#fff3;border-radius:50%;color:#fff;font-size:.9rem;font-weight:700;height:40px;justify-content:center;width:40px}.user-details{flex:1 1}.user-name{color:#fff;font-size:.9rem;font-weight:600;margin-bottom:.25rem}.user-role{color:#fff;font-size:.75rem;opacity:.8}.logout-btn{background:#ffffff1a;border:none;border-radius:6px;color:#fff;cursor:pointer;padding:.5rem;transition:background .2s ease}.logout-btn:hover{background:#fff3}.logout-icon{font-size:1rem}.nav-menu{list-style:none;margin:0;padding:0}.nav-item{align-items:center;border-bottom:1px solid #34495e;cursor:pointer;display:flex;padding:10px;transition:background-color .3s ease}.nav-item:hover{background-color:#34495e;color:#fff}.nav-item.active{background-color:#3498db00}.nav-item.has-dropdown{display:flex;flex-direction:column;position:relative}.nav-item-content{align-items:center;cursor:pointer;display:flex;order:1;width:100%}.dropdown-arrow{color:#bdc3c7;font-size:.8rem;margin-left:auto;transition:transform .2s ease}.dropdown-arrow.open{transform:rotate(180deg)}.dropdown-menu{background-color:#34495e;border-top:1px solid #2c3e50;list-style:none;margin:0;max-height:0;order:2;overflow:hidden;padding:0;position:relative;transition:max-height .3s ease;width:100%;z-index:10}.dropdown-menu.show{box-shadow:0 2px 8px #0000001a;max-height:200px;overflow:visible}.dropdown-item{border-left:3px solid #0000;box-sizing:border-box;color:#bdc3c7;cursor:pointer;display:block;font-size:.9rem;padding:12px 20px 12px 50px;transition:background-color .3s ease;width:100%}.dropdown-item:hover{background-color:#2c3e50;color:#ecf0f1}.dropdown-item.active{background-color:#3498db;border-left-color:#2980b9;color:#fff}.nav-icon{align-items:center;display:flex;font-size:1.2rem;margin-left:15px;margin-right:12px}.nav-text{font-size:1rem;font-weight:500}.app-body{display:flex;flex:1 1;flex-direction:row;min-height:0;overflow:hidden}.main-content{flex:1 1;overflow-y:auto;padding:20px!important}.loading{align-items:center;color:#666;display:flex;font-size:1.2rem;height:200px;justify-content:center}.error{margin:20px 0;padding:15px}.error,.error-message{background-color:#e74c3c;border-radius:5px;color:#fff}.error-message{margin:10px 0;padding:10px}button{background-color:#3498db;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;padding:10px 20px;transition:background-color .3s ease}button:hover{background-color:#2980b9}button:disabled{background-color:#bdc3c7;cursor:not-allowed}.form-group{margin-bottom:20px}.form-group label{color:#2c3e50;display:block;font-weight:600;margin-bottom:5px}.form-group input,.form-group select,.form-group textarea{border:1px solid #ddd;border-radius:5px;box-sizing:border-box;font-size:1rem;padding:10px;width:100%}.form-group textarea{min-height:100px;resize:vertical}.form-row{display:flex;gap:20px}.form-row .form-group{flex:1 1}.form-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.card{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:20px;padding:20px}.form-modal{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.form-modal-content{background:#fff;border-radius:8px;max-height:90vh;max-width:600px;overflow-y:auto;padding:30px;width:90%}@media (max-width:768px){.app{flex-direction:column}.sidebar{height:auto;width:100%}.nav-menu{display:flex;overflow-x:auto}.nav-item{border-bottom:none;border-right:1px solid #34495e;white-space:nowrap}.form-row{flex-direction:column}}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5;color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}h1,h2,h3,h4,h5,h6{color:#2c3e50}h1,h2,h3,h4,h5,h6,p{margin-bottom:1rem}a{color:#3498db;text-decoration:none}a:hover{text-decoration:underline}ol,ul{margin-bottom:1rem;padding-left:2rem}li{margin-bottom:.5rem}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.mb-4{margin-bottom:2rem}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mt-4{margin-top:2rem}.p-1{padding:.5rem}.p-2{padding:1rem}.p-3{padding:1.5rem}.p-4{padding:2rem}.d-flex{display:flex}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.align-center{align-items:center}.flex-1{flex:1 1}.status-pending{color:#f39c12}.status-approved{color:#27ae60}.status-rejected{color:#e74c3c}.status-open{color:#3498db}.status-in-progress{color:#f39c12}.status-resolved{color:#27ae60}.status-closed{color:#95a5a6}.priority-low,.status-completed{color:#27ae60}.priority-medium{color:#f39c12}.priority-high{color:#e67e22}.priority-urgent{color:#e74c3c}.priority-critical{color:#8e44ad}.fade-in{animation:fadeIn .3s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.slide-in{animation:slideIn .3s ease-out}@keyframes slideIn{0%{transform:translateX(-100%)}to{transform:translateX(0)}}.spinner{animation:spin 1s linear infinite;border:3px solid #f3f3f3;border-radius:50%;border-top-color:#3498db;height:30px;margin:0 auto;width:30px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#a8a8a8}
/*# sourceMappingURL=main.1ee8545c.css.map*/