@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap";.employee-selection-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center;z-index:2500;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.employee-selection-container{background:white;border-radius:16px;box-shadow:0 20px 60px #0000004d;width:90vw;max-width:1200px;height:85vh;max-height:85vh;display:flex;flex-direction:column;overflow:hidden}.employee-selection-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid var(--color-border-light);background:white;color:var(--color-text-primary);flex-shrink:0}.employee-selection-header h2{font-size:1.25rem;font-weight:var(--font-weight-bold);margin:0;color:var(--color-primary)}.employee-selection-body{flex:1;display:flex;flex-direction:column;overflow:hidden;padding:1rem;gap:.75rem}.search-section{flex-shrink:0}.search-input{width:100%;padding:.5rem .75rem;border:2px solid #dee2e6;border-radius:6px;font-size:.85rem;font-family:inherit;transition:all .2s;box-sizing:border-box}.search-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.employee-selection-table-container{flex:1;overflow:auto;min-height:0;border:1px solid #e9ecef;border-radius:6px}.employee-selection-table{width:100%;border-collapse:collapse;font-size:.8rem}.employee-selection-table thead{background:var(--color-primary-gradient);position:sticky;top:0;z-index:10}.employee-selection-table th{padding:.5rem .75rem;text-align:left;font-weight:600;color:#fff;border-bottom:2px solid #dee2e6;font-size:.75rem;text-transform:capitalize;letter-spacing:.5px;white-space:nowrap}.employee-selection-table td{padding:.5rem .75rem;border-bottom:1px solid #e9ecef;color:#2c3e50;vertical-align:middle;font-size:.8rem}.employee-selection-table tbody tr{transition:background-color .15s;height:36px}.employee-selection-table tbody tr[style*="cursor: pointer"]{cursor:pointer}.employee-selection-table tbody tr:hover{background-color:#f8f9fa}.employee-selection-table tbody tr.selected-row{background-color:#e3f2fd;border-left:3px solid #2196f3}.employee-selection-table tbody tr:last-child td{border-bottom:none}.employee-name-cell{font-weight:500}.employee-name-cell strong{color:#2c3e50;font-size:.85rem}.status-badge{display:inline-block;padding:.2rem .5rem;border-radius:10px;font-size:.7rem;font-weight:500;text-transform:capitalize;letter-spacing:.3px;white-space:nowrap}.status-badge.active{background:#d4edda;color:#155724}.status-badge.inactive{background:#f8d7da;color:#721c24}.status-badge.not-assigned{background:#e2e3e5;color:#383d41}.toggle-switch-popup{position:relative;display:inline-block;width:36px;height:20px;cursor:pointer}.toggle-switch-popup input{opacity:0;width:0;height:0}.toggle-slider-popup{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.3s;border-radius:20px}.toggle-slider-popup:before{position:absolute;content:"";height:14px;width:14px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%}.toggle-switch-popup input:checked+.toggle-slider-popup{background-color:var(--color-primary)}.toggle-switch-popup input:checked+.toggle-slider-popup:before{transform:translate(16px)}.loading-state{text-align:center;padding:2rem;color:#6c757d;font-style:italic;font-size:.85rem}.empty-state{text-align:center;padding:2rem;color:#adb5bd;font-style:italic;font-size:.85rem}.employee-selection-footer{padding:.75rem 1.5rem;border-top:2px solid #e9ecef;display:flex;justify-content:flex-end;background:#f8f9fa;flex-shrink:0}.employee-selection-table-container::-webkit-scrollbar{width:6px;height:6px}.employee-selection-table-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.employee-selection-table-container::-webkit-scrollbar-thumb{background:#888;border-radius:3px}.employee-selection-table-container::-webkit-scrollbar-thumb:hover{background:#555}@media (max-width: 768px){.employee-selection-container{width:95vw;height:90vh}.employee-selection-table{font-size:.75rem}.employee-selection-table th,.employee-selection-table td{padding:.4rem .5rem}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--color-bg-overlay);display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-lg);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{background:var(--color-bg-primary);border-radius:0;box-shadow:var(--shadow-2xl);max-width:600px;width:100%;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.project-manager-content{max-width:800px}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:.5rem 1rem;background-color:#e34d3e!important;border-bottom:none;flex-shrink:0}.modal-header h2,.modal-header h3{font-size:1.1rem!important;font-weight:600!important;color:#fff!important;margin:0;font-family:var(--font-family);display:flex;align-items:center;gap:.5rem}.sticky-header{position:sticky;top:0;z-index:10;background:var(--color-bg-primary);padding:1rem var(--spacing-3xl);margin-left:calc(var(--spacing-3xl) * -1);margin-right:calc(var(--spacing-3xl) * -1);margin-top:-1rem;border-bottom:2px solid var(--color-bg-tertiary)}.btn-close-icon{background:transparent;border:none;color:#fff!important;font-size:1.25rem;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:6px;transition:background-color .2s,color .2s;padding:0;line-height:1;flex-shrink:0}.btn-close-icon:hover{background-color:#fff3;color:#fff!important}.btn-close-icon-black{background:transparent;border:none;color:#000!important;font-size:1.25rem;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:6px;transition:background-color .2s,color .2s;padding:0;line-height:1;flex-shrink:0}.modal-body{padding:var(--spacing-3xl);display:flex;flex-direction:column;gap:var(--spacing-2xl);overflow-y:auto;flex:1;min-height:0}.add-section{padding-bottom:var(--spacing-3xl);border-bottom:2px solid var(--color-border-light)}.add-section h3,.list-section h3{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);margin-bottom:var(--spacing-2xl);font-family:var(--font-family)}.form-group{display:flex;flex-direction:column;gap:var(--spacing-md)}.form-group label{font-weight:var(--font-weight-medium);color:var(--color-text-secondary);font-size:var(--font-size-base);font-family:var(--font-family)}.modal-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media (max-width: 480px){.modal-form-grid{grid-template-columns:1fr!important}}.form-input{padding:var(--input-padding);border:var(--input-border);border-radius:var(--input-border-radius);font-size:var(--font-size-md);font-family:var(--font-family);transition:var(--transition-fast);width:100%;background:var(--color-bg-primary);color:var(--color-text-primary)}.form-input:focus{outline:none;border-color:var(--color-secondary);box-shadow:0 0 0 3px #667eea1a}.color-picker{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:.5rem}.color-option{width:40px;height:40px;border-radius:8px;border:3px solid transparent;cursor:pointer;transition:all .2s;box-shadow:0 2px 4px #0000001a}.color-option:hover{transform:scale(1.1);box-shadow:0 4px 8px #0003}.color-option.selected{border-color:#2c3e50;transform:scale(1.15);box-shadow:0 4px 12px #0000004d}.project-list,.employee-list,.holiday-list{display:flex;flex-direction:column;gap:1rem}.project-item,.employee-item,.holiday-item{display:flex;justify-content:space-between;align-items:center;padding:1.25rem;background:#f8f9fa;border-radius:8px;border:2px solid #e9ecef;transition:var(--transition-base)}.project-item:hover,.employee-item:hover,.holiday-item:hover{border-color:var(--color-primary-light);box-shadow:var(--shadow-md);transform:translateY(-2px)}.project-info,.employee-info,.holiday-info{display:flex;align-items:center;gap:1rem;flex:1}.project-color-indicator{width:32px;height:32px;border-radius:8px;box-shadow:var(--shadow-sm)}.project-name,.employee-name{font-weight:600;font-size:1.05rem;color:var(--color-text-primary)}.assigned-by{font-size:.85rem;color:#7f8c8d;margin-left:.5rem}.holiday-info{flex-direction:column;align-items:flex-start;gap:.5rem}.holiday-date{font-weight:600;color:#667eea;font-size:.95rem}.holiday-name{font-size:1rem;color:#2c3e50;font-weight:500}.empty-state{text-align:center;padding:3rem 2rem;color:#adb5bd;font-style:italic;background:#f8f9fa;border-radius:8px;border:2px dashed #dee2e6}.status-list{display:flex;flex-direction:column;gap:1rem}.status-item{display:flex;justify-content:space-between;align-items:center;padding:1.25rem;background:#f8f9fa;border-radius:8px;border:2px solid #e9ecef;transition:all .2s}.status-item:hover{border-color:#667eea;box-shadow:0 2px 8px #667eea26;transform:translateY(-2px)}.status-info{display:flex;align-items:center;gap:1rem;flex:1}.status-color-indicator{width:24px;height:24px;border-radius:6px;box-shadow:0 2px 4px #0000001a}.status-name{font-weight:500;font-size:1rem;color:#2c3e50}.status-actions{display:flex;gap:.5rem}.form-actions{display:flex;flex-wrap:wrap;gap:var(--spacing-md);margin-top:var(--spacing-sm)}.form-actions .btn{padding:var(--button-padding-sm);border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);font-family:var(--font-family)}.form-actions .btn-primary{background:var(--color-secondary-gradient);color:var(--color-text-white)}.form-actions .btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#5568d3 0%,var(--color-secondary) 100%);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.form-actions .btn-success{background:var(--color-success-gradient);color:var(--color-text-white)}.form-actions .btn-success:hover:not(:disabled){background:linear-gradient(135deg,#229954 0%,var(--color-success-dark) 100%);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.form-actions .btn-secondary{background:var(--color-gray-600);color:var(--color-text-white)}.form-actions .btn-secondary:hover:not(:disabled){background:var(--color-gray-700);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.project-item-expanded{background:var(--color-bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--color-border-light);margin-bottom:1rem;transition:var(--transition-base)}.project-item-expanded:hover{border-color:var(--color-primary-light);box-shadow:var(--shadow-md)}.project-item-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;background:var(--color-bg-primary);border-bottom:1px solid var(--color-border-light)}.project-actions{display:flex;gap:.5rem}.btn-small{padding:var(--button-padding-sm);font-size:var(--font-size-sm);font-family:var(--font-family);border-radius:var(--radius-md)}.btn-tiny{padding:var(--spacing-xs) var(--spacing-md);font-size:var(--font-size-xs);font-family:var(--font-family);border-radius:var(--radius-sm)}.project-details{padding:1.25rem;background:white}.project-section{margin-bottom:var(--spacing-2xl);padding-bottom:var(--spacing-2xl);border-bottom:1px solid var(--color-border-light)}.project-section:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.project-section h4{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);margin-bottom:var(--spacing-lg);font-family:var(--font-family)}.add-to-project{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);align-items:center}.form-input-small{flex:1;padding:.625rem .75rem;font-size:.9rem}.project-items-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.project-item-row{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md) var(--spacing-lg);background:var(--color-bg-secondary);border-radius:var(--radius-md);border:1px solid var(--color-border-light);transition:var(--transition-fast)}.project-item-row:hover{background:var(--color-bg-primary);border-color:var(--color-border-medium)}.empty-state-small{text-align:center;padding:1rem;color:#adb5bd;font-style:italic;font-size:.85rem;background:#f8f9fa;border-radius:6px;border:1px dashed #dee2e6}@media (max-width: 768px){.modal-overlay{padding:1rem}.modal-header{padding:.5rem 1rem}.modal-header h2{font-size:1rem}.modal-body{padding:1.5rem;gap:2rem}.project-item,.employee-item,.holiday-item{flex-direction:column;align-items:stretch;gap:1rem}.project-info,.employee-info,.holiday-info{flex-direction:column;align-items:flex-start}.project-item-header{flex-direction:column;align-items:stretch;gap:.75rem}.project-actions{width:100%}.add-to-project{flex-direction:column}}.toggle-switch{position:relative;display:inline-block;width:50px;height:24px;cursor:pointer}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.3s;border-radius:24px}.toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%}.toggle-switch input:checked+.toggle-slider{background-color:#667eea}.toggle-switch input:checked+.toggle-slider:before{transform:translate(26px)}.toggle-switch input:focus+.toggle-slider{box-shadow:0 0 1px #667eea}.employee-manager-content{max-width:800px}.employee-item-expanded{background:#f8f9fa;border-radius:8px;border:2px solid #e9ecef;margin-bottom:1rem;overflow:hidden;transition:all .2s}.employee-item-expanded:hover{border-color:#667eea;box-shadow:0 2px 8px #667eea26}.employee-item-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;background:white;border-bottom:1px solid #e9ecef}.employee-actions{display:flex;gap:.5rem}.employee-details{padding:1.25rem;background:white}.employee-details h4{font-size:1rem;font-weight:600;color:#495057;margin-bottom:1rem}.project-assignments-list{display:flex;flex-direction:column;gap:.5rem}.project-assignment-row{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:#f8f9fa;border-radius:6px;border:1px solid #e9ecef;transition:all .2s}.project-assignment-row:hover{background:#e9ecef;border-color:#dee2e6}.project-assignment-info{display:flex;align-items:center;gap:.75rem;flex:1}.project-color-indicator-small{width:16px;height:16px;border-radius:4px;box-shadow:0 1px 2px #0000001a}.project-assignment-name{font-weight:500;font-size:.9rem;color:#2c3e50}.project-item-info{display:flex;align-items:center;gap:.5rem;flex:1}.inactive-text{color:#adb5bd;text-decoration:line-through}.inactive-badge{font-size:.75rem;padding:.25rem .5rem;background:#e9ecef;color:#6c757d;border-radius:4px;font-weight:500}@keyframes modalFadeOut{0%{opacity:1}to{opacity:0}}@keyframes modalScaleIn{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes modalScaleOut{0%{opacity:1;transform:scale(1) translateY(0)}to{opacity:0;transform:scale(.95) translateY(10px)}}.modal-overlay.animate-in{animation:modalFadeIn .3s ease-out forwards}.modal-overlay.animate-out{animation:modalFadeOut .2s ease-in forwards}.modal-overlay.animate-in .modal-content,.modal-overlay.animate-in .employee-manager-container,.modal-overlay.animate-in .project-manager-content,.modal-overlay.animate-in .user-manager-container{animation:modalScaleIn .3s cubic-bezier(.16,1,.3,1) forwards}.modal-overlay.animate-out .modal-content,.modal-overlay.animate-out .employee-manager-container,.modal-overlay.animate-out .project-manager-content,.modal-overlay.animate-out .user-manager-container{animation:modalScaleOut .2s ease-in forwards}.leave-action-cell{position:relative;text-align:center}.leave-action-btn{background:none;border:1px solid #E5E7EB;border-radius:6px;width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;color:#64748b;transition:background-color .15s,border-color .15s,color .15s}.leave-action-btn:hover{background-color:#f1f5f9;border-color:#cbd5e1;color:#1e293b}.leave-action-dropdown{position:fixed;background:#FFFFFF;border:1px solid #E2E8F0;border-radius:10px;box-shadow:0 10px 30px -5px #00000026,0 4px 12px -3px #00000014;z-index:9999;min-width:200px;overflow:hidden;animation:dropdownFadeIn .15s ease-out}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-6px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.leave-action-dropdown-item{display:flex;align-items:center;gap:10px;width:100%;padding:.7rem 1rem;background:none;border:none;text-align:left;cursor:pointer;font-size:.825rem;font-family:var(--font-family, "Inter", sans-serif);color:#334155;font-weight:500;transition:background-color .12s;border-bottom:1px solid #F8FAFC}.leave-action-dropdown-item:last-child{border-bottom:none}.leave-action-dropdown-item:hover{background-color:#f8fafc}.leave-action-dropdown-item.danger{color:#dc2626}.leave-action-dropdown-item.danger:hover{background-color:#fef2f2}.leave-action-dropdown-separator{height:1px;background-color:#f1f5f9;margin:2px 0}.hr-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(15,23,42,.55);display:flex;align-items:center;justify-content:center;z-index:10000;padding:1rem;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:overlayFadeIn .2s ease-out}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}.hr-modal-box{background:#FFFFFF;border-radius:14px;box-shadow:0 20px 60px -12px #00000040,0 8px 20px -6px #0000001a;width:100%;max-width:520px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;animation:modalSlideUp .25s cubic-bezier(.16,1,.3,1)}.hr-modal-box.sm{max-width:420px}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(20px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.hr-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid #F1F5F9;background:#FAFBFC;flex-shrink:0}.hr-modal-header h3{margin:0;font-size:1rem;font-weight:700;color:#1e293b;display:flex;align-items:center;gap:8px}.hr-modal-close-btn{background:none;border:none;width:32px;height:32px;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#64748b;transition:background-color .15s,color .15s}.hr-modal-close-btn:hover{background-color:#f1f5f9;color:#1e293b}.hr-modal-body{padding:1.5rem 1.25rem;overflow-y:auto;flex:1;display:flex;flex-direction:column;gap:1.25rem}.hr-modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:1rem 1.25rem;border-top:1px solid #F1F5F9;background:#FAFBFC;flex-shrink:0}.hr-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.hr-detail-item{display:flex;flex-direction:column;gap:4px}.hr-detail-label{font-size:.72rem;font-weight:600;color:#94a3b8;text-transform:uppercase;letter-spacing:.05em}.hr-detail-value{font-size:.875rem;font-weight:600;color:#1e293b}.hr-detail-full{grid-column:1 / -1}.hr-modal-label{display:block;font-size:.8rem;font-weight:600;color:#475569;margin-bottom:6px}.hr-modal-select,.hr-modal-input{width:100%;padding:.6rem .85rem;border:1.5px solid #E2E8F0;border-radius:8px;font-size:.875rem;font-family:var(--font-family, "Inter", sans-serif);color:#1e293b;background:#FFFFFF;transition:border-color .15s,box-shadow .15s;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.hr-modal-select:focus,.hr-modal-input:focus{border-color:#e34d3e;box-shadow:0 0 0 3px #e34d3e1a}.hr-confirm-danger-box{background:#FEF2F2;border:1px solid #FECACA;border-radius:10px;padding:1rem 1.25rem;display:flex;gap:12px;align-items:flex-start}.hr-confirm-danger-icon{color:#dc2626;flex-shrink:0;margin-top:2px}.hr-confirm-danger-text{font-size:.875rem;color:#7f1d1d;line-height:1.5}.hr-confirm-danger-text strong{color:#991b1b}.hr-btn-secondary{padding:.55rem 1.1rem;border:1.5px solid #E2E8F0;border-radius:8px;background:#FFFFFF;color:#475569;font-size:.825rem;font-weight:600;font-family:var(--font-family, "Inter", sans-serif);cursor:pointer;transition:background-color .15s,border-color .15s}.hr-btn-secondary:hover{background-color:#f1f5f9;border-color:#cbd5e1}.hr-btn-primary{padding:.55rem 1.1rem;border:none;border-radius:8px;background:#e34d3e;color:#fff;font-size:.825rem;font-weight:600;font-family:var(--font-family, "Inter", sans-serif);cursor:pointer;transition:background-color .15s,opacity .15s}.hr-btn-primary:hover:not(:disabled){background:#c0392b}.hr-btn-primary:disabled{opacity:.6;cursor:not-allowed}.hr-btn-danger{padding:.55rem 1.1rem;border:none;border-radius:8px;background:#DC2626;color:#fff;font-size:.825rem;font-weight:600;font-family:var(--font-family, "Inter", sans-serif);cursor:pointer;transition:background-color .15s,opacity .15s}.hr-btn-danger:hover:not(:disabled){background:#B91C1C}.hr-btn-danger:disabled{opacity:.6;cursor:not-allowed}.hr-modal-dates-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.hr-confirm-card{display:flex;flex-direction:column;gap:12px;background:#FEF2F2;border:1px solid #FECACA;border-radius:12px;padding:1.25rem}.hr-confirm-card-header{display:flex;align-items:center;gap:10px;color:#dc2626}.hr-confirm-card-title{margin:0;font-size:.95rem;font-weight:700;color:#991b1b;font-family:var(--font-family, "Inter", sans-serif)}.hr-confirm-details-box{background:#FFFFFF;border:1px solid #FEE2E2;border-radius:8px;padding:10px 14px}.hr-confirm-grid{display:grid;grid-template-columns:80px 1fr;gap:6px 12px;font-size:.825rem}.hr-confirm-label{color:#991b1b;font-weight:600}.hr-confirm-value{color:#374151;font-weight:500}.hr-confirm-warning-text{margin:0;font-size:.825rem;color:#7f1d1d;line-height:1.5}.vt-datepicker-wrapper{position:relative;display:inline-block;width:100%}.vt-datepicker-input-container{position:relative;display:flex;align-items:center;width:100%}.vt-datepicker-input{width:100%;height:36px;padding:.45rem 2.2rem .45rem .75rem;border:1px solid #cbd5e1;border-radius:6px;font-size:.85rem;color:#1e293b;background:#fff;cursor:pointer;outline:none;transition:border-color .15s,box-shadow .15s;font-family:inherit;box-sizing:border-box}.vt-datepicker-input:hover{border-color:#94a3b8}.vt-datepicker-input:focus,.vt-datepicker-input.open{border-color:var(--color-primary, #e34d3e);box-shadow:0 0 0 3px #e34d3e1f}.vt-datepicker-input.error{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.vt-datepicker-input::placeholder{color:#94a3b8}.vt-datepicker-icon{position:absolute;right:.6rem;top:50%;transform:translateY(-50%);color:#94a3b8;pointer-events:none;display:flex;align-items:center}.vt-datepicker-popup{position:absolute;top:calc(100% + 6px);left:0;z-index:9999;background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 10px 40px #00000026,0 4px 12px #00000014;padding:0;min-width:280px;width:280px;animation:vt-dp-fadeIn .15s ease-out;overflow:hidden}.vt-datepicker-popup.align-right{left:auto;right:0}@keyframes vt-dp-fadeIn{0%{opacity:0;transform:translateY(-6px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.vt-dp-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem .75rem .5rem;border-bottom:1px solid #f1f5f9;background:#f8fafc;gap:.4rem}.vt-dp-nav-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid #e2e8f0;border-radius:6px;background:#fff;color:#475569;cursor:pointer;transition:all .15s;flex-shrink:0;padding:0}.vt-dp-nav-btn:hover{background:var(--color-primary, #e34d3e);border-color:var(--color-primary, #e34d3e);color:#fff}.vt-dp-header-selects{display:flex;align-items:center;gap:.4rem;flex:1;justify-content:center}.vt-dp-month-select,.vt-dp-year-select{border:1px solid #e2e8f0;border-radius:6px;background:#fff;color:#1e293b;font-size:.82rem;font-weight:600;cursor:pointer;padding:.3rem .4rem;outline:none;transition:border-color .15s;font-family:inherit}.vt-dp-month-select{min-width:90px}.vt-dp-year-select{min-width:68px}.vt-dp-month-select:focus{border-color:var(--color-primary, #e34d3e)}.vt-dp-year-btn{border:1px solid #e2e8f0;border-radius:6px;background:#fff;color:#1e293b;font-size:.82rem;font-weight:600;cursor:pointer;padding:.3rem .6rem;outline:none;transition:all .15s;font-family:inherit;min-width:60px}.vt-dp-year-btn:hover{border-color:var(--color-primary, #e34d3e);color:var(--color-primary, #e34d3e)}.vt-dp-year-header{display:flex;align-items:center;justify-content:space-between;padding:.85rem;background:var(--color-primary, #e34d3e);color:#fff;font-weight:600;font-size:.95rem}.vt-dp-year-header-nav{background:none;border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;transition:background .15s}.vt-dp-year-header-nav:hover{background:rgba(255,255,255,.2)}.vt-dp-year-grid{display:grid;grid-template-columns:repeat(4,1fr);padding:1.5rem 1rem;gap:1.25rem .5rem;background:#fff;min-height:220px}.vt-dp-year-item{background:none;border:none;font-size:.85rem;color:#475569;font-weight:500;cursor:pointer;border-radius:50%;width:44px;height:44px;display:flex;align-items:center;justify-content:center;margin:0 auto;transition:all .15s;font-family:inherit}.vt-dp-year-item:hover:not(.selected){background:#f1f5f9;color:var(--color-primary, #e34d3e)}.vt-dp-year-item.selected{background:var(--color-primary, #e34d3e);color:#fff;font-weight:700;box-shadow:0 4px 10px #00000026}.vt-dp-day-names{display:grid;grid-template-columns:repeat(7,1fr);padding:.5rem .75rem .25rem;gap:0}.vt-dp-day-name{text-align:center;font-size:.68rem;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:.03em;padding:.2rem 0}.vt-dp-days{display:grid;grid-template-columns:repeat(7,1fr);padding:0 .75rem .75rem;gap:2px}.vt-dp-day{display:flex;align-items:center;justify-content:center;height:32px;width:100%;border:none;border-radius:6px;background:transparent;color:#374151;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .12s;font-family:inherit;padding:0}.vt-dp-day:hover:not(:disabled):not(.selected){background:#f1f5f9;color:var(--color-primary, #e34d3e)}.vt-dp-day.selected{background:var(--color-primary, #e34d3e);color:#fff;font-weight:700}.vt-dp-day.today:not(.selected){background:#fef2f2;color:var(--color-primary, #e34d3e);font-weight:700}.vt-dp-day.outside-month{color:#d1d5db}.vt-dp-day.outside-month:hover{background:#f8fafc;color:#94a3b8}.vt-dp-day:disabled{color:#e5e7eb;cursor:not-allowed;pointer-events:none}.vt-dp-day.weekend:not(.selected):not(:hover){color:#94a3b8}.vt-dp-footer{display:flex;align-items:center;justify-content:space-between;padding:.5rem .75rem .6rem;border-top:1px solid #f1f5f9;background:#f8fafc}.vt-dp-today-btn{background:none;border:1px solid #e2e8f0;border-radius:6px;padding:.28rem .75rem;font-size:.75rem;font-weight:600;color:#475569;cursor:pointer;transition:all .15s;font-family:inherit}.vt-dp-today-btn:hover{background:#f1f5f9;border-color:#94a3b8}.vt-dp-clear-btn{background:none;border:none;padding:.28rem .5rem;font-size:.75rem;font-weight:600;color:#94a3b8;cursor:pointer;transition:color .15s;font-family:inherit}.vt-dp-clear-btn:hover{color:#ef4444}.vt-datepicker-inline .vt-datepicker-popup{position:static;box-shadow:none;border:1px solid #e2e8f0;animation:none}.app{min-height:100vh;display:flex;flex-direction:column;background:var(--color-bg-secondary)}.app-header{background:#f6d6cf;color:#e34d3e;padding:var(--spacing-2xl) var(--spacing-4xl);box-shadow:var(--shadow-xl);border-bottom:1px solid rgba(227,77,62,.2)}.header-content{max-width:100%;margin:0 auto}.app-header h1{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-xl);letter-spacing:-.3px;color:#e34d3e}.header-controls{display:flex;gap:var(--spacing-xl);align-items:center;flex-wrap:wrap}.filter-selectors{display:flex;gap:var(--spacing-md);flex-wrap:wrap}.filter-input{min-width:160px}.date-selectors{display:flex;gap:var(--spacing-md);flex-wrap:wrap}.action-buttons{display:flex;gap:var(--spacing-md);flex-wrap:wrap;margin-left:auto;height:44px}.btn-white{background:#ffffff;color:#e34d3e;border:1px solid #e34d3e}.btn-white:hover:not(:disabled){background:#e34d3e;color:#fff;border-color:#c0392b;transform:translateY(-2px);box-shadow:var(--shadow-lg)}.app-main{flex:1;overflow-x:auto;background:var(--color-bg-secondary)}@media (max-width: 768px){.app-header{padding:var(--spacing-2xl)}.app-header h1{font-size:var(--font-size-2xl);margin-bottom:var(--spacing-lg)}.header-controls{flex-direction:column;align-items:stretch;gap:var(--spacing-lg)}.date-selectors{width:100%}.select-input{flex:1}.action-buttons{width:100%}.btn{flex:1}}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseBadge{0%{transform:scale(1);box-shadow:0 0 #e34d3eb3}70%{transform:scale(1.15);box-shadow:0 0 0 6px #e34d3e00}to{transform:scale(1);box-shadow:0 0 #e34d3e00}}.notification-item{transition:background-color .2s ease}.notification-item:hover{background-color:#f1f5f9!important}.notification-item p{word-break:break-word;white-space:normal}.responsive-table-container{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;margin-bottom:1rem;background-color:#fff;border-radius:8px;border:1px solid #e2e8f0}.responsive-table-container table{min-width:600px;width:100%;border-collapse:collapse}.responsive-grid-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.25rem}.responsive-grid-3{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.25rem}.responsive-grid-4{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.responsive-flex-container{display:flex;flex-direction:row;flex-wrap:wrap;gap:1rem;align-items:center}@media (max-width: 768px){.responsive-flex-container{flex-direction:column;align-items:stretch}}@media (max-width: 1024px){.page-header{flex-direction:column;align-items:flex-start;gap:.75rem}.page-header .action-buttons{width:100%;margin-left:0;justify-content:flex-start}.profile-page-container form{grid-template-columns:1fr!important;padding:1.25rem!important;gap:1rem!important}.settings-layout-container{flex-direction:column!important}.settings-sidebar{width:100%!important;border-right:none!important;border-bottom:1px solid #f1f5f9!important;flex-direction:row!important;overflow-x:auto!important;white-space:nowrap!important;padding:.5rem .75rem!important;margin-bottom:1rem;gap:.5rem!important;-webkit-overflow-scrolling:touch}.settings-sidebar button{display:inline-flex!important;width:auto!important;flex-shrink:0!important;padding:.5rem .85rem!important}.settings-sidebar-header,.settings-sidebar-placeholder{display:none!important}.inbox-layout-container{flex-direction:column!important;align-items:stretch!important}.inbox-filters-panel{width:100%!important}.inbox-filters-panel>div:nth-child(2){flex-direction:row!important;flex-wrap:wrap!important;gap:.5rem!important}.inbox-filters-panel button{flex:1 1 auto!important}.timesheet-header-controls{width:100%;flex-direction:column!important;align-items:stretch!important;gap:.75rem!important}.filter-selectors{width:100%;flex-wrap:wrap;gap:.75rem!important}.filter-selectors>div{width:100%!important;max-width:100%!important}.date-selectors{width:100%;gap:.75rem!important}.date-selectors>div{flex:1;width:auto!important;max-width:100%!important}.timesheet-header-controls button{width:100%;justify-content:center}}.app-container{display:flex;height:100vh;width:100%;overflow-y:hidden;overflow-x:hidden;background-color:var(--color-bg-secondary)}.main-sidebar{width:240px;height:100vh;background-color:#111827;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;flex-shrink:0;border-right:1px solid rgba(255,255,255,.05);box-shadow:2px 0 8px #00000026;z-index:120;transition:width .25s cubic-bezier(.4,0,.2,1)}.main-sidebar.collapsed{width:76px}.sidebar-logo-container{height:60px;width:100%;display:flex;align-items:center;justify-content:flex-start;background-color:#fff;border-bottom:1px solid #e2e8f0;padding:.5rem 1.25rem;transition:all .25s ease;box-sizing:border-box}.main-sidebar.collapsed .sidebar-logo-container{padding:1rem .5rem;justify-content:center}.sidebar-logo-link{display:flex;align-items:center;justify-content:center;text-decoration:none;width:100%;outline:none}.sidebar-logo-img{height:32px;max-width:100%;object-fit:contain;filter:none;transition:all .25s ease}.main-sidebar.collapsed .sidebar-logo-img{height:28px;filter:none}.sidebar-menu{display:flex;flex-direction:column;width:100%;gap:2px;padding:12px 0;overflow-y:auto;overflow-x:hidden;flex-grow:1}.sidebar-menu::-webkit-scrollbar{width:4px}.sidebar-menu::-webkit-scrollbar-thumb{background-color:#ffffff1a;border-radius:4px}.sidebar-item{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;width:100%;padding:12px 18px;color:#cbd5e1;text-decoration:none;cursor:pointer;transition:all .2s ease;border-left:3px solid transparent;font-size:13px;gap:12px;position:relative;-webkit-user-select:none;user-select:none;background:transparent;box-sizing:border-box}.sidebar-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-grow:1;transition:opacity .2s ease}.main-sidebar.collapsed .sidebar-item{flex-direction:column;align-items:center;justify-content:center;padding:10px 4px;font-size:10px;text-align:center;gap:4px}.main-sidebar.collapsed .sidebar-text{width:100%;text-align:center;padding:0 4px}.sidebar-item:hover{color:#fff;background-color:#ef44441f}.sidebar-item.active{color:#fff;background-color:#3b2328;border-left-color:#e13d2f;font-weight:600}.sidebar-submenu-item{display:flex;align-items:center;padding:8px 16px 8px 48px;color:#94a3b8;text-decoration:none;font-size:.85rem;transition:all .15s ease;min-height:36px;box-sizing:border-box}.sidebar-submenu-item:hover{color:#fff;background-color:#ffffff0d}.sidebar-submenu-item.active{color:#fff;font-weight:500;background-color:#ffffff1a}.sidebar-item svg{width:20px;height:20px;stroke:currentColor;stroke-width:2;opacity:.75;transition:all .15s ease;flex-shrink:0}.sidebar-item.active svg{color:#fff;opacity:1;filter:none}.sidebar-item:hover svg{opacity:1;transform:translateY(-1px)}.sidebar-badge{background-color:#ef4444;color:#fff;font-size:9px;font-weight:700;border-radius:10px;height:15px;min-width:15px;display:flex;align-items:center;justify-content:center;padding:0 4px;border:1.5px solid #111827;box-shadow:0 1px 3px #0003;line-height:1}.main-sidebar:not(.collapsed) .sidebar-badge{margin-left:auto}.main-sidebar.collapsed .sidebar-badge{position:absolute;top:4px;right:18px}.sidebar-footer{width:100%;padding:12px;display:flex;justify-content:center;border-top:1px solid rgba(255,255,255,.05);background-color:#0000001a;box-sizing:border-box}.main-sidebar:not(.collapsed) .sidebar-footer{justify-content:flex-end;padding:12px 18px}.sidebar-toggle-btn{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);color:#94a3b8;width:32px;height:32px;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.sidebar-toggle-btn:hover{background-color:#ef444426;border-color:#ef4444;color:#fff;transform:scale(1.05)}.sidebar-toggle-btn svg{width:16px;height:16px;stroke:currentColor;stroke-width:2.5;transition:transform .25s ease}.main-content-layout{display:flex;flex-direction:column;flex-grow:1;height:100vh;overflow:hidden;position:relative}.top-header-bar{height:60px;background-color:#e34d3e;border-bottom:none;display:flex;align-items:center;justify-content:space-between;padding:0 24px;z-index:130;flex-shrink:0;box-shadow:0 1px 2px #0000001a}.top-header-title-container{display:flex}@keyframes headerTitleFadeIn{0%{opacity:0;transform:translate(-6px)}to{opacity:1;transform:translate(0)}}.top-header-title{font-size:15px;font-weight:700;color:#0f172a;letter-spacing:-.2px;text-transform:uppercase;animation:headerTitleFadeIn .25s cubic-bezier(.16,1,.3,1) forwards}.top-header-subtitle{font-size:11px;font-weight:700;color:#fff;background:transparent;border:1px solid #ffffff;border-radius:20px;padding:4px 12px;text-transform:uppercase;letter-spacing:.5px;display:flex;align-items:center;gap:4px}.top-header-subtitle:hover{background:rgba(255,255,255,.1);border-color:#fff}.top-header-subtitle-icon{stroke:#ef4444;flex-shrink:0;display:inline-block;vertical-align:middle}.top-header-subtitle-dot{width:6px;height:6px;border-radius:50%;background-color:#ef4444;display:inline-block;flex-shrink:0;position:relative;box-shadow:0 0 #ef444466;animation:subtitle-pulse 2s infinite}@keyframes subtitle-pulse{0%{transform:scale(.95);box-shadow:0 0 #ef4444b3}70%{transform:scale(1);box-shadow:0 0 0 5px #ef444400}to{transform:scale(.95);box-shadow:0 0 #ef444400}}.top-header-actions{display:flex;align-items:center;gap:16px}.content-scroll-container{flex-grow:1;overflow-y:auto;background-color:#f8fafc;padding:20px;position:relative}.page-header{position:sticky;top:-20px;z-index:110;background-color:#fff;margin:-20px -20px 0;padding:12px 24px;border-bottom:1px solid #e5e7eb;box-shadow:0 1px 2px #00000008;display:flex;justify-content:space-between;align-items:center}.page-header h1,.page-header h2{font-size:15px!important;font-weight:700!important;color:#0c1524!important;margin:0!important;text-transform:uppercase!important;letter-spacing:-.1px!important}.content-scroll-container::-webkit-scrollbar{width:8px;height:8px}.content-scroll-container::-webkit-scrollbar-track{background:#f1f5f9}.content-scroll-container::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.content-scroll-container::-webkit-scrollbar-thumb:hover{background:#94a3b8}.header-search-container{display:flex;align-items:center}.search-input-wrapper{position:relative;display:flex;align-items:center}.search-icon{position:absolute;left:10px;pointer-events:none}.header-search-input{padding:0 32px;height:34px;border:1px solid #cbd5e1;border-radius:6px;font-size:12px;width:240px;transition:all .2s ease;background-color:#f8fafc}.header-search-input:focus{outline:none;border-color:#ef4444;background-color:#fff;width:280px;box-shadow:0 0 0 3px #ef44441a}.search-clear-btn{position:absolute;right:10px;background:none;border:none;cursor:pointer;color:#94a3b8;font-size:10px;padding:4px}.search-clear-btn:hover{color:#475569}.notifications-dropdown-card{position:absolute;top:calc(100% + 8px);right:0;width:340px;background-color:#fff;border:1px solid #e2e8f0;border-radius:10px;box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000000d;z-index:1002;overflow:hidden;animation:dropdownAnim .15s cubic-bezier(.16,1,.3,1)}@keyframes dropdownAnim{0%{transform:translateY(-8px);opacity:0}to{transform:translateY(0);opacity:1}}.notifications-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid #f1f5f9;background-color:#fafbfd}.notifications-header-title{font-weight:700;font-size:13px;color:#1e293b}.notifications-header-title span{color:#ef4444}.notifications-mark-read-btn{background:none;border:none;cursor:pointer;color:#ef4444;font-size:11px;font-weight:600;padding:2px 6px;border-radius:4px;transition:background-color .15s}.notifications-mark-read-btn:hover{background-color:#fef2f2}.notifications-list{max-height:320px;overflow-y:auto}.notification-row{padding:12px 16px;border-bottom:1px solid #f1f5f9;cursor:pointer;transition:background-color .15s;display:flex;align-items:flex-start;gap:10px}.notification-row:hover{background-color:#f8fafc}.notification-row.unread{background-color:#fef2f2;border-left:3px solid #ef4444}.notification-icon-badge{font-size:16px;flex-shrink:0;margin-top:1px;display:flex;align-items:center;justify-content:center}.notification-text-content{flex:1;min-width:0}.notification-row-title{font-weight:700;font-size:12px;color:#1e293b;margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.notification-row.unread .notification-row-title{color:#0c1524}.notification-row-desc{font-size:11.5px;color:#64748b;line-height:1.4;margin:0}.notification-row-time{font-size:10px;color:#94a3b8;margin-top:4px}.notification-dot-unread{width:6px;height:6px;border-radius:50%;background-color:#ef4444;flex-shrink:0;margin-top:6px}.notification-empty-state{padding:32px 16px;text-align:center;color:#94a3b8;font-size:12px}.settings-dropdown-card{position:absolute;top:calc(100% + 8px);right:0;width:200px;background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 10px 20px -5px #0000001a,0 4px 6px -2px #0000000d;z-index:1002;display:flex;flex-direction:column;padding:6px 0;animation:dropdownAnim .15s ease}.settings-dropdown-btn{text-align:left;padding:8px 16px;background:none;border:none;cursor:pointer;color:#334155;font-size:12px;font-weight:500;width:100%;transition:all .15s ease}.settings-dropdown-btn:hover{background-color:#f1f5f9;color:#ef4444}.profile-widget-container{display:flex;align-items:center;gap:12px;padding-left:8px}.profile-avatar-placeholder{width:32px;height:32px;border-radius:50%;background-color:#fff;color:#e34d3e;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px;box-shadow:0 1px 3px #ef444433}.layout-profile-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover;box-shadow:0 1px 3px #0000001a}.profile-details{display:flex;flex-direction:column;text-align:left}.profile-username{font-size:12.5px;font-weight:600;color:#fff;line-height:1.2}.profile-userrole{font-size:10px;color:#fffc;text-transform:capitalize}.vertical-divider{width:1px;height:20px;background-color:#ffffff4d}.profile-link-btn{text-decoration:none;color:#fff;font-weight:600;font-size:12px;transition:opacity .15s;display:flex;align-items:center;gap:4px}.profile-link-btn:hover{opacity:.8;color:#fff}.profile-logout-btn{background:none;border:none;color:#fff;cursor:pointer;display:flex;align-items:center;gap:6px;font-weight:600;font-size:12px;padding:6px 12px;border-radius:6px;transition:all .2s ease}.profile-logout-btn:hover{color:#fff;background-color:#ffffff1a}.text-xs{font-size:11px}.text-sm{font-size:12px}.text-muted{color:#64748b}.font-semibold{font-weight:600}.font-bold{font-weight:700}.badge-orange{background-color:#ef4444;color:#fff}.app-layout{display:flex;width:100%;height:100vh;overflow:hidden}@media (max-width: 1024px){.app-container{min-width:unset!important}.main-sidebar{position:fixed;top:0;left:0;bottom:0;z-index:1000;transform:translate(-100%);box-shadow:4px 0 15px #00000040;transition:transform .3s cubic-bezier(.4,0,.2,1),width .25s ease}.main-sidebar.mobile-open{transform:translate(0)}.sidebar-backdrop{display:block;position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0006;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:999}.mobile-menu-toggle{display:flex!important;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;color:#fff;padding:.5rem;border-radius:6px;margin-right:12px;transition:background-color .2s}.mobile-menu-toggle:hover{background-color:#ffffff1a}.top-header-bar{padding:0 16px;gap:8px}.top-header-title-container{gap:8px}.top-header-subtitle,.profile-details{display:none!important}.profile-widget-container{gap:4px;padding-left:0}.top-header-actions{gap:8px}.top-header-actions .vertical-divider,.profile-text,.logout-text{display:none!important}.profile-link-btn{padding:6px;border-radius:6px}.profile-link-btn svg{margin-right:0!important}.profile-logout-btn{padding:6px}.page-header{flex-wrap:wrap;gap:12px;padding:12px 16px;margin:-20px -20px 16px}}.sidebar-item-wrapper{position:relative;width:100%}.sidebar-submenu{display:none;position:absolute;left:calc(100% - 4px);top:0;background-color:#111827;border:1px solid #1F2937;min-width:180px;z-index:1000;box-shadow:0 10px 15px -3px #0000004d;padding:4px 0;border-radius:8px}.sidebar-item-wrapper:hover .sidebar-submenu{display:block}.sidebar-submenu-item{display:block;padding:10px 16px;color:#94a3b8;text-decoration:none;font-size:13px;font-weight:500;transition:all .2s ease;border-left:3px solid transparent}.sidebar-submenu-item:hover{color:#fff;background-color:#ffffff08;border-left-color:#ef4444}.sidebar-submenu-item.active{color:#fff;background-color:#ef444414;border-left-color:#ef4444}.main-sidebar.collapsed .sidebar-item-wrapper .sidebar-submenu{left:calc(100% - 4px);top:0}.sidebar-chevron{margin-left:auto;transition:transform .2s ease}.sidebar-item-wrapper:hover .sidebar-chevron{transform:rotate(90deg)}.collapsed-submenu.fixed-popover{width:200px;background-color:#0f172a;border-radius:0 8px 8px 0;box-shadow:4px 4px 15px #0006;z-index:1000;padding:8px 0;border-left:1px solid rgba(255,255,255,.1)}.collapsed-submenu.fixed-popover .sidebar-submenu-item{padding:12px 20px;color:#94a3b8;text-decoration:none;font-size:14px}.collapsed-submenu.fixed-popover .sidebar-submenu-item:hover{background-color:#ffffff0d;color:#fff}.collapsed-submenu.fixed-popover .sidebar-submenu-item.active{background-color:#ef44441f;color:#fff;border-left:3px solid #ef4444}.holiday-card-container{background:#ffffff url(/images/general_premium_variant.svg) center center / cover no-repeat;background-color:#faebd7;border-radius:3px;padding:1.25rem 1.5rem;color:#334155;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 2px 4px #00000005;border:1px solid rgba(30,64,175,.2);flex:1;min-width:0}.holiday-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;position:relative;z-index:10}.holiday-card-title{font-size:.95rem;font-weight:500;margin:0;text-transform:none;letter-spacing:normal}.view-all-link{font-size:.75rem;color:#1e40af;text-decoration:none;cursor:pointer;font-weight:700;opacity:.9;transition:opacity .2s;background-color:#eff6ff;padding:.3rem .65rem;border-radius:20px}.view-all-link:hover{opacity:1;background-color:#dbeafe;text-decoration:none}.holiday-content{display:flex;align-items:center;justify-content:space-between;position:relative;z-index:10}.nav-button{background:#f1f5f9;border:none;color:#475569;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s;font-size:.8rem}.nav-button:hover{background:#e2e8f0}.nav-button:disabled{opacity:.5;cursor:not-allowed}.holiday-details{text-align:left;flex:1;margin-left:1rem}.holiday-name-banner{font-size:1.5rem;font-weight:700;margin:0 0 .1rem;line-height:1.1;color:#1e293b}.holiday-date-banner{font-size:.85rem;opacity:.9;font-weight:500;color:#1e293b}.holiday-decoration{position:absolute;right:0;bottom:0;height:100%;width:auto;opacity:.8;z-index:1;pointer-events:none;max-width:200px;object-fit:contain}.holiday-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease-out}.holiday-modal{background:white;border-radius:0;width:90%;max-width:550px;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;animation:slideIn .3s ease-out}.holiday-modal-header{padding:1rem 1.5rem;display:flex;justify-content:space-between;align-items:center}.holiday-modal-title{font-size:1.1rem;font-weight:600;color:#111827;margin:0}.modal-close-btn{background:none;border:none;font-size:1.25rem;color:#6b7280;cursor:pointer;line-height:1;padding:.25rem;display:flex;align-items:center;justify-content:center;border-radius:4px}.modal-close-btn:hover{background-color:#f3f4f6;color:#374151}.holiday-modal-body{padding:0 1.5rem 1.5rem;overflow-y:auto}.year-navigation{display:flex;justify-content:center;align-items:center;gap:1.5rem;margin-bottom:1.5rem}.year-nav-btn{background:none;border:none;color:#6b7280;cursor:pointer;padding:.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s}.year-nav-btn:hover{background-color:#f3f4f6;color:#111827}.current-year{font-size:1.25rem;font-weight:600;color:#111827}.holiday-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem 1.5rem}.holiday-list-item{display:flex;align-items:center;padding:0;background:transparent;border:none}.holiday-list-item:hover{border-color:#d1d5db;box-shadow:0 2px 4px #0000000d}.date-box{display:flex;flex-direction:column;width:48px;height:48px;border-radius:0;overflow:hidden;flex-shrink:0;margin-right:.75rem;border:1px solid;background:white;box-shadow:none}.date-box-month{color:#fff;font-size:.65rem;font-weight:600;text-transform:capitalize;text-align:center;padding:.15rem 0;line-height:1}.date-box-month.jan{background-color:#3b82f6}.date-box-month.feb{background-color:#ec4899}.date-box-month.mar{background-color:#8b5cf6}.date-box-day{background-color:#fff;color:#374151;font-size:1.2rem;font-weight:500;text-align:center;flex:1;display:flex;align-items:center;justify-content:center;line-height:1;border:none;border-top:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.holiday-details-list{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center}.holiday-name-list{font-weight:500;color:#1f2937;font-size:.9rem;margin-bottom:0;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.holiday-day-list{color:#9ca3af;font-size:.75rem}@keyframes slideIn{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.event-wish-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(15,23,42,.6);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .3s ease-out}.event-wish-modal-content{background:#ffffff;border-radius:16px;width:90%;max-width:600px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;overflow:hidden;position:relative;animation:slideUp .3s ease-out}.event-wish-modal-header{position:relative;padding:30px 20px 20px;background:linear-gradient(135deg,#fdfbfb 0%,#ebedee 100%);text-align:center;border-bottom:1px solid #f1f5f9}.event-wish-modal-confetti{position:absolute;top:0;left:0;width:100%;height:100%;background-image:url('data:image/svg+xml;utf8,<svg width="100" height="100" xmlns="http://www.w3.org/2000/svg"><path d="M10 10c10-5 20 15 30 0" stroke="%23a855f7" fill="none" stroke-width="2" opacity="0.3"/><path d="M50 40c15 10 5 -20 20 0" stroke="%233b82f6" fill="none" stroke-width="2" opacity="0.4"/><circle cx="80" cy="20" r="3" fill="%23f43f5e" opacity="0.5"/><rect x="20" y="80" width="6" height="6" fill="%2310b981" opacity="0.5" transform="rotate(45 23 83)"/></svg>');background-size:100px 100px;opacity:.8;pointer-events:none}.event-wish-close-btn{position:absolute;top:16px;right:16px;background:none;border:none;font-size:24px;cursor:pointer;color:#64748b;z-index:10;transition:color .2s}.event-wish-close-btn:hover{color:#0f172a}.event-wish-avatar{width:80px;height:80px;border-radius:50%;object-fit:cover;border:4px solid #ffffff;box-shadow:0 4px 6px -1px #0000001a;margin:0 auto 12px;position:relative;z-index:2}.event-wish-avatar-placeholder{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#6366f1,#a855f7);color:#fff;display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:600;border:4px solid #ffffff;box-shadow:0 4px 6px -1px #0000001a;margin:0 auto 12px;position:relative;z-index:2}.event-wish-name{font-size:20px;font-weight:700;color:#0f172a;margin:0 0 4px;position:relative;z-index:2}.event-wish-designation{font-size:14px;color:#64748b;margin:0 0 8px;position:relative;z-index:2}.event-wish-greeting{font-size:16px;color:#8b5cf6;font-weight:500;position:relative;z-index:2}.event-wish-input-container{padding:20px;background:#ffffff;border-bottom:1px solid #f1f5f9}.event-wish-input-box{border:1px solid #e2e8f0;border-radius:12px;padding:12px;transition:border-color .2s,box-shadow .2s;background:#f8fafc}.event-wish-input-box:focus-within{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;background:#ffffff}.event-wish-textarea{width:100%;border:none;resize:none;outline:none;font-family:inherit;font-size:14px;color:#334155;background:transparent;min-height:60px}.event-wish-textarea::placeholder{color:#94a3b8}.event-wish-input-actions{display:flex;justify-content:space-between;align-items:center;margin-top:12px}.event-wish-emoji-toolbar{display:flex;gap:8px}.event-wish-emoji-btn{background:none;border:none;font-size:20px;cursor:pointer;padding:4px;border-radius:50%;transition:transform .2s,background-color .2s}.event-wish-emoji-btn:hover{transform:scale(1.2);background-color:#f1f5f9}.event-wish-submit-btn{background:#2563eb;color:#fff;border:none;padding:8px 24px;border-radius:6px;font-weight:500;cursor:pointer;transition:background-color .2s}.event-wish-submit-btn:hover{background:#1d4ed8}.event-wish-submit-btn:disabled{background:#94a3b8;cursor:not-allowed}.event-wish-list-container{flex:1;overflow-y:auto;padding:20px;background:#f8fafc}.event-wish-list-header{font-size:16px;font-weight:600;color:#334155;margin-bottom:16px}.event-wish-item{background:#ffffff;border-radius:10px;padding:12px;margin-bottom:10px;border:1px solid #e2e8f0;box-shadow:0 1px 2px #00000005;display:flex;align-items:flex-start;gap:12px}.event-wish-item-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#cbd5e1,#94a3b8);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px;flex-shrink:0}.event-wish-item-content{flex:1;display:flex;flex-direction:column;gap:4px}.event-wish-item-header{display:flex;justify-content:space-between;align-items:center}.event-wish-item-name{font-size:13px;font-weight:600;color:#0f172a}.event-wish-item-time{font-size:11px;color:#64748b}.event-wish-item-message{font-size:14px;color:#334155;line-height:1.4;white-space:pre-wrap}.event-wish-list-container::-webkit-scrollbar{width:6px}.event-wish-list-container::-webkit-scrollbar-track{background:transparent}.event-wish-list-container::-webkit-scrollbar-thumb{background-color:#cbd5e1;border-radius:10px}.event-wish-banner-container{background:linear-gradient(90deg,#6366f1 0%,#a855f7 100%);color:#fff;padding:12px 24px;border-radius:8px;margin:16px 24px 0;display:flex;align-items:center;justify-content:space-between;box-shadow:0 4px 6px -1px #0000001a;animation:fadeIn .5s ease-out}.event-wish-banner-container.anniversary{background:linear-gradient(90deg,#10b981 0%,#3b82f6 100%)}.event-wish-banner-container.new_joinee{background:linear-gradient(90deg,#f59e0b 0%,#ea580c 100%)}.event-wish-banner-text{font-size:15px;font-weight:500;display:flex;align-items:center;gap:8px}.event-wish-banner-btn{background:rgba(255,255,255,.2);color:#fff;border:1px solid rgba(255,255,255,.3);padding:6px 16px;border-radius:20px;font-size:14px;font-weight:600;cursor:pointer;transition:background .2s;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.event-wish-banner-btn:hover{background:rgba(255,255,255,.3)}.event-wish-banner-multiple{display:flex;flex-direction:column;gap:8px;margin:16px 24px 0}.event-wish-banner-multiple .event-wish-banner-container{margin:0}.dashboard-card-radius{border-radius:3px!important}.dashboard-card{background:#FFFFFF;border:1px solid #E5E7EB;border-radius:3px;box-shadow:0 1px 2px #0000000a,0 8px 24px #0000000a;padding:24px}.dashboard-main-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;width:100%;box-sizing:border-box;align-items:start}.dashboard-cards-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;width:100%}.dashboard-welcome-header{display:flex;justify-content:space-between;align-items:baseline;width:100%;box-sizing:border-box;padding-bottom:0;margin-bottom:0}.dashboard-projects-grid,.dashboard-tasks-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.checkin-control-row{display:flex!important;flex-direction:row!important;justify-content:space-between!important;align-items:center!important;flex-wrap:wrap!important;width:100%!important;gap:.35rem!important}@media (max-width: 1024px){.dashboard-main-grid{grid-template-columns:1fr}.dashboard-cards-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.dashboard-cards-grid{grid-template-columns:1fr}.dashboard-cards-grid>div{min-width:0!important}.holiday-card-container{min-width:0!important}.dashboard-welcome-header{flex-direction:column;align-items:flex-start;gap:.5rem}}@keyframes scaleIn{0%{opacity:0;transform:scale(.88)}to{opacity:1;transform:scale(1)}}.praise-tooltip-container{position:relative;display:inline-flex;align-items:center;justify-content:center}.praise-tooltip-text{visibility:hidden;position:absolute;background-color:#384252;color:#fff;padding:6px 10px;border-radius:6px;font-size:.725rem;font-weight:500;font-family:Inter,sans-serif;white-space:nowrap;box-shadow:0 4px 6px -1px #00000026,0 2px 4px -1px #0000001a;z-index:9999;opacity:0;transition:opacity .15s ease-out,transform .15s ease-out;pointer-events:none;bottom:135%;left:50%;transform:translate(-50%,6px)}.praise-tooltip-text:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border-width:5px;border-style:solid;border-color:#384252 transparent transparent transparent}.praise-tooltip-container:hover .praise-tooltip-text{visibility:visible;opacity:1;transform:translate(-50%)}.customer-dashboard-page{width:100%;padding:1.5rem;box-sizing:border-box}.customer-dashboard-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.customer-dashboard-title{margin:0;font-size:1.5rem;color:#0c1524;font-weight:700}.customer-dashboard-subtitle{margin:.4rem 0 0;color:#64748b;font-size:.9rem}.customer-dashboard-filter{min-width:220px;width:min(100%,280px)}.customer-dashboard-filter-label{display:block;margin-bottom:.35rem;font-size:.72rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#94a3b8}.customer-dashboard-cards-grid{display:grid;gap:.75rem;width:100%;margin-bottom:1.5rem}.customer-dashboard-cards-grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}.customer-dashboard-cards-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}.customer-dashboard-cards-grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}.customer-dashboard-cards-grid--1{grid-template-columns:minmax(0,1fr);max-width:360px}.customer-dashboard-panels{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem;width:100%}.customer-dashboard-panel{background-color:#fff;border:1px solid #e2e8f0;box-shadow:0 1px 3px #00000008;padding:1.25rem}.customer-dashboard-panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.customer-dashboard-panel-head h3{margin:0;font-size:.85rem;font-weight:700;color:#0c1524;text-transform:uppercase;letter-spacing:.04em}.customer-dashboard-panel-link{font-size:.8rem;color:#3b82f6;text-decoration:none;display:flex;align-items:center;gap:.25rem;font-weight:600}.customer-dashboard-empty{margin:0;color:#94a3b8;font-size:.85rem}.customer-dashboard-empty--italic{font-style:italic}.customer-dashboard-list{display:flex;flex-direction:column;gap:.65rem}.customer-dashboard-list-item{text-decoration:none;color:inherit;display:flex;justify-content:space-between;gap:.75rem;padding:.65rem .75rem;border:1px solid #f1f5f9;background:#f8fafc}.customer-dashboard-list-title{font-size:.9rem;font-weight:600;color:#0c1524;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.customer-dashboard-list-meta{font-size:.75rem;color:#94a3b8;margin-top:.2rem}.customer-dashboard-list-badge{flex-shrink:0;align-self:center;font-size:.7rem;font-weight:700;padding:.2rem .5rem;background:#fee2e2;color:#991b1b}.customer-dashboard-stat-card{text-decoration:none;color:inherit;background-color:#fff;border-radius:0;padding:1rem 1.1rem;border:1px solid #e2e8f0;box-shadow:0 1px 3px #00000008;display:flex;justify-content:space-between;align-items:center;gap:.65rem;min-width:0;transition:box-shadow .15s ease,border-color .15s ease}.customer-dashboard-stat-card--timesheet{flex-direction:column;align-items:stretch;gap:.55rem;padding-bottom:.85rem}.customer-dashboard-stat-main-link{display:flex;justify-content:space-between;align-items:center;gap:.65rem;text-decoration:none;color:inherit;min-width:0}.customer-dashboard-stat-footer{display:flex;justify-content:space-between;align-items:center;gap:.75rem;padding-top:.15rem}.customer-dashboard-stat-footer .customer-dashboard-stat-desc{margin:0;flex:1;min-width:0}.customer-dashboard-view-details-btn{background:transparent;border:1.5px solid rgba(245,158,11,.25);border-radius:20px;padding:.35rem .75rem;cursor:pointer;color:#f59e0b;display:flex;align-items:center;gap:.3rem;font-size:.725rem;font-weight:700;transition:all .2s ease-in-out;white-space:nowrap;flex-shrink:0}.customer-dashboard-view-details-btn:hover{background-color:#f59e0b14;border-color:#f59e0b}.customer-dashboard-view-details-btn span{font-size:.85rem;line-height:1}.customer-hours-modal-total{display:flex;justify-content:space-between;align-items:center;background-color:#f8fafc;padding:.75rem 1rem;border:1px solid #e2e8f0;margin-bottom:1.25rem}.customer-hours-modal-total span{font-size:.85rem;color:#64748b;font-weight:600}.customer-hours-modal-total strong{font-size:1.5rem;font-weight:800;color:#f59e0b}.customer-hours-modal-total strong span{font-size:.85rem;font-weight:600;color:#64748b;margin-left:.25rem}.customer-hours-modal-section-title{margin:0 0 .75rem;color:#1e293b;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.customer-hours-modal-list{display:flex;flex-direction:column;gap:.5rem;max-height:280px;overflow-y:auto;padding-right:4px}.customer-hours-modal-row{display:flex;justify-content:space-between;align-items:center;width:100%;padding:.75rem .85rem;background-color:#f8fafc;border:1px solid #e2e8f0;border-left:4px solid #3b82f6;cursor:pointer;text-align:left}.customer-hours-modal-row:hover{background-color:#fff7ed}.customer-hours-modal-row-text{min-width:0;flex:1;margin-right:.5rem}.customer-hours-modal-row-name{font-weight:600;color:#ef4444;font-size:.85rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.customer-hours-modal-row-meta{font-size:.7rem;color:#64748b;margin-top:.1rem}.customer-hours-modal-row-hours{font-size:1rem;font-weight:700;color:#1e293b;flex-shrink:0}.customer-hours-modal-row-hours span{font-size:.75rem;font-weight:500;color:#64748b}.customer-dashboard-stat-card:hover{box-shadow:0 4px 12px #0f172a14;border-color:#cbd5e1}.customer-dashboard-stat-body{min-width:0;flex:1 1 auto}.customer-dashboard-stat-title{margin:0 0 .35rem;color:#64748b;font-size:10px;text-transform:uppercase;letter-spacing:.05em;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.customer-dashboard-stat-value{margin:0;font-size:1.75rem;font-weight:600;color:#0c1524;line-height:1;white-space:nowrap}.customer-dashboard-stat-suffix{font-size:.85rem;font-weight:600;color:#64748b;margin-left:.25rem}.customer-dashboard-stat-desc{margin:.45rem 0 0;font-size:.72rem;color:#94a3b8;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.customer-dashboard-stat-icon{width:40px;height:40px;border-radius:50%;background-color:color-mix(in srgb,var(--stat-accent, #64748b) 8%,transparent);display:flex;align-items:center;justify-content:center;color:var(--stat-accent, #64748b);flex-shrink:0}@media (max-width: 1100px){.customer-dashboard-stat-value{font-size:1.5rem}.customer-dashboard-stat-card{padding:.85rem .9rem}}@media (max-width: 768px){.customer-dashboard-header{flex-direction:column;align-items:stretch}.customer-dashboard-filter{width:100%;min-width:0}.customer-dashboard-cards-grid--4,.customer-dashboard-cards-grid--3,.customer-dashboard-cards-grid--2,.customer-dashboard-cards-grid--1{grid-template-columns:repeat(4,minmax(148px,1fr));overflow-x:auto;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;padding-bottom:.15rem;max-width:none}.customer-dashboard-cards-grid--3{grid-template-columns:repeat(3,minmax(148px,1fr))}.customer-dashboard-cards-grid--2{grid-template-columns:repeat(2,minmax(148px,1fr))}.customer-dashboard-cards-grid--1{grid-template-columns:minmax(148px,1fr)}.customer-dashboard-stat-card{scroll-snap-align:start}.customer-dashboard-stat-value{font-size:1.35rem}.customer-dashboard-stat-icon{width:36px;height:36px}}.profile-page-wrapper{width:auto;margin:-20px;background:#f5f6fa;min-height:calc(100vh - 60px);font-family:Inter,sans-serif}.profile-header-container{background:#fff;border-bottom:1px solid #e5e7eb;border-radius:0;overflow:hidden;margin:0;box-shadow:0 1px 3px #0000000d}.profile-banner{position:relative;min-height:120px;background-color:#0f172a;background-image:linear-gradient(135deg,rgba(15,23,42,.95) 0%,rgba(30,27,75,.95) 100%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 1600 300' preserveAspectRatio='none'%3E%3Cpath d='M-100,-100 L400,150 L200,350 L-100,200 Z' fill='%231e1b4b' opacity='0.3'/%3E%3Cpath d='M400,150 L800,50 L900,250 L500,300 Z' fill='%232e1065' opacity='0.4'/%3E%3Cpath d='M800,50 L1200,180 L1000,320 L700,280 Z' fill='%233b0764' opacity='0.3'/%3E%3Cpath d='M1200,180 L1700,-50 L1800,200 L1300,300 Z' fill='%231e293b' opacity='0.4'/%3E%3Cpath d='M200,350 L500,300 L900,250 L1000,320 L1300,300 L1800,200 L1800,400 L-100,400 Z' fill='%23090d16' opacity='0.2'/%3E%3Cline x1='400' y1='150' x2='800' y2='50' stroke='rgba(255,255,255,0.02)' stroke-width='1'/%3E%3Cline x1='800' y1='50' x2='1200' y2='180' stroke='rgba(255,255,255,0.02)' stroke-width='1'/%3E%3Cline x1='400' y1='150' x2='900' y2='250' stroke='rgba(255,255,255,0.02)' stroke-width='1'/%3E%3Cline x1='800' y1='50' x2='900' y2='250' stroke='rgba(255,255,255,0.02)' stroke-width='1'/%3E%3Cline x1='1200' y1='180' x2='900' y2='250' stroke='rgba(255,255,255,0.02)' stroke-width='1'/%3E%3C/svg%3E");background-size:cover;display:flex;align-items:center;padding:1.25rem 1.75rem;box-sizing:border-box}.profile-banner-inner{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.profile-banner-content{display:flex;align-items:center;gap:1.5rem;width:100%;z-index:2}.profile-avatar{width:80px;height:80px;border-radius:50%;background:#ff9800;color:#fff;display:flex;align-items:center;justify-content:center;font-size:2.25rem;font-weight:600;border:3px solid #ffffff;box-shadow:0 4px 10px #00000026;-webkit-user-select:none;user-select:none;flex-shrink:0;overflow:hidden}.profile-avatar-img{width:100%;height:100%;object-fit:cover}.profile-avatar-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.4);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;opacity:0;transition:opacity .2s ease}.profile-avatar:hover .profile-avatar-overlay{opacity:1}.profile-identity-info{display:flex;flex-direction:column;gap:.25rem}.profile-name-row{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.profile-identity-name{font-size:1.4rem;font-weight:600;color:#fff;margin:0;line-height:1.2;letter-spacing:-.25px}.profile-status-badge{display:inline-flex;align-items:center;font-size:.65rem;font-weight:700;text-transform:uppercase;padding:2px 6px;border-radius:4px;letter-spacing:.5px;background:rgba(167,243,208,.15);color:#a7f3d0;border:1px solid rgba(167,243,208,.3)}.profile-identity-designation{font-size:.85rem;color:#fffc;margin:0;display:flex;align-items:center;gap:.4rem}.designation-icon{opacity:.8}.profile-header-body{background:#fff}.profile-meta-bar{display:flex;align-items:center;gap:2.25rem;flex-wrap:wrap;padding:.75rem 1.75rem;border-bottom:1px solid #f3f4f6;font-size:.85rem;color:#4b5563}.profile-meta-item{display:flex;align-items:center;gap:.5rem;white-space:nowrap}.meta-icon{color:#9ca3af}.email-item{color:var(--color-primary);font-weight:500}.email-text{cursor:pointer}.email-text:hover{text-decoration:underline}.profile-org-bar{display:flex;align-items:center;gap:3.5rem;flex-wrap:wrap;padding:.75rem 1.75rem}.org-cell{display:flex;flex-direction:column;gap:.2rem;min-width:140px}.business-unit-cell{max-width:200px}.text-ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.org-cell-label{font-size:.65rem;font-weight:700;text-transform:uppercase;color:#9ca3af;letter-spacing:.5px}.org-cell-value{font-size:.85rem;color:#374151;font-weight:500;display:flex;align-items:center;gap:.5rem}.manager-value{display:flex;align-items:center;gap:.5rem}.manager-chip{width:20px;height:20px;border-radius:50%;background:#2dd4bf;color:#fff;font-size:.65rem;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.manager-name{color:var(--color-primary);font-weight:500}.profile-tabs-bar{display:flex;background:#fff;border-bottom:2px solid #e5e7eb;padding:0 1.5rem;overflow-x:auto;scrollbar-width:none}.profile-tabs-bar::-webkit-scrollbar{display:none}.profile-tab-btn{padding:.875rem 1.25rem;font-size:.75rem;font-weight:700;letter-spacing:.75px;text-transform:uppercase;color:#9ca3af;cursor:pointer;border:none;background:none;border-bottom:2.5px solid transparent;margin-bottom:-2px;transition:all .2s ease;white-space:nowrap}.profile-tab-btn:hover{color:#374151}.profile-tab-btn.tab-active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.tab-body{padding:1.5rem}.pcard{background:#fff;border-radius:8px;border:1px solid #e5e7eb;overflow:hidden}.pcard-header{display:flex;justify-content:space-between;align-items:center;padding:.875rem 1.25rem;border-bottom:1px solid #f3f4f6}.pcard-title{font-size:.9rem;font-weight:700;color:#111827;margin:0}.pcard-body{padding:1.25rem}.pcard-edit-btn{background:none;border:none;font-size:.75rem;font-weight:600;color:var(--color-primary);cursor:pointer;padding:.25rem .5rem;border-radius:4px;transition:background .15s}.pcard-edit-btn:hover{background:rgba(227,77,62,.1)}.field-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.25rem 1.5rem}.field-item{display:flex;flex-direction:column;gap:.2rem;min-width:0}.field-label{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#9ca3af}.field-value{font-size:.85rem;font-weight:500;color:#111827;word-break:break-word;overflow-wrap:break-word}.field-value-link{color:var(--color-primary);text-decoration:none}.field-value-muted{color:#9ca3af;font-style:italic}.profile-tab-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}.full-span{grid-column:1 / -1}.job-tab-layout{display:grid;grid-template-columns:1fr 320px;gap:1.25rem;align-items:start}.job-left{display:flex;flex-direction:column;gap:1.25rem}.job-right{display:flex;flex-direction:column;gap:1.25rem;position:sticky;top:1rem}.contract-badge{display:inline-flex;align-items:center;gap:.35rem;background:#f3f4f6;color:#374151;border-radius:20px;padding:.2rem .75rem;font-size:.75rem;font-weight:500;border:1px solid #e5e7eb}.contract-dot{width:7px;height:7px;border-radius:50%;background:#6b7280}.toggle-row{display:flex;align-items:center;gap:.75rem;font-size:.85rem;color:#374151;padding:.5rem 0}.docs-layout{display:grid;grid-template-columns:240px 1fr;gap:1.25rem;align-items:start}.docs-sidebar{display:flex;flex-direction:column;gap:.25rem}.docs-sidebar-section-title{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#9ca3af;padding:.5rem .75rem .25rem;margin-top:.5rem}.docs-folder-item{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.6rem .75rem;border-radius:6px;cursor:pointer;font-size:.82rem;color:#4b5563;background:none;border:none;width:100%;text-align:left;transition:background .15s}.docs-folder-item:hover{background:#f3f4f6}.docs-folder-item.folder-active{background:#eef2ff;color:#4338ca;font-weight:600}.docs-folder-left{display:flex;align-items:center;gap:.5rem}.docs-folder-count{font-size:.7rem;color:#9ca3af;background:#f3f4f6;border-radius:10px;padding:1px 6px}.docs-folder-item.folder-active .docs-folder-count{background:#c7d2fe;color:#4338ca}.docs-pending-alert{background:#fff7ed;border:1px solid #fed7aa;border-radius:6px;padding:.65rem .75rem;display:flex;align-items:flex-start;gap:.5rem;cursor:pointer;transition:background .15s}.docs-pending-alert:hover{background:#ffedd5}.docs-pending-alert.folder-active{background:#ffedd5;border-color:#fb923c}.docs-pending-icon{color:#f97316;flex-shrink:0;margin-top:1px}.docs-pending-text{font-size:.8rem;font-weight:600;color:#c2410c;line-height:1.2}.docs-pending-sub{font-size:.72rem;font-weight:400;color:#9a3412}.docs-main{display:flex;flex-direction:column;gap:1rem}.docs-main-header{margin-bottom:.5rem}.docs-main-title{font-size:1rem;font-weight:700;color:#111827;margin:0 0 .25rem}.docs-main-sub{font-size:.8rem;color:#6b7280;margin:0}.doc-row{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:1rem 1.25rem}.doc-row-top{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}.doc-row-left{display:flex;align-items:center;gap:.75rem}.doc-icon-wrap{width:36px;height:36px;background:#ede9fe;border-radius:6px;display:flex;align-items:center;justify-content:center;color:#7c3aed;flex-shrink:0}.doc-name-line{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.doc-row-name{font-size:.875rem;font-weight:600;color:#111827}.mandatory-tag{font-size:.6rem;font-weight:700;text-transform:uppercase;background:#fef9c3;color:#a16207;border:1px solid #fef08a;border-radius:10px;padding:1px 6px;letter-spacing:.4px}.doc-row-actions{display:flex;gap:.5rem;align-items:center}.btn-add-doc{border:1px solid var(--color-primary);background:#fff;color:var(--color-primary);font-size:.75rem;font-weight:600;padding:.3rem .75rem;border-radius:4px;cursor:pointer;display:flex;align-items:center;gap:.25rem;white-space:nowrap;transition:all .15s}.btn-add-doc:hover{background:var(--color-primary);color:#fff}.btn-doc-action{border:1px solid #e5e7eb;background:#fff;color:#374151;font-size:.75rem;font-weight:500;padding:.3rem .65rem;border-radius:4px;cursor:pointer;transition:all .15s}.btn-doc-action:hover{background:#f3f4f6}.btn-doc-danger{color:#dc2626;border-color:#fca5a5}.btn-doc-danger:hover{background:#fef2f2}.doc-meta-strip{display:flex;gap:1.5rem;flex-wrap:wrap;margin-top:.75rem;padding-top:.75rem;border-top:1px dashed #e5e7eb}.doc-upload-panel{margin-top:.75rem;padding:1rem;background:#f9fafb;border:1px dashed #d1d5db;border-radius:6px;display:flex;flex-direction:column;gap:.75rem}.about-grid{display:grid;grid-template-columns:1fr;gap:.75rem}.about-prompt-block{display:flex;flex-direction:column;gap:.35rem;padding:.5rem 0;border-bottom:1px solid #f1f5f9}.about-prompt-block:last-child{border-bottom:none}.about-prompt-title{font-size:.825rem;font-weight:600;color:#1e3a8a;margin:0}.about-add-btn{background:#fff;border:1px solid #cbd5e1;border-radius:5px;color:#475569;font-size:.75rem;padding:.25rem .65rem;cursor:pointer;align-self:flex-start;transition:all .15s;margin-top:.15rem}.about-add-btn:hover{background:#f8fafc;border-color:#94a3b8}.about-text-value{font-size:.825rem;color:#334155;line-height:1.45}.inline-form{display:flex;flex-direction:column;gap:.75rem}.inline-input{width:100%;padding:.5rem .75rem;border:1px solid #d1d5db;border-radius:5px;font-size:.85rem;color:#111827;background:#fff;box-sizing:border-box;outline:none;transition:border-color .15s}.inline-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px #e34d3e1a}.inline-form-row{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.inline-form-row-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}.form-actions{display:flex;gap:.5rem}.btn-save{background:var(--color-primary)!important;color:#fff!important;border:none!important;padding:.45rem 1rem!important;border-radius:5px!important;font-size:.8rem!important;font-weight:600!important;cursor:pointer!important;transition:background .15s!important;box-shadow:none!important}.btn-save:hover,.btn-save:hover:not(:disabled){background:var(--color-primary-dark)!important;box-shadow:none!important}.btn-cancel{background:#fff;color:#374151;border:1px solid #d1d5db;padding:.45rem 1rem;border-radius:5px;font-size:.8rem;font-weight:600;cursor:pointer;transition:background .15s}.btn-cancel:hover{background:#f3f4f6}.empty-info{font-size:.82rem;color:#9ca3af;font-style:italic;padding:.75rem 0}@media (max-width: 768px){.profile-header-container{margin:0;border-radius:0}.profile-banner{padding:1.5rem 1rem}.profile-banner-content{flex-direction:column;text-align:center;gap:1rem}.profile-avatar{width:76px;height:76px;font-size:2rem}.profile-name-row{flex-direction:column;gap:.5rem}.profile-identity-name{font-size:1.25rem}.profile-identity-designation{justify-content:center}.profile-meta-bar{padding:1rem;gap:1rem;justify-content:center}.profile-org-bar{padding:1rem;gap:1.5rem 1rem;justify-content:center;text-align:center}.org-cell{min-width:120px;align-items:center}.manager-value{justify-content:center}.profile-tabs-bar{padding:0 .75rem}.tab-body{padding:1rem}.profile-tab-grid{grid-template-columns:1fr}.full-span{grid-column:unset}.job-tab-layout{grid-template-columns:1fr}.job-right{position:static}.docs-layout{grid-template-columns:1fr}.docs-sidebar{width:100%}.doc-row-top{flex-direction:column;align-items:flex-start;gap:.75rem}.field-grid{grid-template-columns:1fr 1fr}.inline-form-row,.inline-form-row-3{grid-template-columns:1fr}}@media (max-width: 480px){.field-grid{grid-template-columns:1fr}.profile-avatar{width:68px;height:68px;font-size:1.75rem}.profile-identity-name{font-size:1.15rem}}.relations-modal-content{background-color:#fff!important;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a!important;border:1px solid #e2e8f0}.relations-modal-content .modal-header{background-color:#fff!important;padding:1.25rem 1.5rem!important}.relations-modal-content .modal-header h3{color:#0f172a!important}.relations-modal-split{display:flex;gap:1.75rem;width:100%;align-items:stretch}.relations-left-col{width:280px;flex-shrink:0;display:flex;flex-direction:column;gap:1rem;border-right:1px solid #f1f5f9;padding-right:1.75rem}.relations-cards-list{display:flex;flex-direction:column;gap:.75rem;overflow-y:auto;max-height:420px;padding:12px 8px}.relations-cards-list::-webkit-scrollbar{width:6px}.relations-cards-list::-webkit-scrollbar-track{background:transparent}.relations-cards-list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.relations-cards-list::-webkit-scrollbar-thumb:hover{background:#94a3b8}.relation-preview-card{position:relative;border:1px solid #e2e8f0;border-radius:10px;padding:1rem;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);background-color:#fff;display:flex;flex-direction:column;gap:.35rem;box-shadow:0 1px 2px #00000005}.relation-preview-card:hover{border-color:#cbd5e1;transform:translateY(-1px);box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008}.relation-preview-card.active{background-color:#f5f3ff;border-color:#c084fc;box-shadow:0 4px 12px #7c3aed14}.relation-preview-card.active:hover{border-color:#a855f7}.relation-card-header{display:flex;justify-content:space-between;align-items:center}.relation-type-tag{font-size:.65rem;font-weight:700;color:#7c3aed;background:rgba(124,58,237,.1);padding:2px 8px;border-radius:4px;text-transform:uppercase;letter-spacing:.05em;display:inline-block}.relation-preview-card.active .relation-type-tag{background:#7c3aed;color:#fff}.relation-delete-btn{background:none;border:none;color:#94a3b8;cursor:pointer;padding:.35rem;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.relation-delete-btn:hover{background-color:#fee2e2;color:#dc2626}.relation-card-name{font-size:.875rem;font-weight:600;color:#1e293b;margin-top:.25rem;line-height:1.4}.relation-card-profession{font-size:.75rem;color:#64748b}.relation-preview-card.active .relation-card-profession{color:#7c3aed;font-weight:500}.add-relation-link-btn{background:none;border:none;color:var(--color-primary);font-size:.85rem;font-weight:600;cursor:pointer;text-align:left;padding:.5rem .25rem;margin-top:.5rem;transition:all .2s ease;align-self:flex-start}.add-relation-link-btn:hover{color:var(--color-primary-dark);text-decoration:underline}.relations-right-col{flex:1;min-width:0;display:flex;flex-direction:column}.relations-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}.relations-form-grid .form-group{display:flex;flex-direction:column;gap:.4rem}.relations-empty-form-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:250px;color:#94a3b8;font-style:italic;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:8px;padding:2rem;text-align:center}@media (max-width: 768px){.relations-modal-split{flex-direction:column;gap:1.5rem}.relations-left-col{width:100%;border-right:none;border-bottom:1px solid #f1f5f9;padding-right:0;padding-bottom:1.5rem}.relations-cards-list{flex-direction:row;max-height:none;overflow-x:auto;overflow-y:hidden;padding:12px 8px;gap:1rem}.relations-cards-list::-webkit-scrollbar{height:6px;width:auto}.relation-preview-card{min-width:200px;flex-shrink:0}.add-relation-link-btn{margin-top:0;align-self:flex-start}}[style*="background: #4f46e5"],[style*="background:#4f46e5"],[style*="background: #4F46E5"],[style*="background:#4F46E5"],[style*="background-color: #4f46e5"],[style*="background-color:#4f46e5"],[style*="background: rgb(79, 70, 229)"],[style*="background: rgb(79,70,229)"],[style*="background-color: rgb(79, 70, 229)"],[style*="background-color: rgb(79,70,229)"]{background:var(--color-primary)!important;background-color:var(--color-primary)!important}[style*="color: #4f46e5"],[style*="color:#4f46e5"],[style*="color: #4F46E5"],[style*="color:#4F46E5"],[style*="color: rgb(79, 70, 229)"],[style*="color: rgb(79,70,229)"]{color:var(--color-primary)!important}[style*="border-color: #4f46e5"],[style*="border-color:#4f46e5"],[style*="border-color: #4F46E5"],[style*="border-color:#4F46E5"],[style*="border-color: rgb(79, 70, 229)"],[style*="border-color: rgb(79,70,229)"]{border-color:var(--color-primary)!important}.modal-content-card button[type=submit]{transition:background-color .15s ease,transform .1s ease!important}.modal-content-card button[type=submit]:hover{background-color:var(--color-primary-dark)!important}.modal-content-card button[type=submit]:active{transform:scale(.98)!important}.docs-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(15,23,42,.45);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1200;padding:1.5rem;animation:fadeIn .2s ease-out}.docs-modal-card{background-color:#fff;border-radius:12px;width:100%;max-width:680px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;border:1px solid #e2e8f0;overflow:hidden;display:flex;flex-direction:column;max-height:90vh;animation:slideUp .3s cubic-bezier(.16,1,.3,1)}.docs-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid #f1f5f9}.docs-modal-header-title{font-size:1rem;font-weight:700;color:#0f172a;margin:0}.docs-modal-close-btn{border:none;background:none;font-size:1.25rem;color:#94a3b8;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:.25rem;border-radius:6px;transition:all .2s}.docs-modal-close-btn:hover{background-color:#f1f5f9;color:#0f172a}.docs-modal-body{padding:1.5rem;overflow-y:auto;display:flex;flex-direction:column;gap:1.25rem}.docs-modal-doc-title-row{display:flex;align-items:center;gap:.5rem;font-size:.95rem;font-weight:700;color:#1e293b}.docs-file-dropzone{border:1.5px dashed #a5b4fc;background-color:#f8fafc;border-radius:8px;padding:1.25rem;text-align:center;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;transition:all .2s ease}.docs-file-dropzone:hover{border-color:var(--color-primary);background-color:#fdf2f2}.docs-file-dropzone-icon{color:var(--color-primary);font-size:1.5rem}.docs-file-dropzone-text{font-size:.85rem;font-weight:600;color:var(--color-primary)}.docs-file-dropzone-note{font-size:.72rem;color:#64748b;line-height:1.4;max-width:90%}.docs-selected-file{display:flex;align-items:center;justify-content:space-between;background-color:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;padding:.75rem 1rem;font-size:.825rem;color:#166534;font-weight:500}.btn-remove-selected-file{background:none;border:none;color:#dc2626;font-size:.75rem;font-weight:600;cursor:pointer;padding:2px 6px;border-radius:4px;transition:background-color .2s}.btn-remove-selected-file:hover{background-color:#fee2e2}.docs-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.docs-form-group{display:flex;flex-direction:column;gap:.35rem}.docs-form-label{font-size:.75rem;font-weight:600;color:#475569;text-transform:uppercase;letter-spacing:.3px}.docs-form-input{width:100%;background-color:#fff;border:1px solid #cbd5e1;border-radius:6px;padding:.55rem .75rem;font-size:.825rem;color:#0f172a;outline:none;transition:all .2s ease;box-sizing:border-box;height:38px}.docs-form-input:hover{border-color:#94a3b8}.docs-form-input:focus{border-color:var(--color-primary-light);box-shadow:0 0 0 3px #e34d3e1a}.docs-form-input:disabled{background-color:#f1f5f9;color:#64748b;cursor:not-allowed}.docs-modal-footer{display:flex;justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;border-top:1px solid #f1f5f9;background-color:#f8fafc}.docs-degree-split{display:flex;gap:1.5rem;min-height:340px;align-items:stretch}.docs-degree-preview{flex:1.1;background-color:#3b4252;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#eceff4;font-size:.9rem;font-weight:500;padding:1rem;text-align:center;position:relative;border:1px solid #2e3440;overflow:hidden}.docs-degree-preview-active{background-color:#f8fafc;color:#1e293b;border:1px solid #cbd5e1}.docs-degree-preview-iframe{width:100%;height:100%;border:none;border-radius:6px}.docs-degree-details{flex:.9;display:flex;flex-direction:column;gap:1rem;overflow-y:auto;padding-right:.25rem}.docs-degree-details-title{font-size:.9rem;font-weight:700;color:#0f172a;margin:0 0 .25rem}.btn-attachment-link{background:none;border:none;color:var(--color-primary);font-size:.8rem;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:.25rem;padding:0;transition:color .2s}.btn-attachment-link:hover{color:var(--color-primary-dark);text-decoration:underline}@media (max-width: 768px){.docs-form-grid{grid-template-columns:1fr}.docs-degree-split{flex-direction:column;align-items:stretch}.docs-degree-preview{height:200px;flex:none}.docs-degree-details{flex:none}}.about-editor-box{border:1px solid #e2e8f0;border-radius:6px;background:#fff;overflow:hidden;margin-top:.5rem;display:flex;flex-direction:column}.about-editor-toolbar{background-color:#fff;border-bottom:1px solid #f1f5f9;padding:.4rem .75rem;display:flex;align-items:center;justify-content:space-between}.about-toolbar-left{display:flex;align-items:center;gap:.85rem}.about-toolbar-btn{background:none;border:none;cursor:pointer;padding:.2rem .35rem;color:#64748b;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:.95rem;transition:all .15s}.about-toolbar-btn:hover{background-color:#f1f5f9;color:#0f172a}.about-editor-textarea{width:100%;min-height:80px;padding:.75rem;border:none;outline:none;font-size:.85rem;color:#334155;resize:vertical;box-sizing:border-box;font-family:inherit;line-height:1.45}.about-editor-textarea::placeholder{color:#94a3b8}.about-editor-actions{display:flex;justify-content:flex-end;gap:.5rem;margin-top:.5rem}.btn-about-save{background-color:var(--color-primary)!important;color:#fff!important;border:none!important;padding:.5rem 1.25rem!important;border-radius:6px!important;font-size:.85rem!important;font-weight:500!important;cursor:pointer!important;transition:background-color .15s!important}.btn-about-save:hover{background-color:var(--color-primary-dark)!important}.btn-about-cancel{background-color:#fff;color:#1e293b;border:1px solid #cbd5e1;padding:.5rem 1.25rem;border-radius:6px;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .15s}.btn-about-cancel:hover{background-color:#f8fafc;border-color:#94a3b8}.address-modal-card{background-color:#fff;border-radius:12px;width:850px;max-width:95vw;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;border:1px solid #e5e7eb;overflow:hidden;display:flex;flex-direction:column;animation:modalScaleUp .2s cubic-bezier(.16,1,.3,1)}@keyframes modalScaleUp{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.address-modal-header{padding:1.25rem 1.75rem;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;align-items:center;background-color:#fff}.address-modal-title{color:#0f172a;margin:0;font-size:1.2rem;font-weight:600}.address-modal-close-btn{border:none;background:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#64748b;padding:6px;border-radius:50%;transition:all .2s ease}.address-modal-close-btn:hover{background-color:#f1f5f9;color:#0f172a}.address-modal-body{padding:1.75rem}.address-grid{display:grid;grid-template-columns:1fr 1fr;gap:2.5rem;border-bottom:none!important}@media (max-width: 768px){.address-grid{grid-template-columns:1fr;gap:1.75rem}}.address-column{display:flex;flex-direction:column;gap:1.25rem}.address-column-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #f1f5f9;padding-bottom:.5rem;min-height:28px}.address-column-title{font-size:.8rem;font-weight:700;color:#64748b;letter-spacing:.75px;margin:0;text-transform:uppercase}.address-edit-card.disabled .address-field{opacity:.6;pointer-events:none}.address-field{display:flex;flex-direction:column;gap:.4rem}.address-field-label{font-size:.65rem;font-weight:700;color:#475569;text-transform:uppercase;letter-spacing:.5px}.address-input{width:100%;padding:.625rem .85rem;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;color:#1e293b;outline:none;background-color:#fff;transition:all .2s ease;box-sizing:border-box}.address-input::placeholder{color:#94a3b8}.address-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #e34d3e26}.address-input:disabled{background-color:#f8fafc;color:#94a3b8;cursor:not-allowed;border-color:#e2e8f0}select.address-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;background-size:1rem;padding-right:2rem;cursor:pointer}.address-checkbox-wrapper{display:flex;align-items:center;gap:.65rem;-webkit-user-select:none;user-select:none}.address-checkbox{width:1.1rem;height:1.1rem;accent-color:var(--color-primary);cursor:pointer;border:1.5px solid #cbd5e1;border-radius:4px;margin:0}.address-checkbox-label{font-size:.85rem;font-weight:500;color:#334155;cursor:pointer}.address-modal-footer{display:flex;justify-content:flex-end;gap:.75rem;padding:1.25rem 1.75rem;border-top:1px solid #f1f5f9;background-color:#f8fafc}.address-btn-cancel{padding:.625rem 1.5rem;border-radius:6px;border:1px solid #d1d5db;background-color:#fff;color:#334155;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease}.address-btn-cancel:hover{background-color:#f8fafc;border-color:#94a3b8}.address-btn-update{padding:.625rem 1.5rem;border-radius:6px;border:none;background-color:var(--color-primary);color:#fff;font-size:.875rem;font-weight:600;cursor:pointer;transition:background-color .2s ease}.address-btn-update:hover{background-color:var(--color-primary-dark)}.address-cards-wrapper{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;width:100%;margin-top:.5rem}.address-premium-card{background:#ffffff;border:1px solid #e2e8f0;border-radius:12px;padding:1.5rem;position:relative;transition:all .2s ease-in-out;display:flex;flex-direction:column;gap:1rem;box-shadow:0 1px 3px #0000000d}.address-premium-card:hover{border-color:#cbd5e1;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008;transform:translateY(-2px)}.address-premium-card-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #f1f5f9;padding-bottom:.75rem;margin-bottom:.25rem}.address-premium-card-title-area{display:flex;align-items:center;gap:.625rem}.address-premium-card-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;background-color:#e34d3e14;color:var(--color-primary)}.address-premium-card-title{font-size:.9rem;font-weight:600;color:#0f172a;margin:0}.address-premium-badge{font-size:.7rem;font-weight:600;padding:.25rem .625rem;border-radius:9999px;letter-spacing:.25px;text-transform:uppercase}.address-premium-badge.current{background-color:#eff6ff;color:#1e40af;border:1px solid #dbeafe}.address-premium-badge.permanent{background-color:#f8fafc;color:#475569;border:1px solid #e2e8f0}.address-premium-card-body{display:flex;flex-direction:column;gap:.75rem}.address-premium-line{font-size:.85rem;color:#334155;line-height:1.5}.address-premium-street{font-weight:500;color:#1e293b}.address-premium-meta-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;margin-top:.25rem}.address-premium-meta-item{display:flex;flex-direction:column;gap:.15rem}.address-premium-meta-label{font-size:.6rem;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px}.address-premium-meta-value{font-size:.8rem;font-weight:500;color:#334155}.address-premium-country{font-size:.7rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.5px;margin-top:.5rem;border-top:1px dashed #f1f5f9;padding-top:.5rem}.address-edit-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;width:100%}.address-edit-card{background:#ffffff;border:1px solid #e2e8f0;border-radius:12px;padding:1.5rem;display:flex;flex-direction:column;gap:1.25rem;transition:all .2s ease-in-out}.address-edit-card.disabled{background-color:#f8fafc;border-color:#e2e8f0;opacity:.8}.address-edit-card-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #f1f5f9;padding-bottom:.75rem;margin-bottom:.25rem}.address-edit-card-title{font-size:.9rem;font-weight:600;color:#0f172a;margin:0;display:flex;align-items:center;gap:.5rem}.error-border{border-color:#ef4444!important}.error-border:focus{box-shadow:0 0 0 3px #ef444426!important}.entry-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--color-bg-overlay);display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-lg);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:fadeIn .2s ease-out}.entry-modal-content{background:var(--color-bg-primary);border-radius:0;box-shadow:var(--shadow-2xl);max-width:650px;width:100%;max-height:92vh;display:flex;flex-direction:column;animation:slideUp .3s ease-out;overflow:hidden}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.entry-modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-2xl) var(--spacing-3xl);background:var(--color-primary-gradient);border-bottom:none}.entry-modal-header h2{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-white);margin:0;letter-spacing:-.3px}.entry-modal-body{padding:var(--spacing-2xl);display:flex;flex-direction:column;gap:var(--spacing-xl);overflow-y:auto;background:var(--color-bg-secondary)}.form-group{display:flex;flex-direction:column;gap:.1rem}.form-group label{font-weight:var(--font-weight-semibold);color:var(--color-primary);font-size:var(--font-size-xs);text-transform:capitalize;letter-spacing:.5px}.form-input{padding:var(--input-padding);border:var(--input-border);border-radius:var(--input-border-radius);font-size:var(--input-font-size);font-family:var(--font-family);transition:var(--transition-base);width:100%;background:var(--color-bg-primary);color:var(--color-text-primary);box-sizing:border-box}.form-input:focus{outline:none;border-color:var(--input-focus-border);box-shadow:var(--input-focus-shadow);background:var(--color-bg-primary)}textarea.form-input{resize:vertical;min-height:80px;font-family:inherit;line-height:1.5}.duties-textarea{min-height:150px!important;resize:vertical}select.form-input{appearance:none!important;-webkit-appearance:none!important;-moz-appearance:none!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%231e3a8a' d='M6 9L1 4h10z'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right 1rem center!important;background-size:12px!important;padding-right:2.5rem!important;cursor:pointer;background-color:#fff!important;border:2px solid #e5e7eb!important;outline:none!important}select.form-input:hover{border-color:#cbd5e1!important;background-color:#fff!important}select.form-input:focus{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%233b82f6' d='M6 9L1 4h10z'/%3E%3C/svg%3E")!important;background-color:#fff!important;border-color:#3b82f6!important;box-shadow:0 0 0 4px #3b82f61a!important;outline:none!important}select.form-input option{background:white!important;color:#1f2937!important;padding:.5rem!important;border:none!important}select.form-input::-ms-expand{display:none!important}.assignee-select{appearance:none!important;-webkit-appearance:none!important;-moz-appearance:none!important;background-color:#fff!important;border:2px solid #e5e7eb!important;outline:none!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%231e3a8a' d='M6 9L1 4h10z'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right 1rem center!important;background-size:12px!important;padding-right:2.5rem!important}.assignee-select:hover{border-color:#cbd5e1!important;background-color:#fff!important}.assignee-select:focus{border-color:#3b82f6!important;background-color:#fff!important;box-shadow:0 0 0 4px #3b82f61a!important;outline:none!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%233b82f6' d='M6 9L1 4h10z'/%3E%3C/svg%3E")!important}select::-ms-expand{display:none!important}select::-webkit-select{-webkit-appearance:none!important}select{-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.entry-modal-actions{display:flex;gap:var(--spacing-md);margin-top:var(--spacing-sm);padding-top:var(--spacing-2xl);border-top:2px solid var(--color-border-light);background:var(--color-bg-primary);padding-left:var(--spacing-3xl);padding-right:var(--spacing-3xl);padding-bottom:var(--spacing-3xl);margin-left:calc(-1 * var(--spacing-2xl));margin-right:calc(-1 * var(--spacing-2xl));margin-bottom:calc(-1 * var(--spacing-2xl))}.entry-modal-actions .btn{flex:1;padding:var(--button-padding-lg);border-radius:var(--radius-lg);font-size:var(--font-size-base)}.btn-save{background:var(--color-success-gradient);color:var(--color-text-white)}.btn-save:hover:not(:disabled){background:linear-gradient(135deg,var(--color-success-dark) 0%,var(--color-success-darker) 100%);transform:translateY(-2px);box-shadow:0 4px 12px #10b98166}.btn-delete{background:var(--color-danger-gradient);color:var(--color-text-white)}.btn-delete:hover:not(:disabled){background:linear-gradient(135deg,var(--color-danger-dark) 0%,var(--color-danger-darker) 100%);transform:translateY(-2px);box-shadow:0 4px 12px #ef444466}.btn-cancel{background:var(--color-bg-tertiary);color:var(--color-text-secondary);border:2px solid var(--color-border-light)}.btn-cancel:hover:not(:disabled){background:var(--color-gray-200);border-color:var(--color-border-medium);transform:translateY(-1px)}.btn-close{background:rgba(255,255,255,.2);color:var(--color-text-white);border:2px solid rgba(255,255,255,.3);padding:var(--spacing-sm) var(--spacing-xl);border-radius:var(--radius-lg);cursor:pointer;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);font-family:var(--font-family);transition:var(--transition-base)}.btn-close:hover:not(:disabled){background:rgba(255,255,255,.3);border-color:#ffffff80;transform:translateY(-1px)}.employee-select-wrapper,.assignee-select-wrapper{display:flex;gap:.75rem;align-items:stretch}.assignee-select{flex:1}.employee-select-input{flex:1;cursor:pointer;background:white}.employee-select-input:hover{border-color:#667eea}.btn-select-employee{background:var(--color-secondary-gradient);color:var(--color-text-white);border:none;border-radius:var(--radius-lg);padding:var(--button-padding-lg);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);font-family:var(--font-family);cursor:pointer;transition:var(--transition-base);flex-shrink:0;box-shadow:var(--shadow-md)}.btn-select-employee:hover:not(:disabled){background:linear-gradient(135deg,var(--color-secondary-light) 0%,var(--color-secondary) 100%);transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.btn-add-assignee{background:var(--color-primary-gradient);color:var(--color-text-white);border:none;border-radius:var(--radius-lg);width:44px;height:44px;font-size:1.75rem;font-weight:var(--font-weight-semibold);font-family:var(--font-family);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--transition-base);flex-shrink:0;line-height:1;padding:0;box-shadow:var(--shadow-md)}.btn-add-assignee:hover:not(:disabled){background:linear-gradient(135deg,var(--color-primary-dark) 0%,var(--color-primary) 100%);transform:translateY(-2px);box-shadow:0 4px 12px #3b82f666}.add-assignee-input-wrapper{margin-top:.75rem;padding:1rem;background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);border-radius:10px;border:2px solid #e2e8f0;animation:slideDown .3s ease-out;box-shadow:0 2px 8px #0000000d}@keyframes slideDown{0%{opacity:0;transform:translateY(-15px)}to{opacity:1;transform:translateY(0)}}.add-assignee-input{margin-bottom:.75rem;border-color:#cbd5e1}.add-assignee-input:focus{border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f61a}.add-assignee-actions{display:flex;gap:.75rem}.btn-small{padding:var(--button-padding-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);font-family:var(--font-family);flex:1;border-radius:var(--radius-md);border:none;cursor:pointer;transition:var(--transition-base)}.btn-small:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.inline-form-container{display:flex;flex-direction:column;gap:.5rem;width:100%}.inline-form-row{display:flex;gap:.5rem;width:100%;align-items:center}.inline-form-row>div{flex:1;min-width:0}.inline-input-text{border:1px solid #d1d5db;border-radius:6px;padding:4px 8px;font-size:.8rem;width:100%;height:30px;box-sizing:border-box;outline:none;transition:border-color .2s;color:#2c3e50;font-family:inherit}.inline-input-text:focus{border-color:#e34d3e;box-shadow:0 0 0 2px #e34d3e1a}.inline-input-hours{width:100%;text-align:center;border:1px solid #d1d5db;border-radius:6px;padding:4px;height:30px;font-size:.85rem;font-weight:600;color:#e34d3e;outline:none;box-sizing:border-box}.inline-input-hours:focus{border-color:#e34d3e}.inline-input-error{border-color:#ef4444!important;background-color:#fef2f2}.inline-input-error:focus{box-shadow:0 0 0 2px #ef444433}.inline-actions{display:flex;flex-direction:column;gap:4px;align-items:center;justify-content:center;height:100%;width:100%;padding:2px 0}.btn-inline-action{border:none;background:white;cursor:pointer;padding:4px;border-radius:6px;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 2px #0000000d;border:1px solid transparent;transition:all .2s;width:26px;height:26px}.btn-inline-action svg{width:15px;height:15px}.btn-inline-save{color:#10b981;border-color:#d1fae5}.btn-inline-save:hover{background:#10b981;color:#fff;border-color:#10b981}.btn-inline-cancel{color:#6b7280;border-color:#e5e7eb}.btn-inline-cancel:hover{background:#6b7280;color:#fff;border-color:#6b7280}.btn-inline-delete{color:#ef4444;border-color:#fee2e2}.btn-inline-delete:hover{background:#ef4444;color:#fff;border-color:#ef4444}@keyframes slideDown{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.inline-editing{animation:slideDown .2s ease-out;background:#fffafa!important;border:1px solid #e34d3e!important;z-index:20;position:relative}.empty-day-row{background:white}.day-container.weekend .empty-day-row{background:#fff5f5}.day-container.holiday .empty-day-row,.day-container.holiday .entry-grid-row{background-color:#98b43333!important}.day-container.on-leave .empty-day-row,.day-container.on-leave .entry-grid-row{background-color:#f3e8ff!important}.day-container.holiday .date-entry-cell.sticky-left,.day-container.holiday .day-entry-cell.sticky-left{background-color:#eaf0d6!important;color:#5d6d1e}.day-container.on-leave .date-entry-cell.sticky-left,.day-container.on-leave .day-entry-cell.sticky-left{background-color:#f3e8ff!important;color:#7e22ce}.day-container.current-date .empty-day-row,.day-container.current-date .entry-grid-row{background-color:#eff6ff!important}.day-container.current-date .date-entry-cell.sticky-left,.day-container.current-date .day-entry-cell.sticky-left{background-color:#dbeafe!important;color:#1e40af;font-weight:700}.day-container.current-date .empty-day-row,.day-container.current-date .entry-grid-row{background-color:#eff6ff}.day-container.current-date .date-entry-cell.sticky-left,.day-container.current-date .day-entry-cell.sticky-left{background-color:#dbeafe;color:#1e40af;font-weight:700}.date-row{display:grid;grid-template-columns:60px 50px 130px 1fr 80px 70px;gap:0;background:white;border-bottom:1px solid #e9ecef}.entry-grid-row{display:grid;grid-template-columns:60px 50px 130px 130px 130px 130px minmax(200px,1fr) 90px 120px 60px 70px;gap:0;background:white;border-bottom:1px solid #e5e7eb;border-left:1px solid #e0e0e0;border-right:1px solid #e0e0e0;min-width:1200px}.entry-grid-row.with-project-col{grid-template-columns:60px 50px 130px 120px 130px 130px 130px minmax(200px,1fr) 90px 120px 60px 70px;min-width:1200px}.cell{background:white;padding:.4rem .5rem;display:flex;align-items:center;justify-content:flex-start;font-size:.75rem;border-right:1px solid #e0e0e0;min-height:40px}.cell:last-child{border-right:none}.date-cell{flex-direction:column;gap:0;font-weight:600;background:#f8f9fa;text-align:center;justify-content:center;align-items:center;padding:.35rem .25rem}.date-display{font-size:.85rem;color:#2c3e50;line-height:1.1}.month-display{font-size:.6rem;color:#7f8c8d;text-transform:capitalize;line-height:1}.day-cell{font-weight:500;color:#7f8c8d;background:#f8f9fa;font-size:.7rem;text-align:center;justify-content:center;border-right:2px solid #dee2e6;padding:.35rem .25rem}.project-cell{background:#f8f9fa;padding:.4rem .5rem}.duties-header-cell{padding:.4rem .5rem}.duties-cell{padding:.4rem .5rem;cursor:pointer}.duties-cell:hover{background:#fff5f5}.hours-header-cell{padding:.4rem .5rem;text-align:center;justify-content:center}.total-cell{background:linear-gradient(135deg,#fdf2f2 0%,#fae8e8 100%);font-weight:700;font-size:.8rem;color:#c0392b;text-align:center;justify-content:center;padding:.4rem .5rem;border:1px solid rgba(227,77,62,.2)}.total-display{font-size:.85rem;font-weight:700}.entry-grid-row{display:grid;grid-template-columns:60px 50px 130px 130px 130px 130px minmax(200px,1fr) 90px 120px 60px 70px;gap:0;background:white;border-bottom:1px solid #f0f0f0;min-height:40px;min-width:1200px;margin:0;padding:0;transition:background-color .15s ease}.entry-grid-row.entry-border{border-bottom:1px solid #e9ecef}.entry-grid-row:hover{background:#f8fafc}.entry-cell{padding:.4rem .5rem;display:flex;align-items:center;font-size:.75rem;border-right:1px solid #e0e0e0;min-height:40px;margin:0;box-sizing:border-box}.entry-cell:last-child{border-right:none}.date-entry-cell:not(.sticky-left),.day-entry-cell:not(.sticky-left){background:transparent;border-right:none;padding:.4rem .5rem}.project-entry-cell{background:transparent;border-right:1px solid #e0e0e0;padding:.4rem .5rem;display:flex;align-items:center;justify-content:space-between;cursor:default;transition:background-color .15s ease}.project-entry-cell:hover{background:#fff5f5}.date-entry-cell.sticky-left{background:#f8f9fa;border-right:1px solid #e0e0e0;flex-direction:column;gap:0;font-weight:600;text-align:center;justify-content:center;align-items:center;padding:.35rem .25rem;box-shadow:2px 0 4px #0000001a;z-index:10;min-height:40px;position:relative;cursor:default}.date-entry-cell.sticky-left.holiday-date{background:#fee2e2;color:#dc2626}.date-entry-cell.sticky-left.holiday-date .date-display{color:#dc2626;font-weight:700}.date-entry-cell.sticky-left.holiday-date .month-display{color:#b91c1c;font-weight:600}.date-entry-cell.sticky-left.holiday-date:hover{background:#fecaca;z-index:100!important}.date-entry-cell.sticky-left.holiday-date:hover:after{content:attr(title);position:absolute;top:50%;left:100%;transform:translateY(-50%);background:#1f2937;color:#fff;padding:.5rem .75rem;border-radius:6px;font-size:.75rem;font-weight:500;white-space:nowrap;z-index:1000;margin-left:.5rem;box-shadow:0 4px 12px #00000026;pointer-events:none}.date-entry-cell.sticky-left.holiday-date:hover:before{content:"";position:absolute;top:50%;left:100%;transform:translateY(-50%);border:5px solid transparent;border-right-color:#1f2937;margin-left:-5px;z-index:1000;pointer-events:none}.day-entry-cell.sticky-left{background:#f8f9fa;border-right:2px solid #dee2e6;font-weight:500;color:#7f8c8d;font-size:.7rem;text-align:center;justify-content:center;padding:.35rem .25rem;box-shadow:2px 0 4px #0000001a;z-index:10;min-height:40px}.total-entry-cell{background:transparent;border-right:none;padding:.4rem .5rem}.total-entry-cell.total-cell{background:linear-gradient(135deg,#fdf2f2 0%,#fae8e8 100%);border-right:none;font-weight:700;font-size:.8rem;color:#c0392b;text-align:center;justify-content:center;padding:.4rem .5rem;border:1px solid rgba(227,77,62,.2)}.duties-entry-cell{cursor:pointer;color:#495057;gap:.5rem;flex-wrap:wrap}.duties-entry-cell:hover{background:#fff5f5}.entry-employee{font-weight:600;color:#2c3e50;white-space:nowrap;width:100px;overflow:hidden;text-overflow:ellipsis;display:inline-block;vertical-align:middle}.entry-sep{color:#dee2e6;font-weight:300;margin:0 .25rem}.entry-assignee{font-size:.8rem;color:#6c757d;white-space:nowrap;width:80px;overflow:hidden;text-overflow:ellipsis;display:inline-block;vertical-align:middle}.entry-status-badge{font-size:.7rem;padding:.15rem .4rem;border-radius:3px;font-weight:500;white-space:nowrap;color:#2c3e50;max-width:80px;overflow:hidden;text-overflow:ellipsis;display:inline-block;vertical-align:middle}.entry-duties-text{color:#495057;flex:1;word-wrap:break-word;overflow-wrap:break-word;min-width:0;white-space:pre-wrap}.entry-notes-text{color:#7f8c8d;font-style:italic;font-size:.7rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px}.hours-entry-cell{text-align:center;justify-content:center;font-weight:600;color:#e34d3e;font-size:.75rem;padding:.4rem .25rem;border-right:1px solid #e0e0e0}.hours-placeholder{color:#adb5bd;font-weight:400}.add-entry-inline{color:#e34d3e;font-weight:500;cursor:pointer}.add-entry-inline:hover{text-decoration:underline;background:#fff5f5}.add-entry-link{color:#e34d3e;font-weight:600;font-size:.8rem;cursor:pointer;white-space:nowrap;padding:.25rem .5rem;border-radius:4px;transition:all .2s ease;flex:1}.add-entry-link:hover{color:#c0392b;background:rgba(227,77,62,.1);text-decoration:none}.btn-icon-inline{background:white;border:1px solid #e34d3e;color:#e34d3e;border-radius:4px;width:22px;height:22px;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;transition:all .2s;margin-left:4px}.btn-icon-inline:hover{background:#e34d3e;color:#fff}.edit-btn-inline,.copy-btn-inline{opacity:0;border:none;background:transparent;cursor:pointer;color:#7f8c8d;transition:all .2s;padding:2px;border-radius:4px;display:flex;align-items:center;flex-shrink:0}.edit-btn-inline,.copy-btn-inline{margin-left:auto}.duties-entry-cell:hover .edit-btn-inline,.duties-entry-cell:hover .copy-btn-inline{opacity:1}.edit-btn-inline:hover{color:#e34d3e;background:rgba(227,77,62,.1)}.copy-btn-inline:hover{color:#2563eb;background:rgba(37,99,235,.1)}.resource-entry-cell,.service-entry-cell,.assignee-entry-cell,.status-entry-cell,.notes-entry-cell{padding:.4rem .5rem;display:flex;align-items:center;font-size:.75rem;border-right:1px solid #e0e0e0;min-height:40px;margin:0;box-sizing:border-box;overflow:hidden}.resource-entry-cell{font-weight:600;color:#2c3e50;white-space:normal;word-wrap:break-word;line-height:1.2}.assignee-entry-cell{font-size:.75rem;color:#6c757d;white-space:normal;word-wrap:break-word;line-height:1.2}.status-entry-cell{justify-content:center}.notes-entry-cell{font-style:italic;color:#7f8c8d}.holiday-icon{position:absolute;top:4px;right:4px;color:#db2777;display:flex}.no-project-selected{padding:3rem;text-align:center;color:#7f8c8d;font-size:1.1rem;background:#f8f9fa;border-radius:8px}.timesheet-grid{min-width:100%;display:flex;flex-direction:column;gap:0;font-size:.875rem}.grid-header{display:grid;grid-template-columns:60px 50px 130px 130px 130px 130px minmax(200px,1fr) 90px 120px 60px 70px;gap:0;background:var(--color-primary-gradient);border-bottom:2px solid rgba(255,255,255,.1);border-left:1px solid #e0e0e0;border-right:1px solid #e0e0e0;top:130px;z-index:10;border-radius:8px 8px 0 0;min-width:1200px}.grid-header.with-project-col{grid-template-columns:60px 50px 130px 120px 130px 130px 130px minmax(200px,1fr) 90px 120px 60px 70px;min-width:1200px}.header-cell{background:transparent;color:#fff;padding:.75rem .5rem;font-weight:600;font-size:.8rem;text-align:center;display:flex;align-items:center;justify-content:center;border-right:1px solid rgba(255,255,255,.15);text-transform:capitalize;letter-spacing:.5px}.header-cell:last-child{border-right:none}.sticky-left{position:sticky;left:0;z-index:10;box-shadow:2px 0 4px #0000001a}.date-col{min-width:60px}.day-col{min-width:50px}.project-col,.service-col{min-width:130px}.project-name-col{min-width:120px}.resource-col,.assignee-col{min-width:130px}.status-col{min-width:90px}.duties-col{min-width:200px;flex:2}.notes-col{min-width:120px;flex:none}.hours-col{min-width:60px}.total-col{min-width:70px}.grid-row{display:grid;grid-template-columns:70px 60px 120px 140px 2fr 100px 60px 150px 70px;gap:1px;background:#e0e0e0;min-height:45px}.grid-row.weekend{background:#ffe5e5}.grid-row.holiday{background:#fff3cd}.grid-row.has-entry{background:#f0f8ff}.cell{background:white;padding:.5rem;display:flex;align-items:center;justify-content:flex-start;min-height:45px;transition:all .15s;font-size:.85rem}.empty-cell{background:transparent;border:none}.date-cell{flex-direction:column;gap:.15rem;font-weight:600;background:#f8f9fa;text-align:center;justify-content:center}.date-display{font-size:1.1rem;color:#2c3e50;line-height:1}.month-display{font-size:.7rem;color:#7f8c8d;text-transform:capitalize;line-height:1}.day-cell{font-weight:500;color:#7f8c8d;background:#f8f9fa;font-size:.8rem;text-align:center;justify-content:center;border-right:2px solid #dee2e6;position:relative}.day-col{border-right:2px solid rgba(255,255,255,.3)}.employee-cell{font-weight:500;color:#2c3e50;background:#f8f9fa}.project-cell{font-weight:500;color:#2c3e50;padding-left:.75rem}.duties-cell{padding:.25rem;min-height:45px;position:relative}.status-cell{justify-content:center;text-align:center}.status-badge{padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:500;display:inline-block}.status-pending{background:#fff3cd;color:#856404}.status-in-progress{background:#fdf2f2;color:#e34d3e}.status-done{background:#d1e7dd;color:#0f5132}.status-placeholder{color:#adb5bd}.hours-cell{text-align:center;justify-content:center;font-weight:600;color:#e34d3e;font-size:.9rem}.notes-cell{color:#495057;font-size:.8rem}.notes-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notes-placeholder{color:#adb5bd}.total-cell{background:#e8f5e9;font-weight:600;font-size:.9rem;color:#27ae60;text-align:center;justify-content:center}.total-display{font-size:.95rem}.totals-row{display:grid;grid-template-columns:60px 50px 130px 130px 130px 130px minmax(200px,1fr) 90px 120px 60px 70px;gap:0;background:var(--color-primary-gradient);border-top:3px solid rgba(255,255,255,.2);border-left:1px solid #e0e0e0;border-right:1px solid #e0e0e0;border-radius:0 0 8px 8px;margin:0;padding:0;min-height:45px;min-width:1200px}.week-total-row{display:grid;grid-template-columns:60px 50px 130px 130px 130px 130px minmax(200px,1fr) 90px 120px 60px 70px;gap:0;background:linear-gradient(135deg,#fdf2f2 0%,#fae8e8 100%);border-top:2px solid var(--color-primary-light);border-bottom:2px solid var(--color-primary-light);border-left:1px solid #e0e0e0;border-right:1px solid #e0e0e0;min-height:40px;min-width:1200px;margin:0;padding:0}.totals-row.with-project-col,.week-total-row.with-project-col{grid-template-columns:60px 50px 130px 120px 130px 130px 130px minmax(200px,1fr) 90px 120px 60px 70px;min-width:1200px}.week-total-label{background:transparent;color:var(--color-primary-dark);font-weight:700;font-size:.85rem;justify-content:center;align-items:center;text-transform:capitalize;letter-spacing:.5px;padding:.5rem;border-right:1px solid rgba(59,130,246,.2)}.week-total-cell{background:transparent;color:var(--color-primary-dark);justify-content:center;align-items:center;border-right:1px solid rgba(227,77,62,.2);padding:.5rem;display:flex;font-size:.75rem}.week-total-cell:last-child{border-right:none}.week-total-value{background:transparent;color:var(--color-primary-dark);font-weight:700;font-size:.85rem;text-align:center;justify-content:center}.cell-placeholder-compact{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#adb5bd;font-size:.8rem;font-style:italic;cursor:pointer;border:1px dashed #dee2e6;border-radius:4px;transition:all .2s}.cell-placeholder-compact:hover{border-color:#e34d3e;background:#fff5f5;color:#e34d3e}.exit-info-summary-card{margin-bottom:1.25rem}.exit-info-banner{background:#fffbeb;border:1px solid #fcd34d;border-radius:8px;padding:.875rem 1rem;margin-bottom:1.25rem}.exit-info-banner-text{font-size:.85rem;color:#92400e;font-weight:500;line-height:1.5}.exit-info-banner.completed{background:#f0fdf4;border-color:#86efac}.exit-info-banner.completed .exit-info-banner-text{color:#166534}.exit-info-banner.submitted{background:#eff6ff;border-color:#93c5fd}.exit-info-banner.submitted .exit-info-banner-text{color:#1e40af}.exit-info-banner.draft{background:#f5f3ff;border-color:#c4b5fd}.exit-info-banner.draft .exit-info-banner-text{color:#5b21b6}.exit-info-rating-options.exit-field-error{border:1.5px solid #e34d3e;border-radius:8px;padding:.5rem}.address-input.exit-field-error,.exit-info-textarea.exit-field-error{border:1.5px solid #e34d3e!important}.exit-form-validation-summary{margin-top:.25rem;margin-bottom:.75rem;padding:.75rem 1rem;border:1.5px solid #e34d3e;border-radius:8px;background:#fff5f5;color:#e34d3e;font-size:.875rem;font-weight:500}.exit-info-feedback-form{display:flex;flex-direction:column;gap:0}.exit-info-form-group{display:flex;flex-direction:column;gap:.4rem;padding:1.25rem 0;border-bottom:1px solid #e5e7eb}.exit-info-form-group:first-child{padding-top:0}.exit-info-form-group:last-of-type{border-bottom:none;padding-bottom:0}.exit-info-form-group .required-mark{color:#e34d3e}.exit-info-textarea{width:100%;min-height:96px;padding:.625rem .85rem;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;color:#1e293b;outline:none;background-color:#fff;resize:vertical;box-sizing:border-box;font-family:inherit}.exit-info-textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #e34d3e26}.exit-info-textarea:disabled{background-color:#f8fafc;color:#94a3b8;cursor:not-allowed;border-color:#e2e8f0}.exit-info-rating-options{display:flex;gap:1rem;flex-wrap:wrap;padding-top:.15rem}.exit-info-rating-option{display:flex;align-items:center;gap:.35rem;font-size:.875rem;color:#374151;cursor:pointer}.exit-info-rating-option input{cursor:pointer}.exit-info-form-actions{display:flex;justify-content:flex-end;padding-top:1.25rem;margin-top:.25rem;border-top:1px solid #e5e7eb}.exit-info-answer-block{padding:1rem 0;border-bottom:1px solid #e5e7eb;background:transparent;border-radius:0;margin-bottom:0}.exit-info-answer-block:first-child{padding-top:0}.exit-info-answer-block:last-child{border-bottom:none;padding-bottom:0}.exit-info-answer-question{font-size:.75rem;font-weight:700;color:#6b7280;text-transform:uppercase;letter-spacing:.4px;margin-bottom:.5rem}.exit-info-answer-text{font-size:.875rem;color:#111827;white-space:pre-wrap;line-height:1.5}.exit-info-rating-display{display:flex;gap:.15rem;color:#f59e0b;font-size:1rem}.exit-info-empty,.exit-info-loading{padding:3rem 1.5rem;text-align:center;color:#6b7280;font-size:.9rem}.exit-info-thank-you{text-align:center;padding:2rem 1rem;color:#374151}.exit-info-thank-you h3{margin:0 0 .5rem;color:var(--color-primary);font-size:1rem}.exit-info-thank-you p{margin:0;font-size:.875rem;color:#6b7280}.exit-info-status-badge{display:inline-block;padding:.15rem .55rem;border-radius:999px;font-size:.75rem;font-weight:600;text-transform:capitalize;background:#f3f4f6;color:#4b5563}.exit-info-status-badge.awaiting_feedback{background:#fef3c7;color:#b45309}.exit-info-status-badge.feedback_submitted{background:#dbeafe;color:#1d4ed8}.exit-info-status-badge.completed{background:#d1fae5;color:#047857}.user-manager-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.4);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .3s ease-out;padding:1rem}.user-manager-container{background:var(--color-bg-primary);border-radius:16px;width:90%;max-width:900px;max-height:90vh;display:flex;flex-direction:column;box-shadow:var(--shadow-2xl);border:1px solid var(--color-border-light);position:relative;animation:slideUp .4s cubic-bezier(.16,1,.3,1);overflow:hidden}.user-manager-header{display:flex;justify-content:space-between;align-items:center;padding:2rem;border-bottom:2px solid var(--color-border-light);background:var(--color-bg-primary);flex-shrink:0;z-index:20}.user-manager-header h2{font-size:1.8rem;font-weight:var(--font-weight-bold);color:var(--color-primary);margin:0;font-family:var(--font-family)}.user-manager-body{padding:0;overflow-y:auto;flex:1;display:flex;flex-direction:column}.user-content-pad{padding:0}.user-table-wrapper{padding:0;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden}.header-actions{display:flex;gap:12px}.btn-add-user{background:var(--color-primary-gradient);color:#fff;padding:.6rem 1.2rem;border-radius:8px;font-weight:600;border:none;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 6px -1px #10b98133}.btn-add-user:hover{transform:translateY(-2px);box-shadow:0 6px 8px -1px #10b9814d}.add-user-form{margin-bottom:2rem;padding:1.5rem;background-color:#f8fafc;border-radius:12px;border:1px solid #e2e8f0;animation:slideDown .3s ease-out}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:1.5rem}.form-group label{display:block;font-size:.9rem;font-weight:500;color:#374151;margin-bottom:.4rem;text-transform:capitalize;letter-spacing:.05em}.form-input,.form-select{width:100%;padding:0 .75rem;border:1px solid #d1d5db;border-radius:8px;font-size:.9rem;transition:all .2s;background:white;color:#374151;height:38px;box-sizing:border-box}.form-input:focus,.form-select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.btn-create{width:100%;padding:.5rem 1.5rem;background:var(--color-primary-gradient);color:#fff;border:none;border-radius:8px;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s;box-shadow:0 4px 6px -1px #667eea40;height:38px}.btn-create:hover{transform:translateY(-2px);box-shadow:0 6px 8px -1px #667eea59}.users-table{width:100%;border-collapse:separate;border-spacing:0}.sticky-table-header{position:sticky;top:0;z-index:10;background:white;box-shadow:0 1px 0 var(--color-border-light)}.users-table th{text-align:left;padding:.6rem .75rem;color:#fff;font-weight:600;text-transform:capitalize;font-size:.75rem;letter-spacing:.05em;border-bottom:2px solid var(--color-border-light);background:var(--color-primary-gradient)}.users-table tr{background:var(--color-bg-primary);transition:background-color .2s}.users-table tbody tr:hover{background-color:var(--color-bg-secondary)}.users-table td{padding:.6rem .75rem;border-bottom:1px solid var(--color-border-light);color:var(--color-text-primary)}.users-table td:first-child{font-weight:600}.role-select{padding:.5rem 2rem .5rem 1rem;border-radius:20px;font-size:.85rem;font-weight:600;border:1px solid transparent;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%234a5568'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .5rem center;background-size:1rem}.status-badge{padding:.5rem 1rem;border-radius:20px;font-size:.85rem;font-weight:600;border:1px solid transparent;display:inline-block}.role-select:hover{filter:brightness(.95);transform:translateY(-1px);box-shadow:0 2px 4px #0000000d}.role-select:focus{outline:none;box-shadow:0 0 0 3px #4299e14d}.select-role{background-color:#ebf8ff;color:#2b6cb0;border-color:#bee3f8}.status-active,.select-status-active{background-color:#d1fae5;color:#047857;border-color:#a7f3d0}.status-inactive,.select-status-inactive{background-color:#fee2e2;color:#b91c1c;border-color:#fecaca}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideDown{0%{transform:translateY(-10px);opacity:0}to{transform:translateY(0);opacity:1}}.manage-company-page{padding:2rem;max-width:1200px;margin:0 auto}.manage-company-container{background:white;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;overflow:hidden}.manage-company-header{padding:1.5rem 2rem;border-bottom:1px solid #e5e7eb;background-color:#fff}.manage-company-header h1{margin:0;font-size:1.5rem;color:#1f2937;font-weight:700}.btn-add-company{padding:.6rem 1rem;background:var(--color-primary-gradient);border:none;border-radius:8px;color:#fff;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 6px -1px #10b98133}.btn-add-company:hover{transform:translateY(-2px);box-shadow:0 6px 8px -1px #10b9814d}.company-table-wrapper{width:100%;overflow-x:auto}.company-table{width:100%;border-collapse:collapse}.company-table th{text-align:left;padding:1rem 1.5rem;border-bottom:2px solid #e5e7eb;background:var(--color-primary-gradient);color:#fff;font-weight:600;font-size:.875rem}.company-table td{padding:1rem 1.5rem;border-bottom:1px solid #e5e7eb;color:#1f2937;font-size:.95rem}.company-table tr:hover{background-color:#f8fafc}.manage-company-body{padding:0}.btn-icon{background:none;border:none;cursor:pointer;padding:.4rem;border-radius:4px;font-weight:500;font-size:.9rem;transition:background-color .2s}.btn-icon:hover{background-color:#f3f4f6}.import-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(15,23,42,.7);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:center;z-index:2000;animation:modalFadeIn .3s cubic-bezier(.16,1,.3,1)}.import-modal-container{background:#ffffff;width:90%;max-width:650px;border-radius:24px;overflow:hidden;box-shadow:0 25px 50px -12px #00000040;display:flex;flex-direction:column;border:1px solid rgba(255,255,255,.1);animation:modalSlideUp .4s cubic-bezier(.16,1,.3,1)}.import-modal-header{background:var(--color-primary-gradient);padding:1.5rem 2rem;display:flex;justify-content:space-between;align-items:center}.import-modal-header h2{margin:0;color:#fff;font-size:1.5rem;font-weight:700;letter-spacing:-.02em}.import-modal-body{padding:2.5rem;background:#f8fafc}.upload-dropzone{border:2px dashed #e2e8f0;border-radius:20px;padding:3.5rem 2rem;text-align:center;background:white;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;gap:1.25rem;box-shadow:0 4px 6px -1px #0000000d}.upload-dropzone:hover{border-color:var(--color-primary);background:rgba(227,77,62,.02);transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000001a}.upload-icon-wrapper{width:80px;height:80px;background:rgba(227,77,62,.08);border-radius:20px;display:flex;align-items:center;justify-content:center;font-size:2.5rem;color:var(--color-primary);transition:all .3s ease}.upload-dropzone:hover .upload-icon-wrapper{transform:scale(1.1) rotate(5deg);background:rgba(227,77,62,.15)}.upload-text h3{margin:0;font-size:1.25rem;color:#1e293b;font-weight:600}.upload-text p{margin:.25rem 0 0;color:#64748b;font-size:.95rem}.import-options{margin:1.5rem 0}.custom-checkbox-label{display:flex;align-items:center;gap:1rem;cursor:pointer;background:white;padding:1rem 1.25rem;border-radius:14px;border:1px solid #e2e8f0;transition:all .2s ease}.custom-checkbox-label:hover{border-color:#cbd5e1;background:#f1f5f9}.custom-checkbox-label input[type=checkbox]{width:20px;height:20px;accent-color:var(--color-primary);cursor:pointer}.checkbox-text{font-size:.95rem;color:#334155;font-weight:500}.import-info-box{background:#fefce8;border:1px solid #fef08a;padding:1.25rem;border-radius:16px;display:flex;gap:1rem;align-items:flex-start}.info-icon{font-size:1.25rem}.info-content p{margin:0;font-size:.9rem;color:#854d0e;line-height:1.6}.summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;margin-bottom:2rem}.summary-card{padding:1.5rem;border-radius:20px;text-align:center;transition:all .3s ease;border:1px solid rgba(0,0,0,.05)}.summary-card:hover{transform:translateY(-4px)}.summary-card.total{background:#eff6ff;color:#1e40af;border-color:#dbeafe}.summary-card.success{background:#f0fdf4;color:#166534;border-color:#dcfce7}.summary-card.failed{background:#fef2f2;color:#991b1b;border-color:#fee2e2}.summary-val{font-size:2rem;font-weight:800;display:block;margin-bottom:.25rem}.summary-label{font-size:.85rem;font-weight:600;text-transform:capitalize;letter-spacing:.05em;opacity:.8}.error-list-container{background:white;border:1px solid #fee2e2;border-radius:16px;padding:1.5rem;max-height:250px;overflow-y:auto}.error-list-header{display:flex;align-items:center;gap:.5rem;color:#991b1b;font-weight:700;margin-bottom:1rem;font-size:1rem}.error-item{font-size:.9rem;color:#b91c1c;padding:.75rem;border-radius:10px;background:#fff5f5;margin-bottom:.5rem;display:flex;gap:.5rem}.row-tag{background:#fee2e2;color:#991b1b;padding:.125rem .5rem;border-radius:6px;font-weight:700;font-size:.8rem;height:fit-content}.error-msg{line-height:1.4}.import-modal-footer{padding:1.5rem 2.5rem;background:#ffffff;border-top:1px solid #f1f5f9;display:flex;justify-content:flex-end;gap:1rem}.btn-premium{padding:.875rem 2rem;border-radius:14px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .2s ease;border:none}.btn-premium-outline{background:white;border:1px solid #e2e8f0;color:#64748b}.btn-premium-outline:hover{background:#f8fafc;border-color:#cbd5e1;color:#334155}.btn-premium-primary{background:var(--color-primary-gradient);color:#fff;box-shadow:0 4px 12px #e34d3e33}.btn-premium-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 16px #e34d3e4d}.btn-premium-primary:disabled{background:#cbd5e1;cursor:not-allowed;box-shadow:none}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.spinner-premium{width:20px;height:20px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.customer-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:var(--color-bg-overlay);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;z-index:1100;animation:fadeIn .2s ease-out}.customer-modal-content{background:var(--color-bg-primary);border-radius:var(--radius-2xl);width:90%;max-width:800px;max-height:90vh;display:flex;flex-direction:column;box-shadow:var(--shadow-2xl);animation:slideUp .3s cubic-bezier(.16,1,.3,1);overflow:hidden;border:1px solid var(--color-border-light)}.customer-modal-header{padding:1rem 1.5rem;border-bottom:1px solid var(--color-border-light);display:flex;justify-content:space-between;align-items:center;background:linear-gradient(to right,#ffffff,var(--color-bg-secondary))}.customer-modal-header h3{margin:0;font-size:1.25rem;font-weight:600;background:var(--color-primary-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.02em}.customer-modal-body{padding:1.5rem;overflow-y:auto;display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.4rem}.form-group label{font-size:.9rem;font-weight:500;color:var(--color-text-primary);display:flex;align-items:center;gap:.25rem}.required-mark{color:var(--color-danger)}.form-input{padding:0 .75rem;border:1px solid var(--color-border-medium);border-radius:8px;font-size:.9rem;transition:all .2s ease;background-color:var(--color-bg-primary);color:var(--color-text-primary);height:38px}.form-input:hover{border-color:var(--color-gray-400)}.form-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #e34d3e26}.form-input.error{border-color:var(--color-danger);background-color:#fff5f5}.error-text{color:var(--color-danger);font-size:var(--font-size-xs);margin-top:.25rem;display:flex;align-items:center;gap:.25rem}.contact-row{display:grid;grid-template-columns:120px 1fr 1fr;gap:1rem}.phone-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.phone-input-group{display:flex;gap:.5rem}.phone-code-select{width:90px;padding:0 .5rem}.flex-1{flex:1}.radio-group{display:flex;gap:1.5rem;align-items:center;padding:.5rem 0}.radio-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-weight:var(--font-weight-medium);color:var(--color-text-primary);transition:color .2s}.radio-label:hover{color:var(--color-primary)}.radio-label input[type=radio]{accent-color:var(--color-primary);width:1.1em;height:1.1em;margin:0;cursor:pointer}.customer-modal-footer{padding:1rem 1.5rem;border-top:1px solid var(--color-border-light);display:flex;justify-content:flex-end;gap:1rem;background-color:#f9fafb}.form-section-divider{margin:1.5rem 0 1rem;padding-bottom:.5rem;border-bottom:1px solid var(--color-border-light)}.form-section-divider h4{color:var(--color-text-secondary);font-size:.95rem;font-weight:600;margin:0}.form-row.two-col{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.checkbox-group{display:flex;align-items:center}.checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.95rem;color:var(--color-text-primary)}textarea.form-input{resize:vertical;min-height:38px;padding:.5rem .75rem}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.customer-modal-body::-webkit-scrollbar{width:6px}.customer-modal-body::-webkit-scrollbar-track{background:transparent}.customer-modal-body::-webkit-scrollbar-thumb{background-color:var(--color-border-medium);border-radius:20px}.customer-modal-body::-webkit-scrollbar-thumb:hover{background-color:var(--color-text-light)}.modal-tabs{display:flex;gap:1.5rem;padding:0 1.5rem;border-bottom:1px solid var(--color-border-light);background-color:#f9fafb}.modal-tab{padding:1rem .5rem;font-size:.95rem;font-weight:600;color:var(--color-text-secondary);background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;transition:all .2s;margin-bottom:-1px}.modal-tab:hover{color:var(--color-text-primary)}.modal-tab.active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.tab-content{display:none;flex-direction:column;gap:1rem;animation:fadeIn .2s ease-out}.tab-content.active{display:flex}.address-tab-content{display:none;animation:fadeIn .2s ease-out}.address-tab-content.active{display:block}.address-two-col{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;align-items:start}.address-column{background-color:#f9fafb;border:1px solid #e5e7eb;padding:1.75rem;display:flex;flex-direction:column;gap:.5rem;transition:box-shadow .2s}.address-column:hover{box-shadow:0 4px 6px -1px #0000001a;border-color:#d1d5db}.address-header{margin:0;font-size:1.1rem;font-weight:600;color:var(--color-text-primary);display:flex;align-items:center;gap:.5rem;padding-bottom:.75rem;border-bottom:1px solid var(--color-border-light);margin-bottom:.5rem}.address-header:before{content:"";display:inline-block;width:20px;height:20px;background-size:contain;background-repeat:no-repeat;opacity:.7}.address-header-row{display:flex;justify-content:space-between;align-items:center;padding-bottom:.75rem;border-bottom:1px solid var(--color-border-light);margin-bottom:.5rem}.address-header-row .address-header{margin:0;border:none;padding:0}.copy-address-link{background:none;border:none;color:var(--color-primary);font-size:.85rem;font-weight:500;cursor:pointer;transition:color .2s;display:flex;align-items:center;gap:.25rem}.copy-address-link:hover{color:var(--color-primary-dark);text-decoration:underline}.address-compact-row{display:flex;gap:1rem;align-items:flex-start;width:100%}.address-compact-col{flex:1;display:flex;flex-direction:column;gap:.35rem}.address-compact-col label{font-size:.8rem;font-weight:600;color:var(--color-text-secondary);text-transform:capitalize;letter-spacing:.03em}.address-compact-col .form-input{width:100%;padding:0 .75rem;font-size:.9rem;background-color:var(--color-bg-primary);border:1px solid var(--color-border-medium);border-radius:8px;transition:all .2s ease;height:38px;box-sizing:border-box}.address-compact-col select.form-input{height:38px;padding:0 .75rem;cursor:pointer}.address-compact-col .form-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px #e34d3e1a}.address-compact-col textarea.form-input{min-height:38px;height:auto;resize:none;font-size:.9rem;line-height:1.4;padding:.5rem .75rem}.phone-compact-group{display:flex;gap:.5rem;width:100%}.phone-compact-group select{width:80px;height:38px;padding:0 .25rem 0 .5rem;-webkit-appearance:auto;-moz-appearance:auto;appearance:auto;box-sizing:border-box}.phone-compact-group input{flex:1;height:38px;box-sizing:border-box}.basic-info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;align-items:start}.full-width-col{grid-column:1 / -1}.basic-info-grid .form-group{margin-bottom:0}.contact-name-row{display:flex;gap:.75rem}.contact-name-row select{width:110px}.contact-name-row input{flex:1}.form-group label{font-size:.9rem;font-weight:500;color:var(--color-text-primary)}.form-input{width:100%;padding:0 .75rem;border-radius:8px;border:1px solid var(--color-border-medium);font-size:.9rem;background-color:var(--color-bg-primary);transition:all .2s ease;height:38px;box-sizing:border-box;line-height:1.5}select.form-input{height:38px;padding:0 .75rem;-webkit-appearance:auto;-moz-appearance:auto;appearance:auto;cursor:pointer}textarea.form-input{height:auto;min-height:38px;resize:vertical;padding:.5rem .75rem;line-height:1.5}.form-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px #e34d3e1a}.form-input.error{border-color:#ef4444}.required-mark{color:#ef4444}.error-text{color:#ef4444;font-size:.85rem;margin-top:.25rem}.radio-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.95rem}.radio-label input[type=radio]{width:1.1rem;height:1.1rem;accent-color:var(--color-primary);cursor:pointer}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.contact-modal{background:white;width:900px;max-width:95vw;border-radius:8px;box-shadow:0 10px 25px #0000001a;display:flex;flex-direction:column}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid #eee}.modal-header h2{margin:0;font-size:1.25rem;color:#333;font-weight:600}.close-modal-btn{background:none;border:none;font-size:1.5rem;color:#999;cursor:pointer;line-height:1}.modal-body{padding:2rem;display:grid;grid-template-columns:1fr 280px;gap:2.5rem}.contact-form-main{display:flex;flex-direction:column;gap:1.25rem}.form-row{display:grid;grid-template-columns:140px 1fr;align-items:center;gap:1rem}.form-row label{font-size:.9rem;color:#555;font-weight:500}.input-group-multi{display:flex;gap:.75rem}.contact-modal input,.contact-modal select{height:38px;border:1px solid #d1d5db;border-radius:4px;padding:0 .75rem;font-size:.9rem;width:100%}.contact-modal .skype-input-wrap{display:flex;align-items:center;border:1px solid #d1d5db;border-radius:4px;overflow:hidden}.skype-icon{background:#f3f4f6;padding:0 .75rem;height:38px;display:flex;align-items:center;border-right:1px solid #d1d5db}.contact-modal .skype-input-wrap input{border:none}.phone-input-group{display:flex;border:1px solid #d1d5db;border-radius:4px;overflow:hidden}.phone-input-group select{width:80px;border:none;border-right:1px solid #d1d5db;background-color:#f3f4f6;border-radius:0}.phone-input-group input{border:none}.image-upload-panel{border:1px dashed #d1d5db;border-radius:8px;padding:2rem 1.5rem;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background-color:#fafafa}.upload-icon-circle{width:40px;height:40px;border-radius:50%;background:#3b82f6;color:#fff;display:flex;align-items:center;justify-content:center;margin-bottom:1rem}.upload-title{font-size:.95rem;font-weight:600;color:#333;margin-bottom:.5rem}.upload-subtitle{font-size:.8rem;color:#666;line-height:1.4;margin-bottom:1rem}.upload-btn-link{color:#333;text-decoration:underline;font-weight:600;font-size:.9rem;cursor:pointer;background:none;border:none}.modal-footer{padding:1rem 1.5rem;border-top:1px solid #eee;display:flex;gap:.75rem}.btn-save{background-color:#3b82f6;color:#fff;border:none;padding:.5rem 1.25rem;border-radius:4px;font-weight:600;cursor:pointer}.btn-cancel{background-color:#f3f4f6;color:#333;border:1px solid #d1d5db;padding:.5rem 1.25rem;border-radius:4px;font-weight:600;cursor:pointer}.invoice-page{padding:0;margin:0 auto;background-color:var(--color-bg-secondary);min-height:auto;animation:fadeIn .3s ease-out}.invoice-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-2xl)}.invoice-header h2{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);display:flex;align-items:center;gap:var(--spacing-sm);margin:0}.invoice-header h2 svg{color:var(--color-primary)}.close-btn{background:transparent;border:none;font-size:1.5rem;color:var(--color-text-tertiary);cursor:pointer;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:var(--transition-base)}.close-btn:hover{background-color:var(--color-bg-tertiary);color:var(--color-danger);transform:rotate(90deg)}.invoice-form{background:var(--color-bg-primary);padding:20px 24px;border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);display:flex;flex-direction:column;gap:20px;border:1px solid var(--color-border-light);max-width:1400px;margin:0 auto}.top-section-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:24px}.customer-panel{display:flex;flex-direction:column;gap:12px}.invoice-meta-panel{display:flex;flex-direction:column;gap:10px}.form-group label{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);text-transform:capitalize;letter-spacing:.05em}.form-group label.required:after,.items-table th.required:after{content:"*";color:var(--color-danger);margin-left:2px}.form-input,.form-select{height:38px;padding:0 .8rem;border:1px solid var(--color-border-medium);border-radius:var(--radius-lg);font-size:var(--font-size-base);font-family:var(--font-family);width:100%;transition:var(--transition-base);background-color:var(--color-bg-secondary)}.form-input:focus,.form-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #e34d3e1a;background-color:var(--color-bg-primary)}.form-input:hover:not(:disabled),.form-select:hover:not(:disabled){border-color:var(--color-border-dark)}.form-input:disabled,.form-select:disabled{background-color:var(--color-bg-tertiary);color:var(--color-text-tertiary);cursor:not-allowed;opacity:.7}.customer-details-box{margin-top:8px;padding:12px;background-color:var(--color-bg-tertiary);border-radius:var(--radius-lg);border:1px solid var(--color-border-light);display:grid;grid-template-columns:1fr 1fr;gap:12px}.address-block h4{font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);color:var(--color-text-tertiary);margin:0 0 var(--spacing-xs) 0}.address-link{color:var(--color-primary);font-size:var(--font-size-xs);text-decoration:none;cursor:pointer;font-weight:var(--font-weight-medium);transition:color .2s;display:inline-block}.address-display{font-size:var(--font-size-xs);color:var(--color-text-secondary);line-height:1.5;margin-top:.25rem}.address-link:hover{color:var(--color-primary-dark);text-decoration:underline}.meta-row{display:grid;grid-template-columns:140px 1fr;align-items:center;gap:var(--spacing-md)}.meta-row label{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:var(--font-weight-medium)}.items-table-container{margin-top:var(--spacing-lg);border:1px solid var(--color-border-medium);border-radius:var(--radius-xl);overflow:hidden;background-color:var(--color-bg-primary);box-shadow:var(--shadow-sm)}.items-table{width:100%;border-collapse:collapse}.items-table th{background-color:var(--color-bg-tertiary);text-align:left;padding:8px 12px;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);color:var(--color-text-secondary);text-transform:capitalize;letter-spacing:.05em;border-bottom:1px solid var(--color-border-light)}.items-table td{padding:8px 12px;border-bottom:1px solid var(--color-border-light);vertical-align:top}.items-table tr:last-child td{border-bottom:none}.items-table input,.items-table textarea{border:1px solid transparent;background:transparent;width:100%;padding:.4rem;border-radius:var(--radius-md);font-family:var(--font-family);font-size:var(--font-size-base);transition:all .2s}.items-table textarea{resize:vertical;min-height:48px}.items-table input:hover,.items-table textarea:hover{background-color:var(--color-bg-secondary)}.items-table input:focus,.items-table textarea:focus{outline:none;border-color:var(--color-primary);background-color:var(--color-bg-primary);box-shadow:0 0 0 2px #e34d3e1a}.amount-column{text-align:right;font-weight:var(--font-weight-bold);color:var(--color-text-primary);padding-right:1.5rem!important}.delete-row-btn{color:var(--color-text-tertiary);cursor:pointer;background:none;border:none;padding:.4rem;border-radius:var(--radius-full);transition:all .2s;display:flex;align-items:center;justify-content:center}.delete-row-btn:hover{background-color:#fee2e2;color:var(--color-danger)}.table-actions{padding:var(--spacing-md);background-color:var(--color-bg-tertiary);border-top:1px solid var(--color-border-light)}.btn-add-row{background:transparent;border:1px dashed var(--color-border-dark);color:var(--color-primary);padding:.5rem 1rem;border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer;display:inline-flex;align-items:center;gap:.5rem;transition:all .2s}.btn-add-row:hover{background-color:#e34d3e0d;border-color:var(--color-primary)}.invoice-footer-grid{display:block;margin-top:var(--spacing-2xl)}.notes-section textarea{min-height:120px;resize:none;background-color:var(--color-bg-secondary)}.ig-totals-container{display:flex;flex-direction:column;gap:12px;width:100%;margin-left:auto}.ig-totals-box{background-color:#f8fafc;border-radius:12px;border:1px solid #e2e8f0;display:flex;flex-direction:column;width:50%;overflow:hidden;margin-left:auto}.ig-total-row{display:grid;grid-template-columns:180px 1fr 140px;align-items:center;padding:8px 16px;min-height:44px;border-bottom:1px solid #f1f5f9;transition:background-color .2s}.ig-total-row:hover{background-color:#f1f5f9}.ig-total-row:last-of-type{border-bottom:none}.ig-total-label{display:flex;align-items:center;gap:8px;font-weight:600;color:#475569;font-size:var(--font-size-xs)}.ig-total-label svg{color:#94a3b8}.ig-total-control{display:flex;align-items:center;justify-content:flex-start;gap:8px}.ig-total-amount{text-align:right;font-weight:700;color:#1e293b;font-size:15px;display:flex;align-items:center;justify-content:flex-end}.subtotal-row{background-color:#fff}.discount-row .ig-total-amount{color:#e11d48}.adjustment-amount.plus,.tax-row-amount.plus{color:#059669}.adjustment-amount.minus,.tax-row-amount.minus{color:#e11d48}.tax-config{display:flex;align-items:center;gap:12px;width:100%}.tax-segmented-control{display:flex;background-color:#f1f5f9;border:1px solid #cbd5e1;border-radius:8px;padding:2px;height:32px}.tax-segmented-control label{display:flex;align-items:center;justify-content:center;padding:0 10px;border-radius:6px;font-size:10px;font-weight:700;cursor:pointer;transition:all .2s;color:#64748b;margin:0;text-transform:uppercase}.tax-segmented-control input[type=radio]{display:none}.tax-segmented-control label:has(input:checked){background-color:#fff;color:var(--color-primary);box-shadow:0 1px 2px #0000000d}.tax-input-wrap{display:flex;align-items:center;gap:8px;flex:1}.ig-totals-box .form-select{height:32px!important;padding:0 8px!important;font-size:12px!important;border-radius:6px!important;flex:1!important;max-width:240px!important;border:1px solid #cbd5e1!important;background-color:#fff!important}.total-input-group{display:flex;align-items:center;background:#ffffff;border:1px solid #cbd5e1;border-radius:6px;padding:0 8px;height:32px;width:fit-content}.total-input-group input{width:56px;height:100%!important;border:none!important;background:transparent!important;padding:0 4px!important;font-size:12px!important;font-weight:600!important;text-align:right!important;outline:none!important}.adjustment-input-group input{width:64px;text-align:center!important}.total-input-group span{font-size:10px;font-weight:700;color:#94a3b8}.ig-grand-total-row{margin-left:auto;width:50%;padding:14px 20px;background:#0f172a;border-radius:12px;display:flex;justify-content:space-between;align-items:center;color:#fff;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.ig-grand-total-row .ig-total-label{font-size:12px;font-weight:600;color:#fff;letter-spacing:.1em}.ig-grand-total-row .ig-total-amount{font-size:20px;font-weight:700;color:#fff}.balance-due-row{margin-top:8px;background:#f8fafc;color:#1e293b;border:1px solid #e2e8f0;box-shadow:none}.balance-due-row .ig-total-label{color:#0f172a}.balance-due-row .ig-total-amount{color:#1e293b;font-size:18px}.save-bar{position:sticky;bottom:var(--spacing-lg);background:rgba(255,255,255,.9);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:var(--spacing-lg) var(--spacing-2xl);border:1px solid var(--color-border-light);border-radius:var(--radius-full);display:flex;justify-content:flex-end;gap:var(--spacing-md);margin-top:var(--spacing-3xl);box-shadow:var(--shadow-xl);max-width:1000px;margin-left:auto;margin-right:auto}.btn-preview{background-color:#ecfdf5;color:#059669;border:1px solid #10b981;padding:0 1.2rem;height:42px;border-radius:var(--button-border-radius);font-weight:600;font-size:var(--font-size-sm);display:flex;align-items:center;gap:8px;cursor:pointer;transition:all .2s}.btn-preview:hover{background-color:#d1fae5;transform:translateY(-1px);box-shadow:0 4px 6px -1px #10b9811a}.email-communications-section{margin-top:var(--spacing-md);padding-top:var(--spacing-lg)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.section-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0}.clear-selection-btn{background:none;border:none;color:var(--color-danger);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);cursor:pointer;display:flex;align-items:center;gap:4px}.email-recipients-list{display:flex;flex-wrap:wrap;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.btn-add-new-email{display:flex;align-items:center;gap:8px;padding:var(--spacing-sm) var(--spacing-lg);border:1px dashed var(--color-border-medium);border-radius:var(--radius-md);background:transparent;color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all .2s}.btn-add-new-email span{display:flex;align-items:center;justify-content:center;width:20px;height:20px;background:var(--color-primary);color:#fff;border-radius:50%;font-size:14px}.btn-add-new-email:hover{border-color:var(--color-primary);color:var(--color-primary)}.email-recipient-card{display:flex;align-items:center;gap:12px;padding:var(--spacing-sm) var(--spacing-lg);border:1px solid var(--color-border-light);border-radius:var(--radius-md);background:var(--color-bg-secondary);transition:all .2s;cursor:pointer}.email-recipient-card:hover{border-color:var(--color-border-medium)}.email-recipient-card input[type=checkbox]{width:18px;height:18px;accent-color:var(--color-primary);cursor:pointer}.recipient-info{display:flex;align-items:center;gap:8px;cursor:pointer}.recipient-avatar{width:28px;height:28px;background:#e5e7eb;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#9ca3af}.recipient-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.recipient-email{font-size:var(--font-size-sm);color:var(--color-text-tertiary)}.additional-fields-info{font-size:var(--font-size-xs);color:var(--color-text-secondary);padding:var(--spacing-sm) 0}.additional-fields-info em{font-style:normal;color:var(--color-text-tertiary)}.project-lookup-group{margin-top:var(--spacing-sm)}.project-select{transition:all .2s ease}.project-details-card{margin-top:var(--spacing-lg);padding:var(--spacing-lg);background-color:var(--color-bg-secondary);border:1px solid var(--color-border-medium);border-left:4px solid var(--color-primary);border-radius:var(--radius-lg);animation:slideDown .3s ease-out}.project-details-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-md)}.detail-item{display:flex;flex-direction:column;gap:4px}.detail-item label{font-size:10px;font-weight:700;color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.05em;margin:0}.project-details-card.compact{padding:var(--spacing-md);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.project-details-grid.compact{grid-template-columns:repeat(2,1fr);gap:var(--spacing-sm) var(--spacing-md)}.project-details-grid.compact .detail-value{font-size:13px;padding:0}.project-details-grid.compact .detail-item{gap:2px}.project-card-header{display:flex;align-items:center;gap:10px;margin-bottom:var(--spacing-md);padding-bottom:8px;border-bottom:1px solid var(--color-border-light)}.project-card-header h4{margin:0;font-size:var(--font-size-sm);font-weight:700;color:var(--color-text-primary)}.project-indicator{width:8px;height:8px;border-radius:50%}.detail-value{font-size:var(--font-size-sm);font-weight:700;color:var(--color-text-primary);padding:4px 0}.services-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}.service-tag{background-color:#fff;border:1px solid var(--color-border-medium);padding:2px 10px;border-radius:var(--radius-full);font-size:11px;font-weight:700;transition:all .2s ease}.service-tag:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm)}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.invoice-preview-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);display:flex;justify-content:center;align-items:center;z-index:2000}.invoice-preview-container{background:#f3f4f6;width:90%;max-width:1000px;height:90vh;border-radius:12px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 25px 50px -12px #00000080}.preview-header{padding:16px 24px;background:white;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center}.preview-header h3{margin:0;font-size:18px;font-weight:600;color:#111827}.preview-actions{display:flex;gap:12px;align-items:center}.preview-scroll-area{flex:1;overflow-y:auto;padding:40px;display:flex;justify-content:center}.preview-footer{padding:16px 24px;background:white;border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end;gap:12px}@media print{.invoice-preview-overlay{position:static;background:none}.invoice-preview-container{width:100%;height:auto;box-shadow:none;position:static}.preview-header,.preview-footer{display:none}.preview-scroll-area{overflow:visible;padding:0}}.invoice-container{padding:30px}.invoice-template-v2{width:210mm;min-height:280mm;margin:auto;background:white;font-family:Roboto,Arial,sans-serif;color:#111;font-size:9.5pt;line-height:1.4;border:1px solid #999;position:relative;box-sizing:border-box}.invoice-template-v2 *{box-sizing:border-box}.header-grid{display:grid;grid-template-columns:130px 1fr 180px;padding:12px 14px 10px;align-items:flex-start;gap:8px;border-bottom:1px solid #999}.invoice-logo{max-width:150px;height:auto;display:block;margin-top:48px}.company-info-section{text-align:left;padding:0 30px}.company-name{margin:0 0 3px;font-size:13pt;font-weight:700;text-transform:uppercase;letter-spacing:.3px;color:#000}.company-details p{margin:1px 0;color:#333;font-size:8.5pt;line-height:1.5}.document-type{text-align:right;align-self:flex-end}.document-type h1{font-size:18pt;font-weight:700;margin:0;color:#111;letter-spacing:.5px;text-transform:uppercase;white-space:nowrap;line-height:1.1}.meta-grid{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid #999}.meta-left{border-right:1px solid #999;padding:0}.meta-right{padding:0}.meta-item{display:flex;min-height:20px;align-items:center}.meta-item:last-child{border-bottom:none}.meta-item .label{width:90px;padding:3px 6px 3px 10px;font-weight:400;color:#444;font-size:8.5pt;flex-shrink:0}.meta-item .colon{padding-right:4px;color:#444;font-size:8.5pt}.meta-item .value{flex:1;padding:3px 6px;font-size:8.5pt}.meta-item .value strong{font-weight:700}.meta-right .meta-item{border-bottom:none;min-height:20px;align-items:center;padding:3px 0}.meta-right .meta-item .label{width:110px;padding-left:10px}.address-grid{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid #999}.address-column{padding:0}.address-column:first-child{border-right:1px solid #999}.address-label{background:#e8e8e8;padding:2px 10px;font-weight:700;font-size:8.5pt;border-bottom:1px solid #999;text-transform:capitalize;letter-spacing:.2px;color:#111}.address-content{padding:4px 10px;font-size:8.5pt;line-height:1.4;color:#222}.address-content strong{font-size:8.5pt;font-weight:700;display:block;margin-bottom:0}.address-content .gstin-line{margin-top:1px;font-size:8.5pt;font-weight:700;color:#111;display:block}.placeholder-text{color:#888;font-style:italic}.items-table-v2{width:100%;border-collapse:collapse;border-bottom:1px solid #999;font-size:8.5pt}.items-table-v2 th{background:#f0f0f0;border:1px solid #999;padding:4px 5px;font-weight:700;font-size:8.5pt;vertical-align:middle;text-align:center;color:#111}.items-table-v2 th.col-desc{text-align:left}.items-table-v2 th.col-amount,.items-table-v2 th.col-rate,.items-table-v2 th.col-qty{text-align:right}.items-table-v2 td{border:1px solid #999;padding:3px 6px;vertical-align:top;font-size:8.5pt;color:#222}.items-table-v2 td.col-desc{white-space:pre-wrap;word-break:break-word}.items-table-v2 tbody tr:nth-child(2n){background-color:#fafafa}.joined-header{text-align:center!important;font-weight:700;font-size:8.5pt;background:#f0f0f0}.invoice-footer-v2{display:grid;grid-template-columns:1fr 240px}.footer-left{border-right:1px solid #999;padding:6px 12px;font-size:8.5pt}.footer-right{padding:0;display:flex;flex-direction:column;min-height:160px}.words-section,.notes-section,.declaration-section,.terms-section{margin-bottom:6px}.words-section .label,.notes-section .label,.declaration-section .label,.terms-section .label{font-weight:700;color:#111;font-size:8.5pt;margin-bottom:0;display:block}.words-section .value,.notes-section .value,.declaration-section .value,.terms-section .value{font-size:8.5pt;color:#222;margin:0;line-height:1.3}.bank-details p{margin:0;font-size:8.5pt;color:#222;line-height:1.3}.bank-details p strong{font-weight:700}.thank-you-line{margin:6px 0 8px;font-size:8.5pt;font-weight:700;text-transform:uppercase;letter-spacing:.3px;color:#111}.computer-generated-note{margin:1px 0 0;font-size:8pt;color:#555;font-style:italic}.totals-section{flex:1;padding:4px 0}.total-row{display:flex;justify-content:space-between;align-items:center;height:20px;padding:0 12px;font-size:8.5pt;color:#111;line-height:1.2;border-bottom:none}.total-row .label{text-align:left}.total-row .value{text-align:right;font-weight:400}.total-row.grand-total,.total-row.balance-due{font-weight:700;margin-top:1px}.total-row.grand-total .label,.total-row.grand-total .value,.total-row.balance-due .label,.total-row.balance-due .value{font-weight:700}.total-row.balance-due{font-size:9pt}.signature-area{border-top:1px solid #999;min-height:70px;display:flex;flex-direction:column;justify-content:flex-end;align-items:center}.sig-label{font-weight:500;font-size:8.5pt;text-align:center;color:#111;border-bottom:1px solid #ccc;padding-top:2px;width:100%}@media print{@page{size:A4 portrait;margin:8mm}body{margin:0;padding:0;background:white!important;-webkit-print-color-adjust:exact;print-color-adjust:exact;color-adjust:exact}body *{visibility:hidden}.invoice-card,.invoice-card *{visibility:visible}.invoice-card{position:absolute;left:0;top:0;width:100%!important;max-width:none!important;box-shadow:none!important;border:none!important;border-radius:0!important;margin:0!important;padding:0!important;overflow:visible!important}.invoice-container{padding:0!important}.invoice-template-v2{width:100%!important;min-height:0!important;border:1px solid #999!important;margin:0!important;box-shadow:none!important;page-break-inside:avoid;font-size:9.5pt!important}.address-label,.items-table-v2 th,.total-row.grand-total,.header-grid{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;color-adjust:exact!important}.main-header,.view-header,.invoice-view-page>.view-header,.invoice-container-outer>:not(.invoice-card),.invoice-page,.save-bar,.invoice-header,.invoice-form,.modal-overlay,.btn,nav,header,footer,.sidebar{display:none!important;visibility:hidden!important}}.invoices-page{width:100%;display:flex;flex-direction:column}.header-right .btn-primary{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-light) 100%);border:none;padding:10px 22px;border-radius:10px;color:#fff;font-weight:700;display:flex;align-items:center;gap:8px;letter-spacing:.3px;font-size:14px;box-shadow:0 4px 12px #e34d3e59;transition:all .25s}.header-right .btn-primary:hover{background:linear-gradient(135deg,var(--color-primary-dark) 0%,var(--color-primary) 100%);transform:translateY(-2px);box-shadow:0 8px 20px #e34d3e73}.company-tabs-container{margin-bottom:24px;border-bottom:1px solid #e3e8ee}.company-tabs{display:flex;gap:32px}.company-tabs-bar{display:flex;gap:8px;margin-bottom:20px;background:white;border:1px solid #e3e8ee;border-radius:10px;padding:6px;width:fit-content}.company-tabs-bar .company-tab{border-radius:7px;padding:8px 20px;font-size:14px;font-weight:600;color:#697386;transition:all .2s;text-transform:uppercase;letter-spacing:.5px;background:none;border:none;cursor:pointer}.company-tabs-bar .company-tab:hover{background:#f4f5f7;color:#1a1f36}.company-tabs-bar .company-tab.active{background:linear-gradient(135deg,var(--color-primary-light) 0%,var(--color-primary) 100%);color:#fff;box-shadow:0 2px 6px #e34d3e4d}.company-tabs-bar .company-tab.active:after{display:none}.company-tab{background:none;border:none;padding:12px 4px;font-size:15px;font-weight:600;color:#697386;cursor:pointer;position:relative;transition:all .2s;text-transform:uppercase;letter-spacing:.5px}.company-tab:hover{color:#1a1f36}.company-tab.active{color:var(--color-primary)}.company-tab.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:3px;background:var(--color-primary);border-radius:3px 3px 0 0}.company-summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:20px;margin-bottom:24px}.company-card{background:white;border-radius:12px;border:1px solid #e2e8f0;padding:20px 24px;box-shadow:0 1px 3px #00000005;display:flex;flex-direction:column;gap:16px;position:relative;overflow:hidden;transition:transform .2s,box-shadow .2s}.company-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000000d}.company-card.vibrant{border-left:4px solid var(--color-primary)}.company-card.ctrl{border-left:4px solid #ef4444}.card-header h2{margin:0;font-size:13px;font-weight:700;color:var(--color-primary);text-transform:uppercase;letter-spacing:.5px}.company-card.ctrl .card-header h2{color:#ef4444}.card-content{display:grid;grid-template-columns:1fr 1fr;gap:16px 20px;padding:8px 0}.stat-item{display:flex;align-items:center;gap:12px}.stat-icon{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-icon svg{width:18px;height:18px}.stat-icon.total{background-color:#e34d3e14;color:var(--color-primary)}.stat-icon.outstanding{background-color:#f3f0ff;color:#7c3aed}.stat-icon.received{background-color:#f1f5f9;color:#475569}.stat-icon.overdue{background-color:#fef2f2;color:#ef4444}.stat-icon.draft{background-color:#fef9c3;color:#854d0e}.stat-icon.void{background-color:#f3f4f6;color:#6b7280}.stat-info{display:flex;flex-direction:column}.stat-label{font-size:9.5px;font-weight:700;color:#64748b;letter-spacing:.5px;line-height:1.2}.stat-sublabel{font-size:8.5px;color:#94a3b8;margin-bottom:2px;text-transform:uppercase;font-weight:500}.stat-value{font-size:18px;font-weight:800;color:#0c1524}.stat-value.overdue-text{color:#ef4444}.stat-value.draft-text{color:#854d0e}.stat-value.void-text{color:#6b7280}.card-footer{display:flex;justify-content:center;margin-top:auto;padding-top:10px}.btn-view-invoices{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-light) 100%);border:none;color:#fff;padding:8px 32px;border-radius:20px;font-weight:700;cursor:pointer;transition:all .2s;font-size:12px;letter-spacing:.3px;box-shadow:0 2px 6px #e34d3e33}.btn-view-invoices:hover{background:linear-gradient(135deg,var(--color-primary-dark) 0%,var(--color-primary) 100%);transform:translateY(-1.5px);box-shadow:0 4px 12px #e34d3e4d}.list-header-actions{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;border-bottom:1px solid #e3e8ee;padding-bottom:8px}.btn-back{display:flex;align-items:center;gap:8px;background:#f1f5f9;border:1px solid #e2e8f0;color:#475569;font-weight:600;cursor:pointer;padding:8px 16px;border-radius:8px;font-size:13px;transition:all .2s}.btn-back:hover{background-color:#e2e8f0;color:#1e293b}.table-container{background:white;border-radius:12px;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;overflow:hidden}.vibrant-table{width:100%;border-collapse:collapse}.vibrant-table thead tr{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-light) 100%)}.vibrant-table th{padding:12px 16px;text-align:left;font-size:10.5px;font-weight:700;color:#ffffffeb;text-transform:uppercase;letter-spacing:1px;border-bottom:none;white-space:nowrap}.vibrant-table td{padding:12px 16px;font-size:13px;color:#4f566b;border-bottom:1px solid #f0f2f7;vertical-align:middle}.vibrant-table tbody tr:last-child td{border-bottom:none}.clickable-row{cursor:pointer;transition:background-color .15s,transform .1s}.clickable-row:hover{background-color:#f5f6ff}.invoice-num{font-weight:600;color:var(--color-primary)}.customer-name{font-weight:500;color:#1a1f36}.amount{font-weight:600;color:#111827}.status-badge{padding:4px 10px;border-radius:100px;font-size:12px;font-weight:600;text-transform:capitalize}.status-draft{background-color:#fef9c3;color:#854d0e}.status-sent{background-color:#dbeafe;color:#1e40af}.status-paid{background-color:#dcfce7;color:#15803d}.status-approved{background-color:#ecfdf5;color:#059669}.status-unpaid{background-color:#ffedd5;color:#9a3412}.status-overdue{background-color:#fee2e2;color:#b91c1c}.status-void{background-color:#f3f4f6;color:#6b7280}.empty-state{text-align:center;padding:60px!important;color:#a3acb9;font-style:italic}.loading-state{display:flex;justify-content:center;align-items:center;height:300px;font-size:18px;color:var(--color-primary);font-weight:600}.action-buttons{display:flex;justify-content:center;gap:8px;flex-wrap:nowrap;white-space:nowrap}.btn-icon{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:6px;border:1px solid #e3e8ee;background:white;color:#4f566b;cursor:pointer;transition:all .2s;padding:0;flex-shrink:0}.btn-icon:hover{transform:translateY(-1px);box-shadow:0 4px 6px -1px #0000001a}.btn-icon.view:hover{background-color:#e34d3e1a;color:var(--color-primary);border-color:var(--color-primary-light)}.btn-icon.edit:hover{background-color:#fffbeb;color:#d97706;border-color:#fde68a}.btn-icon.delete:hover{background-color:#fef2f2;color:#dc2626;border-color:#fecaca}.btn-icon.void:hover{background-color:#fdf4ff;color:#9333ea;border-color:#e9d5ff}.btn-void{background-color:#9333ea;color:#fff}.btn-void:hover{background-color:#7e22ce}.btn-secondary{background-color:#f3f4f6;color:#4b5563}.btn-danger{background-color:#ef4444;color:#fff}.btn-danger:hover{background-color:#dc2626}.payment-toggle{display:inline-flex;align-items:center;gap:10px;padding:4px 10px;border-radius:20px;transition:all .3s ease;-webkit-user-select:none;user-select:none;min-width:80px;justify-content:center}.payment-toggle.pending{background-color:#f1f5f9;color:#64748b;border:1px solid #e2e8f0}.payment-toggle.received{background-color:#ecfdf5;color:#059669;border:1px solid #d1fae5}.toggle-track{width:32px;height:18px;background-color:#cbd5e1;border-radius:10px;position:relative;transition:all .3s ease}.payment-toggle.received .toggle-track{background-color:#10b981}.toggle-thumb{width:14px;height:14px;background-color:#fff;border-radius:50%;position:absolute;top:2px;left:2px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 2px #0000001a}.payment-toggle.received .toggle-thumb{left:16px}.toggle-label{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.02em}.payment-toggle:hover .toggle-track{filter:brightness(.95)}.payment-toggle:active .toggle-thumb{width:18px}.reminder-col-container{padding:6px 12px;border-radius:8px;font-size:13px;font-weight:600;transition:all .2s ease;border:1px solid transparent}.reminder-col-container.not-set{background-color:#e34d3e0d;color:var(--color-primary);border-color:#e34d3e26}.reminder-col-container.not-set:hover{background-color:#e34d3e1a;border-color:var(--color-primary);transform:translateY(-1px)}.reminder-col-container.enabled{background-color:#f0fdf4;color:#16a34a;border-color:#bbf7d0}.reminder-col-container.enabled:hover{background-color:#dcfce7;border-color:#86efac;transform:translateY(-1px)}.reminder-col-container.disabled{background-color:#f8fafc;color:#64748b;border-color:#e2e8f0}.reminder-col-container.disabled:hover{background-color:#f1f5f9;border-color:#cbd5e1;transform:translateY(-1px)}.reminder-bell-icon{flex-shrink:0}.reminder-date-text,.set-reminder-btn-text{white-space:nowrap}.reminder-config-modal{animation:modalSlideUp .3s cubic-bezier(.16,1,.3,1);max-width:480px!important;text-align:left!important;border-radius:12px!important;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a!important}.reminder-config-modal .modal-header-with-icon{display:flex;align-items:center;gap:12px;margin-bottom:20px;border-bottom:1px solid #f1f5f9;padding-bottom:12px}.reminder-config-modal .modal-icon-circle-small{width:40px;height:40px;border-radius:50%;background-color:#e34d3e1a;color:var(--color-primary);display:flex;align-items:center;justify-content:center}.reminder-config-modal h2{margin:0;font-size:18px;font-weight:700;color:#1e293b}.reminder-config-modal .disable-reminder-container{margin-left:auto;display:flex;align-items:center;gap:8px}.reminder-config-modal .disable-reminder-label{font-size:12px;font-weight:600;color:#64748b}.reminder-config-modal .disable-reminder-checkbox{width:16px;height:16px;cursor:pointer;accent-color:var(--color-primary)}.reminder-config-modal label{display:block;font-size:12px;font-weight:600;color:#64748b;margin-bottom:6px}.reminder-config-modal .form-control-input{width:100%;padding:8px 12px;border-radius:8px;border:1px solid #e2e8f0;background-color:#f8fafc;font-size:14px;font-weight:500;color:#64748b}.reminder-config-modal .form-control-input:disabled{cursor:not-allowed}.reminder-config-modal .vt-datepicker-input{padding:8px 12px 8px 32px!important;border-radius:8px!important;border:1px solid #e2e8f0!important;font-size:14px!important;font-weight:600!important;color:var(--color-primary)!important;background-color:#fff!important;transition:all .2s ease!important;box-shadow:none!important}.reminder-config-modal .vt-datepicker-input:focus,.reminder-config-modal .vt-datepicker-input.open{border-color:var(--color-primary)!important;box-shadow:0 0 0 3px #e34d3e1f!important;outline:none!important}.reminder-config-modal .vt-datepicker-icon{left:10px!important;right:auto!important}.reminder-config-modal .schedule-checklist-container{display:flex;flex-direction:column;gap:8px;padding:12px;border:1px solid #e2e8f0;border-radius:10px;background-color:#f8fafc}.reminder-config-modal .schedule-label{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:500;cursor:pointer;margin-bottom:0}.reminder-config-modal .schedule-checkbox{width:16px;height:16px;cursor:pointer;accent-color:var(--color-primary)}.reminder-config-modal .modal-actions{display:flex;gap:12px;margin-top:24px}.reminder-config-modal .btn-danger{margin-right:auto;border:none;padding:10px 16px;border-radius:8px;font-weight:700;cursor:pointer;background-color:#ef4444;color:#fff;box-shadow:0 2px 8px #ef444433;transition:all .2s ease}.reminder-config-modal .btn-danger:hover{background-color:#dc2626;transform:translateY(-1px);box-shadow:0 4px 12px #ef44444d}.reminder-config-modal .btn-secondary{border:none;background-color:#94a3b8;color:#fff;padding:10px 16px;border-radius:8px;font-weight:700;cursor:pointer;transition:all .2s ease}.reminder-config-modal .btn-secondary:hover{background-color:#64748b;transform:translateY(-1px)}.reminder-config-modal .btn-primary{background:linear-gradient(135deg,var(--color-primary-light) 0%,var(--color-primary) 100%);border:none;color:#fff;padding:10px 20px;border-radius:8px;font-weight:700;cursor:pointer;box-shadow:0 4px 12px #e34d3e4d;transition:all .2s ease}.reminder-config-modal .btn-primary:hover{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);transform:translateY(-1px);box-shadow:0 6px 16px #e34d3e66}.reports-page{width:100%;animation:fadeIn .3s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.reports-header{margin-bottom:2rem}.reports-header h1{font-size:2rem;color:#111827;margin:0 0 .5rem;font-weight:700}.reports-subtitle{color:#6b7280;font-size:.95rem;margin:0}.reports-filters{background:white;border-radius:12px;padding:1.5rem;margin-bottom:2rem;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb}.detail-row-wrapper{background-color:#f8fafc}.detail-cards-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;width:100%}.detail-card-grid-item{display:flex;flex-direction:row;align-items:center;padding:.75rem 1rem;background:#ffffff;border:1px solid #f1f5f9;border-radius:8px;box-shadow:0 1px 3px #0000000d;width:100%;height:100%;box-sizing:border-box}.detail-divider{width:1px;height:36px;background-color:#f1f5f9;margin:0 1rem}.detail-stat-section{display:flex;align-items:center;gap:.75rem;flex:1}.stat-icon-wrapper{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center}.stat-icon-wrapper.time-icon{background-color:#fee2e2;color:#ef4444}.stat-icon-wrapper.log-icon{background-color:#f3e8ff;color:#8b5cf6}.stat-info{display:flex;flex-direction:column;justify-content:center;white-space:nowrap}.stat-label{font-size:.65rem;text-transform:uppercase;color:#64748b;font-weight:700;letter-spacing:.05em;margin-bottom:.15rem;white-space:nowrap}.stat-value{font-size:1.15rem;font-weight:700;white-space:nowrap}.stat-value.time-value{color:#ef4444}.stat-value.log-value{color:#8b5cf6}.stat-value .unit{font-size:.9rem;font-weight:600;color:#64748b;margin-left:.1rem}.filters-row{display:flex;flex-wrap:wrap;gap:1.25rem;margin-bottom:1.5rem;align-items:flex-end}.filter-group{display:flex;flex-direction:column;gap:.5rem;position:relative;z-index:1;flex:1 1 200px;min-width:200px}.filter-group label{font-size:.875rem;font-weight:600;color:#374151}.reports-page .filter-group>div{position:relative;z-index:inherit}.reports-filters .filter-select,.reports-filters .filter-input{padding:.625rem .875rem;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;outline:none;transition:all .2s;background:white}.filter-select:focus,.filter-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.filters-actions{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap}.btn-apply,.btn-reset{padding:.625rem 1.5rem;border-radius:6px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s;border:none}.btn-apply{background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);color:#fff}.btn-apply:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #3b82f666}.btn-apply:disabled{opacity:.6;cursor:not-allowed}.btn-reset{background:#f3f4f6;color:#374151;border:1px solid #d1d5db}.btn-reset:hover{background:#e5e7eb}.summary-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;margin-bottom:2.5rem}.summary-card{background:linear-gradient(135deg,#ffffff 0%,#f8f9fa 100%);border-radius:16px;padding:2rem;display:flex;align-items:center;gap:1.5rem;box-shadow:0 2px 8px #0000000a,0 1px 2px #0000000f;border:1px solid rgba(0,0,0,.06);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.summary-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#667eea 0%,#764ba2 100%);opacity:0;transition:opacity .3s ease}.summary-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px #00000014,0 4px 8px #0000000a;border-color:#667eea33}.summary-card:hover:before{opacity:1}.summary-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;line-height:1;transition:transform .3s ease}.summary-card:hover .summary-icon{transform:scale(1.1)}.summary-content{flex:1}.summary-value{font-size:2.25rem;font-weight:700;color:#1a202c;line-height:1;margin-bottom:.5rem;letter-spacing:-.02em}.summary-label{font-size:.813rem;font-weight:500;color:#64748b;text-transform:capitalize;letter-spacing:.05em}.reports-tabs{display:flex;gap:.5rem;margin-bottom:1.5rem;align-items:center}.tab-button{padding:.75rem 1.5rem;border:none;background:white;color:#6b7280;font-size:.875rem;font-weight:600;border-radius:8px 8px 0 0;cursor:pointer;transition:all .2s;border:1px solid #e5e7eb;border-bottom:none}.tab-button:hover{background:#f9fafb;color:#374151}.tab-button.active{background:white;color:#3b82f6;border-color:#3b82f6;position:relative}.tab-button.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:#3b82f6}.btn-export{margin-left:auto;padding:.75rem 1.5rem;border:1px solid #10b981;background:white;color:#10b981;font-size:.875rem;font-weight:600;border-radius:6px;cursor:pointer;transition:all .2s}.btn-export:hover{background:#10b981;color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.reports-content{background:white;border-radius:12px;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb;overflow:hidden}.report-table-wrapper{overflow-x:auto}.report-table{width:100%;border-collapse:collapse;font-size:.875rem}.report-table thead{background:var(--color-primary-gradient);border-bottom:2px solid #e5e7eb}.report-table th{padding:.75rem 1rem;text-align:left;font-weight:700;color:#fff;font-size:.875rem;text-transform:capitalize;letter-spacing:.025em}.report-table tbody tr.main-row{border-bottom:1px solid #e5e7eb;transition:background-color .2s}.report-table tbody tr.main-row:hover{background:#f9fafb}.report-table tbody tr.detail-row{background:#fafbfc;border-bottom:1px solid #f3f4f6}.report-table tbody tr.detail-row:hover{background:#f3f4f6}.report-table td{padding:.75rem 1rem;color:#6b7280}.report-table td strong{color:#111827}.text-right{text-align:right!important}.text-center{text-align:center!important}.project-badge{display:inline-block;padding:.375rem .875rem;border-radius:6px;color:#fff;font-size:.8125rem;font-weight:600}.project-badge.clickable{cursor:pointer;transition:all .2s ease}.project-badge.clickable:hover{transform:translateY(-1px);filter:brightness(1.1);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.clickable-name:hover{text-decoration:underline;opacity:.8}.btn-expand{background:none;border:none;color:#6b7280;font-size:1rem;cursor:pointer;padding:.25rem .5rem;border-radius:4px;transition:all .2s}.btn-expand:hover{background:#f3f4f6;color:#374151}.loading-state{padding:3rem;text-align:center;color:#6b7280;font-size:.875rem}.empty-state{padding:4rem 2rem;text-align:center}.empty-state p{color:#9ca3af;font-size:.95rem;margin:0}@media (max-width: 768px){.reports-page{padding:1rem}.reports-header h1{font-size:1.5rem}.filters-row{flex-direction:column;align-items:stretch}.filter-group{width:100%;min-width:0}.summary-cards{grid-template-columns:1fr}.reports-tabs{flex-direction:column;align-items:stretch}.btn-export{margin-left:0}.report-table{font-size:.8125rem}.report-table th,.report-table td{padding:.75rem .875rem}}@media (max-width: 1200px){.detail-cards-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 900px){.detail-cards-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 550px){.detail-cards-grid{grid-template-columns:1fr}}.payroll-page{display:flex;flex-direction:column;min-height:100%;background-color:#f8fafc;font-family:Inter,Segoe UI,sans-serif}.payroll-top-nav{display:flex;align-items:center;gap:0;background:#ffffff;border-bottom:2px solid #e5e7eb;padding:0 1.5rem;overflow-x:auto;scrollbar-width:none;box-shadow:0 1px 4px #0000000d}.payroll-top-nav::-webkit-scrollbar{display:none}.payroll-nav-tab{display:flex;align-items:center;gap:.35rem;padding:.85rem 1.1rem;font-size:.85rem;font-weight:600;color:var(--color-text-secondary);background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;white-space:nowrap;text-transform:uppercase;letter-spacing:.04em;transition:color .2s,border-color .2s;margin-bottom:-2px}.payroll-nav-tab:hover{color:var(--color-primary)}.payroll-nav-tab.active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.payroll-month-scroller-wrapper{display:flex;align-items:center;background:#ffffff;border-bottom:1px solid #e5e7eb;padding:.75rem .5rem;gap:.5rem}.month-scroll-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid #e2e8f0;border-radius:50%;background:#f8fafc;color:#64748b;cursor:pointer;flex-shrink:0;transition:background .2s,color .2s}.month-scroll-btn:hover{background:#4f46e5;color:#fff;border-color:#4f46e5}.payroll-months-track{display:flex;gap:.5rem;overflow-x:auto;flex:1;scrollbar-width:none;padding:.25rem 0}.payroll-months-track::-webkit-scrollbar{display:none}.payroll-month-card{display:flex;flex-direction:column;align-items:center;gap:.35rem;min-width:88px;padding:.5rem .6rem;border-radius:8px;cursor:pointer;border:2px solid transparent;transition:border-color .2s,background .2s;flex-shrink:0}.payroll-month-card:hover{background:#f1f5f9}.payroll-month-card.active-month{background:var(--color-primary);border-color:var(--color-primary)}.payroll-month-card.active-month .month-label,.payroll-month-card.active-month .month-date-range{color:#fff}.month-label{font-size:.95rem;font-weight:700;color:var(--color-text-primary)}.month-date-range{font-size:.75rem;color:var(--color-text-secondary);text-align:center;line-height:1.3}.month-status-badge{display:inline-flex;align-items:center;gap:.25rem;font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:.2rem .5rem;border-radius:20px;white-space:nowrap}.month-status-badge.completed{background:#d1fae5;color:#065f46}.month-status-badge.current{background:#e0e7ff;color:#3730a3}.month-status-badge.upcoming{background:#f1f5f9;color:#94a3b8}.payroll-period-header{display:flex;align-items:baseline;gap:.75rem;padding:1rem 1.5rem .5rem}.payroll-period-title{font-size:1.7rem;font-weight:800;color:var(--color-text-primary);letter-spacing:-.02em}.payroll-period-subtitle{font-size:.95rem;color:var(--color-text-secondary);font-weight:500}.payroll-stats-bar{display:flex;align-items:stretch;background:#ffffff;border:1px solid #e5e7eb;border-radius:12px;margin:.75rem 1.5rem;overflow:hidden;box-shadow:0 1px 4px #0000000a}.payroll-stat-block{display:flex;flex-direction:column;align-items:flex-start;padding:1rem 1.25rem;flex:1;border-right:1px solid #f1f5f9;min-width:0}.payroll-stat-block:last-child{border-right:none}.payroll-stat-label{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-secondary);margin-bottom:.35rem;white-space:nowrap}.payroll-stat-value{font-size:1.6rem;font-weight:800;color:var(--color-text-primary);line-height:1}.payroll-stat-value.green{color:var(--color-success)}.payroll-stat-sub{font-size:.8rem;color:var(--color-text-secondary);margin-top:.2rem}.payroll-stat-sub.red{color:var(--color-danger)}.payroll-stat-divider{display:flex;align-items:center;justify-content:center;padding:0 .25rem;color:#cbd5e1;font-size:1.1rem;font-weight:300;align-self:center}.payroll-main-content{display:flex;gap:1.5rem;padding:1rem 1.5rem 2rem;flex:1;align-items:flex-start}.payroll-left-panel{flex:1;display:flex;flex-direction:column;gap:1rem;min-width:0}.payroll-run-section{background:#ffffff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;box-shadow:0 1px 4px #0000000a}.payroll-run-header{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;border-bottom:1px solid #f1f5f9;background:#fafbff;cursor:pointer}.payroll-run-toggle-icon{display:flex;align-items:center;justify-content:center;color:var(--color-primary);flex-shrink:0}.payroll-run-title{font-size:1.05rem;font-weight:700;color:var(--color-text-primary);flex:1}.payroll-run-progress-wrapper{display:flex;align-items:center;gap:.75rem;flex:2}.payroll-progress-bar-track{flex:1;height:6px;background:var(--color-bg-tertiary);border-radius:99px;overflow:hidden}.payroll-progress-bar-fill{height:100%;border-radius:99px;background:var(--color-primary);transition:width .4s ease}.payroll-progress-text{font-size:.85rem;color:var(--color-text-secondary);white-space:nowrap;font-weight:500}.payroll-info-banner{display:flex;align-items:center;gap:.5rem;background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;padding:.75rem 1rem;margin:1rem;font-size:.82rem;color:#1d4ed8}.payroll-info-banner a{font-weight:700;color:#2563eb;text-decoration:underline;cursor:pointer}.payroll-steps-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;padding:0 1rem 1rem}.payroll-step-card{display:flex;align-items:center;gap:.85rem;padding:.9rem 1rem;border:1px solid #e5e7eb;border-radius:10px;background:#ffffff;cursor:pointer;transition:border-color .2s,box-shadow .2s}.payroll-step-card:hover{border-color:#a5b4fc;box-shadow:0 2px 8px #4f46e514}.payroll-step-icon-wrapper{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.payroll-step-icon-wrapper.blue{background:#eff6ff;color:#2563eb}.payroll-step-icon-wrapper.green{background:#f0fdf4;color:#16a34a}.payroll-step-icon-wrapper.amber{background:#fffbeb;color:#d97706}.payroll-step-icon-wrapper.purple{background:#faf5ff;color:#7c3aed}.payroll-step-icon-wrapper.rose{background:#fff1f2;color:#e11d48}.payroll-step-icon-wrapper.teal{background:#f0fdfa;color:#0d9488}.payroll-step-info{display:flex;flex-direction:column;gap:.2rem;min-width:0}.payroll-step-name{font-size:.95rem;font-weight:700;color:var(--color-text-primary);line-height:1.3}.payroll-step-status{font-size:.8rem;color:var(--color-text-secondary);font-weight:500}.payroll-step-status.done{color:var(--color-success)}.payroll-action-bar{display:flex;align-items:center;justify-content:flex-end;gap:.75rem;padding:.75rem 1rem 1rem;border-top:1px solid #f1f5f9}.payroll-btn{padding:.55rem 1.25rem;border-radius:8px;font-size:.82rem;font-weight:600;cursor:pointer;transition:background .2s,color .2s,border-color .2s,box-shadow .2s;border:1px solid #e2e8f0}.payroll-btn.outline{background:#ffffff;color:#374151;border-color:#d1d5db}.payroll-btn.outline:hover{background:#f1f5f9;border-color:#94a3b8}.payroll-btn.primary{background:var(--color-primary);color:var(--color-text-white);border-color:var(--color-primary)}.payroll-btn.primary:hover{background:var(--color-primary-dark);border-color:var(--color-primary-dark);box-shadow:var(--shadow-md)}.payroll-right-sidebar{width:280px;flex-shrink:0;display:flex;flex-direction:column;gap:1rem}.payroll-sidebar-panel{background:#ffffff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;box-shadow:0 1px 4px #0000000a}.payroll-sidebar-panel-header{display:flex;align-items:center;justify-content:space-between;padding:.85rem 1rem;border-bottom:1px solid #f1f5f9;background:#fafbff;cursor:pointer}.payroll-sidebar-panel-title{font-size:.82rem;font-weight:700;color:#1e293b}.payroll-sidebar-panel-toggle{color:#94a3b8;display:flex;align-items:center}.payroll-activity-empty{padding:1.5rem 1rem;text-align:center;font-size:.8rem;color:#94a3b8}.payroll-help-list{display:flex;flex-direction:column}.payroll-help-item{display:flex;align-items:flex-start;justify-content:space-between;gap:.5rem;padding:.75rem 1rem;border-bottom:1px solid #f8fafc;font-size:.78rem;color:#374151;cursor:pointer;transition:background .15s;text-decoration:none}.payroll-help-item:last-child{border-bottom:none}.payroll-help-item:hover{background:#f8fafc;color:#4f46e5}.payroll-help-item-icon{flex-shrink:0;color:#94a3b8}.payroll-still-need-help{display:flex;flex-direction:column;align-items:flex-start;gap:.25rem;padding:1rem;border-top:1px solid #f1f5f9}.payroll-still-help-label{font-size:.75rem;font-weight:600;color:#64748b}.payroll-still-help-sub{font-size:.7rem;color:#94a3b8}@media (max-width: 1024px){.payroll-right-sidebar{width:240px}.payroll-stats-bar{flex-wrap:wrap}.payroll-stat-block{min-width:120px}}@media (max-width: 768px){.payroll-main-content{flex-direction:column;padding:1rem}.payroll-right-sidebar{width:100%}.payroll-steps-grid{grid-template-columns:1fr}.payroll-stats-bar{flex-direction:column;margin:.75rem 1rem}.payroll-stat-block{border-right:none;border-bottom:1px solid #f1f5f9;padding:.75rem 1rem}.payroll-stat-block:last-child{border-bottom:none}.payroll-stat-divider{display:none}.payroll-period-header{padding:1rem}}.payroll-step-card.completed{border-color:#10b981;background-color:#f0fdf4;box-shadow:0 2px 8px #10b9810f}.payroll-step-card.completed:hover{border-color:#059669;box-shadow:0 4px 12px #10b9811f}.payroll-step-card.disabled{opacity:.6;cursor:not-allowed!important;pointer-events:auto}.payroll-locked-badge{display:inline-flex;align-items:center;gap:.25rem;background:#fef2f2;color:#dc2626;padding:.25rem .75rem;border-radius:999px;font-size:.72rem;font-weight:700;letter-spacing:.06em;border:1px solid #fee2e2;margin-left:1rem}.payroll-stat-sub.green{color:#16a34a}.payroll-stat-sub.red{color:#dc2626}.payroll-review-fullpage{display:flex;flex-direction:column;min-height:100%;background:#f8fafc;font-family:Inter,Segoe UI,sans-serif}.payroll-review-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;background:#ffffff;border-bottom:1px solid #e2e8f0;box-shadow:0 1px 3px #0000000a}.payroll-review-title{font-size:1.05rem;font-weight:700;color:#0f172a}.payroll-review-close{background:none;border:1px solid #e2e8f0;border-radius:8px;color:#64748b;cursor:pointer;padding:.35rem;display:flex;align-items:center;justify-content:center;transition:background .15s}.payroll-review-close:hover{background:#f1f5f9;color:#0f172a}.payroll-review-toolbar{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1.5rem;background:#ffffff;border-bottom:1px solid #f1f5f9}.payroll-review-toolbar-left{display:flex;align-items:center;gap:1rem}.payroll-review-toolbar-right{display:flex;align-items:center;gap:.75rem}.payroll-review-search-wrapper{position:relative;display:flex;align-items:center}.payroll-review-search-icon{position:absolute;left:10px;display:flex;align-items:center;color:#94a3b8;pointer-events:none}.payroll-review-search-input{padding:.45rem .75rem .45rem 2rem;border:1px solid #e2e8f0;border-radius:8px;font-size:.82rem;color:#334155;background:#f8fafc;width:260px;transition:border-color .2s}.payroll-review-search-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #4f46e51a}.payroll-review-body{flex:1;overflow:auto;padding:1rem 1.5rem}.payroll-review-table{width:100%;border-collapse:collapse;background:#ffffff;border-radius:10px;overflow:hidden;border:1px solid #e2e8f0;box-shadow:0 1px 3px #0000000a}.payroll-review-table thead th{background:#f8fafc;color:#64748b;font-size:.7rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:.75rem 1rem;text-align:left;border-bottom:1px solid #e2e8f0;white-space:nowrap}.payroll-review-table tbody td{padding:.7rem 1rem;font-size:.82rem;color:#334155;border-bottom:1px solid #f1f5f9;white-space:nowrap}.payroll-review-row:hover{background:#f8fafc}.payroll-review-row.expanded{background:#f0f4ff}.payroll-review-status-badge{display:inline-flex;padding:.2rem .6rem;border-radius:999px;font-size:.68rem;font-weight:700;letter-spacing:.04em}.payroll-review-status-badge.processed{background:#eff6ff;color:#2563eb;border:1px solid #dbeafe}.payroll-review-status-badge.locked{background:#f0fdf4;color:#16a34a;border:1px solid #bbf7d0}.payroll-review-detail-row td{padding:0!important;border-bottom:2px solid #e2e8f0}.payroll-review-detail-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1.5rem;padding:1.25rem 1.5rem;background:#fafbfd;border-top:1px solid #e2e8f0}.payroll-review-detail-section h4{margin:0 0 .65rem;font-size:.78rem;font-weight:700;color:#0f172a;text-transform:uppercase;letter-spacing:.04em}.detail-line{display:flex;justify-content:space-between;padding:.3rem 0;font-size:.78rem;color:#475569}.detail-line.red{color:#dc2626}.detail-line.total{border-top:1px solid #e2e8f0;margin-top:.35rem;padding-top:.5rem;font-weight:700;color:#0f172a}.payroll-review-footer td{padding:.85rem 1rem!important;background:#f1f5f9;font-size:.82rem;color:#0f172a;border-top:2px solid #e2e8f0}.lam-fullpage{display:flex;flex-direction:column;min-height:100%;background:#f8fafc;font-family:Inter,Segoe UI,sans-serif}.lam-fullpage-body{flex:1;display:flex;flex-direction:column;overflow:auto}.lam-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;border-bottom:1px solid #e5e7eb;background:#ffffff;flex-shrink:0}.lam-header-title{font-size:.95rem;font-weight:700;color:#1e293b}.lam-close-btn{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border:none;background:none;cursor:pointer;color:#64748b;border-radius:6px;transition:background .15s,color .15s}.lam-close-btn:hover{background:#f1f5f9;color:#1e293b}.lam-stepper-bar{display:flex;align-items:center;justify-content:space-between;padding:1rem 2rem;border-bottom:1px solid #e5e7eb;background:#fafbff;flex-shrink:0}.lam-stepper-steps{display:flex;align-items:center;gap:0;flex:1}.lam-step{display:flex;align-items:center;gap:.6rem;position:relative}.lam-step-connector{flex:1;height:2px;background:#e2e8f0;min-width:40px;max-width:80px;margin:0 .4rem}.lam-step-connector.done{background:var(--color-primary)}.lam-step-circle{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;flex-shrink:0;border:2px solid #e2e8f0;background:#ffffff;color:#94a3b8;transition:all .2s}.lam-step-circle.active,.lam-step-circle.done{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.lam-step-label{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#94a3b8;white-space:nowrap}.lam-step-label.active,.lam-step-label.done{color:var(--color-primary)}.lam-stepper-actions{display:flex;align-items:center;gap:.5rem;flex-shrink:0;margin-left:1.5rem}.lam-btn{padding:.5rem 1.1rem;border-radius:8px;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.lam-btn.ghost{background:transparent;border:none;color:#64748b}.lam-btn.ghost:hover{color:#1e293b;background:#f1f5f9}.lam-btn.primary{background:var(--color-primary);border:1px solid var(--color-primary);color:#fff}.lam-btn.primary:hover{background:var(--color-primary-dark);border-color:var(--color-primary-dark);box-shadow:0 2px 8px #e34d3e4d}.lam-btn.outline{background:#ffffff;border:1px solid #d1d5db;color:#374151}.lam-btn.outline:hover{background:#f1f5f9;border-color:#94a3b8}.lam-body{display:flex;flex:1;overflow:hidden}.lam-content-panel{flex:1;display:flex;flex-direction:column;overflow:hidden;padding:1.25rem 1.5rem;gap:1rem}.lam-section-title{font-size:1rem;font-weight:700;color:#1e293b;margin:0}.lam-info-banner{display:flex;align-items:flex-start;gap:.5rem;background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;padding:.75rem 1rem;font-size:.8rem;color:#1d4ed8;line-height:1.5}.lam-toolbar{display:flex;align-items:center;gap:.75rem}.lam-toolbar-left{display:flex;align-items:center;gap:.5rem}.lam-toolbar-right{margin-left:auto;display:flex;align-items:center;gap:.5rem}.lam-search-wrapper{position:relative;display:flex;align-items:center}.lam-search-icon{position:absolute;left:.65rem;color:#94a3b8;pointer-events:none}.lam-search-input{padding:.45rem .75rem .45rem 2rem;border:1px solid #e2e8f0;border-radius:8px;font-size:.8rem;color:#374151;background:#f8fafc;outline:none;transition:border-color .2s,background .2s;width:200px}.lam-search-input:focus{border-color:#a5b4fc;background:#ffffff}.lam-btn-approve{background:#10b981;border:1px solid #10b981;color:#fff;padding:.45rem 1rem;border-radius:8px;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s}.lam-btn-approve:hover:not(:disabled){background:#059669;border-color:#059669}.lam-btn-approve:disabled{background:#d1fae5;border-color:#d1fae5;cursor:not-allowed;color:#6ee7b7}.lam-btn-reject{background:#ef4444;border:1px solid #ef4444;color:#fff;padding:.45rem 1rem;font-size:.8rem;font-weight:600;cursor:pointer;border-radius:8px;transition:all .2s}.lam-btn-reject:hover:not(:disabled){background:#dc2626;border-color:#dc2626}.lam-btn-reject:disabled{background:#fee2e2;border-color:#fee2e2;cursor:not-allowed;color:#fca5a5}.lam-btn-add{display:flex;align-items:center;gap:.35rem;background:transparent;border:1px solid #d1d5db;color:#374151;padding:.45rem .9rem;border-radius:8px;font-size:.8rem;font-weight:600;cursor:pointer;transition:background .15s,border-color .15s}.lam-btn-add:hover{background:#f1f5f9;border-color:#94a3b8}.lam-btn-import{display:flex;align-items:center;gap:.35rem;background:transparent;border:1px solid #d1d5db;color:#374151;padding:.45rem .9rem;border-radius:8px;font-size:.8rem;font-weight:600;cursor:pointer;transition:background .15s,border-color .15s}.lam-btn-import:hover{background:#f8fafc;border-color:#94a3b8}.lam-or-label{font-size:.78rem;color:#94a3b8;font-weight:500}.lam-icon-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid #e2e8f0;border-radius:8px;background:#f8fafc;color:#64748b;cursor:pointer;transition:background .15s,color .15s}.lam-icon-btn:hover{background:#f1f5f9;color:#1e293b}.lam-table-wrapper{flex:1;overflow:auto;border:1px solid #e5e7eb;border-radius:10px}.lam-table{width:100%;border-collapse:collapse;font-size:.8rem}.lam-table thead tr{background:#f8fafc;border-bottom:2px solid #e5e7eb}.lam-table th{padding:.7rem 1rem;text-align:left;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#64748b;white-space:nowrap}.lam-table th.center{text-align:center}.lam-table td{padding:.8rem 1rem;border-bottom:1px solid #f1f5f9;color:#374151;vertical-align:middle}.lam-table tbody tr:last-child td{border-bottom:none}.lam-table tbody tr:hover td{background:#f8fafc}.lam-table th.col-check,.lam-table td.col-check{width:40px;text-align:center}.lam-checkbox{width:15px;height:15px;accent-color:var(--color-primary);cursor:pointer}.lam-employee-cell{display:flex;flex-direction:column;gap:.1rem}.lam-employee-name{font-weight:600;color:var(--color-primary);cursor:pointer;font-size:.82rem}.lam-employee-name:hover{text-decoration:underline}.lam-employee-id{font-size:.7rem;color:#94a3b8}.lam-date-cell{display:flex;flex-direction:column;gap:.1rem}.lam-date-primary{font-weight:500;color:#1e293b;font-size:.8rem}.lam-date-sub{font-size:.7rem;color:#94a3b8}.lam-status-badge{display:inline-flex;align-items:center;font-size:.72rem;font-weight:600;color:#059669}.lam-status-badge.pending{color:#d97706}.lam-status-badge.rejected{color:#dc2626}.lam-adjust-input{width:90px;padding:.35rem .5rem;border:1px solid #e2e8f0;border-radius:6px;font-size:.8rem;color:#374151;outline:none;background:#f8fafc;transition:border-color .2s}.lam-adjust-input:focus{border-color:#a5b4fc;background:#ffffff}.lam-comment-input{width:130px;padding:.35rem .5rem;border:1px solid #e2e8f0;border-radius:6px;font-size:.8rem;color:#374151;outline:none;background:#f8fafc;transition:border-color .2s}.lam-comment-input:focus{border-color:#a5b4fc;background:#ffffff}.lam-empty-state{padding:3rem 1rem;text-align:center;color:#94a3b8;font-size:.85rem}.lam-pagination{display:flex;align-items:center;justify-content:flex-end;gap:.75rem;padding:.65rem 1rem;border-top:1px solid #f1f5f9;background:#fafbff;font-size:.75rem;color:#64748b;flex-shrink:0}.lam-page-info{font-weight:500}.lam-page-btn{display:flex;align-items:center;justify-content:center;width:26px;height:26px;border:1px solid #e2e8f0;border-radius:6px;background:#ffffff;color:#64748b;cursor:pointer;font-size:.75rem;transition:background .15s}.lam-page-btn:hover:not(:disabled){background:#f1f5f9;color:#1e293b}.lam-page-btn:disabled{opacity:.4;cursor:default}.lam-help-sidebar{width:240px;border-left:1px solid #e5e7eb;display:flex;flex-direction:column;background:#ffffff;flex-shrink:0;overflow-y:auto}.lam-help-header{display:flex;align-items:center;justify-content:space-between;padding:1rem;border-bottom:1px solid #f1f5f9;background:#fafbff}.lam-help-header-title{font-size:.82rem;font-weight:700;color:#1e293b}.lam-help-header-toggle{color:#94a3b8;display:flex;align-items:center;cursor:pointer}.lam-help-need-help{padding:1rem;border-bottom:1px solid #f1f5f9}.lam-help-need-icon{color:#94a3b8;margin-bottom:.5rem}.lam-help-need-title{font-size:.82rem;font-weight:700;color:#1e293b;margin:0 0 .35rem}.lam-help-need-text{font-size:.75rem;color:#64748b;line-height:1.5;margin:0 0 .5rem}.lam-help-talk-link{display:inline-flex;align-items:center;gap:.25rem;font-size:.78rem;font-weight:600;color:var(--color-primary);text-decoration:none;cursor:pointer;transition:color .15s}.lam-help-talk-link:hover{color:var(--color-primary-dark);text-decoration:underline}.lam-help-links-list{display:flex;flex-direction:column}.lam-help-link-item{display:flex;align-items:flex-start;justify-content:space-between;gap:.5rem;padding:.7rem 1rem;border-bottom:1px solid #f8fafc;font-size:.75rem;color:#374151;cursor:pointer;text-decoration:none;transition:background .15s,color .15s;line-height:1.4}.lam-help-link-item:last-child{border-bottom:none}.lam-help-link-item:hover{background:#f8fafc;color:var(--color-primary)}.lam-help-link-icon{flex-shrink:0;color:#94a3b8;margin-top:1px}.lam-help-still-section{padding:1rem;border-top:1px solid #f1f5f9;display:flex;flex-direction:column;gap:.35rem}.lam-help-still-icon{color:#94a3b8}.lam-help-still-title{font-size:.78rem;font-weight:600;color:#1e293b;margin:0}.lam-help-still-sub{font-size:.72rem;color:#64748b;line-height:1.4;margin:0}@media (max-width: 900px){.lam-modal{max-width:98vw;max-height:95vh}.lam-help-sidebar{display:none}.lam-stepper-bar{padding:.75rem 1rem;flex-direction:column;gap:.75rem;align-items:flex-start}.lam-stepper-actions{margin-left:0}.lam-step-connector{min-width:20px}}.create-employee-container{width:100%;max-width:100%;margin:0;padding:0 0 6rem;box-sizing:border-box}.create-employee-header{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:1.25rem 1.75rem;background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:1.5rem;box-shadow:0 1px 3px #0000000a;width:100%;box-sizing:border-box}.header-title-wrapper{flex:1}.btn-back-link{display:inline-flex;align-items:center;background:none;border:1px solid #cbd5e1;border-radius:8px;background-color:#fff;color:#475569;font-size:.825rem;font-weight:600;cursor:pointer;padding:.5rem .85rem;transition:all .2s cubic-bezier(.4,0,.2,1);outline:none;font-family:inherit;white-space:nowrap;flex-shrink:0}.btn-back-link:hover{color:#e34d3e;border-color:#e34d3e;background-color:#f8fafc;box-shadow:0 2px 4px #e34d3e0a}.btn-back-link svg{transition:transform .2s cubic-bezier(.4,0,.2,1)}.btn-back-link:hover svg{transform:translate(-3px)}.create-employee-header h2{font-size:1.35rem;font-weight:700;color:#0f172a;margin:0;letter-spacing:-.025em;line-height:1.2}.create-employee-header p{margin:.25rem 0 0;color:#64748b;font-size:.825rem}.create-employee-layout{display:flex;gap:2rem;align-items:flex-start}.create-employee-sidebar{width:260px;position:sticky;top:75px;flex-shrink:0;background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1rem;box-shadow:0 4px 6px -1px #0000000d}.sidebar-anchor-title{font-size:.75rem;font-weight:700;text-transform:uppercase;color:#94a3b8;letter-spacing:.05em;margin-bottom:.75rem;padding-left:.75rem}.sidebar-anchors{display:flex;flex-direction:column;gap:.35rem}.anchor-item{display:flex;align-items:center;gap:.75rem;padding:.65rem .85rem;border:none;background:transparent;border-radius:8px;font-size:.85rem;font-weight:500;color:#475569;text-align:left;cursor:pointer;transition:all .2s ease}.anchor-item:hover{background-color:#f8fafc;color:#0f172a}.anchor-item.active{background-color:#fef2f2;color:#e34d3e;font-weight:600}.anchor-icon{display:flex;align-items:center;justify-content:center;font-size:1.1rem}.create-employee-content{flex-grow:1;display:flex;flex-direction:column;gap:1.5rem;min-width:0;width:100%}.form-section-card{background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1.25rem;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008;scroll-margin-top:85px;transition:transform .2s ease,box-shadow .2s ease;margin-bottom:1rem}.form-section-card:hover{box-shadow:0 10px 15px -3px #00000014}.form-subsection-title{display:flex;align-items:center;font-size:.92rem;font-weight:650;color:#334155;margin:1.25rem 0 .75rem;padding-top:1rem;border-top:1px dashed #e2e8f0}.form-subsection-title svg{color:#e34d3e;flex-shrink:0}.form-subsection-title-row{display:flex;align-items:center;justify-content:space-between;margin:1.25rem 0 .75rem;padding-top:1rem;border-top:1px dashed #e2e8f0}.section-header{display:flex!important;flex-direction:row!important;align-items:center!important;gap:.75rem!important;border-bottom:1px solid #f1f5f9;padding-bottom:.75rem;margin-bottom:1.25rem;justify-content:space-between}.section-header-left{display:flex;align-items:center;gap:.75rem}.employee-actions-menu{position:relative;margin-left:auto;flex-shrink:0}.employee-actions-menu-btn{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border:1px solid #e2e8f0;border-radius:8px;background:#ffffff;color:#64748b;cursor:pointer;transition:all .15s ease}.employee-actions-menu-btn:hover{color:#e34d3e;border-color:#fecaca;background:#fff7f6}.employee-actions-dropdown{position:absolute;top:calc(100% + 6px);right:0;min-width:200px;background:#ffffff;border:1px solid #e2e8f0;border-radius:10px;box-shadow:0 10px 25px #0f172a1f;padding:.35rem;z-index:20}.employee-actions-dropdown-item{display:block;width:100%;text-align:left;padding:.6rem .75rem;border:none;background:none;border-radius:6px;font-size:.85rem;font-weight:500;color:#334155;cursor:pointer;font-family:inherit}.employee-actions-dropdown-item:hover:not(:disabled){background:#f8fafc;color:#e34d3e}.employee-actions-dropdown-item.disabled{color:#94a3b8;cursor:not-allowed}.section-header h3{font-size:1.05rem;font-weight:700;color:#1e293b;margin:0!important;display:inline-block!important}.section-header-icon{font-size:1.25rem;color:#e34d3e;display:inline-flex!important;align-items:center!important;justify-content:center!important}.form-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}.form-grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem}.form-group-full{grid-column:1 / -1}.profile-preview-card{border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;margin-bottom:2rem;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008}.profile-preview-banner{position:relative;min-height:100px;background-color:#0f172a;background-image:linear-gradient(135deg,rgba(15,23,42,.95) 0%,rgba(30,27,75,.95) 100%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 1600 300' preserveAspectRatio='none'%3E%3Cpath d='M-100,-100 L400,150 L200,350 L-100,200 Z' fill='%231e1b4b' opacity='0.3'/%3E%3Cpath d='M400,150 L800,50 L900,250 L500,300 Z' fill='%232e1065' opacity='0.4'/%3E%3Cpath d='M800,50 L1200,180 L1000,320 L700,280 Z' fill='%233b0764' opacity='0.3'/%3E%3Cpath d='M1200,180 L1700,-50 L1800,200 L1300,300 Z' fill='%231e293b' opacity='0.4'/%3E%3Cpath d='M200,350 L500,300 L900,250 L1000,320 L1300,300 L1800,200 L1800,400 L-100,400 Z' fill='%23090d16' opacity='0.2'/%3E%3C/svg%3E");background-size:cover;padding:1.25rem 1.5rem;display:flex;align-items:center;box-sizing:border-box}.preview-banner-pattern{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.preview-banner-content{display:flex;align-items:center;gap:1.25rem;z-index:2;width:100%}.preview-avatar-wrapper{position:relative;width:72px;height:72px;flex-shrink:0}.preview-avatar-circle{width:72px;height:72px;border-radius:50%;background:#ff9800;color:#fff;display:flex;align-items:center;justify-content:center;border:3px solid #ffffff;box-shadow:0 4px 10px #00000026;cursor:pointer;position:relative;overflow:hidden;-webkit-user-select:none;user-select:none;transition:transform .25s cubic-bezier(.4,0,.2,1),box-shadow .25s ease}.preview-avatar-circle:hover{transform:scale(1.03);box-shadow:0 6px 16px #0003}.preview-avatar-img{width:100%;height:100%;object-fit:cover}.preview-avatar-initials{font-size:1.85rem;font-weight:600;letter-spacing:-.5px}.preview-avatar-placeholder{color:#fffc;display:flex;align-items:center;justify-content:center}.preview-avatar-hover-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(15,23,42,.55);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;font-size:.65rem;font-weight:600;opacity:0;transition:opacity .2s ease;gap:2px}.preview-avatar-circle:hover .preview-avatar-hover-overlay{opacity:1}.preview-camera-badge-btn{position:absolute;bottom:-2px;right:-2px;width:24px;height:24px;border-radius:50%;background-color:#fff;border:1px solid #cbd5e1;box-shadow:0 2px 4px #0000001a;display:flex;align-items:center;justify-content:center;color:#475569;cursor:pointer;padding:0;transition:all .2s ease;z-index:10}.preview-camera-badge-btn:hover{background-color:#e34d3e;border-color:#e34d3e;color:#fff;transform:scale(1.05)}.preview-identity-info{display:flex;flex-direction:column;gap:.2rem}.preview-name-row{display:flex;align-items:center;gap:.65rem;flex-wrap:wrap}.preview-employee-name{font-size:1.15rem;font-weight:600;color:#fff;margin:0;line-height:1.2}.preview-status-badge{display:inline-flex;align-items:center;font-size:.6rem;font-weight:700;text-transform:uppercase;padding:1px 5px;border-radius:4px;letter-spacing:.5px;background:rgba(167,243,208,.15);color:#a7f3d0;border:1px solid rgba(167,243,208,.3)}.preview-employee-designation{font-size:.8rem;color:#fffc;margin:0;display:flex;align-items:center}.preview-card-footer{background-color:#f8fafc;padding:.75rem 1.5rem;border-top:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.preview-meta-details{display:flex;gap:1.5rem;flex-wrap:wrap}.preview-meta-item{font-size:.775rem;color:#475569}.preview-meta-item strong{color:#0f172a}.preview-upload-actions{display:flex;align-items:center;gap:.75rem}.btn-upload-photo{display:inline-flex;align-items:center;padding:.4rem .85rem;font-size:.775rem;font-weight:600;color:#e34d3e;background-color:#fff;border:1px solid #e34d3e;border-radius:6px;cursor:pointer;transition:all .2s ease}.btn-upload-photo:hover{background-color:#e34d3e;color:#fff}.btn-remove-photo{display:inline-flex;align-items:center;padding:.4rem .85rem;font-size:.775rem;font-weight:600;color:#ef4444;background-color:#fee2e2;border:none;border-radius:6px;cursor:pointer;transition:all .2s ease}.btn-remove-photo:hover{background-color:#fecaca}.file-upload-zone{border:2px dashed #cbd5e1;border-radius:10px;padding:2rem;text-align:center;background-color:#f8fafc;cursor:pointer;transition:all .2s ease;margin-bottom:1.25rem}.file-upload-zone:hover{border-color:#e34d3e;background-color:#fff5f5}.file-upload-placeholder{display:flex;flex-direction:column;align-items:center;color:#64748b}.file-upload-icon{font-size:2.25rem;color:#94a3b8;margin-bottom:.5rem}.file-upload-placeholder span{font-size:.85rem;font-weight:500}.file-upload-placeholder p{margin:.25rem 0 0;font-size:.75rem;color:#94a3b8}.uploaded-files-list{display:flex;flex-direction:column;gap:.65rem}.uploaded-file-item{display:flex;align-items:center;justify-content:space-between;padding:.65rem .85rem;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;transition:all .15s ease}.uploaded-file-item:hover{border-color:#cbd5e1;background-color:#f1f5f9}.file-item-info{display:flex;align-items:center;gap:.75rem}.file-item-icon{font-size:1.25rem;color:#e34d3e}.file-item-name{font-size:.825rem;font-weight:600;color:#334155;word-break:break-all}.file-item-size{font-size:.7rem;color:#94a3b8;margin-left:.5rem}.btn-remove-file{background:none;border:none;color:#94a3b8;cursor:pointer;padding:.25rem;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.btn-remove-file:hover{color:#ef4444;background-color:#fee2e2}.sticky-actions-bar{position:fixed;bottom:0;left:240px;right:0;background-color:#ffffffe6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-top:1px solid #e2e8f0;padding:.85rem 2rem;display:flex;justify-content:flex-end;gap:1rem;z-index:999;box-shadow:0 -10px 20px -5px #0000000d;transition:left .25s ease}.main-sidebar.collapsed~.main-content-layout .sticky-actions-bar{left:76px}.create-employee-content .form-input{height:42px!important;border-radius:8px!important;font-size:.875rem!important;transition:all .25s cubic-bezier(.4,0,.2,1)!important}.create-employee-content .form-input:focus{border-color:#e34d3e!important;box-shadow:0 0 0 3px #e34d3e1a!important}@media (max-width: 1024px){.sticky-actions-bar{left:0!important}.create-employee-layout{flex-direction:column;gap:1.5rem}.create-employee-sidebar{width:100%;position:sticky;top:57px;z-index:998;background-color:#fff;padding:.5rem;border-radius:8px;box-shadow:0 2px 4px #0000000d}.sidebar-anchor-title{display:none}.sidebar-anchors{flex-direction:row;overflow-x:auto;white-space:nowrap;gap:.5rem;padding-bottom:.25rem;-webkit-overflow-scrolling:touch}.anchor-item{padding:.5rem .75rem;flex-shrink:0;font-size:.8rem}.form-grid-3{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.create-employee-container{padding-bottom:6rem}.create-employee-header{flex-direction:column;align-items:flex-start;gap:1rem}.btn-back-link{align-self:flex-start}.form-grid-3,.form-grid-2{grid-template-columns:1fr;gap:1rem}.profile-preview-banner{padding:1.25rem 1rem}.preview-banner-content{flex-direction:column;text-align:center;gap:.75rem}.preview-name-row,.preview-employee-designation{justify-content:center}.preview-card-footer{flex-direction:column;align-items:stretch;padding:1rem;gap:.75rem}.preview-meta-details{flex-direction:column;gap:.35rem;text-align:center}.preview-upload-actions{justify-content:center}.sticky-actions-bar{padding:.75rem 1.25rem}.sticky-actions-bar button{flex:1}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.switch-card-label{display:flex;align-items:center;gap:.75rem;padding:.85rem 1.25rem;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;background-color:#fff;transition:all .2s cubic-bezier(.4,0,.2,1);-webkit-user-select:none;user-select:none;box-sizing:border-box}.switch-card-label:hover{border-color:#cbd5e1;background-color:#f8fafc}.switch-card-checkbox{width:16px;height:16px;cursor:pointer;accent-color:#e34d3e;margin:0;flex-shrink:0}.switch-card-text{display:flex;flex-direction:column;gap:.15rem}.switch-card-title{font-size:.75rem;font-weight:700;color:#475569;letter-spacing:.05em;line-height:1.2}.switch-card-subtitle{font-size:.65rem;font-weight:600;color:#94a3b8;letter-spacing:.05em}.customer-timesheet-page{background:var(--color-bg-secondary);min-height:100vh;font-family:var(--font-family);width:100%;--customer-ts-cols: 60px 50px 130px 120px 130px 130px 90px minmax(160px, 1fr) 120px 60px 80px;--customer-ts-date-w: 60px;--customer-ts-day-w: 50px;--customer-ts-total-w: 80px}.customer-timesheet-page .customer-ts-panel{background:white;border-radius:12px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;border:1px solid #e2e8f0;overflow:hidden}.customer-timesheet-page .timesheet-container{background:white;overflow-x:auto;-webkit-overflow-scrolling:touch;position:relative;border-radius:0;box-shadow:none;border:none}.customer-timesheet-page .timesheet-grid{min-width:1210px;display:flex;flex-direction:column;gap:0;font-size:.875rem}.customer-timesheet-page .customer-ts-summaries{width:100%;max-width:100%;position:relative;z-index:16}.customer-timesheet-page .customer-ts-summary-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;width:100%;box-sizing:border-box;padding:.65rem .85rem;min-height:40px}.customer-timesheet-page .customer-ts-summary-row--project{background:#fdf2f2;border-top:1px solid rgba(227,77,62,.25);color:#9a3412}.customer-timesheet-page .customer-ts-summary-row--grand{background:linear-gradient(135deg,#e34d3e 0%,#c0392b 100%);color:#fff;min-height:52px;padding-top:.85rem;padding-bottom:.85rem}.customer-timesheet-page .customer-ts-summary-label{flex:1 1 auto;min-width:0;font-weight:700;font-size:.8rem;text-transform:capitalize;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.customer-timesheet-page .customer-ts-summary-row--grand .customer-ts-summary-label{font-weight:800;font-size:.95rem}.customer-timesheet-page .customer-ts-summary-value{flex:0 0 auto;font-weight:800;font-size:.95rem;font-variant-numeric:tabular-nums;white-space:nowrap;text-align:right;min-width:4.5rem}.customer-timesheet-page .customer-ts-summary-row--grand .customer-ts-summary-value{font-size:1.1rem;text-shadow:0 1px 2px rgba(0,0,0,.15)}.customer-timesheet-page .grid-header,.customer-timesheet-page .grid-header.with-project-col,.customer-timesheet-page .grid-row,.customer-timesheet-page .grid-row.with-project-col,.customer-timesheet-page .week-total-row,.customer-timesheet-page .week-total-row.with-project-col,.customer-timesheet-page .totals-row,.customer-timesheet-page .totals-row.with-project-col{display:grid;grid-template-columns:var(--customer-ts-cols);min-width:1210px;gap:0;box-sizing:border-box;border-left:none!important;border-right:none!important}.customer-timesheet-page .grid-header{background:var(--color-primary-gradient);border-bottom:2px solid rgba(255,255,255,.1);min-height:50px;position:sticky;top:0;z-index:20}.customer-timesheet-page .header-cell{color:#fff;text-transform:capitalize;font-weight:600;font-size:.8rem;letter-spacing:.5px;border-right:1px solid rgba(255,255,255,.15);box-sizing:border-box;min-width:0}.customer-timesheet-page .cell{border-right:1px solid #f1f5f9;padding:.5rem;font-size:.75rem;display:flex;align-items:center;box-sizing:border-box;min-width:0;overflow:hidden}.customer-timesheet-page .resource-entry-cell,.customer-timesheet-page .assignee-entry-cell,.customer-timesheet-page .duties-entry-cell,.customer-timesheet-page .notes-entry-cell,.customer-timesheet-page .project-name-entry-cell{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;display:block;line-height:1.4;padding-top:.65rem;padding-bottom:.65rem}.customer-timesheet-page .grid-row.weekend .cell.sticky-left{background-color:#fdf2f2!important}.customer-timesheet-page .grid-row.holiday .cell.sticky-left{background-color:#fff3cd!important}.customer-timesheet-page .sticky-left{position:sticky;z-index:10;box-shadow:none}.customer-timesheet-page .date-cell.sticky-left,.customer-timesheet-page .header-cell.date-col.sticky-left{left:0;z-index:12}.customer-timesheet-page .day-cell.sticky-left,.customer-timesheet-page .header-cell.day-col.sticky-left{left:var(--customer-ts-date-w);z-index:11;border-right:2px solid #dee2e6!important}.customer-timesheet-page .header-cell.date-col.sticky-left,.customer-timesheet-page .header-cell.day-col.sticky-left{background:#e34d3e}.customer-timesheet-page .sticky-right{position:sticky;right:0;z-index:13;box-sizing:border-box;min-width:var(--customer-ts-total-w);overflow:visible!important;box-shadow:-4px 0 8px #0f172a14}.customer-timesheet-page .header-cell.total-col.sticky-right{background:#c0392b;z-index:22;justify-content:center;border-right:none}.customer-timesheet-page .total-entry-cell.sticky-right,.customer-timesheet-page .total-cell.sticky-right{background:linear-gradient(135deg,#fdf2f2 0%,#fae8e8 100%)!important;z-index:13;justify-content:center;overflow:visible;white-space:nowrap;font-variant-numeric:tabular-nums;padding-left:.35rem;padding-right:.35rem}.customer-timesheet-page .week-total-value.sticky-right{background:#fdf2f2!important;z-index:14;justify-content:center;white-space:nowrap;font-variant-numeric:tabular-nums}.customer-timesheet-page .totals-cell.sticky-right{background:#fdf2f2!important;z-index:14;white-space:nowrap;font-variant-numeric:tabular-nums}.customer-timesheet-page .grand-total.sticky-right{background:linear-gradient(135deg,#e34d3e 0%,#c0392b 100%)!important;color:#fff!important;z-index:15}.customer-timesheet-page .grid-row:hover:not(.current-date){background-color:#f1f5f9!important}.customer-timesheet-page .grid-row.current-date{position:relative;border-left:none!important;background-color:#fff5f3!important;box-shadow:inset 4px 0 #e34d3e}.customer-timesheet-page .grid-row.current-date .cell{background-color:#fff5f3!important}.customer-timesheet-page .grid-row.current-date .date-cell.sticky-left,.customer-timesheet-page .grid-row.current-date .day-cell.sticky-left{background-color:#ffe4de!important;color:#9a3412!important;font-weight:700}.customer-timesheet-page .grid-row.current-date .date-cell.sticky-left .date-display,.customer-timesheet-page .grid-row.current-date .date-cell.sticky-left .month-display,.customer-timesheet-page .grid-row.current-date .day-cell.sticky-left{color:#9a3412!important}.customer-timesheet-page .grid-row.current-date .day-cell.sticky-left{border-right-color:#e34d3e40!important}.customer-timesheet-page .grid-row.current-date .total-entry-cell.sticky-right,.customer-timesheet-page .grid-row.current-date .total-cell.sticky-right{background:linear-gradient(135deg,#ffe4de 0%,#fad1cb 100%)!important}.customer-timesheet-page .grid-row.current-date.weekend .date-cell.sticky-left,.customer-timesheet-page .grid-row.current-date.weekend .day-cell.sticky-left,.customer-timesheet-page .grid-row.current-date.weekend .cell{background-color:#ffe4de!important}.customer-timesheet-page .totals-row{background:var(--color-primary-gradient)}.customer-timesheet-page .grand-total{font-size:1.05rem;text-shadow:0 1px 2px rgba(0,0,0,.1)}.customer-timesheet-page .status-entry-cell{display:flex;align-items:center;justify-content:center;overflow:hidden}.customer-timesheet-page .entry-status-badge{font-size:.7rem;padding:.15rem .4rem;border-radius:3px;font-weight:600;white-space:nowrap;color:#2c3e50;max-width:100%;overflow:hidden;text-overflow:ellipsis;display:inline-block;vertical-align:middle}.customer-timesheet-page .week-total-row{background:#fdf2f2!important;border-top:2px solid #e34d3e;border-bottom:2px solid #e34d3e;min-height:40px}.customer-timesheet-page .week-total-row .week-total-cell{box-sizing:border-box;min-width:0;background:#fdf2f2!important;border-right:none;display:flex;align-items:center;padding:.5rem;margin:0}.customer-timesheet-page .week-total-row .week-total-label{grid-column:1 / 3;justify-content:center;font-weight:700;color:#9a3412;text-transform:capitalize;font-size:.85rem;border-right:2px solid #dee2e6!important;position:sticky;left:0;z-index:12;box-shadow:none!important;background:#fdf2f2!important}.customer-timesheet-page .week-total-row .week-total-spacer{grid-column:3 / 11;border-right:1px solid rgba(227,77,62,.2);background:#fdf2f2!important}.customer-timesheet-page .week-total-row .week-total-value{grid-column:11 / 12;justify-content:center;font-weight:700;color:#9a3412;font-size:.85rem;border-right:none;background:#fdf2f2!important}.customer-timesheet-page .loading-message,.customer-timesheet-page .no-project-selected{padding:4rem;text-align:center;color:#64748b;font-size:1.1rem;background:#f8fafc}.customer-timesheet-page .grid-row.clickable-entry-row{cursor:pointer}.customer-timesheet-page .grid-row.clickable-entry-row:hover{background-color:#fff7f5!important}.customer-timesheet-page .grid-row.clickable-entry-row:focus-visible{outline:2px solid #e34d3e;outline-offset:-2px}.customer-timesheet-page .page-header{gap:.75rem}@media (max-width: 900px){.customer-timesheet-page .page-header{flex-direction:column;align-items:stretch!important;top:0!important;margin-left:-12px!important;margin-right:-12px!important;padding-left:12px!important;padding-right:12px!important}.customer-timesheet-page .page-header h2{font-size:1.05rem!important}.customer-timesheet-page .date-selectors{width:100%}.customer-timesheet-page .date-selectors>div{flex:1 1 140px;min-width:0!important;width:auto!important}}@media (max-width: 640px){.customer-timesheet-page .timesheet-grid,.customer-timesheet-page .grid-header,.customer-timesheet-page .grid-row,.customer-timesheet-page .week-total-row,.customer-timesheet-page .totals-row{min-width:1210px}.customer-timesheet-page .header-cell,.customer-timesheet-page .cell{font-size:.7rem;padding:.4rem .3rem}.customer-timesheet-page .total-entry-cell.sticky-right,.customer-timesheet-page .total-cell.sticky-right,.customer-timesheet-page .week-total-value.sticky-right,.customer-timesheet-page .totals-cell.sticky-right,.customer-timesheet-page .grand-total.sticky-right{font-size:.72rem;padding-left:.25rem;padding-right:.25rem}}.customer-entry-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(15,23,42,.55);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:1200;padding:1.25rem}.customer-entry-modal{width:min(640px,100%);max-height:88vh;background:#ffffff;border:1px solid #e2e8f0;box-shadow:0 20px 50px #0f172a33;display:flex;flex-direction:column;overflow:hidden}.customer-entry-modal-header{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.7rem 1rem;background:linear-gradient(135deg,#e34d3e 0%,#c0392b 100%);color:#fff}.customer-entry-modal-header h2{margin:0;font-size:1rem;font-weight:700}.customer-entry-modal-header p{margin:.15rem 0 0;font-size:.75rem;opacity:.92}.customer-entry-modal-close{border:none;background:rgba(255,255,255,.16);color:#fff;width:28px;height:28px;cursor:pointer;font-size:.9rem;flex-shrink:0}.customer-entry-modal-close:hover{background:rgba(255,255,255,.28)}.customer-entry-modal-body{padding:.85rem 1rem 1rem;overflow-y:auto;background:#fff;display:flex;flex-direction:column;min-height:0}.customer-entry-meta-grid{display:grid;grid-template-columns:1fr 1fr;gap:.2rem 1.25rem;margin-bottom:.75rem;padding-bottom:.65rem;border-bottom:1px solid #e2e8f0}.customer-entry-field{display:grid;grid-template-columns:78px 1fr;align-items:center;gap:.4rem;min-height:26px}.customer-entry-label{font-size:.68rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase;color:#94a3b8;margin:0}.customer-entry-value{font-size:.82rem;font-weight:600;color:#0f172a;word-break:break-word;line-height:1.3}.customer-entry-hours{color:#c0392b;font-size:.9rem}.customer-entry-block{background:#f8fafc;border:1px solid #e2e8f0;padding:.55rem .7rem}.customer-entry-block--desc{flex:1;min-height:180px;display:flex;flex-direction:column}.customer-entry-block--notes{margin-top:.55rem}.customer-entry-block .customer-entry-label{margin-bottom:.35rem}.customer-entry-text{font-size:.88rem;line-height:1.5;color:#334155;white-space:pre-wrap;word-break:break-word;overflow-y:auto;flex:1}@media (max-width: 640px){.customer-entry-meta-grid{grid-template-columns:1fr}}.portfolio-import-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(15,23,42,.7);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:center;z-index:2000;animation:portfolioFadeIn .3s cubic-bezier(.16,1,.3,1)}.portfolio-import-container{background:#ffffff;width:92%;max-width:600px;border-radius:24px;overflow:hidden;box-shadow:0 25px 50px -12px #00000040;display:flex;flex-direction:column;border:1px solid rgba(0,0,0,.05);animation:portfolioSlideUp .4s cubic-bezier(.16,1,.3,1)}.portfolio-import-header{background:linear-gradient(135deg,#e34d3e 0%,#c0392b 100%);padding:1.25rem 2rem;display:flex;justify-content:space-between;align-items:center;color:#fff}.portfolio-import-header h2{margin:0;color:#fff;font-size:1.35rem;font-weight:700;letter-spacing:-.02em}.portfolio-close-btn{background:rgba(255,255,255,.15);border:none;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;font-size:.85rem;transition:all .2s ease}.portfolio-close-btn:hover{background:rgba(255,255,255,.3);transform:rotate(90deg)}.portfolio-import-body{padding:2.25rem 2rem;background:#f8fafc}.portfolio-dropzone{border:2px dashed #cbd5e1;border-radius:20px;padding:3rem 2rem;text-align:center;background:white;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;gap:1rem;box-shadow:0 4px 6px -1px #0000000d}.portfolio-dropzone:hover{border-color:#e34d3e;background:rgba(227,77,62,.02);transform:translateY(-2px);box-shadow:0 10px 15px -3px #00000014}.portfolio-upload-icon{width:72px;height:72px;background:rgba(227,77,62,.08);border-radius:20px;display:flex;align-items:center;justify-content:center;font-size:2.25rem;color:#e34d3e;transition:all .3s ease}.portfolio-dropzone:hover .portfolio-upload-icon{transform:scale(1.08) rotate(3deg);background:rgba(227,77,62,.14)}.portfolio-upload-title{margin:0;font-size:1.15rem;color:#1e293b;font-weight:600}.portfolio-upload-subtitle{margin:.25rem 0 0;color:#64748b;font-size:.9rem;line-height:1.4}.portfolio-template-btn{background:none;border:none;color:#e34d3e;font-size:.85rem;font-weight:600;cursor:pointer;text-decoration:underline;transition:color .2s ease}.portfolio-template-btn:hover{color:#c0392b}.portfolio-supported-badge{font-size:.75rem;color:#64748b;background:#f1f5f9;padding:.25rem .75rem;border-radius:100px;font-weight:500}.portfolio-summary-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:1.5rem}.portfolio-summary-card{padding:1.25rem;border-radius:16px;border:1px solid rgba(0,0,0,.04);display:flex;align-items:center;gap:1rem;transition:all .3s cubic-bezier(.16,1,.3,1)}.portfolio-summary-card:hover{transform:translateY(-2px);box-shadow:0 8px 12px -3px #0000000a}.portfolio-card-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem}.portfolio-card-info{display:flex;flex-direction:column;min-width:0}.portfolio-card-val{font-size:1.75rem;font-weight:800;line-height:1.2}.portfolio-card-label{font-size:.8rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.03em;margin-top:.15rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.portfolio-card-processed{background:#f5f3ff;border-color:#e9e3ff}.portfolio-card-processed .portfolio-card-icon{background:#ede9fe;color:#7c3aed}.portfolio-card-processed .portfolio-card-val{color:#6d28d9}.portfolio-card-imported{background:#ecfdf5;border-color:#d1fae5}.portfolio-card-imported .portfolio-card-icon{background:#d1fae5;color:#059669}.portfolio-card-imported .portfolio-card-val{color:#047857}.portfolio-card-categories{background:#eff6ff;border-color:#dbeafe}.portfolio-card-categories .portfolio-card-icon{background:#dbeafe;color:#2563eb}.portfolio-card-categories .portfolio-card-val{color:#1d4ed8}.portfolio-card-techs{background:#fffbeb;border-color:#fef3c7}.portfolio-card-techs .portfolio-card-icon{background:#fef3c7;color:#d97706}.portfolio-card-techs .portfolio-card-val{color:#b45309}.portfolio-skipped-box{background:#fff7ed;border:1px solid #ffedd5;border-radius:16px;padding:1.25rem 1.5rem;display:flex;gap:1rem;align-items:flex-start;box-shadow:0 2px 4px #fb923c08}.portfolio-skipped-icon{font-size:1.5rem;line-height:1}.portfolio-skipped-content{display:flex;flex-direction:column;gap:.35rem}.portfolio-skipped-title{margin:0;font-size:.95rem;font-weight:700;color:#c2410c}.portfolio-skipped-text{margin:0;font-size:.85rem;color:#ea580c;line-height:1.5}.portfolio-import-footer{padding:1.25rem 2rem;background:#ffffff;border-top:1px solid #f1f5f9;display:flex;justify-content:flex-end;gap:.75rem}.portfolio-btn{padding:.75rem 1.75rem;border-radius:12px;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .2s ease;border:none;outline:none}.portfolio-btn-outline{background:white;border:1px solid #cbd5e1;color:#475569}.portfolio-btn-outline:hover{background:#f8fafc;border-color:#94a3b8;color:#1e293b}.portfolio-btn-primary{background:linear-gradient(135deg,#e34d3e 0%,#c0392b 100%);color:#fff;box-shadow:0 4px 12px #e34d3e33}.portfolio-btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 16px #e34d3e4d}.portfolio-btn-primary:disabled{background:#cbd5e1;color:#94a3b8;cursor:not-allowed;box-shadow:none;transform:none}.portfolio-spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:portfolioSpin .8s linear infinite}@keyframes portfolioSpin{to{transform:rotate(360deg)}}@keyframes portfolioFadeIn{0%{opacity:0}to{opacity:1}}@keyframes portfolioSlideUp{0%{opacity:0;transform:translateY(24px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.portfolio-page-container{width:100%;display:flex;flex-direction:column;gap:1.25rem}.portfolio-header-actions{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap}.portfolio-filters-bar{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;background-color:#fff;padding:.85rem 1rem;border-radius:8px;border:1px solid #e2e8f0;margin-bottom:.5rem;box-shadow:0 1px 3px #00000005}.portfolio-search-wrapper{position:relative;display:flex;align-items:center}.portfolio-search-icon{position:absolute;left:12px;color:#94a3b8;display:flex;align-items:center}.portfolio-search-input{height:38px;padding-left:2.25rem;padding-right:1rem;font-size:.875rem;width:220px;border-radius:6px;border:1px solid #cbd5e1;background-color:#fff;color:#1e293b;transition:all .2s ease}.portfolio-search-input:focus{border-color:#e34d3e;outline:none;box-shadow:0 0 0 3px #e34d3e26}.portfolio-search-input::placeholder{color:#94a3b8}.portfolio-filter-w-200{width:200px}.portfolio-filter-w-280{width:280px}.portfolio-filter-w-160{width:160px}.btn-portfolio-import,.btn-portfolio-export{height:38px;padding:0 1.1rem;font-size:.85rem;font-weight:600;border-radius:6px;color:#fff;display:inline-flex;align-items:center;gap:.4rem;cursor:pointer;transition:all .2s ease;letter-spacing:.01em;border:none}.btn-portfolio-import{background:linear-gradient(135deg,#6366f1 0%,#4f46e5 100%);box-shadow:0 2px 8px #6366f140}.btn-portfolio-import:hover{background:linear-gradient(135deg,#4f46e5 0%,#4338ca 100%);box-shadow:0 4px 12px #6366f166;transform:translateY(-1px)}.btn-portfolio-export{background:linear-gradient(135deg,#22c55e 0%,#16a34a 100%);box-shadow:0 2px 8px #22c55e40}.btn-portfolio-export:hover{background:linear-gradient(135deg,#16a34a 0%,#15803d 100%);box-shadow:0 4px 12px #22c55e66;transform:translateY(-1px)}.btn-portfolio-add{height:38px;padding:0 1.25rem;font-size:.9rem;font-weight:600;border-radius:20px;display:inline-flex;align-items:center;gap:.5rem;background-color:#e34d3e;color:#fff;border:none;box-shadow:0 2px 4px #e34d3e33;cursor:pointer;transition:all .2s ease}.btn-portfolio-add:hover{background-color:#cb3d30;transform:translateY(-1px);box-shadow:0 4px 6px #e34d3e4d}.project-repo-wrapper{display:flex;flex-direction:column;gap:.5rem;width:100%}.project-repo-header{display:flex;justify-content:space-between;align-items:center}.project-repo-header h2{font-size:1.25rem;font-weight:700;color:#0f172a;margin:0}.project-repo-search-bar{display:flex;gap:.75rem;width:100%;max-width:480px}.project-repo-search-input{flex:1;padding:.5rem .75rem;font-size:.85rem;border:1px solid #e2e8f0;border-radius:6px;background-color:#fff;outline:none;transition:all .2s ease}.project-repo-search-input:focus{border-color:#e34d3e;box-shadow:0 0 0 2px #e34d3e1a}.project-repo-status-filter{padding:.5rem 2rem .5rem .75rem;font-size:.85rem;border:1px solid #e2e8f0;border-radius:6px;background-color:#fff;color:#475569;font-weight:600;outline:none;cursor:pointer;transition:all .2s ease;min-width:165px;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23475569' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right .75rem center;background-size:1rem;-webkit-appearance:none;-moz-appearance:none;appearance:none}.project-repo-status-filter:focus{border-color:#e34d3e;box-shadow:0 0 0 2px #e34d3e1a}.project-repo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.25rem}.project-repo-card{background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1.25rem;cursor:pointer;display:flex;flex-direction:column;gap:.85rem;box-shadow:0 1px 3px #00000005,0 2px 8px -2px #0f172a0a;transition:all .3s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.project-repo-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background-color:#cbd5e1}.project-repo-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px -6px #0f172a14,0 4px 12px -2px #0f172a08;border-color:#cbd5e1}.project-repo-card-header{display:flex;justify-content:space-between;align-items:flex-start}.project-repo-card-title{font-size:.95rem;font-weight:700;color:#0f172a;margin:0;line-height:1.4}.project-repo-card-client{font-size:.8rem;color:#64748b;font-weight:500}.project-repo-card-meta{display:flex;flex-direction:column;gap:.35rem;font-size:.78rem;color:#64748b;border-top:1px dashed #f1f5f9;padding-top:.75rem}.project-repo-card-meta-item{display:flex;align-items:center;gap:.5rem}.project-repo-card-members{display:flex;align-items:center;margin-top:auto;padding-top:.5rem}.project-member-avatar-list{display:flex;align-items:center}.project-member-avatar-item{width:26px;height:26px;border-radius:50%;background-color:#f1f5f9;border:2px solid white;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700;color:#475569;margin-left:-6px}.project-member-avatar-item:first-child{margin-left:0}.project-member-more-count{font-size:.75rem;color:#64748b;margin-left:.5rem;font-weight:500}.project-repo-drawer-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0f172a59;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;display:flex;justify-content:flex-end;animation:fadeIn .2s ease}.project-repo-drawer{width:100%;max-width:680px;height:100%;background-color:#fff;box-shadow:-4px 0 24px #0f172a26;display:flex;flex-direction:column;animation:slideIn .3s cubic-bezier(.16,1,.3,1);z-index:1001}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.project-repo-drawer-header{padding:1.25rem 1.5rem;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:flex-start;background-color:#f8fafc}.project-repo-drawer-title-area{display:flex;flex-direction:column;gap:.25rem}.project-repo-drawer-title-area h3{font-size:1.25rem;font-weight:700;color:#0f172a;margin:0}.project-repo-close-btn{background:none;border:none;font-size:1.5rem;color:#64748b;cursor:pointer;padding:.25rem .5rem;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.project-repo-close-btn:hover{background-color:#f1f5f9;color:#0f172a}.project-repo-drawer-tabs{display:flex;border-bottom:1px solid #e2e8f0;background-color:#f8fafc;padding:0 1.5rem}.project-repo-drawer-tab-btn{background:none;border:none;padding:.85rem 1rem;font-size:.85rem;font-weight:600;color:#64748b;cursor:pointer;position:relative;transition:all .2s ease}.project-repo-drawer-tab-btn:hover{color:#0f172a}.project-repo-drawer-tab-btn.active{color:#e34d3e}.project-repo-drawer-tab-btn.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background-color:#e34d3e}.project-repo-drawer-content{flex:1;overflow-y:auto;padding:1.5rem;background-color:#fff}.project-overview-grid{display:flex;flex-direction:column;gap:1.5rem}.project-overview-section{display:flex;flex-direction:column;gap:.5rem}.project-overview-section h4{font-size:.85rem;font-weight:700;text-transform:uppercase;color:#64748b;letter-spacing:.05em;margin:0;border-bottom:1px solid #f1f5f9;padding-bottom:.35rem}.project-overview-meta-details{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.project-meta-box{background-color:#f8fafc;padding:.75rem 1rem;border-radius:8px;border:1px solid #f1f5f9}.project-meta-label{font-size:.75rem;color:#64748b;font-weight:500}.project-meta-value{font-size:.85rem;color:#0f172a;font-weight:700;margin-top:.15rem}.project-members-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:.85rem}.project-member-card{display:flex;align-items:center;gap:.75rem;background-color:#f8fafc;padding:.75rem;border-radius:8px;border:1px solid #f1f5f9}.project-member-avatar{width:32px;height:32px;border-radius:50%;background-color:#e2e8f0;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700;color:#475569}.project-member-info{display:flex;flex-direction:column}.project-member-name{font-size:.82rem;font-weight:600;color:#0f172a}.project-member-role{font-size:.75rem;color:#64748b}.project-docs-wrapper{display:flex;flex-direction:column;gap:1rem}.project-docs-controls{display:flex;gap:.75rem;align-items:center}.doc-category-pills{display:flex;gap:.5rem;overflow-x:auto;padding-bottom:.25rem}.category-pill{background-color:#f1f5f9;border:none;padding:.35rem .85rem;font-size:.78rem;font-weight:600;color:#475569;border-radius:20px;cursor:pointer;transition:all .2s ease;white-space:nowrap}.category-pill:hover{background-color:#e2e8f0;color:#0f172a}.category-pill.active{background-color:#e34d3e;color:#fff}.project-docs-list{display:flex;flex-direction:column;gap:.85rem}.project-doc-item{border:1px solid #e2e8f0;border-radius:8px;background-color:#fff;overflow:hidden;transition:border-color .2s ease}.project-doc-item:hover{border-color:#cbd5e1}.project-doc-header-row{display:flex;justify-content:space-between;align-items:center;padding:.85rem 1rem;cursor:pointer}.project-doc-title-group{display:flex;align-items:center;gap:.75rem;flex:1}.project-doc-icon{font-size:1.25rem;color:#64748b;flex-shrink:0}.project-doc-details{display:flex;flex-direction:column}.project-doc-name{font-size:.85rem;font-weight:700;color:#0f172a}.project-doc-desc{font-size:.78rem;color:#64748b;margin-top:.15rem}.project-doc-meta-row{display:flex;align-items:center;gap:.5rem;font-size:.75rem;color:#94a3b8;margin-top:.25rem}.doc-category-badge{background-color:#f1f5f9;color:#475569;padding:1px 6px;border-radius:4px;font-weight:600;font-size:.7rem}.project-doc-actions{display:flex;align-items:center;gap:.5rem}.btn-icon-repo{background:none;border:none;color:#64748b;padding:.4rem;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;font-size:.95rem}.btn-icon-repo:hover{background-color:#f1f5f9;color:#0f172a}.btn-icon-repo.danger:hover{background-color:#fee2e2;color:#ef4444}.project-doc-versions-panel{background-color:#f8fafc;border-top:1px solid #e2e8f0;padding:.85rem 1rem;display:flex;flex-direction:column;gap:.75rem}.project-doc-versions-header{font-size:.78rem;font-weight:700;color:#475569;text-transform:uppercase;letter-spacing:.05em}.project-doc-versions-list{display:flex;flex-direction:column;gap:.5rem}.project-version-row{display:flex;justify-content:space-between;align-items:center;background-color:#fff;border:1px solid #f1f5f9;padding:.5rem .75rem;border-radius:6px}.project-version-meta{display:flex;flex-direction:column;gap:.15rem}.project-version-name-row{display:flex;align-items:center;gap:.5rem}.project-version-number-tag{background-color:#f1f5f9;color:#0f172a;padding:1px 5px;border-radius:4px;font-size:.7rem;font-weight:700}.project-version-filename{font-size:.8rem;font-weight:600;color:#334155;text-decoration:underline;cursor:pointer}.project-version-filename:hover{color:#e34d3e}.project-version-desc{font-size:.75rem;color:#64748b}.project-version-author{font-size:.72rem;color:#94a3b8}.repo-form-modal{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0f172a66;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:1200;display:flex;align-items:center;justify-content:center;animation:fadeIn .2s ease}.repo-form-card{background-color:#fff;border-radius:12px;width:100%;max-width:480px;box-shadow:0 10px 25px -5px #0f172a1a,0 8px 16px -6px #0f172a0d;display:flex;flex-direction:column;overflow:hidden;animation:scaleUp .2s cubic-bezier(.16,1,.3,1)}@keyframes scaleUp{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.repo-form-header{padding:1rem 1.25rem;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center;background-color:#f8fafc}.repo-form-header h4{font-size:.95rem;font-weight:700;color:#0f172a;margin:0}.repo-form-body{padding:1.25rem;display:flex;flex-direction:column;gap:1rem}.repo-form-group{display:flex;flex-direction:column;gap:.35rem}.repo-form-group label{font-size:.8rem;font-weight:600;color:#475569}.repo-form-input,.repo-form-select,.repo-form-textarea{padding:.5rem .75rem;font-size:.85rem;border:1px solid #e2e8f0;border-radius:6px;background-color:#fff;outline:none;transition:all .2s ease;font-family:inherit}.repo-form-input:focus,.repo-form-select:focus,.repo-form-textarea:focus{border-color:#e34d3e;box-shadow:0 0 0 2px #e34d3e1a}.repo-form-file-zone{border:2px dashed #cbd5e1;border-radius:8px;padding:1.5rem 1rem;text-align:center;cursor:pointer;background-color:#f8fafc;transition:all .2s ease;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem}.repo-form-file-zone:hover{border-color:#e34d3e;background-color:#fffaf0}.repo-form-file-icon{font-size:1.75rem;color:#94a3b8}.repo-form-file-text{font-size:.8rem;color:#64748b}.repo-form-footer{padding:1rem 1.25rem;border-top:1px solid #e2e8f0;display:flex;justify-content:flex-end;gap:.75rem;background-color:#f8fafc}.btn-secondary-repo{background-color:#fff;border:1px solid #e2e8f0;color:#475569;padding:.45rem 1rem;border-radius:6px;font-size:.82rem;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-secondary-repo:hover{background-color:#f1f5f9;color:#0f172a}.project-notes-wrapper{display:flex;flex-direction:column;gap:1.25rem;height:100%}.project-notes-feed{display:flex;flex-direction:column;gap:.85rem;max-height:380px;overflow-y:auto;padding-right:.25rem}.project-note-item{background-color:#f8fafc;border:1px solid #f1f5f9;border-radius:8px;padding:.85rem;display:flex;flex-direction:column;gap:.5rem}.project-note-header{display:flex;justify-content:space-between;align-items:center}.project-note-author{font-size:.8rem;font-weight:700;color:#334155}.project-note-date{font-size:.72rem;color:#94a3b8}.project-note-text{font-size:.82rem;color:#334155;line-height:1.5;white-space:pre-wrap}.project-notes-input-area{display:flex;flex-direction:column;gap:.5rem;border-top:1px solid #e2e8f0;padding-top:1rem}.project-notes-textarea{min-height:80px;padding:.65rem;font-size:.85rem;border:1px solid #e2e8f0;border-radius:6px;outline:none;resize:vertical;font-family:inherit}.project-notes-textarea:focus{border-color:#e34d3e}.project-history-timeline{display:flex;flex-direction:column;position:relative;padding-left:1.5rem;max-height:500px;overflow-y:auto}.project-history-timeline:before{content:"";position:absolute;top:.25rem;left:.35rem;bottom:.25rem;width:2px;background-color:#e2e8f0}.project-history-item{position:relative;padding-bottom:1.25rem}.project-history-item-dot{position:absolute;left:-1.45rem;top:.25rem;width:10px;height:10px;border-radius:50%;background-color:#e34d3e;border:2px solid white}.project-history-item-content{display:flex;flex-direction:column;gap:.15rem}.project-history-action-title{font-size:.82rem;font-weight:700;color:#0f172a}.project-history-details{font-size:.78rem;color:#64748b}.project-history-meta{font-size:.72rem;color:#94a3b8;display:flex;gap:.5rem}.main-tabs-bar{display:flex;background-color:#f1f5f9;border-radius:8px;padding:3px;border:1px solid #e2e8f0;transition:all .2s ease}.main-tab-btn{border:none;padding:.45rem 1.25rem;border-radius:6px;cursor:pointer;font-weight:600;font-size:.85rem;background-color:transparent;color:#64748b;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;gap:.35rem}.main-tab-btn:hover:not(.active){color:#334155;background-color:#ffffff80}.main-tab-btn.active{background-color:#fff;color:#e34d3e;box-shadow:0 2px 4px #94a3b826;font-weight:700}.repo-doc-table-link:hover{background-color:#fff5f5!important;border-color:#fca5a5!important;color:#dc2626!important;transform:translateY(-1px);box-shadow:0 2px 4px #dc26260d}.status-badge-readonly{display:inline-block;padding:3px 10px;border-radius:999px;font-size:.72rem;font-weight:600;letter-spacing:.02em;cursor:default;white-space:nowrap}.status-badge-readonly.status-to-do{background:#f1f5f9;color:#64748b}.status-badge-readonly.status-in-progress{background:#eff6ff;color:#3b82f6}.status-badge-readonly.status-in-review{background:#fef9c3;color:#ca8a04}.status-badge-readonly.status-done{background:#dcfce7;color:#16a34a}.status-badge-readonly.status-closed{background:#f3f4f6;color:#6b7280}.task-row-done{background-color:#f0fdf4!important}.tasks-container{width:100%;display:flex;flex-direction:column;gap:.5rem;font-family:Inter,system-ui,-apple-system,sans-serif;color:#334155}.tasks-container .page-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(226,232,240,.8)}.tasks-container .page-header h2{font-size:1.4rem;font-weight:700;color:#0f172a;margin:0;letter-spacing:-.02em}.tasks-title-wrapper h1{font-size:1.6rem;font-weight:700;color:#1e293b;margin:0}.tasks-title-wrapper p{margin:.25rem 0 0;color:#64748b;font-size:.85rem}.tasks-controls{display:flex;gap:.85rem;align-items:center}.view-mode-toggle{display:flex;background-color:#f1f5f9;border-radius:8px;padding:3px;border:1px solid #e2e8f0;transition:all .2s ease}.view-mode-btn{border:none;padding:.45rem 1rem;border-radius:6px;cursor:pointer;font-weight:600;font-size:.85rem;background-color:transparent;color:#64748b;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;gap:.35rem}.view-mode-btn:hover:not(.active){color:#334155;background-color:#ffffff80}.view-mode-btn.active{background-color:#fff;color:#e34d3e;box-shadow:0 2px 4px #94a3b826;font-weight:700}.btn-primary{background:linear-gradient(135deg,#e34d3e 0%,#d13b2c 100%);color:#fff;border:none;border-radius:8px;padding:.55rem 1.25rem;font-weight:600;font-size:.85rem;cursor:pointer;display:flex;align-items:center;gap:.4rem;box-shadow:0 4px 12px #e34d3e2e;transition:all .2s cubic-bezier(.4,0,.2,1)}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#d13b2c 0%,#bc2e20 100%);box-shadow:0 6px 16px #e34d3e47;transform:translateY(-1px)}.btn-primary:active{transform:scale(.98);box-shadow:0 2px 8px #e34d3e2e}.btn-secondary{border:1px solid #cbd5e1;background-color:#fff;color:#475569;padding:.55rem 1.25rem;border-radius:8px;cursor:pointer;font-weight:600;font-size:.85rem;transition:all .2s ease,transform .1s ease}.btn-secondary:hover{background-color:#f8fafc;border-color:#94a3b8;transform:translateY(-1px)}.btn-secondary:active{transform:scale(.98)}.btn-danger{width:100%;background-color:#ef4444;color:#fff;border:none;border-radius:8px;padding:.6rem;font-weight:600;font-size:.85rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.4rem}.btn-danger:hover{background-color:#dc2626;box-shadow:0 4px 12px #ef444426}.filters-bar{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;background:rgba(255,255,255,.9);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:.5rem .75rem;border-radius:10px;border:1px solid rgba(226,232,240,.8);box-shadow:0 4px 6px -1px #00000005,0 10px 15px -3px #94a3b80d;transition:all .3s ease}.filters-bar:hover{box-shadow:0 4px 20px -2px #94a3b814,0 2px 8px -1px #94a3b80a;border-color:#cbd5e1cc}.custom-date-range{display:flex;align-items:center;gap:.4rem}.date-range-input{padding:.38rem .55rem;border-radius:6px;border:1px solid #cbd5e1;outline:none;background-color:#fff;color:#334155;font-size:.8rem;font-family:inherit;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease;width:130px}.date-range-input:focus{border-color:#e34d3e;box-shadow:0 0 0 2px #e34d3e1f}.date-range-separator{color:#94a3b8;font-size:.9rem;font-weight:600;-webkit-user-select:none;user-select:none}.filter-select{padding:.4rem 1.75rem .4rem .6rem;border-radius:6px;border:1px solid #cbd5e1;outline:none;background-color:#fff;color:#334155;font-size:.85rem;cursor:pointer;transition:border-color .2s ease}.filter-select:focus{border-color:#e34d3e}.kanban-board{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;align-items:start}.kanban-column{background-color:#f8fafc;border-radius:10px;padding:.75rem;min-height:550px;display:flex;flex-direction:column;gap:.75rem;border:1px solid #e2e8f0;transition:all .2s ease}.kanban-column:hover{border-color:#cbd5e1;box-shadow:0 4px 12px #0f172a05}.kanban-board .kanban-column:nth-child(1){border-top:4px solid #3b82f6}.kanban-board .kanban-column:nth-child(2){border-top:4px solid #f59e0b}.kanban-board .kanban-column:nth-child(3){border-top:4px solid #8b5cf6}.kanban-board .kanban-column:nth-child(4){border-top:4px solid #10b981}.kanban-column-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.25rem;padding:0 .25rem}.kanban-column-header h3{font-size:.85rem;font-weight:700;text-transform:uppercase;color:#334155;margin:0;letter-spacing:.06em}.kanban-column-count{font-size:.75rem;font-weight:700;color:#475569;background-color:#fff;padding:.2rem .5rem;border-radius:20px;border:1px solid #e2e8f0;box-shadow:0 1px 2px #00000005}.kanban-cards-wrapper{display:flex;flex-direction:column;gap:.65rem;min-height:500px}@keyframes taskCardEnter{0%{opacity:.7;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.task-card{background-color:#fff;border-radius:8px;padding:.75rem .85rem;border:1px solid #e2e8f0;cursor:grab;box-shadow:0 1px 2px #00000003,0 2px 4px -1px #0f172a05;transition:all .3s cubic-bezier(.16,1,.3,1);animation:taskCardEnter .25s cubic-bezier(.16,1,.3,1) forwards;-webkit-user-select:none;user-select:none}.task-card:hover{transform:translateY(-3px) scale(1.01);box-shadow:0 12px 20px -8px #0f172a14,0 4px 12px -2px #0f172a08;border-color:#cbd5e1}.task-card:active{cursor:grabbing;transform:translateY(-1px) scale(.99);box-shadow:0 6px 10px -4px #0f172a0f}.task-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.4rem}.task-card-key{font-size:.75rem;font-weight:700;color:#e34d3e;letter-spacing:.02em}.priority-badge{font-size:.65rem;font-weight:700;padding:.15rem .45rem;border-radius:4px;text-transform:uppercase}.priority-badge.critical{background-color:#fee2e2;color:#ef4444}.priority-badge.high{background-color:#ffedd5;color:#f97316}.priority-badge.medium{background-color:#fef9c3;color:#ca8a04}.priority-badge.low{background-color:#f1f5f9;color:#64748b}.task-card-title{font-size:.8rem;font-weight:600;margin:0 0 .4rem;color:#1e293b;line-height:1.35}.task-card-footer{display:flex;justify-content:space-between;align-items:center;font-size:.75rem;color:#64748b;margin-top:.6rem;border-top:1px solid #f1f5f9;padding-top:.4rem}.task-card-project-name{font-weight:500;color:#64748b;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.avatar-initials{font-weight:700;background-color:#f1f5f9;color:#475569;border:1px solid #e2e8f0;width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.65rem}.list-view-table-wrapper{background-color:#fff;border-radius:8px;border:1px solid #e2e8f0;overflow:hidden;box-shadow:0 1px 2px #00000003,0 4px 6px -2px #94a3b805}.list-view-table{width:100%;border-collapse:collapse;text-align:left;font-size:.8rem}.list-view-table th{padding:.65rem .85rem;font-weight:700;font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;background-color:#f8fafc;border-bottom:2px solid #edf2f7;color:#475569}.list-view-table tr{border-bottom:1px solid #edf2f7;cursor:pointer;transition:all .2s ease}.list-view-table tr:hover{background-color:#f8fafccc}.list-view-table td{padding:.55rem .85rem;color:#334155;vertical-align:middle}.col-key{font-weight:700;color:#e34d3e}.col-title{font-weight:600;color:#1e293b}.task-drawer-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0f172a4d;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);z-index:1001}.task-drawer{position:fixed;top:0;right:0;bottom:0;width:480px;background-color:#fff;box-shadow:-8px 0 32px #0f172a1f;z-index:1002;padding:1.5rem;display:flex;flex-direction:column;gap:1.25rem;border-left:1px solid #e2e8f0;animation:drawerSlideIn .2s cubic-bezier(.16,1,.3,1) forwards;box-sizing:border-box}.task-modal{background-color:#fff;padding:1.5rem;border-radius:8px;width:600px;max-width:95%;max-height:90vh;display:flex;flex-direction:column;gap:1.25rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;border:1px solid #e2e8f0;box-sizing:border-box;overflow-y:auto;position:relative;z-index:1003;animation:modalScaleIn .2s cubic-bezier(.16,1,.3,1) forwards}@keyframes modalScaleIn{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}@keyframes drawerSlideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.task-drawer-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #f1f5f9;padding-bottom:.75rem}.task-drawer-close-btn{background:none;border:none;font-size:1.4rem;cursor:pointer;color:#94a3b8;transition:color .15s ease;line-height:1;padding:.25rem}.task-drawer-close-btn:hover{color:#475569}.task-drawer-meta{color:#64748b;font-size:.8rem;margin-top:.2rem;display:flex;gap:.75rem}.task-drawer-body{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:1.25rem;padding-right:.25rem}.task-drawer-section{display:flex;flex-direction:column;gap:.4rem}.task-drawer-section h4{margin:0;font-size:.75rem;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.03em}.task-drawer-section p{color:#334155;font-size:.9rem;line-height:1.45;margin:0;background-color:#f8fafc;padding:.65rem .85rem;border-radius:6px;border:1px solid #e2e8f0;white-space:pre-wrap}.task-drawer-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.worklog-tabs{display:flex;border-bottom:2px solid #f1f5f9;gap:1rem}.worklog-tab-btn{background:none;border:none;padding:.5rem .25rem;font-size:.85rem;font-weight:600;cursor:pointer;color:#64748b;border-bottom:2px solid transparent;margin-bottom:-2px;transition:all .2s ease}.worklog-tab-btn.active{color:#e34d3e;border-bottom-color:#e34d3e}.worklog-logs-list{display:flex;flex-direction:column;gap:.5rem;max-height:220px;overflow-y:auto;padding-right:.25rem}.worklog-item{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;padding:.6rem .75rem;font-size:.8rem}.worklog-item-header{display:flex;justify-content:space-between;font-weight:700;color:#475569;margin-bottom:.25rem}.worklog-item-notes{color:#334155;margin:0;line-height:1.4}.worklog-form{display:flex;flex-direction:column;gap:.65rem;background-color:#fafbfc;border:1px solid #e2e8f0;padding:.85rem;border-radius:6px}.worklog-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:.65rem}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0f172a66;-webkit-backdrop-filter:blur(1.5px);backdrop-filter:blur(1.5px);display:flex;justify-content:center;align-items:center;z-index:1002}.modal-form{background-color:#fff;padding:1.5rem;border-radius:8px;width:460px;display:flex;flex-direction:column;gap:1rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;border:1px solid #e2e8f0;box-sizing:border-box}.modal-form h2{margin:0;font-size:1.3rem;font-weight:700;color:#1e293b}.form-group{display:flex;flex-direction:column;gap:.35rem}.form-group label{font-size:.75rem;font-weight:700;color:#64748b;text-transform:uppercase;margin-bottom:0}.form-input,.form-textarea,.form-select{padding:.5rem .65rem;border-radius:6px;border:1px solid #cbd5e1;outline:none;font-size:.85rem;color:#334155;background-color:#fff;transition:border-color .2s ease;width:100%;box-sizing:border-box}.form-input:focus,.form-textarea:focus,.form-select:focus{border-color:#e34d3e}.form-textarea{min-height:80px;resize:vertical}.modal-footer{display:flex;justify-content:flex-end;gap:.75rem;margin-top:.5rem}.empty-state{text-align:center;padding:3rem 1.5rem;background-color:#fff;border-radius:8px;border:1px solid #e2e8f0;color:#64748b;font-size:.9rem}.empty-state-icon{font-size:2.2rem;margin-bottom:.5rem;display:block}.dashboard-tasks-card{background-color:#fff;border-radius:8px;padding:1.25rem;box-shadow:0 1px 3px #0000000d;border:1px solid #e2e8f0;margin-top:1.5rem}.dashboard-tasks-title{margin:0 0 1rem;display:flex;align-items:center;gap:.5rem;color:#e34d3e;font-size:1.1rem;font-weight:700}.dashboard-tasks-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.dashboard-task-item{border:1px solid #f1f5f9;padding:.85rem;border-radius:6px;background-color:#fffdfd;transition:all .2s ease;cursor:pointer}.dashboard-task-item:hover{transform:translateY(-1px);box-shadow:0 2px 8px #00000008;border-color:#cbd5e1}.dashboard-task-header{display:flex;justify-content:space-between;margin-bottom:.4rem;align-items:center}.dashboard-task-key{font-weight:700;color:#e34d3e;font-size:.75rem}.dashboard-task-title{margin:0 0 .5rem;font-size:.85rem;font-weight:600;color:#1e293b}.dashboard-task-project{margin:0;font-size:.75rem;color:#64748b}.filter-select,.form-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;background-size:.85rem;padding-right:2.25rem!important;cursor:pointer;background-color:#fff;transition:all .2s cubic-bezier(.16,1,.3,1)}.filter-select:hover,.form-select:hover{border-color:#94a3b8;background-color:#fafbfc}.filter-select:focus,.form-select:focus{border-color:#e34d3e;box-shadow:0 0 0 3px #e34d3e1f;background-color:#fff}.table-status-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .5rem center;background-size:.75rem;padding:.25rem 1.6rem .25rem .5rem;border-radius:4px;border:1px solid #cbd5e1;outline:none;background-color:#fff;color:#334155;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s ease}.table-status-select:hover{border-color:#94a3b8;background-color:#f8fafc}.table-status-select:focus{border-color:#e34d3e;box-shadow:0 0 0 2px #e34d3e1f}.task-card-hours-pill{display:inline-flex;align-items:center;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:.15rem .55rem;font-size:.7rem;font-weight:600;color:#64748b;gap:2px;transition:all .2s ease}.task-card:hover .task-card-hours-pill{background-color:#f1f5f9;border-color:#cbd5e1;transform:scale(1.02)}.task-card-hours-pill .hours-spent{color:#10b981}.task-card-hours-pill .hours-divider{color:#cbd5e1;font-weight:400}.task-card-hours-pill .hours-estimated{color:#64748b}.attachments-tab-container{display:flex;flex-direction:column;gap:1.25rem;padding:.5rem .25rem;animation:modalScaleIn .2s cubic-bezier(.16,1,.3,1) forwards}.upload-dropzone{border:2px dashed #cbd5e1;background-color:#fafbfc;border-radius:8px;padding:1.75rem 1rem;text-align:center;cursor:pointer;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex;justify-content:center;align-items:center}.upload-dropzone:hover{border-color:#e34d3e;background-color:#e34d3e05;transform:translateY(-1px)}.upload-dropzone.dragover{border-color:#e34d3e;background-color:#e34d3e0d;box-shadow:0 0 0 3px #e34d3e1a;transform:scale(1.01)}.upload-dropzone-content{display:flex;flex-direction:column;align-items:center;gap:.5rem}.upload-icon{font-size:2.2rem;animation:pulseAttachment 2s infinite ease-in-out}@keyframes pulseAttachment{0%{transform:scale(1)}50%{transform:scale(1.08)}to{transform:scale(1)}}.upload-text{margin:0;font-size:.9rem;font-weight:600;color:#334155}.upload-subtext{font-size:.72rem;color:#94a3b8;max-width:320px}.attachment-card{display:flex;align-items:center;justify-content:space-between;background:white;border:1px solid #e2e8f0;border-radius:8px;padding:.85rem 1rem;box-shadow:0 1px 3px #00000005;transition:all .2s cubic-bezier(.16,1,.3,1)}.attachment-card:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0f172a0d;border-color:#cbd5e1}.attachment-info-wrapper{display:flex;align-items:center;gap:.85rem;overflow:hidden;flex:1}.attachment-metadata{display:flex;flex-direction:column;gap:2px;overflow:hidden;flex:1}.attachment-name{font-size:.85rem;font-weight:600;color:#1e293b;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attachment-details{font-size:.72rem;color:#64748b}.attachment-actions{display:flex;align-items:center;gap:.35rem;margin-left:1rem}.attachment-action-btn{background:#f8fafc;border:1px solid #e2e8f0;width:28px;height:28px;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.85rem;transition:all .2s ease;padding:0}.attachment-action-btn:hover{transform:scale(1.05);background-color:#fff}.attachment-action-btn.download-btn:hover{border-color:#10b981;box-shadow:0 2px 6px #10b98126}.attachment-action-btn.delete-btn:hover{border-color:#ef4444;box-shadow:0 2px 6px #ef444426}.create-task-modal{background-color:#fff;padding:1.5rem 1.75rem;border-radius:12px;width:560px;max-width:95%;display:flex;flex-direction:column;gap:1.15rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;border:1px solid #e2e8f0;box-sizing:border-box;position:relative;z-index:1003;animation:modalScaleIn .25s cubic-bezier(.16,1,.3,1) forwards}@media (max-height: 600px){.create-task-modal{max-height:90vh;overflow-y:auto}}.create-task-modal-header{display:flex;justify-content:space-between;align-items:flex-start;border-bottom:1px solid #f1f5f9;padding-bottom:.85rem;margin-bottom:.15rem}.create-task-modal-header h2{margin:0;font-size:1.35rem;font-weight:800;color:#0f172a;letter-spacing:-.02em}.create-task-modal-subtitle{color:#64748b;font-size:.8rem;margin-top:.2rem}.create-task-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}.create-task-grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1.25rem}.create-task-modal .form-group label{font-size:.72rem;font-weight:700;color:#475569;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.35rem}.create-task-modal .form-input{box-sizing:border-box;height:38px;border:1px solid #cbd5e1;border-radius:8px;padding:0 .75rem;font-size:.85rem;color:#334155;background-color:#fff;transition:border-color .2s ease,box-shadow .2s ease;width:100%;outline:none;font-family:inherit}.create-task-modal .form-textarea{box-sizing:border-box;min-height:80px;border:1px solid #cbd5e1;border-radius:8px;padding:.625rem .75rem;font-size:.85rem;color:#334155;background-color:#fff;transition:border-color .2s ease,box-shadow .2s ease;width:100%;outline:none;font-family:inherit;resize:vertical}.create-task-modal .form-input:hover,.create-task-modal .form-textarea:hover{border-color:#94a3b8}.create-task-modal .form-input:focus,.create-task-modal .form-textarea:focus{border-color:#e34d3e;background-color:#fff;box-shadow:0 0 0 3px #e34d3e1f}.create-task-title-input{font-weight:600!important}.create-task-notify-container{display:flex;align-items:center;gap:.4rem;margin-top:.4rem}.create-task-notify-checkbox{cursor:pointer;width:14px;height:14px;margin:0}.create-task-notify-label{cursor:pointer;text-transform:none!important;font-size:.75rem!important;font-weight:500!important;color:#64748b!important;margin:0!important}.create-task-modal .modal-footer{border-top:1px solid #f1f5f9;padding-top:1rem;margin-top:.25rem;display:flex;justify-content:flex-end;gap:1rem}.custom-confirm-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0f172a66;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:1rem}.custom-confirm-modal{background-color:#fff;border-radius:16px;width:100%;max-width:440px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;display:flex;flex-direction:column;overflow:hidden;border:1px solid #e2e8f0;animation:modalScaleIn .2s cubic-bezier(.16,1,.3,1) forwards}.custom-confirm-body{padding:1.5rem;display:flex;flex-direction:column;gap:.75rem;align-items:center;text-align:center}.custom-confirm-icon-warning{width:48px;height:48px;border-radius:50%;background-color:#fffbeb;display:flex;align-items:center;justify-content:center;color:#d97706;font-size:1.5rem;margin-bottom:.25rem;border:1px solid #fef3c7}.custom-confirm-icon-danger{width:48px;height:48px;border-radius:50%;background-color:#fef2f2;display:flex;align-items:center;justify-content:center;color:#dc2626;margin-bottom:.25rem;border:1px solid #fecaca}.custom-confirm-body h3{margin:0;font-size:1.15rem;color:#0f172a;font-weight:700}.custom-confirm-body p{margin:0;font-size:.85rem;color:#64748b;line-height:1.45}.custom-confirm-footer{padding:1rem 1.5rem;border-top:1px solid #f1f5f9;display:flex;justify-content:flex-end;gap:.75rem;background-color:#f8fafc}.custom-confirm-btn-cancel{background-color:#fff;border:1px solid #cbd5e1;border-radius:6px;color:#334155;padding:.5rem 1.25rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .15s}.custom-confirm-btn-cancel:hover{background-color:#f8fafc;border-color:#94a3b8}.custom-confirm-btn-action{background-color:#e34d3e;border:none;border-radius:6px;color:#fff;padding:.5rem 1.25rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .15s}.custom-confirm-btn-action:hover{background-color:#cb3d30}.filter-w-200{width:200px}.filter-w-180{width:180px}.filter-w-160{width:160px}.task-card-draggable{cursor:grab}.task-card-footer-right{display:flex;align-items:center;gap:.4rem}.td-effort{font-size:.85rem}.effort-container{display:flex;flex-direction:column;gap:2px}.effort-spent{font-weight:600;color:#64748b}.effort-spent.logged{color:#10b981}.effort-estimated{font-size:.75rem;color:#64748b}.effort-none{font-size:.75rem;color:#94a3b8;font-style:italic}.td-created{font-size:.85rem;color:#64748b}.td-due{font-size:.85rem}.due-date{color:#64748b}.due-date.overdue{color:#ef4444;font-weight:600;display:inline-flex;align-items:center;gap:4px}.overdue-icon{font-size:1rem}.due-date-none{color:#94a3b8;font-style:italic}.status-select-width{width:130px}.task-status-spinner--light{border-color:#ffffff59;border-top-color:#fff}.task-status-confirm-loading{display:inline-flex;align-items:center;gap:8px}.task-modal .task-card-key{font-size:1rem!important}.task-edit-form{display:flex;flex-direction:column;gap:.85rem}.task-edit-form label{font-size:.75rem!important;font-weight:700!important;text-transform:uppercase!important;color:#64748b!important}.task-edit-title-input{font-size:.8rem!important;font-weight:600!important}.task-edit-desc-textarea{min-height:100px!important;font-size:.9rem!important}.task-spent-hours-text{padding:.45rem .65rem;font-weight:700;margin:0;color:#64748b}.task-spent-hours-text.logged{color:#10b981}.task-edit-actions{display:flex;gap:.5rem;margin-top:.5rem;border-top:1px solid #e2e8f0;padding-top:1rem}.btn-save-changes{flex:2;justify-content:center}.btn-discard,.btn-delete-task{flex:1;justify-content:center}.task-readonly-details{display:flex;flex-direction:column;gap:1.25rem}.task-readonly-details h2{margin:0;font-size:1rem;color:#1e293b}.task-drawer-section h4{margin:0 0 .4rem;color:#64748b;font-size:.8rem;text-transform:uppercase;letter-spacing:.05em}.task-readonly-desc{margin:0;white-space:pre-wrap;color:#334155;line-height:1.5;background:rgba(241,245,249,.5);padding:.75rem;border-radius:6px;border:1px solid #e2e8f0}.static-badge{display:inline-block;padding:.35rem .65rem;background:#e0e7ff;color:#4f46e5;border-radius:4px;font-weight:600;font-size:.85rem}.task-readonly-value-bold{font-weight:600;color:#334155}.task-readonly-value{color:#334155}.task-spent-hours-readonly{font-weight:700;color:#64748b}.task-spent-hours-readonly.logged{color:#10b981}.worklog-form-title{color:#e34d3e;margin:0;font-size:.8rem}.worklog-notes-textarea{min-height:60px}.worklog-submit-btn{width:100%;justify-content:center}.worklog-history-section{flex:1;display:flex;flex-direction:column}.worklog-loading{text-align:center;padding:1rem;color:#64748b}.worklog-empty{text-align:center;padding:1rem;color:#94a3b8;font-size:.8rem;border:1px dashed #e2e8f0;border-radius:6px}.worklog-item-hours{color:#10b981}.worklog-item-meta{color:#64748b;font-size:.75rem;margin-bottom:.2rem}.hidden-file-input{display:none}.attachments-loading{text-align:center;padding:1rem;color:#64748b}.empty-attachments{text-align:center;padding:2rem 1rem;color:#94a3b8;border:1px dashed #e2e8f0;border-radius:6px;margin-top:1rem}.empty-attachments-icon{font-size:1.5rem;display:block;margin-bottom:.5rem}.empty-attachments-text{margin:0;font-size:.85rem}.attachments-grid{margin-top:1rem;display:flex;flex-direction:column;gap:.75rem}.attachment-emoji{font-size:1.5rem}.date-picker-filter-wrapper{width:130px}.btn-clear-filters{display:inline-flex;align-items:center;gap:.3rem;padding:.35rem .75rem;font-size:.75rem;font-weight:600;border-radius:6px;background-color:#f8fafc;color:#475569;border:1px solid #e2e8f0;cursor:pointer;transition:all .2s ease;height:32px}.btn-clear-filters:hover{background-color:#fee2e2;color:#ef4444;border-color:#fca5a5;transform:translateY(-1px)}.btn-clear-filters:active{transform:translateY(0)}.task-dashboard-wrapper{display:flex;flex-direction:column;gap:1.25rem;padding:.5rem 0;width:100%}.dashboard-kpis-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:1rem}.kpi-card-wrapper{background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1.15rem 1rem;display:flex;align-items:center;gap:.85rem;box-shadow:0 1px 3px #00000005,0 2px 8px -1px #94a3b80a;transition:all .3s cubic-bezier(.16,1,.3,1)}.kpi-card-wrapper:hover{transform:translateY(-3px);box-shadow:0 12px 20px -8px #0f172a14,0 4px 12px -2px #0f172a08;border-color:#cbd5e1}.kpi-card-icon-container{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:10px;flex-shrink:0}.kpi-icon{font-size:1.25rem}.total-tasks-kpi .kpi-card-icon-container{background-color:#3b82f614;color:#3b82f6}.completed-tasks-kpi .kpi-card-icon-container{background-color:#10b98114;color:#10b981}.progress-tasks-kpi .kpi-card-icon-container{background-color:#8b5cf614;color:#8b5cf6}.todo-tasks-kpi .kpi-card-icon-container{background-color:#f59e0b14;color:#f59e0b}.overdue-tasks-kpi .kpi-card-icon-container{background-color:#ef444414;color:#ef4444}.kpi-card-content{display:flex;flex-direction:column;gap:.15rem;min-width:0;flex:1}.kpi-card-label{font-size:.76rem;font-weight:600;color:#64748b;text-transform:capitalize}.kpi-card-value{font-size:1.45rem;font-weight:700;color:#0f172a;margin:0;line-height:1.15}.kpi-trend-wrapper{display:flex;align-items:center;gap:.2rem;font-size:.68rem;font-weight:600;margin-top:.1rem}.kpi-trend-wrapper.trend-up{color:#10b981}.kpi-trend-wrapper.trend-down{color:#ef4444}.trend-arrow{font-size:.72rem}.dashboard-middle-row{display:grid;grid-template-columns:360px 260px 1fr;gap:1.25rem}.dashboard-bottom-row{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}.dashboard-widget{background-color:#fff;border:1px solid #e2e8f0;border-radius:6px;padding:1.25rem;box-shadow:0 1px 3px #00000004;display:flex;flex-direction:column;gap:.95rem;box-sizing:border-box}.widget-title{font-size:.92rem;font-weight:700;color:#0f172a;margin:0;letter-spacing:-.01em}.widget-header-row{display:flex;justify-content:space-between;align-items:center}.widget-action-link{font-size:.75rem;font-weight:700;color:#e34d3e;background:none;border:none;cursor:pointer;padding:0;transition:opacity .2s ease}.widget-action-link:hover{opacity:.8;text-decoration:underline}.donut-chart-container{display:flex;align-items:center;gap:1.25rem;justify-content:center;padding:.25rem 0}.donut-chart-circle{width:124px;height:124px;border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;transition:transform .3s ease;flex-shrink:0}.donut-chart-inner{width:78px;height:78px;background-color:#fff;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:inset 0 2px 6px #0f172a0a}.donut-total-count{font-size:1.45rem;font-weight:800;color:#0f172a;line-height:1}.donut-total-label{font-size:.65rem;font-weight:700;color:#64748b;text-transform:uppercase;margin-top:1px}.donut-legend-list{display:flex;flex-direction:column;gap:.4rem;flex:1}.donut-legend-item{display:flex;align-items:center;font-size:.74rem;color:#475569;gap:.4rem}.donut-legend-color-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.donut-legend-name{font-weight:600;flex:1}.donut-legend-count{color:#64748b}.priority-chart-container{display:flex;align-items:flex-end;height:100%;padding-bottom:.25rem;box-sizing:border-box}.priority-chart-bars{display:flex;justify-content:space-around;align-items:flex-end;width:100%;height:124px}.priority-bar-column{display:flex;flex-direction:column;align-items:center;gap:.35rem;flex:1}.priority-bar-wrapper{display:flex;flex-direction:column;justify-content:flex-end;align-items:center;height:98px;width:22px;position:relative}.priority-bar-value{font-size:.7rem;font-weight:700;color:#475569;margin-bottom:3px}.priority-bar-fill{width:100%;border-radius:4px 4px 0 0;min-height:4px;transition:height .5s cubic-bezier(.16,1,.3,1)}.priority-bar-label{font-size:.68rem;font-weight:600;color:#64748b}.upcoming-tasks-list{display:flex;flex-direction:column;gap:.5rem;overflow-y:auto;max-height:154px;padding-right:2px}.upcoming-task-row{display:flex;justify-content:space-between;align-items:center;padding:.5rem .65rem;background-color:#f8fafc;border-radius:8px;border:1px solid #f1f5f9;gap:.5rem}.upcoming-task-info{display:flex;align-items:center;gap:.45rem;min-width:0;flex:1}.upcoming-calendar-icon{color:#3b82f6;font-size:.82rem;flex-shrink:0}.upcoming-task-title{font-size:.78rem;font-weight:600;color:#1e293b;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.upcoming-task-date-group{display:flex;align-items:center;gap:.45rem;flex-shrink:0}.upcoming-task-date{font-size:.72rem;font-weight:500;color:#64748b}.upcoming-due-badge{font-size:.62rem;font-weight:700;padding:.1rem .4rem;border-radius:4px;text-transform:uppercase;letter-spacing:.02em}.upcoming-due-badge.overdue-badge{background-color:#fee2e2;color:#ef4444}.upcoming-due-badge.due-today-badge{background-color:#fef3c7;color:#d97706}.upcoming-due-badge.due-tomorrow-badge{background-color:#ecfdf5;color:#059669}.upcoming-due-badge.due-soon-badge{background-color:#fff7ed;color:#ea580c}.upcoming-due-badge.due-later-badge{background-color:#f0f9ff;color:#0284c7}.table-responsive{width:100%;overflow-x:auto;border-radius:8px}.dashboard-table{width:100%;border-collapse:collapse;text-align:left}.dashboard-table th{background-color:#f8fafc;color:#475569;font-size:.7rem;font-weight:700;padding:.65rem .75rem;border-bottom:1px solid #e2e8f0;text-transform:uppercase;letter-spacing:.05em}.dashboard-table td{padding:.65rem .75rem;border-bottom:1px solid #f1f5f9;font-size:.76rem;color:#334155;vertical-align:middle}.dashboard-table tr:last-child td{border-bottom:none}.table-task-cell{display:flex;flex-direction:column;min-width:140px}.table-task-title{font-weight:600;color:#1e293b;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:200px}.table-task-subtitle{font-size:.68rem;color:#64748b;margin-top:1px}.table-project-cell{display:flex;align-items:center;gap:.35rem;color:#475569;font-weight:500}.table-project-icon{color:#94a3b8;font-size:.8rem}.table-assignee-cell{display:flex;align-items:center;gap:.45rem}.avatar-initials-mini{width:22px;height:22px;border-radius:50%;background-color:#f1f5f9;color:#475569;font-weight:700;font-size:.68rem;display:flex;align-items:center;justify-content:center;border:1px solid #cbd5e1}.status-badge-mini{font-size:.65rem;font-weight:700;padding:.12rem .4rem;border-radius:4px;text-transform:uppercase;display:inline-block}.status-badge-mini.to-do{background-color:#eff6ff;color:#2563eb}.status-badge-mini.in-progress{background-color:#f5f3ff;color:#7c3aed}.status-badge-mini.in-review{background-color:#fff7ed;color:#ea580c}.status-badge-mini.done,.status-badge-mini.closed{background-color:#ecfdf5;color:#059669}.overdue-text{color:#ef4444;font-weight:600}.assignee-stat-cell{display:flex;align-items:center;gap:.6rem}.stat-number{font-size:.74rem;font-weight:700;color:#1e293b;width:14px;text-align:right}.progress-bar-track{height:5px;background-color:#e2e8f0;border-radius:3px;flex:1;min-width:50px;overflow:hidden}.progress-bar-fill{height:100%;border-radius:3px;transition:width .4s ease}.completed-fill{background-color:#10b981}.progress-fill{background-color:#f59e0b}.overdue-fill{background-color:#ef4444}.widget-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.5rem;color:#94a3b8;font-size:.75rem;text-align:center}.table-empty-row{text-align:center;color:#94a3b8;padding:1.5rem!important;font-style:italic}@media (max-width: 1200px){.dashboard-kpis-grid{grid-template-columns:repeat(3,1fr)}.dashboard-middle-row{grid-template-columns:1fr 1fr}.dashboard-widget.upcoming-due-widget{grid-column:span 2}}@media (max-width: 900px){.dashboard-kpis-grid{grid-template-columns:1fr 1fr}.dashboard-middle-row,.dashboard-bottom-row{grid-template-columns:1fr}.dashboard-widget.upcoming-due-widget{grid-column:span 1}}@media (max-width: 550px){.dashboard-kpis-grid{grid-template-columns:1fr}}.upcoming-task-row.clickable-dashboard-task{cursor:pointer;transition:all .2s ease-in-out}.upcoming-task-row.clickable-dashboard-task:hover{background-color:#f1f5f9;border-color:#cbd5e1;transform:translateY(-1px);box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008}.clickable-dashboard-row{cursor:pointer;transition:background-color .2s ease}.clickable-dashboard-row:hover{background-color:#f8fafc!important}.clickable-dashboard-row:hover td{color:#0f172a}.task-detail-page{padding:16px 20px;background-color:#f4f5f7;min-height:100vh;display:flex;flex-direction:column;gap:12px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--text-primary);max-width:none;margin:0;width:100%}.task-detail-header-nav{display:flex;align-items:center;gap:12px}.task-detail-key{font-size:13px;font-weight:500;color:var(--text-secondary)}.task-detail-header-title{display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--border-color);padding-bottom:8px}.task-header-icon{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background-color:#ff5660;color:#fff;border-radius:4px;font-size:14px;flex-shrink:0}.editable-field{border-radius:4px;transition:background-color .2s,box-shadow .2s;cursor:pointer;border:1px solid transparent;padding:4px 8px;margin:-4px -8px}.editable-field:hover{background-color:var(--bg-hover)}.task-detail-title{font-size:20px;font-weight:600;color:var(--text-primary);margin:0;line-height:1.2;width:100%}.task-detail-title-input{font-size:20px;font-weight:600;font-family:inherit;color:var(--text-primary);width:100%;border:1px solid var(--border-color);border-radius:4px;padding:4px 8px;margin:-4px -8px;box-sizing:content-box;background-color:var(--bg-primary);box-shadow:0 0 0 2px #0b66e433}.task-detail-title-input:focus{outline:none}.task-detail-content{display:grid;grid-template-columns:minmax(0,1fr) 400px;gap:16px;align-items:start}.task-detail-main{display:flex;flex-direction:column;gap:12px}.task-section{border:1px solid #DFE1E6;border-radius:6px;padding:12px 16px;background-color:#fff}.task-section-title{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:600;color:#172b4d;margin:0 0 16px}.task-description-container{min-height:60px}.task-description{font-size:14px;color:#172b4d;line-height:1.5;white-space:pre-wrap}.task-description-empty{color:var(--text-secondary);font-style:italic}.task-description-textarea{width:100%;min-height:100px;font-size:14px;font-family:inherit;line-height:1.5;padding:12px;border:1px solid var(--border-color);border-radius:4px;background-color:var(--bg-primary);color:var(--text-primary);resize:vertical}.task-description-textarea:focus{outline:none;box-shadow:0 0 0 2px #0b66e433;border-color:#0b66e4}.edit-actions{display:flex;gap:8px;margin-top:8px}.upload-container{margin-top:8px}.upload-dropzone{display:flex;align-items:center;gap:8px;padding:12px 16px;border:1px dashed #DFE1E6;border-radius:6px;background-color:#fafbfc;color:#5e6c84;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s}.upload-dropzone:hover{background-color:#ebecf0}.upload-dropzone-icon{font-size:16px}.attachments-card{border:1px solid #DFE1E6;border-radius:8px;padding:16px;background-color:#fff}.attachments-list-new{display:flex;flex-direction:column;gap:16px;margin-bottom:20px}.attachment-row{display:flex;align-items:center;justify-content:space-between}.attachment-row-left{display:flex;align-items:center;gap:12px}.attachment-file-icon{display:flex;align-items:center;justify-content:center;width:20px;height:24px;border-radius:4px;color:#fff;font-size:14px}.icon-pdf{background-color:#ef4444}.icon-img{background-color:#3b82f6}.icon-doc{background-color:#10b981}.attachment-name{font-size:14px;font-weight:600;color:#172b4d;cursor:pointer}.attachment-name:hover{text-decoration:underline}.attachment-date{font-size:13px;color:#8993a4}.attachment-download-btn{color:#5e6c84;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:4px;border-radius:4px}.attachment-download-btn:hover{background-color:#f4f5f7;color:#172b4d}.attachment-dropzone{border:1px dashed #DFE1E6;border-radius:6px;padding:16px;text-align:center;color:#5e6c84;font-size:13px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;background-color:#fafbfc;transition:background-color .2s}.attachment-dropzone:hover{background-color:#f4f5f7}.subtasks-list{display:flex;flex-direction:column;gap:8px}.subtask-item{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 16px;border:1px solid #DFE1E6;border-radius:6px;background-color:#fff}.subtask-item-content{display:flex;align-items:center;flex:1}.subtask-title{font-size:14px;color:#172b4d;font-weight:500}.subtask-title.completed{text-decoration:line-through;color:#8993a4}.subtask-checkbox{width:22px;height:22px;border-radius:4px;border:2px solid #DFE1E6;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0}.subtask-checkbox:hover{border-color:#b3bac5}.subtask-checkbox.completed{background-color:#36b37e;border-color:#36b37e;color:#fff}.subtask-check-icon{font-size:14px}.add-subtask-container{margin-top:12px}.add-subtask-link{display:inline-flex;align-items:center;gap:8px;color:#0b66e4;font-size:14px;font-weight:500;cursor:pointer;padding:6px 8px;margin:-6px -8px;border-radius:4px}.add-subtask-link:hover{background-color:#deebff}.add-subtask-icon{font-size:16px}.add-subtask-form{display:flex}.add-subtask-input{flex:1;padding:8px 12px;border:1px solid #0b66e4;border-radius:4px;font-size:14px;color:var(--text-primary);box-shadow:0 0 0 2px #0b66e433}.add-subtask-input:focus{outline:none}.details-card{background-color:#fff;border:1px solid #DFE1E6;border-radius:6px;padding:12px 16px}.details-card-header{font-weight:600;font-size:14px;color:#172b4d;padding-bottom:8px;margin-bottom:8px;border-bottom:1px solid #DFE1E6}.details-grid{display:flex;flex-direction:column;gap:8px}.detail-row{display:grid;grid-template-columns:100px 1fr;align-items:center;gap:8px}.detail-label{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:500;color:#5e6c84}.detail-icon{font-size:14px;color:#5e6c84}.priority-icon{color:#ff5660}.detail-value{font-size:12px;color:#172b4d;display:flex;align-items:center}.status-value{gap:8px}.status-dot{width:8px;height:8px;border-radius:50%}.status-todo{background-color:#dfe1e6}.status-inprogress{background-color:#0b66e4}.status-inreview{background-color:#403294}.status-done{background-color:#36b37e}.status-closed{background-color:#ff5660}.dropdown-wrapper{width:100%}.detail-value .dropdown-wrapper .theme-select__control{border:1px solid #DFE1E6!important;background-color:#fff!important;box-shadow:none!important;min-height:28px!important;border-radius:4px!important;cursor:pointer!important;font-size:12px!important}.detail-value .dropdown-wrapper .theme-select__single-value,.detail-value .dropdown-wrapper .theme-select__placeholder{font-size:12px!important}.detail-value .dropdown-wrapper .theme-select__value-container{padding:0 8px!important}.detail-value .dropdown-wrapper .theme-select__dropdown-indicator{padding:2px 6px!important}.detail-value .dropdown-wrapper .theme-select__input-container{margin:0!important;padding:0!important}.dropdown-wrapper .vt-datepicker-input{min-height:28px!important;height:28px!important;font-size:12px!important;padding:4px 8px!important;border-radius:4px!important}.detail-value .dropdown-wrapper .theme-select__control:hover{background-color:#fafbfc!important}.detail-value .dropdown-wrapper .theme-select__control--is-focused{border-color:#0b66e4!important;box-shadow:0 0 0 1px #0b66e4!important}.minimal-input{width:100%;padding:4px 8px;border:1px solid #DFE1E6;border-radius:4px;font-size:12px;height:28px;color:#172b4d;box-sizing:border-box}.minimal-input:focus{outline:none;border-color:#0b66e4;box-shadow:0 0 0 1px #0b66e4}.logged-value{padding-left:12px;font-weight:500}.activity-tabs{display:flex;gap:16px;border-bottom:2px solid #e2e8f0;margin-bottom:12px}.activity-tab{padding:4px 0;font-size:13px;font-weight:500;color:var(--text-secondary);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-2px}.activity-tab.active{color:#0b66e4;border-bottom-color:#0b66e4}.timeline-list{display:flex;flex-direction:column;gap:0}.timeline-item{display:flex;gap:12px;position:relative;padding-bottom:16px}.timeline-item:after{content:"";position:absolute;top:24px;bottom:0;left:11px;width:2px;background-color:#dfe1e6}.timeline-item:last-child:after{display:none}.timeline-avatar{width:24px;height:24px;border-radius:50%;background-color:#deebff;color:#0b66e4;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;flex-shrink:0}.timeline-content{flex:1;display:flex;flex-direction:column;gap:4px}.timeline-header{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.timeline-author{font-weight:600;font-size:13px;color:var(--text-primary)}.timeline-action{font-size:13px;color:var(--text-secondary)}.timeline-date{font-size:11px;color:var(--text-secondary)}.timeline-body{font-size:13px;color:var(--text-primary);line-height:1.5;background-color:#f4f5f7;border:1px solid #e2e8f0;padding:8px 12px;border-radius:6px;margin-top:4px;white-space:pre-wrap}.comment-box{display:flex;gap:8px;margin-bottom:16px;align-items:flex-start}.comment-input-area{flex:1;border:1px solid #DFE1E6;border-radius:6px;background-color:#fff;transition:all .2s;overflow:hidden}.comment-input-area:focus-within{border-color:#0b66e4;box-shadow:0 0 0 1px #0b66e4}.comment-textarea{width:100%;min-height:32px;padding:8px 12px;border:none;background:transparent;font-size:13px;font-family:inherit;color:var(--text-primary);resize:vertical;box-sizing:border-box}.comment-textarea:focus{outline:none}.comment-actions{padding:8px 12px;display:flex;gap:8px;border-top:1px solid #DFE1E6;background-color:#fafbfc}.btn-primary{background-color:#0b66e4;color:#fff;border:none;padding:6px 16px;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s}.btn-primary:hover:not(:disabled){background-color:#0052cc}.btn-primary:disabled{background-color:#091e420a;color:#091e424f;cursor:not-allowed}.btn-secondary{background-color:#091e420a;color:var(--text-primary);border:none;padding:6px 16px;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s}.btn-secondary:hover{background-color:#091e4214}@media (max-width: 1024px){.task-detail-page{padding:20px}.task-detail-content{grid-template-columns:1fr;gap:24px}.task-detail-sidebar{order:-1}.details-card-header{display:none}.details-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}.detail-row{grid-template-columns:120px 1fr}}@media (max-width: 768px){.task-detail-page{padding:16px}.details-grid{grid-template-columns:1fr}.detail-row{grid-template-columns:100px 1fr}.subtask-item{padding:12px}}.notify-client-textarea::placeholder{color:#94a3b8!important;font-weight:400}.task-detail-worklogs-list{display:flex;flex-direction:column;gap:16px}.task-detail-worklog-item{background-color:#fff;border:1px solid #DFE1E6;border-radius:8px;padding:16px;box-shadow:0 1px 2px #00000005}.worklog-item-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.worklog-item-name{font-size:14px;font-weight:600;color:#172b4d}.worklog-item-hours-new{font-size:14px;font-weight:700;color:#10b981}.worklog-item-meta-new{font-size:13px;color:#8993a4;margin-bottom:12px}.worklog-item-notes-box{border:1px solid #DFE1E6;border-radius:6px;padding:12px 14px;font-size:13px;color:#172b4d;background-color:#fff;line-height:1.5}.btn-publish-red{background-color:#ef4444;color:#fff;border:none;padding:8px 16px;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .15s ease;display:flex;align-items:center}.btn-publish-red:hover:not(:disabled){background-color:#dc2626}.btn-publish-red:disabled{background-color:#f1f5f9;color:#94a3b8;cursor:not-allowed}.status-select-updating{position:relative;display:flex;align-items:center;gap:8px}.task-status-spinner{display:inline-block;width:14px;height:14px;border:2px solid rgba(227,77,62,.15);border-top-color:#e34d3e;border-radius:50%;animation:task-status-spin .8s linear infinite;flex-shrink:0}@keyframes task-status-spin{to{transform:rotate(360deg)}}.vault-page-container{padding:24px;width:100%;max-width:1400px;margin:0 auto;font-family:Inter,sans-serif;background-color:transparent;min-height:calc(100vh - 60px)}.vault-header{display:flex;justify-content:space-between;align-items:flex-start;padding:10px 0 20px;border-bottom:1px solid #e2e8f0;margin-bottom:24px;width:100%}.vault-header-left{display:flex;flex-direction:column;gap:4px}.vault-header h1,.vault-header h2,.vault-header-left h1,.vault-header-left h2{font-size:1.75rem;font-weight:800;color:#0f172a;margin:0;display:flex;align-items:center;gap:12px;text-transform:uppercase}.vault-header p,.vault-header-left p{color:#64748b;font-size:.95rem;margin:0;font-weight:400}.vault-kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin-bottom:24px}.vault-kpi-card{background:#ffffff;border-radius:6px;padding:16px 20px;box-shadow:0 1px 3px #0000000d;border:1px solid #e2e8f0;position:relative;display:flex;flex-direction:column;overflow:hidden;justify-content:center}.vault-kpi-card.dark{background:#0f172a;color:#fff;border-color:#0f172a}.vault-kpi-content-row{display:flex;align-items:center;gap:16px;width:100%}.vault-kpi-info{display:flex;flex-direction:column;justify-content:center}.vault-kpi-stats{display:flex;flex-direction:column;align-items:flex-end;margin-left:auto;justify-content:center;gap:4px}.vault-kpi-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;flex-shrink:0}.vault-kpi-trend{font-size:.8rem;font-weight:700}.vault-kpi-trend.positive{color:#10b981}.vault-kpi-badge{font-size:.75rem;font-weight:600;padding:4px 10px;border-radius:12px}.vault-kpi-title{font-size:.75rem;text-transform:uppercase;font-weight:700;letter-spacing:.02em;color:#64748b;margin-bottom:2px}.vault-kpi-card.dark .vault-kpi-title{color:#e2e8f0}.vault-kpi-value{font-size:1.75rem;font-weight:800;color:#0f172a;line-height:1.1}.vault-kpi-card.dark .vault-kpi-value{color:#fff}.vault-kpi-subtitle{font-size:.7rem;color:#94a3b8;white-space:nowrap}.vault-kpi-progress{position:absolute;bottom:0;left:0;width:100%;height:4px;background:#f1f5f9}.vault-kpi-progress-bar{height:100%;border-radius:0 4px 4px 0}.vault-toolbar{display:flex;gap:16px;margin-bottom:24px;align-items:center}.vault-search-box{flex:1;position:relative;max-width:500px}.vault-search-box input{width:100%;padding:10px 16px 10px 40px;border:1px solid #e2e8f0;border-radius:8px;font-size:.875rem;outline:none;transition:all .2s}.vault-search-box input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.vault-search-box svg{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#94a3b8}.vault-filter-select{padding:10px 16px;border:1px solid #e2e8f0;border-radius:8px;background:#ffffff;font-size:.875rem;color:#334155;outline:none;cursor:pointer;min-width:160px}.vault-icon-btn{padding:10px;border:1px solid #e2e8f0;background:#ffffff;border-radius:8px;color:#64748b;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.vault-icon-btn:hover{opacity:.8}.vault-tabs{display:flex;gap:20px;border-bottom:1px solid #e2e8f0;margin-bottom:24px;padding:0 20px}.vault-tab{background:none;border:none;padding:12px 16px;font-size:.95rem;font-weight:500;color:#64748b;cursor:pointer;border-bottom:2px solid transparent;transition:all .2s;margin-bottom:-1px}.vault-tab:hover{color:#0f172a}.vault-tab.active{color:#1d4ed8;border-bottom-color:#1d4ed8}.vault-table-container{background:#ffffff;border-radius:12px;box-shadow:0 1px 3px #0000000d;border:1px solid #e2e8f0;overflow:hidden;margin-bottom:24px}.vault-table{width:100%;border-collapse:collapse}.vault-table th,.vault-table td{padding:16px 20px;text-align:left;border-bottom:1px solid #e2e8f0;font-size:.875rem}.vault-table th{font-weight:600;color:#64748b;text-transform:uppercase;font-size:.75rem;letter-spacing:.05em;background:#f8fafc}.vault-table tbody tr:hover{background:#f8fafc}.vault-table tbody tr:last-child td{border-bottom:none}.vault-project-pill{display:inline-block;padding:4px 10px;background:#eff6ff;color:#1d4ed8;font-size:.75rem;font-weight:600;border-radius:6px;text-transform:uppercase;letter-spacing:.02em}.vault-title-cell{font-weight:600;color:#0f172a;font-size:.95rem}.vault-user-cell{display:flex;align-items:center;gap:8px;color:#334155;font-weight:500}.vault-user-avatar{width:24px;height:24px;border-radius:50%;background:#e2e8f0;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:600;color:#64748b}.vault-status-encrypted{display:inline-flex;align-items:center;gap:6px;color:#10b981;font-weight:600;font-size:.8rem}.vault-table-footer{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:#f8fafc;border-top:1px solid #e2e8f0;color:#64748b;font-size:.875rem}.vault-bottom-grid{display:grid;grid-template-columns:2fr 1fr;gap:24px;margin-top:24px}.vault-card{background:#ffffff;border-radius:6px;box-shadow:0 1px 3px #0000000d;border:1px solid #e2e8f0;padding:24px}.vault-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.vault-card-title{font-size:1.1rem;font-weight:600;color:#0f172a;display:flex;align-items:center;gap:8px}.vault-timeline{position:relative;padding-left:20px}.vault-timeline:before{content:"";position:absolute;left:4px;top:4px;bottom:4px;width:2px;background:#e2e8f0}.vault-timeline-item{position:relative;margin-bottom:16px}.vault-timeline-item:last-child{margin-bottom:0}.vault-timeline-dot{position:absolute;left:-20px;top:4px;width:10px;height:10px;border-radius:50%;background:#ffffff;border:2px solid #cbd5e1}.vault-timeline-dot.active{border-color:#3b82f6;background:#3b82f6}.vault-timeline-dot.green{border-color:#10b981;background:#10b981}.vault-timeline-content{padding-left:10px}.vault-timeline-content p{margin:0 0 4px;font-size:.875rem;color:#0f172a}.vault-timeline-content span{font-size:.75rem;color:#64748b}.vault-trust-card{background:#eff6ff;border:1px solid #bfdbfe;text-align:center;padding:32px 24px;display:flex;flex-direction:column;align-items:center;justify-content:center}.vault-trust-icon{width:64px;height:64px;background:#3b82f6;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem;margin-bottom:16px;box-shadow:0 4px 12px #3b82f64d}.vault-trust-card h3{color:#1e3a8a;font-size:1.2rem;margin:0 0 12px}.vault-trust-card p{color:#3b82f6;font-size:.875rem;margin:0;line-height:1.5}.vault-entry-grid{display:grid;grid-template-columns:2fr 1fr;gap:24px}.vault-editor-card{background:#ffffff;border-radius:12px;border:1px solid #e2e8f0;overflow:hidden}.vault-editor-header{background:#f8fafc;padding:16px 20px;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center}.vault-editor-title{font-weight:600;color:#0f172a;display:flex;align-items:center;gap:8px}.vault-editor-badge{background:#dbeafe;color:#1d4ed8;padding:4px 8px;border-radius:4px;font-size:.75rem;font-weight:600}.vault-textarea-container{padding:20px;background:#ffffff}.vault-mono-textarea{width:100%;min-height:400px;font-family:Fira Code,Courier New,Courier,monospace;font-size:.875rem;line-height:1.6;padding:0;border:none;outline:none;resize:vertical;color:#334155}.vault-dropzone{border:2px dashed #cbd5e1;border-radius:12px;padding:40px 20px;text-align:center;background:#f8fafc;transition:all .2s;cursor:pointer}.vault-dropzone:hover{border-color:#3b82f6;background:#eff6ff}.vault-dropzone-icon{width:48px;height:48px;background:#e0e7ff;color:#4f46e5;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;margin:0 auto 16px}.vault-form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:24px}.vault-form-group{display:flex;flex-direction:column;margin-bottom:16px}.vault-form-group label{display:block;margin-bottom:6px;font-size:.875rem;font-weight:500;color:#475569}.vault-form-group input,.vault-form-group select,.vault-form-group textarea{width:100%;padding:10px 12px;border:1px solid #cbd5e1;border-radius:6px;font-size:.875rem;color:#0f172a;transition:border-color .2s;font-family:Inter,sans-serif}.vault-form-group input:focus,.vault-form-group select:focus,.vault-form-group textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.vault-advisory-block{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:16px}.vault-advisory-block h4{display:flex;align-items:center;gap:8px;margin:0 0 12px;color:#0f172a;font-size:.95rem}.vault-advisory-block p{font-size:.875rem;color:#475569;line-height:1.5;margin:0 0 12px}.vault-standards-list{list-style:none;padding:0;margin:0}.vault-standards-list li{display:flex;align-items:flex-start;gap:12px;margin-bottom:16px}.vault-standards-list li:last-child{margin-bottom:0}.vault-standards-icon{color:#10b981;font-size:1.2rem;margin-top:2px}.vault-standards-text h5{margin:0 0 4px;font-size:.9rem;color:#0f172a}.vault-standards-text p{margin:0;font-size:.8rem;color:#64748b;line-height:1.4}.vault-blurred-pane{position:relative;min-height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(180deg,rgba(255,255,255,1) 0%,rgba(248,250,252,1) 100%);border:1px solid #e2e8f0;border-radius:8px;overflow:hidden;text-align:center;padding:40px}.vault-blurred-bg{position:absolute;top:0;left:0;right:0;bottom:0;background-image:repeating-linear-gradient(0deg,transparent,transparent 20px,#f1f5f9 20px,#f1f5f9 21px);opacity:.5;filter:blur(4px);z-index:1}.vault-blurred-content{position:relative;z-index:2;max-width:400px}.vault-blurred-icon{font-size:2.5rem;color:#0f172a;margin-bottom:16px}.vault-blurred-content h3{margin:0 0 8px;color:#0f172a;font-size:1.2rem}.vault-blurred-content p{color:#64748b;font-size:.95rem;line-height:1.5}.vault-mock-text{font-family:monospace;color:#cbd5e1;font-size:.8rem;word-break:break-all;margin-top:24px;filter:blur(2px);opacity:.7}.vault-decrypted-pane{background:#1e293b;border-radius:8px;padding:24px;color:#f8fafc;font-family:Fira Code,Courier New,Courier,monospace;font-size:.875rem;line-height:1.6;white-space:pre-wrap;word-break:break-all;min-height:300px;border:1px solid #0f172a}.vault-pane-footer{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;background:#f8fafc;border-top:1px solid #e2e8f0;border-bottom:1px solid #e2e8f0;font-size:.8rem;color:#64748b}.vault-btn{padding:10px 16px;border:none;border-radius:6px;cursor:pointer;font-weight:500;font-size:.875rem;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:all .2s;font-family:Inter,sans-serif}.vault-btn-primary{background:#0052cc;color:#fff;box-shadow:0 1px 2px #0052cc33}.vault-btn-primary:hover{background:#0047b3;transform:translateY(-1px)}.vault-btn-secondary{background:#ffffff;color:#334155;border:1px solid #cbd5e1}.vault-btn-secondary:hover{background:#f8fafc;border-color:#94a3b8}.vault-btn-danger{background:#fef2f2;color:#dc2626;border:1px solid #fecaca}.vault-btn-danger:hover{background:#fee2e2}.vault-attachment-container{display:flex;flex-direction:column;margin-bottom:24px}.vault-attachment-header{display:grid;grid-template-columns:2fr 1fr 1.5fr 80px;padding:16px;border-bottom:1px solid #e2e8f0;font-size:.75rem;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.vault-attachment-row{display:grid;grid-template-columns:2fr 1fr 1.5fr 80px;padding:16px;border-bottom:1px solid #f1f5f9;align-items:center;transition:background .2s}.vault-attachment-row:hover{background:#f8fafc}.vault-attachment-row:last-child{border-bottom:none}.vault-attachment-cell{display:flex;align-items:center;font-size:.875rem;color:#475569}.vault-attachment-name-cell{display:flex;align-items:center;gap:12px;color:#0f172a;font-weight:600}.vault-attachment-icon{font-size:1.5rem;color:#22c55e;display:flex;align-items:center;justify-content:center}.vault-attachment-status{display:flex;align-items:center;gap:8px}.vault-attachment-shield{color:#22c55e;font-size:1rem}.vault-attachment-badge{background:#dcfce7;color:#166534;font-size:.7rem;padding:4px 10px;border-radius:4px;font-weight:700;letter-spacing:.5px}.vault-attachment-badge.ready{background:#eff6ff;color:#1d4ed8}.vault-attachment-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px}.vault-attachment-action-btn{background:none;border:none;color:#475569;cursor:pointer;font-size:1.25rem;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s}.vault-attachment-action-btn:hover{color:#0f172a;background:#e2e8f0}.vault-attachment-action-btn.delete:hover{color:#dc2626;background:#fee2e2}.vault-upload-trigger{border:1px dashed #cbd5e1;border-radius:8px;padding:16px;display:flex;align-items:center;justify-content:center;gap:12px;color:#475569;font-weight:500;cursor:pointer;transition:all .2s;background:#ffffff;margin-top:16px}.vault-upload-trigger:hover{border-color:#94a3b8;background:#f8fafc;color:#0f172a}@media (max-width: 768px){.vault-page-container{padding:16px}.vault-tabs{flex-direction:row;flex-wrap:wrap;gap:8px}.vault-tab{flex:1;min-width:120px;justify-content:center;padding:10px 16px}.vault-header-actions{flex-direction:column;width:100%;gap:12px}.vault-search{width:100%;max-width:none}.vault-toolbar{flex-direction:column;align-items:flex-start;gap:12px}.vault-stats-grid,.vault-entry-grid,.vault-form-row{grid-template-columns:1fr}.vault-attachment-container{overflow-x:auto}.vault-attachment-header,.vault-attachment-row{grid-template-columns:2fr 1fr 1.5fr 80px;min-width:500px}.vault-list-table{display:block;overflow-x:auto;white-space:nowrap}.page-header{flex-direction:column;align-items:flex-start!important;gap:16px}.page-header>div{width:100%;justify-content:space-between}}.vault-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(15,23,42,.5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;display:flex;justify-content:center;align-items:center}.vault-modal{background:#ffffff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;overflow:hidden;display:flex;flex-direction:column;max-height:90vh}.vault-modal-header{padding:20px 24px;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center;background:#ffffff}.vault-modal-header h3{margin:0;color:#0f172a;font-size:1.25rem;font-weight:600}.vault-close-btn{background:transparent;border:none;font-size:1.5rem;color:#64748b;cursor:pointer;line-height:1;padding:0;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;transition:all .2s}.vault-close-btn:hover{background:#f1f5f9;color:#0f172a}.project-repo-detail-page{display:flex;flex-direction:column;gap:1rem;width:100%;font-family:Inter,system-ui,-apple-system,sans-serif;color:#334155;box-sizing:border-box}.project-detail-loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:6rem 2rem;gap:1rem}.project-detail-loading-container h3{color:#64748b;font-weight:500;margin:0}.project-detail-header-nav{display:flex;align-items:center}.btn-back-nav{background-color:#fff;border:1px solid #e2e8f0;padding:.45rem .85rem;border-radius:6px;font-size:.82rem;font-weight:600;color:#475569;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .2s ease}.btn-back-nav:hover{background-color:#f8fafc;color:#0f172a;border-color:#cbd5e1}.project-detail-page-header{background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:1.25rem 1.5rem;display:flex;justify-content:space-between;align-items:center;box-shadow:0 1px 3px #00000005}.project-detail-header-left{display:flex;flex-direction:column;gap:.25rem}.project-detail-page-header h2{font-size:1.35rem;font-weight:700;color:#0f172a;margin:0;letter-spacing:-.02em}.project-detail-header-client{font-size:.85rem;color:#64748b}.project-detail-header-right{display:flex;align-items:center}.project-detail-header-meta{display:flex;align-items:center;gap:.85rem}.project-detail-header-type{background-color:#f1f5f9;color:#475569;padding:2px 8px;border-radius:4px;font-size:.78rem;font-weight:600;text-transform:capitalize}.project-detail-header-dates{font-size:.82rem;color:#475569;font-weight:500}.project-detail-workspace{display:grid;grid-template-columns:220px 1fr 320px;gap:1.5rem;align-items:start;width:100%}.project-detail-tabs-menu{display:flex;flex-direction:column;background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:.5rem;gap:2px;box-shadow:0 1px 3px #00000003}.project-detail-tab-menu-item{background:none;border:none;text-align:left;padding:.65rem .85rem;font-size:.85rem;font-weight:600;color:#64748b;border-radius:6px;cursor:pointer;transition:all .2s ease;width:100%}.project-detail-tab-menu-item:hover{background-color:#f8fafc;color:#0f172a}.project-detail-tab-menu-item.active{background-color:#fffaf0;color:#e34d3e}.project-detail-workspace-content{background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:1.5rem;box-shadow:0 1px 3px #00000005;min-height:480px}.project-desc-panel{background-color:#f8fafc;padding:.6rem;border-radius:6px;border:1px solid #f1f5f9;font-size:.8rem;line-height:1.6;color:#334155}.project-detail-right-sidebar{background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem;box-shadow:0 1px 3px #00000005}.project-sidebar-title{display:flex;align-items:center;gap:.5rem;font-size:1.1rem;font-weight:700;color:#0f172a;margin:0;border-bottom:1px solid #f1f5f9;padding-bottom:.75rem}.project-sidebar-section{display:flex;flex-direction:column;gap:.5rem}.project-sidebar-section h4{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#64748b;margin:0}.project-detail-right-sidebar .project-members-list{display:flex;flex-direction:column;gap:.5rem}.project-detail-right-sidebar .project-member-card{display:flex;align-items:center;gap:.75rem;background-color:#f8fafc;padding:.75rem;border-radius:8px;border:1px solid #f1f5f9;width:100%;box-sizing:border-box}.project-sidebar-metadata{display:flex;flex-direction:column;gap:.75rem;border-top:1px solid #f1f5f9;padding-top:1.25rem;margin-top:.5rem}.metadata-row{display:flex;justify-content:space-between;align-items:center;font-size:.82rem}.metadata-label{display:flex;align-items:center;gap:.5rem;color:#64748b;font-weight:500}.metadata-value{color:#0f172a;font-weight:600;text-align:right}@media (max-width: 1100px){.project-detail-workspace{grid-template-columns:200px 1fr}.project-detail-right-sidebar{grid-column:span 2;width:100%;box-sizing:border-box}}@media (max-width: 768px){.project-repo-detail-page{padding:.75rem}.project-detail-page-header{flex-direction:column;align-items:flex-start;gap:1rem;padding:1rem 1.25rem}.project-detail-header-right{width:100%;justify-content:flex-start}.project-detail-header-meta{flex-wrap:wrap;width:100%;gap:.5rem}.project-detail-workspace{grid-template-columns:1fr;gap:1rem}.project-detail-tabs-menu{flex-direction:row;overflow-x:auto;white-space:nowrap;padding:.35rem;gap:.5rem;-webkit-overflow-scrolling:touch;scrollbar-width:none}.project-detail-tabs-menu::-webkit-scrollbar{display:none}.project-detail-tab-menu-item{width:auto;flex:0 0 auto;padding:.5rem 1rem;font-size:.8rem}.project-detail-workspace-content{padding:1rem;min-height:auto}.project-detail-right-sidebar{grid-column:span 1;padding:1.25rem}.project-docs-controls{flex-direction:column;align-items:stretch;gap:.75rem}.project-docs-controls .btn-primary{margin-left:0!important;width:100%;justify-content:center}.doc-category-pills{width:100%;justify-content:flex-start}.project-doc-header-row{flex-direction:column;align-items:stretch;gap:.75rem}.project-doc-actions{justify-content:flex-end;border-top:1px solid #f1f5f9;padding-top:.5rem;width:100%}}@media (max-width: 480px){.project-version-row{flex-direction:column;align-items:stretch;gap:.5rem}.project-version-row button{align-self:flex-end}}.finance-summary-container{width:100%;display:flex;flex-direction:column;gap:1.5rem;animation:financeFadeIn .35s ease-out;box-sizing:border-box}@keyframes financeFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.finance-header-bar{background-color:#fff;border-bottom:1px solid #e2e8f0;padding:.5rem 1.5rem 0;display:flex;align-items:center;margin-top:-1rem;margin-left:-2rem;margin-right:-2rem}.tab-menu-wrapper{display:flex;gap:2rem;align-items:center}.menu-tab-btn{background:none;border:none;border-bottom:3px solid transparent;color:#64748b;font-size:.85rem;font-weight:700;padding:1rem 0;cursor:pointer;letter-spacing:.05em;transition:all .2s ease-in-out;text-transform:uppercase}.menu-tab-btn:hover{color:#1e293b}.menu-tab-btn.active{color:#e34d3e;border-bottom-color:#e34d3e}.summary-grid-layout{display:grid;grid-template-columns:2fr 1fr;gap:1.5rem;width:100%}.summary-left-pane{display:flex;flex-direction:column;gap:1.5rem}.summary-right-pane{display:flex;flex-direction:column}.finance-card{background:#ffffff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 1px 3px #0000000d;display:flex;flex-direction:column}.finance-card-header{border-bottom:1px solid #f1f5f9;padding:1.25rem 1.5rem}.finance-card-header h4{margin:0;font-size:1.15rem;font-weight:800;color:#0f172a}.payroll-fields-row{display:flex;padding:1.5rem;gap:3rem;flex-wrap:wrap}.field-group{display:flex;flex-direction:column;gap:.4rem}.field-title{font-size:.72rem;font-weight:700;color:#94a3b8;letter-spacing:.08em;text-transform:uppercase}.field-value{font-size:.95rem;font-weight:700;color:#1e293b}.field-value.text-muted{color:#94a3b8}.inline-flex{display:inline-flex;align-items:center;gap:.5rem}.eye-mask-btn{background:none;border:none;padding:0;cursor:pointer;font-size:.9rem;opacity:.6;transition:opacity .2s}.eye-mask-btn:hover{opacity:1}.view-payslip-link{background:none;border:none;color:#e34d3e;font-weight:700;font-size:.95rem;text-decoration:underline;cursor:pointer;padding:0;text-align:left}.view-payslip-link:hover{color:#c23b2e}.payment-content{padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem}.payment-mode-section{display:flex;flex-direction:column;gap:.4rem}.highlight-mode{font-size:1.1rem;color:#0f172a}.bank-info-subcard{border-top:1px solid #e2e8f0;padding-top:1.5rem;display:flex;flex-direction:column;gap:1rem}.subcard-title{margin:0;font-size:.95rem;font-weight:800;color:#334155}.bank-fields-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.pending-request-notice{background-color:#fffbeb;border:1px solid #fef3c7;border-left:4px solid #f59e0b;border-radius:6px;padding:1rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:.5rem}.orange-dot{width:8px;height:8px;background-color:#f59e0b;border-radius:50%;flex-shrink:0}.notice-text{font-size:.85rem;color:#78350f;flex-grow:1}.pending-badge{background-color:#fef3c7;color:#d97706;font-size:.72rem;font-weight:700;padding:.25rem .5rem;border-radius:4px;text-transform:uppercase;letter-spacing:.05em}.statutory-content{padding:1.5rem;display:flex;flex-direction:column;gap:2rem}.statutory-sub-section{display:flex;flex-direction:column;gap:1.25rem}.statutory-grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}.statutory-grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.col-span-2{grid-column:span 2}.identity-content{padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem}.pan-status-banner{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;padding:.85rem 1rem;display:flex;align-items:center;gap:.8rem}.flag-icon{font-size:1.2rem}.document-type-title{font-size:.95rem;font-weight:800;color:#1e293b;flex-grow:1}.status-badge-finance{font-size:.68rem;font-weight:700;padding:.2rem .5rem;border-radius:4px;letter-spacing:.05em}.status-badge-finance.verified{background-color:#dcfce7;color:#15803d}.status-badge-finance.pending{background-color:#fffbeb;color:#b45309}.status-badge-finance.rejected{background-color:#fee2e2;color:#b91c1c}.status-badge-finance.not-uploaded{background-color:#f1f5f9;color:#64748b}.identity-fields-vertical{display:flex;flex-direction:column;gap:1.25rem}.attachment-indicator{font-size:.8rem;font-weight:700;color:#64748b}.document-previews-list{display:flex;flex-direction:column;gap:.8rem;border-top:1px solid #f1f5f9;padding-top:1.25rem}.doc-preview-item{display:flex;justify-content:space-between;align-items:center;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;padding:.75rem 1rem}.doc-name{font-size:.88rem;font-weight:700;color:#334155}.doc-status{font-size:.7rem;font-weight:700;color:#94a3b8}.doc-status.verified{color:#15803d}.doc-status.pending{color:#b45309}.config-tab-content{display:flex;flex-direction:column;gap:1.5rem}.config-top-settings-row{display:flex;flex-direction:column;gap:1.25rem;background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:1.5rem;box-shadow:0 1px 3px #0000000d}.global-settings-card{display:flex;align-items:center}.toggle-switch-container{display:inline-flex;align-items:center;cursor:pointer;gap:.8rem}.toggle-switch-container input{display:none}.slider-toggle{width:44px;height:22px;background-color:#cbd5e1;border-radius:20px;position:relative;transition:background-color .2s ease}.slider-toggle:before{content:"";position:absolute;width:16px;height:16px;border-radius:50%;background-color:#fff;top:3px;left:3px;transition:transform .2s ease}.toggle-switch-container input:checked+.slider-toggle{background-color:#e34d3e}.toggle-switch-container input:checked+.slider-toggle:before{transform:translate(22px)}.toggle-label-text{font-size:.95rem;font-weight:700;color:#1e293b}.config-sub-navigation{display:flex;gap:.5rem;border-top:1px solid #f1f5f9;padding-top:1rem}.sub-nav-btn{background-color:#f8fafc;border:1px solid #e2e8f0;color:#475569;font-size:.82rem;font-weight:700;padding:.5rem 1rem;border-radius:6px;cursor:pointer;transition:all .2s}.sub-nav-btn:hover{background-color:#f1f5f9;color:#0f172a}.sub-nav-btn.active{background-color:#e34d3e;border-color:#e34d3e;color:#fff}.config-tab-layout{width:100%}.directory-table-card,.approvals-table-card,.history-table-card{background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 1px 3px #0000000d;overflow-x:auto}.finance-styled-table{width:100%;border-collapse:collapse;text-align:left}.finance-styled-table th{background-color:#f8fafc;border-bottom:1px solid #e2e8f0;color:#475569;font-size:.72rem;font-weight:700;padding:1rem 1.25rem;letter-spacing:.05em;text-transform:uppercase}.finance-styled-table td{border-bottom:1px solid #f1f5f9;padding:1rem 1.25rem;font-size:.88rem;color:#334155;vertical-align:middle}.finance-styled-table tr:last-child td{border-bottom:none}.emp-profile-block{display:flex;flex-direction:column}.emp-name-text{font-weight:700;color:#0f172a}.emp-email-text{font-size:.78rem;color:#64748b}.bank-info-cell{display:flex;flex-direction:column}.badge-warning-small{background-color:#fef3c7;color:#b45309;font-size:.68rem;font-weight:700;padding:.1rem .35rem;border-radius:4px;display:inline-block;margin-top:.25rem}.stat-pills-cell{display:flex;gap:.4rem;flex-wrap:wrap}.pill-small{font-size:.7rem;font-weight:700;padding:.15rem .4rem;border-radius:4px}.pill-small.enabled{background-color:#e2f0d9;color:#385723}.pill-small.disabled{background-color:#f1f5f9;color:#64748b}.submitted-details-block{font-size:.82rem;color:#1e293b;display:flex;flex-direction:column;gap:.2rem}.approval-actions-flex{display:flex;gap:.5rem}.btn-danger-finance{background-color:#fee2e2;border:1px solid #fecaca;color:#b91c1c;padding:.5rem 1rem;font-weight:700;font-size:.8rem;border-radius:6px;cursor:pointer;transition:all .2s}.btn-danger-finance:hover{background-color:#fca5a5;color:#7f1d1d}.action-badge-finance{font-size:.7rem;font-weight:700;padding:.2rem .4rem;border-radius:4px}.action-badge-finance.employee_submit,.action-badge-finance.employee_edit_submit{background-color:#fffbeb;color:#b45309}.action-badge-finance.approved,.action-badge-finance.admin_create{background-color:#dcfce7;color:#15803d}.action-badge-finance.rejected{background-color:#fee2e2;color:#b91c1c}.audit-diff-block{display:flex;flex-direction:column;gap:.25rem;font-size:.8rem}.rejection-reason-text{color:#b91c1c;font-style:italic;font-size:.75rem;margin-top:.15rem}.user-date-cell{display:flex;flex-direction:column;font-size:.78rem}.user-date-cell span:first-child{font-weight:700;color:#334155}.user-date-cell span:last-child{color:#64748b}.finance-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0f172a99;display:flex;align-items:center;justify-content:center;z-index:1050;padding:1.5rem}.finance-modal-content{background-color:#fff;border-radius:8px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;width:100%;max-width:500px;max-height:90vh;display:flex;flex-direction:column}.finance-modal-content.lg{max-width:750px}.modal-header-finance{border-bottom:1px solid #f1f5f9;padding:1.25rem 1.5rem;display:flex;align-items:center;justify-content:space-between}.modal-header-finance h3{margin:0;font-size:1.2rem;font-weight:800;color:#0f172a}.close-modal-btn{background:none;border:none;font-size:1.1rem;cursor:pointer;color:#64748b}.modal-body-finance{padding:1.5rem;overflow-y:auto;display:flex;flex-direction:column;gap:1.25rem}.statutory-modal-body{gap:1.75rem}.statutory-form-section{display:flex;flex-direction:column;gap:1rem;border-bottom:1px solid #f1f5f9;padding-bottom:1.5rem}.statutory-form-section:last-child{border-bottom:none;padding-bottom:0}.section-title-finance{margin:0;font-size:.95rem;font-weight:800;color:#e34d3e;border-left:3px solid #e34d3e;padding-left:.5rem}.form-group-finance{display:flex;flex-direction:column;gap:.4rem}.form-group-finance label{font-size:.78rem;font-weight:700;color:#475569}.form-group-finance label.required:after{content:" *";color:#e34d3e}.form-input-finance,.form-select-finance,.form-textarea-finance{width:100%;border:1px solid #cbd5e1;border-radius:6px;padding:.6rem .8rem;font-size:.88rem;color:#0f172a;box-sizing:border-box}.form-input-finance:focus,.form-select-finance:focus,.form-textarea-finance:focus{outline:none;border-color:#e34d3e;box-shadow:0 0 0 1px #e34d3e}.form-row-2{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-row-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1rem}.modal-footer-finance{border-top:1px solid #f1f5f9;padding:1rem 1.5rem;display:flex;justify-content:flex-end;gap:.75rem}.spinner-loader-finance{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:5rem 0;gap:1rem}.spinner-finance{width:40px;height:40px;border:3px solid #f1f5f9;border-top-color:#e34d3e;border-radius:50%;animation:financeSpin .8s linear infinite}@keyframes financeSpin{to{transform:rotate(360deg)}}.finance-modal-content.payslip-modal{max-width:900px;height:90vh}.payslip-iframe-body{padding:0;flex-grow:1}.payslip-iframe{width:100%;height:100%;border:none}@media (max-width: 1024px){.summary-grid-layout{grid-template-columns:1fr}.statutory-grid-4{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.payroll-fields-row{gap:1.5rem}.form-row-2,.form-row-3{grid-template-columns:1fr}.finance-header-bar{margin-left:-1rem;margin-right:-1rem;padding-left:1rem;padding-right:1rem}}.finance-drawer-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(15,23,42,.4);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:1050;animation:financeFadeIn .25s ease-out}.finance-drawer-container{position:fixed;top:0;right:0;width:1000px;max-width:95vw;height:100vh;background:#ffffff;box-shadow:-6px 0 30px #0f172a26;z-index:1060;display:flex;flex-direction:column;animation:financeDrawerSlideIn .3s cubic-bezier(.16,1,.3,1);overflow:hidden;font-family:Inter,sans-serif}@keyframes financeDrawerSlideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.finance-drawer-header{padding:1.5rem 2rem;border-bottom:1px solid #f1f5f9;display:flex;align-items:center;justify-content:space-between;background:#ffffff}.finance-drawer-header h2{margin:0;font-size:1.25rem;font-weight:800;color:#0f172a}.finance-drawer-close-btn{background:none;border:none;font-size:1.5rem;color:#94a3b8;cursor:pointer;padding:.5rem;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s;width:36px;height:36px}.finance-drawer-close-btn:hover{background-color:#f1f5f9;color:#0f172a}.finance-drawer-body-grid{display:grid;grid-template-columns:2fr 1fr;flex-grow:1;overflow:hidden}.finance-drawer-left-panel{padding:1.25rem;overflow-y:auto;display:flex;flex-direction:column;gap:1.25rem}.finance-drawer-right-panel{padding:1.25rem 1rem;background-color:#f8fafc;border-left:1px solid #f1f5f9;overflow-y:auto;display:flex;flex-direction:column;gap:1.25rem}.breakdown-table-wrapper{background:#ffffff;border:1px solid #e2e8f0;border-radius:8px;overflow:hidden;box-shadow:0 1px 3px #00000005;flex-shrink:0}.breakdown-table-title{padding:1rem 1.25rem;background:#f8fafc;border-bottom:1px solid #e2e8f0;margin:0;font-size:.78rem;font-weight:700;color:#475569;text-transform:uppercase;letter-spacing:.05em}.breakdown-styled-table{width:100%;border-collapse:collapse;font-size:.8rem;text-align:left}.breakdown-styled-table th{padding:.6rem 1rem;font-size:.68rem;font-weight:700;color:#94a3b8;text-transform:uppercase;background-color:#f8fafc;border-bottom:1px solid #e2e8f0}.breakdown-styled-table td{padding:.6rem 1rem;color:#334155;border-bottom:1px solid #f1f5f9}.breakdown-styled-table tr:last-child td{border-bottom:none}.breakdown-styled-table tr.breakdown-total-row{display:table-row!important}.breakdown-styled-table tr.breakdown-total-row td{display:table-cell!important;font-weight:800!important;background-color:#f1f5f9!important;color:#0f172a!important;border-top:1.5px solid #cbd5e1!important;border-bottom:1.5px solid #cbd5e1!important}.breakdown-note-card{background-color:#fff;border:1px solid #f1f5f9;border-radius:8px;padding:1rem 1.25rem;font-size:.78rem;color:#64748b;line-height:1.5;display:flex;flex-direction:column;gap:.5rem;box-shadow:0 1px 3px #00000003;flex-shrink:0}.breakdown-note-header{font-weight:700;color:#475569;display:flex;align-items:center;gap:.5rem;font-size:.82rem}.breakdown-note-list{margin:0;padding-left:1.25rem;display:flex;flex-direction:column;gap:.5rem}.breakdown-note-list li{list-style-type:disc}.version-history-title-area{display:flex;flex-direction:column;gap:.25rem}.version-history-title-area h3{margin:0;font-size:.9rem;font-weight:700;color:#334155}.version-history-title-area span{font-size:.75rem;color:#64748b}.version-history-list{display:flex;flex-direction:column;gap:.75rem}.version-history-item{background:#ffffff;border:1px solid #e2e8f0;border-radius:8px;padding:.85rem;cursor:pointer;transition:all .2s ease-in-out;display:flex;flex-direction:column;gap:.4rem;text-align:left}.version-history-item:hover{border-color:#cbd5e1;box-shadow:0 2px 8px #0000000a;transform:translateY(-1px)}.version-history-item.active{border-color:#4f46e5;box-shadow:0 0 0 1px #4f46e5;background-color:#f5f3ff}.version-history-date-row{display:flex;align-items:center;justify-content:space-between}.version-history-date{font-weight:700;color:#1e293b;font-size:.8rem}.version-badge-current{background-color:#ccfbf1;color:#0d9488;font-size:.6rem;font-weight:800;padding:.15rem .4rem;border-radius:4px;text-transform:uppercase}.version-history-comment{font-size:.75rem;color:#64748b;line-height:1.4}.refresh-icon-spin{display:inline-block;margin-left:.5rem;color:#94a3b8;font-size:.85rem;cursor:pointer}.payslip-tab-layout{display:grid;grid-template-columns:260px 1fr;gap:1.5rem;background-color:#fff;border-radius:8px;border:1px solid #e2e8f0;overflow:hidden;height:800px}.payslip-left-sidebar{display:flex;flex-direction:column;border-right:1px solid #e2e8f0;padding:1.25rem;gap:1.25rem;background-color:#f8fafc}.payslip-year-select-group{display:flex;flex-direction:column;gap:.35rem}.payslip-year-select-group label{font-size:.72rem;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.05em}.payslip-year-select{padding:.5rem;border:1px solid #cbd5e1;border-radius:6px;font-size:.85rem;font-weight:600;color:#0f172a;background-color:#fff;outline:none;cursor:pointer;transition:all .2s}.payslip-year-select:focus{border-color:#4f46e5;box-shadow:0 0 0 1px #4f46e5}.payslip-month-list{display:flex;flex-direction:column;gap:.5rem;overflow-y:auto;flex-grow:1;padding-right:.25rem}.payslip-month-btn{display:flex;align-items:center;padding:.75rem 1rem;border:1px solid transparent;background:transparent;border-radius:6px;font-size:.85rem;font-weight:700;color:#64748b;cursor:pointer;text-align:left;transition:all .2s}.payslip-month-btn:hover{background-color:#f1f5f9;color:#0f172a}.payslip-month-btn.active{background-color:#f5f3ff;color:#4f46e5;border-left:4px solid #4f46e5;border-radius:0 6px 6px 0;box-shadow:0 1px 2px #0000000d}.payslip-preview-container{display:flex;flex-direction:column;background-color:#475569;overflow:hidden;height:100%}.payslip-preview-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1.5rem;background-color:#1e293b;border-bottom:1px solid #334155;color:#fff;flex-shrink:0}.payslip-preview-header h4{margin:0;font-size:.85rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.payslip-sheet-scroll{flex-grow:1;overflow-y:auto;padding:2rem;display:flex;justify-content:center;align-items:flex-start}.payslip-sheet-white{background-color:#fff;width:760px;max-width:100%;padding:2.5rem;box-shadow:0 10px 25px #00000040;font-family:Arial,Helvetica,sans-serif;color:#000;position:relative;border-radius:4px}.payslip-sheet-loader{display:flex;flex-direction:column;align-items:center;justify-content:center;flex-grow:1;color:#cbd5e1;gap:1rem}.payslip-sheet-loader span{font-size:.9rem}.spinner-spin{display:inline-block;width:1.5rem;height:1.5rem;border:3px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin 1s ease-in-out infinite}.bip-page{width:100%;display:flex;flex-direction:column;gap:1.5rem}.bip-steps{display:flex;align-items:center;gap:0;background:white;padding:1.25rem 2rem;border-radius:16px;border:1px solid #e5e7eb;box-shadow:0 1px 3px #0000000a;position:relative}.bip-step{display:flex;align-items:center;gap:.6rem;flex:1;font-size:.88rem;font-weight:500;color:#9ca3af;position:relative}.bip-step.active{color:#e34d3e}.bip-step.done{color:#16a34a}.bip-step-circle{width:32px;height:32px;border-radius:50%;background:#f3f4f6;border:2px solid #e5e7eb;display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:700;flex-shrink:0;transition:all .3s ease}.bip-step.active .bip-step-circle{background:var(--color-primary-gradient, linear-gradient(135deg,#e34d3e,#c0392b));border-color:#e34d3e;color:#fff;box-shadow:0 4px 12px #e34d3e4d}.bip-step.done .bip-step-circle{background:#dcfce7;border-color:#16a34a;color:#16a34a}.bip-step-line{flex:1;height:2px;background:#e5e7eb;margin:0 .75rem;transition:background .3s ease}.bip-step-line.done{background:#16a34a}.bip-card{background:white;border-radius:16px;border:1px solid #e5e7eb;box-shadow:0 1px 3px #0000000a;overflow:hidden}.bip-upload-card{padding:2rem;display:flex;flex-direction:column;gap:1.75rem}.bip-card-title{font-size:1rem;font-weight:700;color:#1e293b;display:flex;align-items:center;gap:.5rem;margin-bottom:1.25rem}.bip-options-row{display:flex;gap:2rem;flex-wrap:wrap}.bip-option-group{display:flex;flex-direction:column;gap:.6rem}.bip-option-label{font-size:.82rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}.bip-radio-group{display:flex;gap:.75rem}.bip-radio-card{display:flex;align-items:center;gap:.5rem;padding:.6rem 1rem;border:2px solid #e5e7eb;border-radius:10px;cursor:pointer;font-size:.88rem;font-weight:500;color:#4b5563;transition:all .2s ease;-webkit-user-select:none;user-select:none}.bip-radio-card input{display:none}.bip-radio-card.selected{border-color:#e34d3e;background:rgba(227,77,62,.05);color:#e34d3e;box-shadow:0 0 0 3px #e34d3e1a}.bip-radio-card:hover:not(.selected){border-color:#d1d5db;background:#f9fafb}.bip-info-badge{display:flex;align-items:center;gap:.5rem;padding:.6rem 1rem;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:10px;font-size:.88rem;font-weight:600;color:#16a34a}.bip-dropzone{border:2.5px dashed #d1d5db;border-radius:20px;padding:3rem 2rem;display:flex;flex-direction:column;align-items:center;gap:1rem;cursor:pointer;transition:all .3s ease;background:#fafafa;text-align:center;position:relative}.bip-dropzone:hover{border-color:#e34d3e;background:rgba(227,77,62,.02);transform:translateY(-2px);box-shadow:0 8px 24px #e34d3e14}.bip-dropzone.dragging{border-color:#e34d3e;background:rgba(227,77,62,.06);transform:scale(1.02);box-shadow:0 12px 32px #e34d3e26}.bip-dropzone.has-file{border-style:solid;border-color:#22c55e;background:rgba(34,197,94,.03)}.bip-dropzone-icon{font-size:3rem;line-height:1;transition:transform .3s ease}.bip-dropzone:hover .bip-dropzone-icon{transform:scale(1.15) rotate(5deg)}.bip-dropzone-text h3{margin:0 0 .25rem;font-size:1.1rem;font-weight:700;color:#1e293b}.bip-dropzone-text p{margin:0;font-size:.88rem;color:#6b7280}.bip-dropzone-badge{background:#f1f5f9;padding:.3rem .9rem;border-radius:100px;font-size:.8rem;color:#64748b;font-weight:500}.bip-fields-info{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;padding:1.25rem 1.5rem}.bip-fields-title{font-size:.85rem;font-weight:700;color:#475569;margin-bottom:1rem;display:flex;align-items:center;gap:.4rem;text-transform:uppercase;letter-spacing:.04em}.bip-fields-grid{display:flex;flex-wrap:wrap;gap:.5rem}.bip-field-chip{display:flex;align-items:center;gap:.4rem;background:white;border:1px solid #e2e8f0;border-radius:8px;padding:.3rem .75rem;font-size:.82rem;color:#4b5563;font-weight:500}.bip-field-chip.required{border-color:#fca5a5;background:#fff5f5;color:#dc2626}.bip-required-badge{background:#fee2e2;color:#dc2626;font-size:.7rem;font-weight:700;padding:.1rem .4rem;border-radius:4px;text-transform:uppercase;letter-spacing:.04em}.bip-mapping-card{padding:1.5rem 2rem}.bip-badge{padding:.2rem .65rem;border-radius:100px;font-size:.75rem;font-weight:700}.bip-badge-green{background:#dcfce7;color:#16a34a}.bip-badge-gray{background:#f3f4f6;color:#6b7280}.bip-mapping-grid{display:flex;flex-direction:column;gap:.6rem}.bip-mapping-row{display:grid;grid-template-columns:1fr auto 1fr;gap:1rem;align-items:center;padding:.6rem 1rem;background:#f8fafc;border-radius:10px;font-size:.88rem;border:1px solid transparent;transition:background .2s}.bip-mapping-row:hover{background:#f1f5f9}.bip-mapping-row.unmapped{opacity:.6}.bip-mapping-excel{display:flex;align-items:center;gap:.5rem}.bip-mapping-check{color:#16a34a;font-weight:700;font-size:1rem}.bip-mapping-skip{color:#9ca3af;font-size:1rem}.bip-mapping-header{font-weight:600;color:#1e293b}.bip-mapping-arrow{color:#9ca3af;font-size:1.1rem;font-weight:700}.bip-mapping-dest{font-family:Courier New,monospace;font-size:.8rem;color:#6366f1;background:#eef2ff;padding:.2rem .5rem;border-radius:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bip-preview-card{padding:1.5rem 2rem}.bip-table-wrap{overflow-x:auto;border-radius:10px;border:1px solid #e5e7eb;margin-top:.5rem}.bip-table{width:100%;border-collapse:collapse;font-size:.85rem}.bip-table th{background:var(--color-primary-gradient, linear-gradient(135deg,#e34d3e,#c0392b));color:#fff;padding:.75rem 1rem;text-align:left;font-weight:600;font-size:.82rem;white-space:nowrap}.bip-table td{padding:.65rem 1rem;border-bottom:1px solid #f3f4f6;color:#374151;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bip-table tbody tr:hover td{background:#f8fafc}.bip-table tbody tr:last-child td{border-bottom:none}.bip-error-row td{background:#fff5f5}.bip-results-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}@media (max-width: 768px){.bip-results-grid{grid-template-columns:repeat(2,1fr)}}.bip-result-card{background:white;border-radius:16px;border:1px solid #e5e7eb;padding:1.5rem;position:relative;overflow:hidden;box-shadow:0 2px 8px #0000000a;transition:transform .2s,box-shadow .2s}.bip-result-card:hover{transform:translateY(-3px);box-shadow:0 8px 20px #00000014}.bip-result-val{font-size:2.4rem;font-weight:800;line-height:1;margin-bottom:.35rem}.bip-result-label{font-size:.82rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;opacity:.75}.bip-result-icon{position:absolute;top:1rem;right:1.25rem;font-size:1.75rem;opacity:.2}.bip-result-total{color:#1e40af;background:linear-gradient(135deg,#eff6ff,#dbeafe);border-color:#bfdbfe}.bip-result-matched{color:#6d28d9;background:linear-gradient(135deg,#f5f3ff,#ede9fe);border-color:#c4b5fd}.bip-result-updated{color:#166534;background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-color:#bbf7d0}.bip-result-notfound{color:#92400e;background:linear-gradient(135deg,#fffbeb,#fef3c7);border-color:#fde68a}.bip-progress-bg{background:#f3f4f6;border-radius:100px;height:10px;overflow:hidden}.bip-progress-fill{height:100%;border-radius:100px;transition:width .8s cubic-bezier(.16,1,.3,1)}.bip-errors-card{padding:1.5rem 2rem;border-left:4px solid #ef4444}.bip-row-tag{display:inline-block;background:#fee2e2;color:#991b1b;padding:.15rem .5rem;border-radius:6px;font-size:.75rem;font-weight:700}.bip-sample-btn{display:flex;align-items:center;gap:.5rem;padding:.6rem 1.25rem;background:white;border:2px solid #e34d3e;color:#e34d3e;border-radius:10px;font-size:.88rem;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.bip-sample-btn:hover{background:rgba(227,77,62,.05);transform:translateY(-1px);box-shadow:0 4px 12px #e34d3e26}.bip-actions-row{display:flex;justify-content:space-between;align-items:center;gap:1rem}.bip-btn-primary{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.75rem;background:var(--color-primary-gradient, linear-gradient(135deg,#e34d3e,#c0392b));color:#fff;border:none;border-radius:10px;font-size:.95rem;font-weight:700;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #e34d3e4d}.bip-btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 18px #e34d3e66}.bip-btn-primary:disabled{background:#d1d5db;cursor:not-allowed;box-shadow:none}.bip-btn-outline{padding:.7rem 1.5rem;background:white;border:1.5px solid #d1d5db;color:#4b5563;border-radius:10px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease}.bip-btn-outline:hover{background:#f9fafb;border-color:#9ca3af;color:#1e293b}.bip-btn-warning{display:flex;align-items:center;gap:.5rem;padding:.7rem 1.5rem;background:#fff7ed;border:1.5px solid #fed7aa;color:#c2410c;border-radius:10px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease}.bip-btn-warning:hover{background:#ffedd5;border-color:#fdba74;transform:translateY(-1px)}.bip-spinner{width:18px;height:18px;border:2.5px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:bip-spin .7s linear infinite;display:inline-block}@keyframes bip-spin{to{transform:rotate(360deg)}}.org-docs-container{display:flex;width:100%;background-color:#fff;border-radius:12px;box-shadow:0 4px 18px #00000008,0 1px 3px #00000005;min-height:580px;border:1px solid #e2e8f0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.org-docs-sidebar{width:290px;border-right:1px solid #e2e8f0;padding:1.5rem 1.25rem;flex-shrink:0;display:flex;flex-direction:column;background-color:#fff}.org-docs-search-container{position:relative;margin-bottom:1.5rem}.org-docs-search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#94a3b8;width:16px;height:16px}.org-docs-search-input{width:100%;padding:.625rem .75rem .625rem 2.5rem;border:1px solid #cbd5e1;border-radius:8px;font-size:.875rem;color:#1e293b;background-color:#f8fafc;outline:none;box-sizing:border-box;transition:border-color .2s,box-shadow .2s,background-color .2s}.org-docs-search-input:focus{background-color:#fff;border-color:var(--color-primary);box-shadow:0 0 0 3px #e34d3e1f}.org-docs-categories-list{display:flex;flex-direction:column;gap:.375rem;overflow-y:auto;flex-grow:1}.org-docs-category-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-radius:8px;cursor:pointer;transition:all .2s ease;border-left:3px solid transparent;-webkit-user-select:none;user-select:none}.org-docs-category-item:hover{background-color:#f1f5f9}.org-docs-category-item.active{background-color:#e34d3e0f;border-left-color:var(--color-primary)}.org-docs-category-icon-wrapper{color:#64748b;display:flex;align-items:center}.org-docs-category-item.active .org-docs-category-icon-wrapper{color:var(--color-primary)}.org-docs-category-info{display:flex;flex-direction:column;gap:2px}.org-docs-category-name{font-size:.875rem;font-weight:500;color:#334155;line-height:1.25}.org-docs-category-item.active .org-docs-category-name{color:var(--color-primary);font-weight:600}.org-docs-category-count{font-size:.75rem;color:#64748b}.org-docs-content{flex-grow:1;padding:2rem;display:flex;flex-direction:column;min-width:0;background-color:#fff}.org-docs-content-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;gap:1.5rem}.org-docs-header-left{display:flex;align-items:center;gap:1rem}.org-docs-header-icon-circle{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background-color:#e34d3e14;color:var(--color-primary);flex-shrink:0}.org-docs-header-info{display:flex;flex-direction:column;gap:4px}.org-docs-header-title{font-size:1.25rem;font-weight:600;color:#0f172a;margin:0;display:flex;align-items:center;gap:.5rem}.org-docs-header-desc{font-size:.875rem;color:#64748b;margin:0;line-height:1.4}.org-docs-header-actions{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.org-docs-table-wrapper{flex-grow:1;overflow-x:auto;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:1.5rem}.org-docs-table{width:100%;border-collapse:collapse;font-size:.875rem;text-align:left}.org-docs-table th{background-color:#f8fafc;color:#475569;font-weight:600;font-size:.8125rem;text-transform:none;letter-spacing:normal;padding:.875rem 1.25rem;border-bottom:1px solid #e2e8f0;white-space:nowrap}.org-docs-table td{padding:1rem 1.25rem;border-bottom:1px solid #e2e8f0;color:#334155;vertical-align:middle}.org-docs-table tbody tr{transition:background-color .15s ease}.org-docs-table tbody tr:hover{background-color:#f8fafc}.org-docs-doc-link{color:var(--color-primary);text-decoration:none;font-weight:600;cursor:pointer;transition:color .15s ease}.org-docs-doc-link:hover{color:var(--color-primary-dark);text-decoration:underline}.org-docs-action-btn-group{display:flex;gap:.5rem;align-items:center}.org-docs-btn-replace{background:none;border:1px solid #cbd5e1;color:#334155;padding:6px 12px;border-radius:6px;font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .15s ease}.org-docs-btn-replace:hover{background-color:#f1f5f9;border-color:#cbd5e1;color:#0f172a}.org-docs-btn-delete{background:none;border:1px solid rgba(239,68,68,.2);color:#ef4444;padding:6px 12px;border-radius:6px;font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .15s ease}.org-docs-btn-delete:hover{background-color:#fee2e2;border-color:#fecaca}.org-docs-pagination-container{display:flex;justify-content:flex-end;align-items:center;gap:1.5rem;font-size:.8125rem;color:#64748b;padding:.5rem 0;-webkit-user-select:none;user-select:none}.org-docs-pagination-rows-select{display:flex;align-items:center;gap:.5rem}.org-docs-rows-dropdown{border:1px solid #cbd5e1;border-radius:6px;padding:4px 8px;font-size:.8125rem;color:#334155;outline:none;background-color:#fff;cursor:pointer;transition:border-color .15s ease}.org-docs-rows-dropdown:focus{border-color:var(--color-primary)}.org-docs-pagination-info{font-weight:500}.org-docs-pagination-controls{display:flex;align-items:center;gap:.375rem}.org-docs-page-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:6px;border:1px solid #e2e8f0;background-color:#fff;color:#64748b;cursor:pointer;transition:all .2s ease}.org-docs-page-btn:hover:not(:disabled){background-color:#f8fafc;border-color:#cbd5e1;color:#0f172a}.org-docs-page-btn:disabled{opacity:.4;cursor:not-allowed}.org-docs-btn-primary{background-color:var(--color-primary);color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;font-weight:600;font-size:.875rem;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:background-color .2s;box-shadow:0 1px 2px #0000000d}.org-docs-btn-primary:hover{background-color:var(--color-primary-dark)}.org-docs-btn-secondary{background-color:#fff;color:#475569;border:1px solid #cbd5e1;padding:.5rem 1rem;border-radius:6px;font-weight:600;font-size:.875rem;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:background-color .2s,color .2s}.org-docs-btn-secondary:hover{background-color:#f8fafc;color:#0f172a}.org-docs-btn-icon{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:6px;border:1px solid #cbd5e1;background-color:#fff;color:#475569;cursor:pointer;transition:background-color .2s,color .2s}.org-docs-btn-icon:hover{background-color:#f8fafc;color:#0f172a}.org-docs-btn-icon.delete:hover{background-color:#fee2e2;color:#ef4444;border-color:#fecaca}.org-docs-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0f172a4d;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:1rem}.org-docs-modal-card{background-color:#fff;border-radius:16px;width:100%;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;display:flex;flex-direction:column;max-height:90vh;overflow:hidden;animation:orgDocsModalFadeIn .2s cubic-bezier(.16,1,.3,1)}@keyframes orgDocsModalFadeIn{0%{opacity:0;transform:scale(.96) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.org-docs-modal-card.category{max-width:450px}.org-docs-modal-card.document{max-width:520px}.org-docs-modal-header{padding:1.25rem 1.5rem;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;align-items:center}.org-docs-modal-title-group{display:flex;flex-direction:column;gap:2px}.org-docs-modal-title{margin:0;font-size:1.15rem;color:#0f172a;fontWeight:700}.org-docs-modal-desc{margin:0;font-size:.75rem;color:#64748b}.org-docs-modal-close-btn{background:none;border:none;cursor:pointer;color:#94a3b8;font-size:1.5rem;line-height:1;outline:none;padding:4px;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:color .15s,background-color .15s}.org-docs-modal-close-btn:hover{color:var(--color-primary);background-color:#f1f5f9}.org-docs-modal-form{display:flex;flex-direction:column;overflow:hidden;margin:0}.org-docs-modal-body{padding:1.5rem;overflow-y:auto;display:flex;flex-direction:column;gap:1.25rem}.org-docs-modal-form-group{display:flex;flex-direction:column;gap:.35rem}.org-docs-modal-label{font-size:.8125rem;font-weight:600;color:#475569}.org-docs-modal-input,.org-docs-modal-textarea{border:1px solid #cbd5e1;border-radius:8px;width:100%;padding:.55rem .75rem;font-size:.875rem;color:#334155;box-sizing:border-box;outline:none;background-color:#fff;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.org-docs-modal-input:focus,.org-docs-modal-textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #e34d3e26}.org-docs-modal-textarea{height:90px;resize:none;padding:.6rem .75rem}.org-docs-modal-footer{display:flex;justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;border-top:1px solid #f1f5f9;background-color:#fff}.org-docs-modal-btn-cancel{backgroundColor:#ffffff;border:1px solid #cbd5e1;border-radius:6px;color:#334155;padding:.5rem 1.25rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .15s}.org-docs-modal-btn-cancel:hover{background-color:#f8fafc}.org-docs-modal-btn-submit{background-color:var(--color-primary);border:none;border-radius:6px;color:#fff;padding:.5rem 1.25rem;font-size:.875rem;font-weight:600;cursor:pointer;box-shadow:0 2px 4px #e34d3e33;transition:all .15s}.org-docs-modal-btn-submit:hover{background-color:var(--color-primary-dark)}.org-docs-modal-info-box{display:flex;align-items:center;gap:.5rem;background-color:#f0f9ff;border:1px solid #bae6fd;border-radius:8px;padding:.65rem .85rem;font-size:.78rem;color:#0369a1;font-weight:500}.org-docs-modal-info-box-icon{font-size:1rem;line-height:1;font-weight:700}.org-docs-modal-upload-area{border:1px dashed #cbd5e1;border-radius:8px;padding:1.5rem 1.25rem;text-align:center;background-color:#f8fafc;cursor:pointer;position:relative;transition:all .15s ease-in-out}.org-docs-modal-upload-area:hover{border-color:var(--color-primary);background-color:#e34d3e05}.org-docs-modal-upload-text-success{color:#10b981;display:inline-flex;align-items:center;gap:.25rem;font-weight:600}.org-docs-modal-upload-text-info{color:#475569}.toggle-switch-btn{width:44px;height:24px;border-radius:12px;border:none;background-color:#cbd5e1;cursor:pointer;position:relative;transition:background-color .2s;flex-shrink:0;padding:0;outline:none}.toggle-switch-btn.active{background-color:var(--color-primary)}.toggle-switch-slider{position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background-color:#fff;transition:left .2s;box-shadow:0 1px 3px #0003}.toggle-switch-btn.active .toggle-switch-slider{left:23px}.org-docs-preview-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0f172abf;z-index:1000;display:flex;justify-content:center;align-items:center;padding:2rem}.org-docs-preview-modal-container{background-color:#fff;width:100%;max-width:1000px;height:90vh;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;display:flex;flex-direction:column;overflow:hidden}.org-docs-preview-modal-header{padding:1rem 1.5rem;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center;background-color:#f8fafc}.org-docs-preview-modal-title{font-size:1.125rem;font-weight:700;color:#1e293b;margin:0}.org-docs-preview-modal-close-btn{background:none;border:none;color:#64748b;cursor:pointer;padding:4px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background-color .2s,color .2s}.org-docs-preview-modal-close-btn:hover{background-color:#e2e8f0;color:#0f172a}.org-docs-preview-modal-body{flex-grow:1;display:flex;justify-content:center;align-items:center;background-color:#475569;padding:1rem;overflow:hidden}.org-docs-preview-iframe{width:100%;height:100%;border:none;background-color:#fff;border-radius:4px}.org-docs-preview-image{max-width:100%;max-height:100%;object-fit:contain;border-radius:4px;box-shadow:0 4px 6px -1px #0000001a}.org-docs-preview-fallback{text-align:center;color:#fff;display:flex;flex-direction:column;align-items:center;gap:1rem}.org-docs-preview-fallback-text{font-size:1rem;font-weight:500}.org-docs-empty-state{padding:4rem 2rem;text-align:center;color:#64748b;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;flex-grow:1}.org-docs-empty-icon{font-size:3rem;color:#cbd5e1;margin-bottom:.5rem}.org-docs-drawer-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(15,23,42,.4);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;justify-content:flex-end;z-index:9999;animation:drawerOverlayFadeIn .2s ease-out}@keyframes drawerOverlayFadeIn{0%{opacity:0}to{opacity:1}}.org-docs-drawer-container{width:450px;max-width:100vw;height:100%;background:#ffffff;box-shadow:-4px 0 24px #0000001a;display:flex;flex-direction:column;animation:slideInRight .3s cubic-bezier(.16,1,.3,1)}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.org-docs-drawer-header{padding:1.5rem;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center;background:#f8fafc}.org-docs-drawer-content{flex:1;overflow-y:auto;padding:1.5rem}.org-docs-btn-outline-primary{background:transparent;color:#3b82f6;border:1px solid #3b82f6;border-radius:6px;font-weight:500;cursor:pointer;transition:all .2s}.org-docs-btn-outline-primary:hover{background:#eff6ff;color:#2563eb;border-color:#2563eb}.org-page-container{width:auto;margin:-20px;padding:0;background-color:#f8fafc;min-height:calc(100vh - 60px);font-family:Inter,sans-serif;color:#334155;display:flex;flex-direction:column}.org-top-tabs{display:flex;background-color:#fff;padding:0 2rem;border-bottom:1px solid #e2e8f0}.org-top-tab{padding:1.25rem 1rem;font-size:.85rem;font-weight:600;color:#64748b;text-transform:uppercase;cursor:pointer;position:relative;border:none;background:transparent;transition:color .2s}.org-top-tab:hover,.org-top-tab.active{color:var(--color-primary)}.org-top-tab.active:after{content:"";position:absolute;bottom:-1px;left:0;width:100%;height:3px;background-color:var(--color-primary)}.org-top-tab.active:before{content:"";position:absolute;bottom:-1px;left:50%;transform:translate(-50%);border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid var(--color-primary)}.org-sub-tabs{display:flex;background-color:#fff;padding:.75rem 2rem;border-bottom:1px solid #e2e8f0;gap:2rem}.org-sub-tab{font-size:.9rem;color:#64748b;cursor:pointer;border:none;background:transparent;padding:0}.org-sub-tab.active{color:var(--color-text-primary);font-weight:600}.org-sub-tab:hover{color:var(--color-primary)}.org-content{padding:1.5rem 2rem;flex-grow:1;display:flex;flex-direction:column}.org-page-title{font-size:1.25rem;font-weight:600;color:#1e293b;margin-bottom:1rem}.org-custom-filters-bar{display:flex;flex-wrap:wrap;gap:1rem;align-items:flex-end;background-color:#fff;border:1px solid var(--color-border-medium);border-radius:8px;padding:.75rem 1rem;box-shadow:0 1px 3px #00000005}.filter-group{display:flex;flex-direction:column;gap:.35rem;flex:1;min-width:160px}.filter-label{font-size:.75rem;font-weight:700;color:#475569;text-transform:uppercase;letter-spacing:.05em}.filter-select-wrapper{position:relative;display:flex;align-items:center}.filter-select{width:100%;-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important;background-image:none!important;background-color:#f8fafc;border:1px solid #cbd5e1;border-radius:8px;padding:.45rem 2rem .45rem .75rem;font-size:.85rem;color:#334155;font-weight:500;cursor:pointer;outline:none;transition:all .2s ease}.filter-select:focus{border-color:var(--color-primary);background-color:#fff;box-shadow:0 0 0 3px #e34d3e26}.filter-chevron{position:absolute;right:.85rem;pointer-events:none;color:#64748b;font-size:.95rem}.filter-search-wrapper{position:relative;display:flex;align-items:center;width:100%}.filter-group.search-group{flex:2;min-width:280px}.search-input-icon{position:absolute;left:.75rem;color:#64748b;font-size:1rem;pointer-events:none}.filter-search-input{width:100%;background-color:#f8fafc;border:1px solid #cbd5e1;border-radius:8px;padding:.45rem 1rem .45rem 2.25rem;font-size:.85rem;color:#334155;outline:none;font-weight:500;transition:all .2s ease}.filter-search-input:focus{border-color:var(--color-primary);background-color:#fff;box-shadow:0 0 0 3px #e34d3e26}.org-showing-text{text-align:right;font-size:.8rem;color:#64748b;margin-bottom:1rem}.org-employee-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.25rem}.org-employee-card{background-color:#fff;border:1px solid #e2e8f0;border-radius:6px;padding:1.25rem;display:flex;gap:1rem;transition:box-shadow .2s,transform .2s}.org-employee-card:hover{box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008;transform:translateY(-2px)}.org-employee-avatar-wrapper{flex-shrink:0}.org-employee-avatar{width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:1.2rem;text-transform:uppercase}.org-employee-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover}.org-employee-info{display:flex;flex-direction:column;width:100%;overflow:hidden}.org-employee-name{font-size:.95rem;font-weight:600;color:#1e293b;margin-bottom:.1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.org-employee-designation{font-size:.75rem;color:#64748b;margin-bottom:.75rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.org-employee-detail-row{font-size:.75rem;color:#475569;margin-bottom:.25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.org-detail-label{color:#94a3b8;margin-right:.25rem}.avatar-orange{background-color:#f59e0b}.avatar-blue{background-color:#3b82f6}.avatar-green{background-color:#10b981}.avatar-teal{background-color:#14b8a6}.avatar-purple{background-color:#8b5cf6}.avatar-pink{background-color:#ec4899}.avatar-indigo{background-color:#6366f1}.avatar-red{background-color:#ef4444}.org-tree-outer-container{display:flex;flex-direction:column;flex-grow:1;height:100%;position:relative;overflow:hidden}.org-tree-controls-bar{display:flex;align-items:center;flex-wrap:wrap;gap:1rem;background-color:#fff;border:1px solid var(--color-border-medium);border-radius:8px;padding:.75rem 1rem;margin-bottom:1rem;box-shadow:0 1px 3px #00000005}.org-tree-header-controls{display:flex;align-items:center;gap:1rem;background:transparent;border:none;padding:0;margin:0;flex-grow:1;justify-content:flex-end}.org-tree-header-controls .quick-nav-label{font-size:.78rem;font-weight:600;text-transform:none;color:#64748b}.org-tree-header-controls .quick-nav-btn{padding:.3rem .6rem;font-size:.75rem}.org-tree-header-controls .filter-search-input{background-color:#f8fafc;border:1px solid #cbd5e1;border-radius:6px;transition:all .2s ease}.org-tree-header-controls .filter-search-input:focus{border-color:var(--color-primary);background-color:#fff;box-shadow:0 0 0 3px #e34d3e26}.org-tree-header-controls .filter-group{min-width:unset}.org-directory-header-controls{display:flex;align-items:center;gap:.75rem;background:transparent;border:none;padding:0;margin:0;flex-grow:1;justify-content:flex-end}.org-directory-header-controls .filter-group{flex:none;min-width:unset;display:flex;flex-direction:row;align-items:center;gap:.35rem}.org-directory-header-controls .filter-label{font-size:.76rem;font-weight:600;color:#64748b;text-transform:none;letter-spacing:normal;white-space:nowrap}.org-directory-header-controls .filter-select{height:32px;-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important;background-image:none!important;padding:.25rem 1.75rem .25rem .5rem;font-size:.8rem;background-color:#f8fafc;border:1px solid #cbd5e1;border-radius:6px;width:130px;transition:all .2s ease}.org-directory-header-controls .filter-select:focus{border-color:var(--color-primary);background-color:#fff;box-shadow:0 0 0 3px #e34d3e26}.org-directory-header-controls .filter-chevron{right:.5rem;font-size:.8rem}.org-directory-header-controls .filter-search-input{height:32px;padding:.25rem .5rem .25rem 2rem;font-size:.8rem;width:160px;background-color:#f8fafc;border:1px solid #cbd5e1;border-radius:6px;transition:all .2s ease}.org-directory-header-controls .filter-search-input:focus{border-color:var(--color-primary);background-color:#fff;box-shadow:0 0 0 3px #e34d3e26}.org-tree-quick-nav{display:flex;align-items:center;gap:.5rem}.quick-nav-label{font-size:.82rem;font-weight:700;color:#475569;text-transform:uppercase;letter-spacing:.03em}.quick-nav-buttons{display:flex;gap:.35rem}.quick-nav-btn{display:inline-flex;align-items:center;background-color:#f8fafc;border:1px solid #e2e8f0;color:#475569;font-size:.8rem;font-weight:600;padding:.45rem .85rem;border-radius:20px;cursor:pointer;transition:all .15s ease}.quick-nav-btn:hover{background-color:#e2e8f0;color:var(--color-primary);border-color:#cbd5e1}.org-switch{position:relative;display:inline-block;width:38px;height:20px}.org-switch input{opacity:0;width:0;height:0}.org-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#cbd5e1;transition:.2s}.org-slider:before{position:absolute;content:"";height:14px;width:14px;left:3px;bottom:3px;background-color:#fff;transition:.2s}input:checked+.org-slider{background-color:var(--color-primary)}input:checked+.org-slider:before{transform:translate(18px)}.org-slider.round{border-radius:20px}.org-slider.round:before{border-radius:50%}.org-export-btn{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background-color:#f8fafc;border:1px solid #cbd5e1;color:#475569;cursor:pointer;transition:all .2s ease}.org-export-btn:hover{background-color:#fee2e2;color:var(--color-primary);border-color:var(--color-primary)}.org-tree-viewport{flex:1;overflow:auto;position:relative;background-color:#f8fafc;display:flex;justify-content:center;justify-content:safe center;align-items:flex-start;min-height:calc(100vh - 275px);cursor:grab;-webkit-user-select:none;user-select:none;border:1px solid #e2e8f0;border-radius:8px}.org-tree-viewport.dragging{cursor:grabbing}.org-tree-canvas{padding:3rem;display:inline-block;transform-origin:top center;transition:transform .2s ease-out}.org-tree-zoom-widget{position:absolute;top:1.5rem;right:1.5rem;display:flex;flex-direction:column;background-color:#fff;border:1px solid #cbd5e1;box-shadow:0 4px 6px -1px #0000000d;z-index:100}.org-tree-zoom-btn{background:transparent;border:none;width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-size:1.1rem;color:#64748b;cursor:pointer;transition:background-color .15s}.org-tree-zoom-btn:hover{background-color:#f1f5f9;color:#0f172a}.org-tree-zoom-btn:not(:last-child){border-bottom:1px solid #e2e8f0}.org-tree-empty{padding:4rem;text-align:center;color:#64748b;font-size:1rem;font-weight:500}.org-tree-level{display:flex;justify-content:center;justify-content:safe center;align-items:flex-start;min-width:max-content}.org-tree-node{display:flex;flex-direction:column;align-items:center;position:relative;padding:0 10px;flex-shrink:0}.org-tree-children>.org-tree-node{padding-top:24px}.org-tree-node-card-wrapper{position:relative;display:flex;flex-direction:column;align-items:center;padding-bottom:24px}.org-tree-card{background-color:#fff;border:1px solid #e2e8f0;width:270px;padding:1rem;display:flex;align-items:flex-start;gap:.75rem;box-shadow:0 2px 4px #00000005;transition:all .25s cubic-bezier(.4,0,.2,1);position:relative;box-sizing:border-box}.org-tree-card:hover{box-shadow:0 8px 16px #0000000f;border-color:#cbd5e1}.org-tree-card.highlighted{border:2px solid #3b82f6;box-shadow:0 0 10px #3b82f633}.org-tree-avatar{width:42px;height:42px;border-radius:50%;object-fit:cover;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem;color:#fff;box-shadow:0 1px 3px #0000001a;text-transform:uppercase}.org-tree-info{display:flex;flex-direction:column;min-width:0;flex-grow:1}.org-tree-name{margin:0 0 .15rem;font-size:.85rem;font-weight:700;color:#0f172a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.org-tree-designation{margin:0 0 .15rem;font-size:.75rem;color:#64748b;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.org-tree-company{margin:0 0 .35rem;font-size:.7rem;color:#94a3b8;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.org-tree-dept-badge{font-size:.65rem;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.05em;margin-top:auto}.org-tree-toggle{position:absolute;bottom:15px;left:50%;transform:translate(-50%);width:18px;height:18px;border-radius:50%;background-color:#2563eb;border:none;color:#fff;font-size:.8rem;font-weight:700;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 4px #2563eb33;z-index:15;outline:none}.org-tree-toggle:hover{background-color:#1d4ed8}.org-tree-toggle.collapsed-count{width:20px;height:20px;font-size:.7rem;bottom:14px}.org-tree-children .org-tree-node:not(:first-child):not(:last-child) .org-tree-node-card-wrapper:before{content:"";position:absolute;bottom:100%;left:50%;width:1px;height:24px;background-color:#cbd5e1;z-index:1}.org-tree-node-card-wrapper:after{content:"";position:absolute;top:calc(100% - 24px);left:50%;width:1px;height:48px;background-color:#cbd5e1;z-index:1}.org-tree-node-card-wrapper.no-children:after{display:none}.org-tree-node-card-wrapper.collapsed:after{display:none}.org-tree-children{display:flex;flex-direction:row;justify-content:center;justify-content:safe center;align-items:flex-start;position:relative;padding-top:24px;flex-shrink:0;min-width:max-content}.org-tree-children:before{display:none}.org-tree-children>.org-tree-node:before,.org-tree-children>.org-tree-node:after{content:"";position:absolute;top:0;width:50%;height:24px;border-top:1px solid #cbd5e1;z-index:1}.org-tree-children>.org-tree-node:before{left:50%}.org-tree-children>.org-tree-node:after{right:50%}.org-tree-children>.org-tree-node:only-child:before,.org-tree-children>.org-tree-node:only-child:after{display:none!important}.org-tree-children>.org-tree-node:first-child:after{display:none}.org-tree-children>.org-tree-node:last-child:before{display:none}.org-tree-children>.org-tree-node:first-child:not(:only-child)>.org-tree-node-card-wrapper:before,.org-tree-children>.org-tree-node:last-child:not(:only-child)>.org-tree-node-card-wrapper:before{display:none!important}.org-tree-children>.org-tree-node:first-child:before{left:50%;width:50%;border-left:1px solid #cbd5e1;border-top-left-radius:8px}.org-tree-children>.org-tree-node:last-child:after{left:0;right:auto;width:50%;border-right:1px solid #cbd5e1;border-top-right-radius:8px}.org-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#0f172a66;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeInModal .25s ease-out}@keyframes fadeInModal{0%{opacity:0}to{opacity:1}}.org-modal-card{background-color:#fff;border-radius:12px;width:100%;max-width:460px;box-shadow:0 25px 50px -12px #00000040;overflow:hidden;position:relative;animation:slideUpModal .25s cubic-bezier(.16,1,.3,1)}@keyframes slideUpModal{0%{transform:translateY(20px)}to{transform:translateY(0)}}.org-modal-close-btn{position:absolute;top:1rem;right:1rem;border:none;background:rgba(255,255,255,.2);color:#fff;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;z-index:20}.org-modal-close-btn:hover{background-color:#ffffff59;transform:rotate(90deg)}.org-modal-header-banner{height:100px;background:linear-gradient(135deg,#0f172a 0%,#1e1b4b 100%);background-image:radial-gradient(rgba(255,255,255,.05) 1px,transparent 1px);background-size:16px 16px}.org-modal-profile-summary{display:flex;flex-direction:column;align-items:center;margin-top:-50px;padding-bottom:1.25rem;border-bottom:1px solid #f1f5f9}.org-modal-avatar-wrapper{position:relative}.org-modal-avatar{width:100px;height:100px;border-radius:50%;object-fit:cover;border:4px solid #ffffff;box-shadow:0 4px 10px #00000026}.org-modal-avatar-initials{width:100px;height:100px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:2.25rem;border:4px solid #ffffff;box-shadow:0 4px 10px #00000026}.org-modal-name{font-size:1.25rem;font-weight:700;color:#0f172a;margin:.75rem 0 .2rem}.org-modal-designation{font-size:.85rem;color:#64748b;margin:0 0 .5rem}.org-modal-dept-badge{font-size:.72rem;font-weight:700;color:var(--color-primary);background-color:#fff1f2;padding:3px 10px;border-radius:20px}.org-modal-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem 1rem;padding:1.5rem;background-color:#fafbfc}.org-modal-info-item{display:flex;flex-direction:column;gap:.25rem}.info-label{font-size:.65rem;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:.05em}.info-value{font-size:.85rem;font-weight:600;color:#334155}@media print{body,html{background-color:#fff!important;margin:0!important;padding:0!important;height:auto!important;overflow:visible!important}#root{padding:0!important;margin:0!important}.main-sidebar,.top-header-bar,.org-top-tabs,.org-sub-tabs,.org-tree-controls-bar,.org-zoom-controls,.org-showing-text,.org-page-title{display:none!important}.content-scroll-container{padding:0!important;margin:0!important;overflow:visible!important;background-color:#fff!important}.org-content{padding:0!important;margin:0!important;overflow:visible!important}.org-page-container{margin:0!important;padding:0!important;background-color:#fff!important;height:auto!important;min-height:unset!important}.org-tree-outer-container{overflow:visible!important;height:auto!important}.org-tree-viewport{border:none!important;background-color:#fff!important;background-image:none!important;overflow:visible!important;height:auto!important}.org-tree-canvas{position:relative!important;top:0!important;left:0!important;transform:scale(1)!important;padding:20px 0!important;margin:0 auto!important;display:flex!important;justify-content:center!important;width:100%!important}.org-tree-card{border-color:#94a3b8!important;box-shadow:none!important;background-color:#fff!important;page-break-inside:avoid}.org-node-toggle-btn{display:none!important}.org-tree-connector-down,.org-tree-connector-up,.org-tree-child-node:before,.org-tree-child-node:after{background-color:#64748b!important;border-color:#64748b!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}}.org-tree-node:only-child:after,.org-tree-node:only-of-type:after,.org-tree-children>.org-tree-node:only-child:after,.org-tree-children>.org-tree-node:only-of-type:after{display:none!important}.org-tree-node:only-child:before,.org-tree-node:only-of-type:before,.org-tree-children>.org-tree-node:only-child:before,.org-tree-children>.org-tree-node:only-of-type:before{display:block!important;content:""!important;position:absolute!important;top:0!important;left:50%!important;width:1px!important;height:24px!important;background-color:#cbd5e1!important;border:none!important;border-radius:0!important;transform:translate(-50%)!important}.bt-root{--bt-bg: #f8fafc;--bt-surface: #ffffff;--bt-surface-2: #f1f5f9;--bt-surface-3: #e2e8f0;--bt-border: #e2e8f0;--bt-border-hover: #cbd5e1;--bt-text: #1e293b;--bt-text-muted: #475569;--bt-text-dim: #64748b;--bt-accent: #e34d3e;--bt-accent-hover: #cb3d30;--bt-accent-glow: rgba(227, 77, 62, .12);--bt-radius: 8px;--bt-radius-sm: 6px;--bt-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--bt-text);background-color:var(--bt-bg);min-height:calc(100vh - 60px);margin:-20px;box-sizing:border-box}.bt-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem .75rem;background:var(--bt-surface)}.bt-header-left{display:flex;align-items:center;gap:.875rem}.bt-header-icon{width:40px;height:40px;background:#e34d3e;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff}.bt-header-icon svg{width:20px;height:20px}.bt-header-title{font-size:1.25rem;font-weight:700;color:#0f172a;margin:0;line-height:1.2}.bt-header-subtitle{font-size:.82rem;color:var(--bt-text-dim);margin-top:2px}.bt-header-right{display:flex;align-items:center;gap:.75rem}.bt-tabs{display:flex;gap:1.5rem;padding:0 1.5rem;background:var(--bt-surface);border-bottom:1px solid var(--bt-surface-3)}.bt-tab{padding:.875rem .25rem;font-size:.85rem;font-weight:600;color:var(--bt-text-dim);cursor:pointer;border:none;background:none;border-bottom:2px solid transparent;transition:all .15s ease;display:flex;align-items:center;gap:.4rem}.bt-tab:hover{color:var(--bt-text)}.bt-tab.active{color:var(--bt-accent);border-bottom-color:var(--bt-accent)}.bt-tab-badge{background:var(--bt-accent);color:#fff;font-size:.65rem;font-weight:700;padding:1px 5px;border-radius:10px;min-width:15px;text-align:center}.bt-content{padding:1.25rem 1.5rem;display:flex;flex-direction:column;gap:1.25rem}.bt-btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.5rem 1rem;border-radius:var(--bt-radius-sm);font-size:.85rem;font-weight:600;cursor:pointer;border:1px solid transparent;transition:all .15s ease;height:36px;box-sizing:border-box}.bt-btn-primary{background-color:var(--bt-accent);color:#fff}.bt-btn-primary:hover{background-color:var(--bt-accent-hover)}.bt-btn-ghost{background-color:#fff;color:var(--bt-text-muted);border-color:var(--bt-border)}.bt-btn-ghost:hover{background-color:var(--bt-bg);border-color:var(--bt-border-hover)}.bt-btn-danger{background-color:#fee2e2;color:#ef4444;border-color:#fca5a5}.bt-btn-danger:hover{background-color:#fecaca}.bt-btn-sm{padding:.3rem .6rem;font-size:.78rem;height:28px}.bt-btn-icon{padding:.4rem;height:28px;width:28px}.bt-dashboard-filter-bar{display:flex;align-items:center;gap:.75rem}.bt-dashboard-filter-label{font-size:.85rem;color:var(--bt-text-muted);font-weight:500}.bt-dashboard-filter-select{background:#ffffff;border:1px solid var(--bt-border);border-radius:var(--bt-radius-sm);color:var(--bt-text);padding:.4rem 2rem .4rem .75rem;font-size:.85rem;cursor:pointer;transition:all .2s ease;height:36px;box-sizing:border-box;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;background-size:.75rem}.bt-dashboard-filter-select:focus{border-color:var(--bt-accent);box-shadow:0 0 0 3px var(--bt-accent-glow)}.bt-dashboard-filter-select:hover{border-color:var(--bt-border-hover)}.bt-summary-cards{display:grid;grid-template-columns:repeat(9,1fr);gap:8px;width:100%}.bt-card{background:var(--bt-surface);border:1px solid var(--bt-border);border-radius:var(--bt-radius);padding:8px;display:flex;align-items:center;gap:6px;transition:all .2s ease;cursor:pointer;box-shadow:var(--bt-shadow-sm)}.bt-card:hover{border-color:var(--bt-border-hover);transform:translateY(-1px)}.bt-card-icon-wrap{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.bt-card-icon-wrap svg{width:16px;height:16px;color:#fff}.bt-card-info{display:flex;flex-direction:column;gap:1px;overflow:hidden}.bt-card-label{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.02em;color:var(--bt-text-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.bt-card-value{font-size:1.6rem;font-weight:800;line-height:1.1}.bt-bg-total{background-color:#2563eb}.bt-bg-open{background-color:#dc2626}.bt-bg-progress{background-color:#d97706}.bt-bg-fixed{background-color:#16a34a}.bt-bg-ready{background-color:#2563eb}.bt-bg-reopened{background-color:#7c3aed}.bt-bg-closed{background-color:#475569}.bt-bg-deferred{background-color:#b45309}.bt-color-total{color:#2563eb}.bt-color-open{color:#dc2626}.bt-color-progress{color:#d97706}.bt-color-fixed{color:#16a34a}.bt-color-ready{color:#2563eb}.bt-color-reopened{color:#7c3aed}.bt-color-closed{color:#475569}.bt-color-deferred{color:#b45309}.bt-dashboard-top-section{display:flex;flex-direction:column;gap:.75rem}.bt-aging-section{display:flex;flex-direction:column}.bt-dashboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem;width:100%}.bt-panel{background:var(--bt-surface);border:1px solid var(--bt-border);border-radius:var(--bt-radius);padding:1.25rem;display:flex;flex-direction:column;gap:1rem;box-shadow:var(--bt-shadow-sm)}.bt-panel-title{font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#475569;display:flex;align-items:center;gap:.5rem;border-bottom:1px solid var(--bt-surface-3);padding-bottom:.75rem;margin-bottom:.25rem}.bt-section-title{font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#475569;display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem}.bt-title-icon{width:16px;height:16px;color:var(--bt-text-dim)}.bt-dist-row{display:flex;align-items:center;gap:1rem}.bt-dist-label{font-size:.85rem;width:80px;color:var(--bt-text-muted);font-weight:500;flex-shrink:0}.bt-dist-bar-wrap{flex:1;background:var(--bt-surface-2);border-radius:10px;height:10px;overflow:hidden;border:1px solid var(--bt-surface-3)}.bt-dist-bar{height:100%;border-radius:10px;transition:width .6s cubic-bezier(.16,1,.3,1)}.bt-dist-count{font-size:.85rem;font-weight:700;width:25px;text-align:right;color:var(--bt-text);flex-shrink:0}.bt-aging-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;width:100%}.bt-aging-card{background:var(--bt-surface);border:1px solid var(--bt-border);border-radius:var(--bt-radius);padding:1rem;display:flex;flex-direction:column;gap:4px;box-shadow:var(--bt-shadow-sm);transition:all .2s ease}.bt-aging-card:hover{border-color:var(--bt-border-hover)}.bt-aging-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.bt-aging-value{font-size:1.8rem;font-weight:800;line-height:1.1}.bt-aging-green .bt-aging-label,.bt-aging-green .bt-aging-value{color:#16a34a}.bt-aging-orange .bt-aging-label,.bt-aging-orange .bt-aging-value{color:#d97706}.bt-aging-red-orange .bt-aging-label,.bt-aging-red-orange .bt-aging-value{color:#ea580c}.bt-aging-red .bt-aging-label,.bt-aging-red .bt-aging-value{color:#dc2626}.bt-filter-panel{display:flex;flex-direction:column;gap:1rem;background-color:var(--bt-surface);padding:1.25rem;border-radius:var(--bt-radius);border:1px solid var(--bt-border);box-shadow:var(--bt-shadow-sm)}.bt-filter-panel-header{display:flex;align-items:center;justify-content:space-between;gap:1rem}.bt-filter-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.75rem}.bt-search-wrap{position:relative;flex:1;min-width:200px;max-width:320px}.bt-search-icon{position:absolute;left:.65rem;top:50%;transform:translateY(-50%);color:var(--bt-text-dim);width:14px;height:14px;pointer-events:none}.bt-search-input{width:100%;background:#ffffff;border:1px solid var(--bt-border);border-radius:var(--bt-radius-sm);color:var(--bt-text);padding:.4rem .5rem .4rem 2rem;font-size:.85rem;transition:all .2s ease;height:36px;box-sizing:border-box;outline:none}.bt-search-input:focus{border-color:var(--bt-accent);box-shadow:0 0 0 3px var(--bt-accent-glow)}.bt-select{background:#ffffff;border:1px solid var(--bt-border);border-radius:var(--bt-radius-sm);color:var(--bt-text);padding:.4rem 1.8rem .4rem .5rem;font-size:.85rem;cursor:pointer;transition:all .2s ease;height:36px;box-sizing:border-box;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .6rem center;background-size:.75rem}.bt-select:focus{border-color:var(--bt-accent);box-shadow:0 0 0 3px var(--bt-accent-glow)}.bt-select:hover{border-color:var(--bt-border-hover)}.bt-custom-date-filter-wrap{display:flex;align-items:center;gap:.35rem;grid-column:span 2}.bt-custom-date-sep{color:var(--bt-text-dim);font-size:.85rem;font-weight:600}.bt-root .vt-datepicker-wrapper{width:120px}.bt-root .vt-datepicker-input{height:36px!important;border:1px solid var(--bt-border)!important;border-radius:var(--bt-radius-sm)!important;background-color:#fff!important;color:var(--bt-text)!important;font-size:.8rem!important;padding:.4rem .5rem!important;box-sizing:border-box!important;transition:all .2s ease!important;width:100%!important}.bt-root .vt-datepicker-input:focus,.bt-root .vt-datepicker-input.open{border-color:var(--bt-accent)!important;box-shadow:0 0 0 3px var(--bt-accent-glow)!important}.bt-form-datepicker-wrap .vt-datepicker-wrapper{width:100%!important}.bt-form-datepicker-wrap .vt-datepicker-input{height:38px!important;font-size:.875rem!important;padding:.5rem .65rem!important}.bt-table-meta-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:.6rem}.bt-bugs-count{font-size:.85rem;color:var(--bt-text-dim);font-weight:500}.bt-col-toggle-wrap{position:relative}.bt-col-toggle-dropdown{position:absolute;right:0;top:calc(100% + 4px);z-index:100;background:var(--bt-surface);border:1px solid var(--bt-border);border-radius:var(--bt-radius-sm);padding:.5rem;min-width:160px;box-shadow:0 4px 6px -1px #0000001a}.bt-col-toggle-item{display:flex;align-items:center;gap:.5rem;padding:.25rem .4rem;border-radius:4px;font-size:.8rem;cursor:pointer;transition:background .15s ease}.bt-col-toggle-item:hover{background:var(--bt-surface-2)}.bt-table-wrap{background:var(--bt-surface);border:1px solid var(--bt-border);border-radius:var(--bt-radius);overflow:hidden;box-shadow:var(--bt-shadow-sm)}.bt-table{width:100%;border-collapse:collapse;font-size:.85rem}.bt-table thead th{padding:.75rem 1rem;text-align:left;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--bt-text-dim);background:var(--bt-surface-2);border-bottom:1px solid var(--bt-surface-3);white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none}.bt-table thead th:hover{color:var(--bt-text);background-color:var(--bt-surface-3)}.bt-table tbody tr{border-bottom:1px solid var(--bt-surface-3);transition:background .15s ease;cursor:pointer}.bt-table tbody tr:last-child{border-bottom:none}.bt-table tbody tr:hover{background:var(--bt-surface-2)}.bt-table td{padding:.75rem 1rem;vertical-align:middle;color:var(--bt-text-muted)}.bt-bug-id{display:inline-flex;align-items:center;font-size:.8rem;font-weight:700;color:var(--bt-accent);background-color:var(--bt-accent-glow);padding:.3rem .6rem;border-radius:4px;white-space:nowrap;line-height:normal}.bt-summary-cell{max-width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bt-summary-cell strong{color:var(--bt-text);font-weight:600}.bt-summary-cell small{color:var(--bt-text-dim);font-size:.75rem;display:block;margin-top:1px}.bt-inline-select{background:transparent;border:1px solid transparent;border-radius:4px;padding:.2rem 1.4rem .2rem .4rem;font-size:.8rem;font-weight:600;cursor:pointer;color:inherit;transition:all .15s ease;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .35rem center;background-size:.65rem}.bt-inline-select:hover{border-color:var(--bt-border);background-color:#fff}.bt-inline-select:focus{border-color:var(--bt-accent);background-color:#fff;box-shadow:0 0 0 2px var(--bt-accent-glow)}.bt-badge{display:inline-flex;align-items:center;gap:.3rem;padding:.3rem .6rem;border-radius:4px;font-size:.8rem;font-weight:700;white-space:nowrap;line-height:normal}.bt-badge-dot{width:5px;height:5px;border-radius:50%;flex-shrink:0}.bt-badge-open{background:#fee2e2;color:#ef4444}.bt-badge-open .bt-badge-dot{background:#ef4444}.bt-badge-assigned{background:#ffedd5;color:#f97316}.bt-badge-assigned .bt-badge-dot{background:#f97316}.bt-badge-in-progress{background:#fef9c3;color:#ca8a04}.bt-badge-in-progress .bt-badge-dot{background:#ca8a04}.bt-badge-fixed{background:#dcfce7;color:#15803d}.bt-badge-fixed .bt-badge-dot{background:#15803d}.bt-badge-ready-qa{background:#dbeafe;color:#1d4ed8}.bt-badge-ready-qa .bt-badge-dot{background:#1d4ed8}.bt-badge-retest{background:#ecfeff;color:#0891b2}.bt-badge-retest .bt-badge-dot{background:#0891b2}.bt-badge-reopened{background:#f3e8ff;color:#7e22ce}.bt-badge-reopened .bt-badge-dot{background:#7e22ce}.bt-badge-closed{background:#f1f5f9;color:#475569}.bt-badge-closed .bt-badge-dot{background:#475569}.bt-badge-rejected{background:#f1f5f9;color:#475569}.bt-badge-rejected .bt-badge-dot{background:#475569}.bt-badge-deferred{background:#fef3c7;color:#b45309}.bt-badge-deferred .bt-badge-dot{background:#b45309}.bt-badge-critical{background:#fee2e2;color:#ef4444}.bt-badge-major{background:#ffedd5;color:#f97316}.bt-badge-medium{background:#fef9c3;color:#ca8a04}.bt-badge-minor{background:#dcfce7;color:#15803d}.bt-badge-p0{background:#fee2e2;color:#ef4444}.bt-badge-p1{background:#ffedd5;color:#f97316}.bt-badge-p2{background:#fef9c3;color:#ca8a04}.bt-badge-p3{background:#dcfce7;color:#15803d}.bt-pagination{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;border-top:1px solid var(--bt-surface-3);font-size:.8rem;color:var(--bt-text-dim)}.bt-pagination-btns{display:flex;gap:.25rem}.bt-page-btn{padding:.25rem .5rem;border-radius:4px;border:1px solid var(--bt-border);background:#ffffff;color:var(--bt-text-muted);cursor:pointer;font-size:.8rem;transition:all .15s ease}.bt-page-btn:hover{background:var(--bt-surface-2);color:var(--bt-text)}.bt-page-btn.active{background:var(--bt-accent);color:#fff;border-color:var(--bt-accent)}.bt-page-btn:disabled{opacity:.4;cursor:not-allowed}.bt-form-container{background:var(--bt-surface);border:1px solid var(--bt-border);border-radius:var(--bt-radius);padding:1.5rem;box-shadow:var(--bt-shadow-sm);display:flex;flex-direction:column;gap:1.5rem}.bt-screen-header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--bt-surface-3);padding-bottom:.75rem;margin-bottom:.5rem}.bt-screen-title{font-size:1.25rem;font-weight:700;color:#0f172a;margin:0}.bt-screen-subtitle{font-size:.85rem;color:var(--bt-text-dim);margin:.2rem 0 0}.bt-form-section{display:flex;flex-direction:column;gap:1rem}.bt-form-section-title{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--bt-text-dim);padding-bottom:.35rem;border-bottom:1px solid var(--bt-surface-3);margin-bottom:.25rem}.bt-form-layout-2col{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:start}.bt-form-col{display:flex;flex-direction:column;gap:1.5rem}.bt-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.bt-form-grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1rem}.bt-form-full{grid-column:1 / -1}.bt-field{display:flex;flex-direction:column;gap:.35rem}.bt-label{font-size:.75rem;font-weight:700;color:var(--bt-text-dim);text-transform:uppercase;letter-spacing:.02em}.bt-required{color:#ef4444;margin-left:2px}.bt-input,.bt-textarea{background:#ffffff;border:1px solid var(--bt-border);border-radius:var(--bt-radius-sm);color:var(--bt-text);padding:.5rem .65rem;font-size:.85rem;width:100%;box-sizing:border-box;outline:none;transition:all .2s ease;height:38px}.bt-textarea{height:auto;min-height:90px;resize:vertical}.bt-input:focus,.bt-textarea:focus{border-color:var(--bt-accent);box-shadow:0 0 0 3px var(--bt-accent-glow)}.bt-input::placeholder,.bt-textarea::placeholder{color:#cbd5e1}.bt-field select.bt-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;background-size:.85rem;padding-right:2.25rem!important;cursor:pointer;background-color:#fff}.bt-multiselect-wrap{display:flex;flex-wrap:wrap;gap:.4rem;padding-top:.2rem}.bt-chip{padding:.35rem .65rem;border-radius:12px;border:1px solid var(--bt-border);background:var(--bt-surface-2);color:var(--bt-text-muted);font-size:.75rem;font-weight:500;cursor:pointer;transition:all .15s ease;-webkit-user-select:none;user-select:none}.bt-chip:hover{background:var(--bt-surface-3);color:var(--bt-text)}.bt-chip.selected{background:var(--bt-accent);color:#fff;border-color:var(--bt-accent)}.bt-screen-footer{display:flex;align-items:center;justify-content:flex-end;gap:.75rem;border-top:1px solid var(--bt-surface-3);padding-top:1.25rem;margin-top:.5rem}.bt-full-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(15,23,42,.4);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:1002;display:flex;align-items:center;justify-content:center;padding:2rem}.bt-full-modal{width:100%;max-width:1300px;height:100%;background:#f8fafc;display:flex;flex-direction:column;box-shadow:0 20px 40px -10px #0f172a33;border-radius:12px;border:1px solid var(--bt-border);overflow:hidden;box-sizing:border-box}.bt-full-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;background:#ffffff;border-bottom:1px solid var(--bt-surface-3);flex-shrink:0}.bt-full-modal-nav{display:flex;align-items:center;gap:1rem}.bt-full-modal-nav-btn{display:inline-flex;align-items:center;gap:.4rem;background:#ffffff;border:1px solid #e2e8f0;border-radius:8px;padding:.5rem 1rem;font-size:.85rem;font-weight:600;color:#475569;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 2px #0f172a0d}.bt-full-modal-nav-btn:hover:not(:disabled){background:#f8fafc;color:#0f172a;border-color:#cbd5e1;transform:translateY(-1px);box-shadow:0 4px 6px -1px #0f172a0d,0 2px 4px -1px #0f172a08}.bt-full-modal-nav-btn:active:not(:disabled){transform:translateY(0);box-shadow:0 1px 2px #0f172a0d}.bt-full-modal-nav-btn:disabled{opacity:.5;cursor:not-allowed;background:#f1f5f9;color:#94a3b8;border-color:#e2e8f0}.bt-full-modal-body{flex:1;overflow-y:auto;padding:1.5rem 2rem;display:grid;grid-template-columns:2fr 1fr;gap:2rem;align-items:start}.bt-full-modal-top-section{grid-column:1 / -1;background:#ffffff;border:1px solid var(--bt-border);border-radius:8px;padding:1.5rem;display:flex;flex-direction:column;gap:1rem}.bt-full-modal-title{font-size:1.4rem;font-weight:800;color:#0f172a;margin:0}.bt-full-modal-tags{display:flex;align-items:center;flex-wrap:wrap;gap:1rem}.bt-full-modal-tag-item{display:inline-flex;align-items:center;gap:.35rem;font-size:.85rem;color:var(--bt-text-dim);font-weight:500}.bt-full-modal-actions{display:flex;align-items:center;gap:.75rem;margin-left:auto}.bt-card-green{background:#f0fdf4!important;border-color:#bbf7d0!important}.bt-card-red{background:#fef2f2!important;border-color:#fecaca!important}.bt-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(15,23,42,.4);-webkit-backdrop-filter:blur(1.5px);backdrop-filter:blur(1.5px);z-index:1002;display:flex;align-items:flex-start;justify-content:flex-end}.bt-drawer{width:520px;max-width:95vw;height:100vh;background:var(--bt-surface);display:flex;flex-direction:column;box-shadow:-8px 0 32px #0f172a1f;border-left:1px solid var(--bt-border);box-sizing:border-box}.bt-drawer-wide{width:640px}.bt-drawer-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid var(--bt-surface-3);flex-shrink:0}.bt-drawer-title{font-size:1.1rem;font-weight:700;color:#0f172a;margin:0}.bt-close-btn{background:none;border:none;cursor:pointer;color:var(--bt-text-dim);padding:.25rem;border-radius:4px;transition:all .15s ease;display:flex;align-items:center}.bt-close-btn:hover{background:var(--bt-surface-2);color:var(--bt-text)}.bt-drawer-body{flex:1;overflow-y:auto;padding:1.25rem 1.5rem}.bt-detail-section{display:flex;flex-direction:column;gap:1rem}.bt-detail-section-title{font-size:.78rem;font-weight:700;color:var(--bt-text-dim);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem;padding-bottom:.35rem;border-bottom:1px solid var(--bt-surface-3);display:flex;align-items:center;gap:.4rem}.bt-detail-section-title svg{width:14px;height:14px}.bt-detail-meta{display:grid;grid-template-columns:1fr 1fr;gap:1rem .75rem}.bt-meta-label{font-size:.7rem;font-weight:700;color:var(--bt-text-dim);text-transform:uppercase;letter-spacing:.03em;margin-bottom:.2rem}.bt-meta-value{font-size:.85rem;color:var(--bt-text);font-weight:500}.bt-detail-card{background:#ffffff;border:1px solid var(--bt-border);border-radius:8px;padding:1.25rem;margin-bottom:1.5rem}.bt-detail-card-title{font-size:.78rem;font-weight:700;color:var(--bt-text-dim);text-transform:uppercase;letter-spacing:.05em;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--bt-surface-3);display:flex;align-items:center;gap:.5rem}.bt-detail-card-title svg{width:14px;height:14px;color:var(--bt-accent)}.bt-meta-list-col{display:flex;flex-direction:column;gap:1.25rem}.bt-meta-list-item{display:flex;align-items:center;gap:1rem}.bt-meta-list-icon-wrapper{width:38px;height:38px;background-color:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#475569;flex-shrink:0;transition:all .2s ease}.bt-meta-list-item:hover .bt-meta-list-icon-wrapper{background-color:var(--bt-accent-glow);color:var(--bt-accent);border-color:#e34d3e33}.bt-meta-list-icon-wrapper svg{width:18px;height:18px;stroke-width:2.2px}.bt-meta-list-content{display:flex;flex-direction:column;gap:.25rem;flex:1}.bt-meta-list-label{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#64748b;line-height:1}.bt-meta-list-value{font-size:.95rem;color:#0f172a;font-weight:700;line-height:1.3}.bt-detail-desc-box{background:var(--bt-surface-2);border:1px solid var(--bt-surface-3);border-radius:6px;padding:.75rem .85rem;font-size:.85rem;line-height:1.5;white-space:pre-wrap;color:var(--bt-text)}.bt-comment{display:flex;gap:.75rem;margin-bottom:1rem}.bt-comment-avatar{width:30px;height:30px;border-radius:50%;background:#cbd5e1;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700;color:var(--bt-text-muted);flex-shrink:0;border:1px solid var(--bt-border)}.bt-comment-body{flex:1;background:var(--bt-surface-2);border-radius:var(--bt-radius-sm);padding:.65rem .75rem;border:1px solid var(--bt-surface-3)}.bt-comment-meta{display:flex;align-items:center;gap:.4rem;margin-bottom:.25rem}.bt-comment-author{font-size:.8rem;font-weight:700;color:var(--bt-text)}.bt-comment-time{font-size:.7rem;color:var(--bt-text-dim)}.bt-comment-text{font-size:.85rem;line-height:1.45;white-space:pre-wrap;color:var(--bt-text-muted)}.bt-comment-actions{display:flex;gap:.4rem;margin-top:.3rem}.bt-comment-action-btn{background:none;border:none;font-size:.7rem;color:var(--bt-text-dim);cursor:pointer;padding:0 .25rem;border-radius:2px;font-weight:600}.bt-comment-action-btn:hover{color:var(--bt-text);background-color:var(--bt-surface-3)}.bt-comment-input-wrap{display:flex;gap:1rem;align-items:flex-start;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--bt-border)}.bt-comment-input-container{flex:1;display:flex;flex-direction:column;gap:.5rem;background:var(--bt-surface);border:1px solid var(--bt-border);border-radius:var(--bt-radius);padding:.75rem;transition:all .2s ease}.bt-comment-input-container:focus-within{border-color:var(--bt-primary);box-shadow:0 0 0 3px #3b82f61a}.bt-comment-textarea{border:none;resize:vertical;background:transparent;font-size:.85rem;color:var(--bt-text);min-height:60px;outline:none;padding:0;width:100%}.bt-comment-textarea::placeholder{color:var(--bt-text-dim)}.bt-comment-actions-row{display:flex;justify-content:flex-end;align-items:center;padding-top:.5rem;border-top:1px dashed var(--bt-border)}.bt-timeline{position:relative;padding-left:.5rem}.bt-timeline:before{content:"";position:absolute;left:20px;top:0;bottom:0;width:2px;background:var(--bt-surface-3)}.bt-timeline-item{display:flex;gap:.875rem;padding-bottom:1.1rem;position:relative}.bt-timeline-dot{width:26px;height:26px;border-radius:50%;background:#ffffff;border:2px solid var(--bt-border);display:flex;align-items:center;justify-content:center;flex-shrink:0;z-index:1}.bt-timeline-dot svg{width:12px;height:12px;color:var(--bt-text-dim)}.bt-timeline-content{flex:1;padding-top:.15rem}.bt-timeline-desc{font-size:.85rem;color:var(--bt-text);font-weight:500}.bt-timeline-meta{font-size:.7rem;color:var(--bt-text-dim);margin-top:.2rem}.bt-timeline-change{display:inline-flex;align-items:center;gap:.35rem;background:var(--bt-surface-2);border:1px solid var(--bt-surface-3);border-radius:4px;padding:.15rem .4rem;font-size:.75rem;margin-top:.3rem;font-weight:500}.bt-upload-area{border:2px dashed var(--bt-border);border-radius:var(--bt-radius-sm);padding:1rem;text-align:center;cursor:pointer;transition:all .2s ease;color:var(--bt-text-dim);font-size:.85rem;background:var(--bt-bg);font-weight:600}.bt-upload-area:hover{border-color:var(--bt-accent);color:var(--bt-accent)}.bt-attachments-list{display:flex;flex-wrap:wrap;gap:.5rem}.bt-attachment-chip{display:flex;align-items:center;gap:.4rem;background:var(--bt-surface-2);border:1px solid var(--bt-surface-3);border-radius:4px;padding:.35rem .5rem;font-size:.78rem;cursor:pointer;transition:all .15s ease}.bt-attachment-chip:hover{border-color:var(--bt-border-hover);background:var(--bt-surface-3)}.bt-attachment-chip svg{width:12px;height:12px;color:var(--bt-text-dim)}.bt-attachment-name{max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500;color:var(--bt-text-muted)}.bt-hidden{display:none!important}.bt-table-scroll{overflow-x:auto}.bt-actions-header{width:80px}.bt-actions-cell{display:flex;gap:.3rem}.bt-text-open{color:#ef4444}.bt-text-fixed{color:#22c55e}.bt-text-closed{color:#64748b}.bt-text-progress{color:#ca8a04}.bt-cursor-default{cursor:default}.bt-empty-state{text-align:center;padding:3rem 1.5rem;color:var(--bt-text-dim)}.bt-empty-icon{width:44px;height:44px;margin:0 auto .75rem;opacity:.45;display:block}.bt-empty-title{font-size:.95rem;font-weight:700;color:var(--bt-text);margin-bottom:.25rem}.bt-empty-text{font-size:.8rem}.bt-loading{display:flex;align-items:center;justify-content:center;padding:2.5rem;color:var(--bt-text-dim);gap:.6rem;font-size:.85rem;font-weight:600}.bt-spinner{width:18px;height:18px;border:2.5px solid var(--bt-surface-3);border-top-color:var(--bt-accent);border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 1200px){.bt-summary-cards{grid-template-columns:repeat(4,1fr)}}@media (max-width: 900px){.bt-dashboard-grid,.bt-form-grid,.bt-form-layout-2col{grid-template-columns:1fr}.bt-form-grid-3{grid-template-columns:1fr 1fr}.bt-drawer{width:100%}}@media (max-width: 640px){.bt-summary-cards,.bt-aging-grid{grid-template-columns:repeat(2,1fr)}.bt-form-grid-3{grid-template-columns:1fr}.bt-content{padding:1rem}}.bt-error-message{color:#ef4444;font-size:.75rem;margin-top:.25rem;font-weight:500;display:block}.bt-input.error,.bt-textarea.error{border-color:#ef4444!important}.bt-input.error:focus,.bt-textarea.error:focus{box-shadow:0 0 0 3px #ef444426!important}.bt-sv-legend{display:flex;align-items:center;gap:1.25rem;padding:.75rem 1.5rem;background:white;border-radius:var(--bt-radius);border:1px solid var(--bt-border);margin-bottom:1rem;flex-wrap:wrap}.bt-sv-legend-title{font-weight:700;font-size:.75rem;color:var(--bt-text-muted);letter-spacing:.05em;text-transform:uppercase}.bt-sv-legend-item{display:flex;align-items:center;gap:.4rem;font-size:.8rem;font-weight:700;color:var(--bt-text-dark)}.bt-sv-dot{width:12px;height:12px;border-radius:4px}.bt-sv-dot-circle{width:12px;height:12px;border-radius:50%;box-shadow:0 0 0 2px #fff,0 0 0 3px #0000001a}.bt-sv-table{width:100%;border-collapse:separate;border-spacing:0;background:white;border:1px solid var(--bt-border);border-radius:var(--bt-radius)}.bt-sv-table th{padding:1rem .5rem;font-size:.7rem;font-weight:700;color:var(--bt-text-muted);text-align:center;border-bottom:1px solid var(--bt-border);white-space:nowrap}.bt-sv-table th:first-child{text-align:left;padding-left:1.5rem}.bt-sv-table th:last-child{padding-right:1.5rem}.bt-sv-table td{padding:1rem .5rem;border-bottom:1px solid var(--bt-border);text-align:center;font-size:.85rem;font-weight:700;vertical-align:middle}.bt-sv-table tr:last-child td{border-bottom:none}.bt-sv-table td:first-child{text-align:left;padding-left:1.5rem}.bt-sv-project-cell{display:flex;align-items:center;gap:.4rem}.bt-sv-table td:last-child{padding-right:1.5rem}.bt-sv-cell-empty{color:var(--bt-surface-3)}.bt-sv-badge{display:inline-flex;align-items:center;justify-content:center;padding:.2rem .6rem;border-radius:4px;font-size:.8rem;font-weight:700}.bt-sv-breakdown-col{width:220px;text-align:left!important}.bt-sv-progress-bar-container{display:flex;height:10px;border-radius:5px;overflow:hidden;background:var(--bt-surface-2);margin-bottom:.35rem}.bt-sv-progress-segment{height:100%}.bt-sv-progress-text{font-size:.7rem;color:var(--bt-text-muted);font-weight:500}.exit-page{width:auto;margin:-20px;padding:1.5rem 2rem;min-height:calc(100vh - 60px);box-sizing:border-box}.exit-page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.exit-page-title{margin:0;font-size:1.5rem;font-weight:700;color:#1f2937}.exit-page-subtitle{margin:.25rem 0 0;font-size:.9rem;color:#6b7280}.exit-card{background:#fff;border-radius:12px;box-shadow:0 4px 6px -1px #00000014;border:1px solid #e5e7eb;overflow:hidden}.exit-card-body{padding:1.5rem}.exit-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin-bottom:1.5rem}.exit-stat-card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:1rem 1.25rem;box-shadow:0 1px 3px #0000000d}.exit-stat-label{font-size:.8rem;color:#6b7280;font-weight:500;text-transform:uppercase;letter-spacing:.03em}.exit-stat-value{font-size:1.75rem;font-weight:700;color:#1f2937;margin-top:.25rem}.exit-filters-row{display:flex;flex-wrap:wrap;gap:.75rem;padding:1rem 1.5rem;border-bottom:1px solid #e5e7eb;background:#f9fafb;align-items:center}.exit-search-input{flex:1;min-width:200px;padding:.5rem 1rem;border:1px solid #e5e7eb;border-radius:20px;font-size:.9rem;background:#fff}.exit-filter-select{padding:.5rem 1rem;border:1px solid #e5e7eb;border-radius:20px;font-size:.9rem;background:#fff;cursor:pointer}.exit-table-wrapper{overflow-x:auto;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 4px 6px -1px #0000000d;background:#fff}.exit-table{width:100%;border-collapse:collapse}.exit-table th{text-align:left;padding:.75rem 1rem;background:var(--color-primary-gradient);color:#fff;font-weight:600;font-size:.85rem;white-space:nowrap}.exit-table td{padding:.75rem 1rem;border-bottom:1px solid #f3f4f6;color:#1f2937;font-size:.9rem;vertical-align:middle}.exit-table tr:hover td{background:#f8fafc}.exit-table-sub{font-size:.75rem;color:#9ca3af;margin-top:.15rem}.exit-table-primary{font-weight:600;color:#1f2937}.exit-header-actions{display:flex;gap:.75rem;flex-wrap:wrap}.exit-list-card{padding-bottom:0}.exit-list-card .exit-filters-row{border-radius:8px 8px 0 0}.exit-list-card .exit-table-wrapper{border:none;border-radius:0 0 8px 8px;box-shadow:none}.exit-pagination{padding:1rem 1.5rem}.exit-list-card .exit-pagination{border-top:1px solid #e5e7eb}.exit-status-badge{display:inline-block;padding:.2rem .65rem;border-radius:999px;font-size:.75rem;font-weight:600;text-transform:capitalize}.exit-status-draft{background:#f3f4f6;color:#4b5563}.exit-status-awaiting_feedback{background:#fef3c7;color:#b45309}.exit-status-feedback_submitted{background:#dbeafe;color:#1d4ed8}.exit-status-completed{background:#d1fae5;color:#047857}.exit-status-cancelled{background:#fee2e2;color:#b91c1c}.exit-btn-primary{padding:.5rem 1.25rem;background:var(--color-primary-gradient);border:none;border-radius:20px;color:#fff;font-weight:600;font-size:.9rem;cursor:pointer;transition:opacity .2s}.exit-btn-primary:hover{opacity:.9}.exit-btn-primary:disabled{opacity:.5;cursor:not-allowed}.exit-btn-secondary{padding:.5rem 1.25rem;background:#fff;border:1px solid #e5e7eb;border-radius:20px;color:#374151;font-weight:600;font-size:.9rem;cursor:pointer}.exit-btn-secondary:disabled{opacity:.5;cursor:not-allowed}.exit-btn-secondary:hover:not(:disabled){background:#f9fafb}.exit-btn-danger{padding:.5rem 1.25rem;background:#fff;border:1.5px solid #ef4444;border-radius:20px;color:#ef4444;font-weight:600;font-size:.9rem;cursor:pointer}.exit-btn-link{background:none;border:none;color:#e34d3e;font-weight:600;font-size:.85rem;cursor:pointer;padding:.25rem .5rem}.exit-btn-link:hover{text-decoration:underline}.exit-empty-state{text-align:center;padding:3rem 1.5rem;color:#9ca3af}.exit-loading{display:flex;align-items:center;justify-content:center;padding:3rem;color:#9ca3af}.exit-form-section{margin-bottom:1.5rem}.exit-form-section-title{font-size:1rem;font-weight:700;color:#1f2937;margin:0 0 .75rem;padding-bottom:.5rem;border-bottom:2px solid #e5e7eb}.exit-step-description{margin:0 0 1.25rem;font-size:.9rem;color:#6b7280;line-height:1.5}.exit-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem}.exit-form-group{display:flex;flex-direction:column;gap:.5rem}.exit-form-group.full-width{grid-column:1 / -1}.exit-form-group .exit-form-input+.exit-form-input,.exit-form-group .exit-form-input+.exit-form-select{margin-top:.35rem}.exit-form-label{font-size:.85rem;font-weight:600;color:#374151}.exit-form-label .required{color:#ef4444}.exit-form-input,.exit-form-select,.exit-form-textarea{padding:.55rem .75rem;border:1px solid #cbd5e1;border-radius:8px;font-size:.9rem;width:100%;box-sizing:border-box}.exit-form-textarea{min-height:80px;resize:vertical}.exit-field-error,.exit-field-error-box{border-color:#e34d3e!important}.exit-form-input.exit-field-error,.exit-form-select.exit-field-error,.exit-form-textarea.exit-field-error{border:1.5px solid #e34d3e}.exit-field-error-msg{color:#e34d3e;font-size:.75rem;margin-top:.25rem;display:block}.exit-form-validation-summary{margin-top:1rem;padding:.75rem 1rem;border:1.5px solid #e34d3e;border-radius:8px;background:#fff5f5;color:#e34d3e;font-size:.875rem;font-weight:500}.exit-employee-combobox{position:relative}.exit-employee-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:100;border:1px solid #e5e7eb;border-radius:10px;background:#fff;box-shadow:0 10px 15px -3px #0000001a;overflow:hidden;max-height:280px;overflow-y:auto}.exit-employee-result{width:100%;border:none;background:#fff;text-align:left;padding:.85rem 1rem;cursor:pointer;display:flex;flex-direction:column;gap:.2rem;border-bottom:1px solid #f3f4f6}.exit-employee-result:last-child{border-bottom:none}.exit-employee-result:hover,.exit-employee-result.selected{background:#fef2f2}.exit-employee-result-name{font-size:.92rem;font-weight:600;color:#1f2937}.exit-employee-result-meta{font-size:.78rem;color:#6b7280}.exit-employee-search-empty{padding:.9rem 1rem;font-size:.85rem;color:#6b7280;background:#fff}.exit-blocked-banner{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;flex-wrap:wrap;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;padding:1rem 1.25rem;margin-bottom:1.25rem}.exit-blocked-banner-content strong{display:block;color:#b91c1c;font-size:.95rem;margin-bottom:.35rem}.exit-blocked-banner-content p{margin:0;font-size:.875rem;color:#7f1d1d;line-height:1.5}.exit-blocked-status{font-weight:700;text-transform:capitalize}.exit-card-disabled{opacity:.65;pointer-events:none}.exit-card-disabled .exit-blocked-banner,.exit-card-disabled .exit-blocked-banner *{pointer-events:auto}.exit-employee-result.has-active-exit{background:#fff7ed}.exit-employee-exit-tag{color:#b45309;font-weight:600}.exit-step-indicator{display:flex;gap:.5rem;margin-bottom:1.5rem}.exit-step-dot{flex:1;height:4px;border-radius:2px;background:#e5e7eb}.exit-step-dot.active{background:#e34d3e}.exit-step-dot.done{background:#f4a9a2}.exit-question-list{display:flex;flex-direction:column;gap:.75rem;margin-bottom:0}.exit-btn-add-question{margin-top:1.25rem}.exit-question-item{display:flex;align-items:flex-start;gap:.75rem;padding:.85rem 1rem;border:1px solid #e5e7eb;border-radius:8px;background:#fafafa}.exit-question-item.custom{background:#f0fdf4;border-color:#bbf7d0}.exit-question-checkbox{margin-top:.2rem;width:16px;height:16px;cursor:pointer}.exit-question-meta{flex:1}.exit-question-text{font-size:.9rem;font-weight:500;color:#1f2937}.exit-question-tags{display:flex;gap:.5rem;margin-top:.35rem;flex-wrap:wrap}.exit-question-tag{font-size:.7rem;padding:.15rem .5rem;border-radius:4px;background:#e5e7eb;color:#4b5563;font-weight:500}.exit-question-tag.required{background:#fef3c7;color:#b45309}.exit-question-actions{display:flex;gap:.5rem;align-items:center}.exit-wizard-actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #e5e7eb}.exit-detail-tabs{display:flex;gap:0;border-bottom:2px solid #e5e7eb;margin-bottom:1.5rem}.exit-detail-tab{padding:.75rem 1.25rem;background:none;border:none;font-size:.9rem;font-weight:600;color:#6b7280;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-2px}.exit-detail-tab.active{color:#e34d3e;border-bottom-color:#e34d3e}.exit-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.exit-info-item label{display:block;font-size:.75rem;color:#6b7280;font-weight:600;text-transform:uppercase;margin-bottom:.25rem}.exit-info-item span{font-size:.95rem;color:#1f2937}.exit-answer-block{padding:1rem;border:1px solid #e5e7eb;border-radius:8px;background:#fafafa}.exit-feedback-list .exit-answer-block{margin-bottom:0}.exit-answer-question{font-size:.85rem;font-weight:600;color:#374151;margin-bottom:.5rem}.exit-answer-text{font-size:.9rem;color:#1f2937;white-space:pre-wrap}.exit-rating-display{display:flex;gap:.25rem;color:#f59e0b;font-size:1.1rem}.exit-activity-item{padding:.75rem 0;border-bottom:1px solid #f3f4f6;font-size:.85rem}.exit-activity-item:last-child{border-bottom:none}.exit-activity-time{color:#9ca3af;font-size:.75rem}.exit-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.45);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.exit-modal{background:#fff;border-radius:12px;width:100%;max-width:480px;box-shadow:0 20px 40px #00000026}.exit-modal-header{padding:1.25rem 1.5rem;border-bottom:1px solid #e5e7eb}.exit-modal-header h3{margin:0;font-size:1.1rem;color:#1f2937}.exit-modal-body{padding:1.5rem;display:flex;flex-direction:column;gap:1.25rem}.exit-modal-body .exit-form-group{margin:0}.exit-modal-body>.exit-checkbox-label{margin:0;padding-top:.25rem}.exit-form-options{display:flex;flex-direction:column;gap:.5rem}.exit-form-options+.exit-btn-link,.exit-btn-link-spaced{margin-top:.35rem;align-self:flex-start}.exit-modal-footer{padding:1rem 1.5rem;border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end;gap:.75rem}.exit-summary-card{margin-top:1.25rem;border:1px solid #e5e7eb}.exit-info-item.full-width{grid-column:1 / -1}.exit-question-item.disabled{opacity:.55;background:#f3f4f6}.exit-edit-questions-btn{margin-bottom:1.25rem}.exit-feedback-list{display:flex;flex-direction:column;gap:.75rem}.exit-activity-list{display:flex;flex-direction:column}.exit-checkbox-label{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:#374151;cursor:pointer}.exit-rm-badge{display:inline-block;padding:.2rem .55rem;border-radius:999px;font-size:.75rem;font-weight:600;white-space:nowrap}.exit-rm-approved{background:#d1fae5;color:#065f46}.exit-rm-rejected{background:#fee2e2;color:#991b1b}.exit-rm-pending{background:#fef3c7;color:#92400e}.exit-rm-notice{background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;padding:1rem 1.25rem;margin-bottom:1.25rem}.exit-rm-notice strong{display:block;color:#1e40af;margin-bottom:.35rem}.exit-rm-notice p{margin:0;font-size:.875rem;color:#1e3a8a;line-height:1.5}.exit-rm-decision-form{margin-top:1rem}.exit-rm-form-actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:1.25rem}.exit-rm-decision-options{display:flex;gap:1.5rem;margin-bottom:1rem}.exit-rm-decision-option{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:#374151;cursor:pointer}.exit-rm-current-decision{margin-bottom:1rem;font-size:.9rem;color:#4b5563}.exit-rm-decided-meta{color:#9ca3af;font-size:.85rem}.exit-reschedule-dates{display:grid;gap:.85rem}.exit-reschedule-dates.exit-field-error-box{border:1.5px solid #e34d3e;border-radius:8px;padding:.75rem}.exit-rm-decision-options.exit-field-error-box{border:1.5px solid #e34d3e;border-radius:8px;padding:.65rem .75rem}.exit-rm-decision-options+.exit-field-error-msg{margin-top:-.35rem;margin-bottom:.75rem}.exit-rm-admin-section{grid-column:1 / -1;margin-top:1.25rem;padding-top:1.25rem;border-top:1px solid #e5e7eb}.exit-rm-admin-section .exit-form-section-title{margin:0 0 .75rem;font-size:.95rem}.exit-rm-pending-text{margin:0;font-size:.875rem;color:#9ca3af;font-style:italic}.pre-exit-formalities-section{width:100%;margin-top:1.5rem;padding-top:1.25rem;border-top:1px solid #e5e7eb}.pre-exit-formalities-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.35rem}.pre-exit-formalities-desc{font-size:.85rem;color:#6b7280;margin:0 0 1rem;line-height:1.5}.pre-exit-edit-btn{padding:.35rem .75rem;font-size:.8rem}.pre-exit-formalities-form,.pre-exit-formalities-view{display:flex;flex-direction:column;gap:1.25rem}.pre-exit-formalities-block{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:1rem}.pre-exit-formalities-block-title{margin:0 0 .85rem;font-size:.9rem;font-weight:600;color:#374151}.pre-exit-formalities-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.85rem 1rem}@media (max-width: 768px){.pre-exit-formalities-grid{grid-template-columns:1fr}}.pre-exit-formalities-field{display:flex;flex-direction:column;gap:.35rem}.pre-exit-formalities-field.full-width{grid-column:1 / -1}.pre-exit-formalities-label{font-size:.8rem;font-weight:500;color:#4b5563}.pre-exit-formalities-label .optional{font-weight:400;color:#9ca3af}.pre-exit-formalities-select,.pre-exit-formalities-textarea{width:100%;border:1px solid #d1d5db;border-radius:6px;padding:.5rem .65rem;font-size:.85rem;font-family:inherit;background:#fff}.pre-exit-formalities-textarea{resize:vertical;min-height:88px}.pre-exit-formalities-select:disabled,.pre-exit-formalities-textarea:disabled{background:#f3f4f6;color:#6b7280}.pre-exit-formalities-read-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem 1rem}@media (max-width: 768px){.pre-exit-formalities-read-grid{grid-template-columns:1fr}}.pre-exit-formalities-read-item{display:flex;flex-direction:column;gap:.25rem}.pre-exit-formalities-read-item.full-width{grid-column:1 / -1}.pre-exit-formalities-read-label{font-size:.75rem;font-weight:500;color:#6b7280;text-transform:uppercase;letter-spacing:.02em}.pre-exit-formalities-notes{white-space:pre-wrap;line-height:1.5;color:#111827}.pre-exit-status-badge{display:inline-flex;align-items:center;width:fit-content;padding:.15rem .55rem;border-radius:999px;font-size:.75rem;font-weight:600}.pre-exit-status-badge.kt-not_started,.pre-exit-status-badge.assets-not_submitted{background:#f3f4f6;color:#4b5563}.pre-exit-status-badge.kt-in_progress{background:#dbeafe;color:#1d4ed8}.pre-exit-status-badge.kt-completed,.pre-exit-status-badge.assets-submitted{background:#dcfce7;color:#166534}.pre-exit-status-badge.kt-not_done{background:#fee2e2;color:#b91c1c}.pre-exit-formalities-meta{display:flex;flex-wrap:wrap;gap:.75rem 1.25rem;font-size:.78rem;color:#6b7280;padding-top:.25rem}.pre-exit-formalities-actions{display:flex;justify-content:flex-end;gap:.65rem;margin-top:1rem}.cp-page{width:calc(100% + 40px);max-width:none;margin:-20px -20px 0;padding:1.25rem 1.5rem;box-sizing:border-box}.cp-page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.cp-page-title{margin:0;font-size:1.5rem;font-weight:700;color:#1f2937}.cp-page-subtitle{margin:.25rem 0 0;font-size:.9rem;color:#6b7280}.cp-header-actions{display:flex;gap:.75rem;flex-wrap:wrap}.cp-card{background:#fff;border-radius:12px;box-shadow:0 4px 6px -1px #00000014;border:1px solid #e5e7eb;overflow:hidden}.cp-card-body{padding:1.5rem}.cp-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin-bottom:1.5rem}.cp-stat-card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:1rem 1.25rem;box-shadow:0 1px 3px #0000000d}.cp-stat-label{font-size:.8rem;color:#6b7280;font-weight:500;text-transform:uppercase;letter-spacing:.03em}.cp-stat-value{font-size:1.75rem;font-weight:700;color:#1f2937;margin-top:.25rem}.cp-filters-row{display:flex;flex-wrap:wrap;gap:.75rem;padding:1rem 1.5rem;border-bottom:1px solid #e5e7eb;background:#f9fafb;align-items:center}.cp-search-input,.cp-filter-select{padding:.5rem 1rem;border:1px solid #e5e7eb;border-radius:20px;font-size:.9rem;background:#fff}.cp-search-input{flex:1;min-width:200px}.cp-filter-select{cursor:pointer}.cp-list-card{padding-bottom:0}.cp-list-card .cp-filters-row{border-radius:8px 8px 0 0}.cp-table-wrapper{overflow-x:auto;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 4px 6px -1px #0000000d;background:#fff}.cp-list-card .cp-table-wrapper{border:none;border-radius:0 0 8px 8px;box-shadow:none}.cp-table{width:100%;border-collapse:collapse}.cp-table th{text-align:left;padding:.75rem 1rem;background:var(--color-primary-gradient);color:#fff;font-weight:600;font-size:.85rem;white-space:nowrap}.cp-table td{padding:.75rem 1rem;border-bottom:1px solid #f3f4f6;color:#1f2937;font-size:.9rem;vertical-align:middle}.cp-table tr:hover td{background:#f8fafc}.cp-table-primary{font-weight:600;color:#1f2937}.cp-table-sub{font-size:.75rem;color:#9ca3af;margin-top:.15rem}.cp-pagination{padding:1rem 1.5rem;border-top:1px solid #e5e7eb}.cp-btn-primary{padding:.5rem 1.25rem;background:var(--color-primary-gradient);border:none;border-radius:20px;color:#fff;font-weight:600;font-size:.9rem;cursor:pointer;transition:opacity .2s}.cp-btn-primary:hover{opacity:.9}.cp-btn-primary:disabled{opacity:.5;cursor:not-allowed}.cp-btn-secondary{padding:.5rem 1.25rem;background:#fff;border:1px solid #e5e7eb;border-radius:20px;color:#374151;font-weight:600;font-size:.9rem;cursor:pointer}.cp-btn-secondary:hover:not(:disabled){background:#f9fafb}.cp-btn-link{background:none;border:none;color:#e34d3e;font-weight:600;font-size:.85rem;cursor:pointer;padding:.25rem .5rem}.cp-btn-link:hover{text-decoration:underline}.cp-empty-state,.cp-loading{text-align:center;padding:3rem 1.5rem;color:#9ca3af}.cp-status-badge{display:inline-block;padding:.2rem .65rem;border-radius:999px;font-size:.75rem;font-weight:600;white-space:nowrap}.cp-status-on_hold{background:#dbeafe;color:#1d4ed8}.cp-status-reject_offer{background:#fee2e2;color:#b91c1c}.cp-status-accept_offer{background:#d1fae5;color:#047857}.cp-status-complete{background:#e0e7ff;color:#3730a3}.cp-btn-danger{padding:.5rem 1.25rem;background:#fff;border:1.5px solid #ef4444;border-radius:20px;color:#ef4444;font-weight:600;font-size:.9rem;cursor:pointer;white-space:nowrap}.cp-btn-danger:hover{background:#fef2f2}.cp-banner-cancelled{background:#fef2f2;border:1px solid #fecaca;border-radius:10px;padding:.85rem 1.15rem;margin-bottom:1.25rem;font-size:.875rem;color:#991b1b}.cp-banner-cancelled strong{display:block;margin-bottom:.25rem}.cp-banner-cancelled-meta{font-size:.78rem;color:#b91c1c;margin-top:.35rem;opacity:.9}.cp-table-actions{display:flex;align-items:center;gap:.4rem}.cp-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid #e5e7eb;border-radius:8px;background:#fff;color:#6b7280;cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease}.cp-icon-btn:hover{background:#f9fafb;color:#374151}.cp-icon-btn-danger:hover{color:#ef4444;border-color:#fecaca;background:#fef2f2}.cp-progress-cell{min-width:140px}.cp-progress-bar-wrap{height:6px;background:#e5e7eb;border-radius:999px;overflow:hidden;margin-top:.35rem}.cp-progress-bar-fill{height:100%;background:var(--color-primary-gradient);border-radius:999px;transition:width .25s ease}.cp-progress-text{font-size:.78rem;color:#6b7280;font-weight:500}.cp-joining-highlight{display:inline-flex;align-items:center;gap:.35rem;font-size:.7rem;font-weight:600;color:#b45309;margin-top:.2rem}.cp-detail-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:1.25rem}.cp-detail-header-actions{display:flex;gap:.75rem;flex-wrap:wrap;align-items:center}.cp-detail-title-row{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.cp-detail-name{margin:0;font-size:1.35rem;font-weight:700;color:#1f2937}.cp-detail-meta{margin:.35rem 0 0;font-size:.9rem;color:#6b7280}.cp-detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1.5rem}.cp-info-item label{display:block;font-size:.75rem;color:#6b7280;font-weight:600;text-transform:uppercase;margin-bottom:.25rem}.cp-info-item span,.cp-info-item a{font-size:.95rem;color:#1f2937}.cp-info-item a{color:#e34d3e;text-decoration:none;font-weight:600}.cp-info-item a:hover{text-decoration:underline}.cp-info-item.full-width{grid-column:1 / -1}.cp-section-title{font-size:1rem;font-weight:700;color:#1f2937;margin:0 0 1rem;padding-bottom:.5rem;border-bottom:2px solid #e5e7eb}.cp-progress-summary{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:1.25rem;padding:1rem 1.25rem;background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px}.cp-progress-summary strong{font-size:1.1rem;color:#1f2937}.cp-progress-summary-bar{flex:1;min-width:180px;max-width:360px}.cp-progress-summary-bar .cp-progress-bar-wrap{height:8px;margin-top:0}.cp-task-list{display:flex;flex-direction:column;gap:.75rem}.cp-task-item{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:1rem 1.15rem;border:1px solid #e5e7eb;border-radius:10px;background:#fafafa;flex-wrap:wrap}.cp-task-item.done-yes{background:#f0fdf4;border-color:#bbf7d0}.cp-task-item.done-no{background:#fff7ed;border-color:#fed7aa}.cp-task-info{flex:1;min-width:200px}.cp-task-label{font-size:.92rem;font-weight:600;color:#1f2937}.cp-task-hint{font-size:.78rem;color:#6b7280;margin-top:.2rem}.cp-task-meta{font-size:.72rem;color:#9ca3af;margin-top:.35rem}.cp-task-actions{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.cp-yesno-group{display:inline-flex;border:1px solid #e5e7eb;border-radius:999px;overflow:hidden;background:#fff}.cp-yesno-btn{border:none;background:transparent;padding:.4rem .9rem;font-size:.82rem;font-weight:600;color:#6b7280;cursor:pointer;transition:background .15s,color .15s}.cp-yesno-btn:hover{background:#f3f4f6}.cp-yesno-btn.active-yes{background:#d1fae5;color:#047857}.cp-yesno-btn.active-no{background:#fee2e2;color:#b91c1c}.cp-task-link-btn{padding:.35rem .75rem;border-radius:999px;border:1px solid #e34d3e;background:#fff;color:#e34d3e;font-size:.78rem;font-weight:600;cursor:pointer;text-decoration:none;white-space:nowrap}.cp-task-link-btn:hover{background:#fef2f2}.cp-notes-box{width:100%;min-height:90px;padding:.75rem;border:1px solid #cbd5e1;border-radius:8px;font-size:.9rem;resize:vertical;box-sizing:border-box}.cp-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem}.cp-form-group{display:flex;flex-direction:column;gap:.5rem}.cp-form-group.full-width{grid-column:1 / -1}.cp-form-label{font-size:.85rem;font-weight:600;color:#374151}.cp-form-label .required{color:#ef4444}.cp-form-input,.cp-form-select,.cp-form-textarea{padding:.55rem .75rem;border:1px solid #cbd5e1;border-radius:8px;font-size:.9rem;width:100%;box-sizing:border-box}.cp-form-textarea{min-height:90px;resize:vertical}.cp-form-input.exit-field-error,.cp-form-select.exit-field-error,.cp-form-textarea.exit-field-error{border:1.5px solid #e34d3e}.cp-form-actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #e5e7eb}.cp-activity-list{display:flex;flex-direction:column;gap:0;margin-top:1.5rem}.cp-activity-item{padding:.75rem 0;border-bottom:1px solid #f3f4f6;font-size:.85rem;color:#4b5563}.cp-activity-item:last-child{border-bottom:none}.cp-activity-time{color:#9ca3af;font-size:.75rem;margin-top:.15rem}.cp-banner-joining-today{background:#fffbeb;border:1px solid #fcd34d;border-radius:10px;padding:.85rem 1.15rem;margin-bottom:1.25rem;font-size:.875rem;color:#92400e}.cp-banner-joining-today strong{display:block;margin-bottom:.2rem}.cp-alert-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:.75rem;margin-bottom:1.25rem}.cp-alert-banner{display:flex;flex-direction:column;align-items:flex-start;gap:.2rem;text-align:left;border-radius:10px;padding:.85rem 1.15rem;border:1px solid transparent;cursor:pointer;transition:opacity .2s}.cp-alert-banner:hover{opacity:.92}.cp-alert-banner strong{font-size:.9rem}.cp-alert-banner span{font-size:.8rem;opacity:.9}.cp-alert-joining{background:#fffbeb;border-color:#fcd34d;color:#92400e}.cp-alert-overdue{background:#fef2f2;border-color:#fecaca;color:#991b1b}.cp-stat-card-warning .cp-stat-value{color:#b91c1c}.cp-quick-filters{display:flex;flex-wrap:wrap;gap:.5rem;padding:1rem 1.5rem 0}.cp-quick-filter-btn{padding:.4rem .9rem;border-radius:999px;border:1px solid #e5e7eb;background:#fff;color:#4b5563;font-size:.82rem;font-weight:600;cursor:pointer}.cp-quick-filter-btn:hover{background:#f9fafb}.cp-quick-filter-btn.active{background:var(--color-primary-gradient);border-color:transparent;color:#fff}.cp-row-overdue td{background:#fffbfb}.cp-joining-soon{color:#1d4ed8}.cp-task-status-badge{display:inline-block;padding:.2rem .6rem;border-radius:999px;font-size:.72rem;font-weight:600;white-space:nowrap}.cp-task-status-pending{background:#fef3c7;color:#b45309}.cp-task-status-overdue{background:#fee2e2;color:#b91c1c}.cp-task-status-done{background:#d1fae5;color:#047857}.cp-task-status-failed{background:#ffedd5;color:#c2410c}.cp-task-status-not_applicable{background:#f3f4f6;color:#6b7280}.cp-countdown-banner{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;background:var(--color-primary-gradient);color:#fff;border-radius:12px;padding:1rem 1.35rem;margin-bottom:1.25rem}.cp-countdown-banner-left{display:flex;align-items:center;gap:.75rem}.cp-countdown-icon{font-size:1.5rem}.cp-countdown-sub{font-size:.82rem;opacity:.9;margin-top:.15rem}.cp-countdown-timer{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.cp-countdown-unit{display:flex;flex-direction:column;align-items:center;min-width:52px}.cp-countdown-value{font-size:1.25rem;font-weight:700;line-height:1.1}.cp-countdown-label{font-size:.65rem;text-transform:uppercase;opacity:.85}.cp-countdown-sep{opacity:.6;font-weight:300}.cp-detail-tabs{display:flex;gap:0;border-bottom:2px solid #e5e7eb;margin-bottom:1.25rem;flex-wrap:wrap}.cp-detail-tab{display:inline-flex;align-items:center;gap:.45rem;padding:.75rem 1.25rem;background:none;border:none;font-size:.9rem;font-weight:600;color:#6b7280;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-2px}.cp-detail-tab.active{color:#e34d3e;border-bottom-color:#e34d3e}.cp-tab-nav{display:flex;justify-content:space-between;align-items:center;gap:.75rem;margin-top:1.5rem;padding-top:1.25rem;border-top:1px solid #e5e7eb;flex-wrap:wrap}.cp-tab-nav-inline{justify-content:space-between;margin-top:1.25rem;margin-bottom:.25rem;padding-top:1rem}.cp-tab-nav .cp-btn-secondary:disabled,.cp-tab-nav .cp-btn-primary:disabled{opacity:.45;cursor:not-allowed}.cp-tab-badge{font-size:.7rem;font-weight:700;padding:.1rem .45rem;border-radius:999px;background:#f3f4f6;color:#4b5563}.cp-detail-tab.active .cp-tab-badge{background:#fef2f2;color:#e34d3e}.cp-journey-help{margin:-.5rem 0 1rem;font-size:.82rem;color:#6b7280;line-height:1.5}.cp-journey-timeline{display:flex;flex-direction:column;gap:0}.cp-journey-step{display:flex;gap:.85rem;min-height:64px}.cp-journey-rail{display:flex;flex-direction:column;align-items:center;width:20px;flex-shrink:0}.cp-journey-dot{width:12px;height:12px;border-radius:50%;background:#d1d5db;border:2px solid #fff;box-shadow:0 0 0 2px #d1d5db;flex-shrink:0;margin-top:.2rem}.cp-journey-line{width:2px;flex:1;background:#e5e7eb;margin:.25rem 0}.cp-journey-completed .cp-journey-dot{background:#10b981;box-shadow:0 0 0 2px #10b981}.cp-journey-completed .cp-journey-line{background:#a7f3d0}.cp-journey-current .cp-journey-dot{background:#3b82f6;box-shadow:0 0 0 2px #3b82f6}.cp-journey-label{font-size:.9rem;font-weight:600;color:#1f2937}.cp-journey-date{font-size:.78rem;color:#6b7280;margin-top:.15rem}.cp-journey-current-tag{display:inline-block;margin-top:.35rem;font-size:.7rem;font-weight:600;color:#1d4ed8;background:#dbeafe;padding:.15rem .5rem;border-radius:999px}.cp-task-table-head{display:none}.cp-task-item-table{display:grid;grid-template-columns:1.4fr .9fr .7fr 1.1fr;align-items:center;gap:.75rem}.cp-task-due-cell{font-size:.82rem;color:#374151}.cp-task-due-label{font-size:.72rem;color:#9ca3af;margin-top:.15rem}.cp-task-item.done-overdue{background:#fef2f2;border-color:#fecaca}.cp-task-label-row{display:flex;align-items:center;gap:.35rem}.cp-doc-expand-btn{border:none;background:transparent;color:#6b7280;cursor:pointer;font-size:.7rem;padding:0;width:16px}.cp-doc-subtasks{margin:-.35rem 0 .75rem 1.5rem;padding:.85rem 1rem;background:#f8fafc;border:1px solid #e5e7eb;border-radius:0 0 10px 10px;border-top:none}.cp-doc-subtasks-title{font-size:.78rem;font-weight:700;color:#6b7280;text-transform:uppercase;letter-spacing:.03em;margin-bottom:.75rem}.cp-doc-subtasks-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.5rem}.cp-doc-subtask{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.55rem .7rem;background:#fff;border:1px solid #e5e7eb;border-radius:8px}.cp-doc-subtask.done{border-color:#bbf7d0;background:#f0fdf4}.cp-doc-subtask.missing{border-color:#fed7aa;background:#fff7ed}.cp-doc-subtask-label{font-size:.8rem;font-weight:500;color:#374151}.cp-yesno-group-sm .cp-yesno-btn{padding:.25rem .55rem;font-size:.72rem}.cp-task-item-table-v2,.cp-task-table-head-v2{grid-template-columns:1.4fr 1.1fr .7fr}@media (min-width: 960px){.cp-task-table-head-v2{display:grid;gap:.75rem;padding:0 1.15rem .5rem;font-size:.72rem;font-weight:700;color:#9ca3af;text-transform:uppercase;letter-spacing:.03em}}@media (max-width: 959px){.cp-task-item-table,.cp-task-item-table-v2{grid-template-columns:1fr}.cp-task-actions{width:100%;justify-content:flex-start}}.portal-users-page .exit-btn-primary{display:inline-flex;align-items:center;gap:.4rem}.portal-users-actions{display:flex;align-items:center;gap:.35rem}.portal-users-icon-btn{background:transparent;border:1px solid #e5e7eb;border-radius:8px;width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;color:#64748b;transition:background-color .15s ease,color .15s ease,border-color .15s ease}.portal-users-icon-btn:hover{background:#f8fafc;color:#1f2937;border-color:#d1d5db}.portal-users-icon-btn-danger:hover{background:#fef2f2;color:#dc2626;border-color:#fecaca}.portal-status-active{background:#dcfce7;color:#166534}.portal-status-inactive{background:#fee2e2;color:#991b1b}.portal-users-projects-cell{display:inline-block;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:bottom;cursor:help}.portal-users-page .modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#0f172a66;-webkit-backdrop-filter:blur(1.5px);backdrop-filter:blur(1.5px);display:flex;justify-content:center;align-items:center;z-index:1002;padding:1rem}.portal-users-create-modal{background-color:#fff;padding:1.5rem 1.75rem;border-radius:12px;width:560px;max-width:95%;display:flex;flex-direction:column;gap:1.15rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;border:1px solid #e2e8f0;box-sizing:border-box;position:relative;z-index:1003;animation:portalUsersModalIn .25s cubic-bezier(.16,1,.3,1) forwards}@keyframes portalUsersModalIn{0%{opacity:0;transform:scale(.96) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.portal-users-create-modal .create-task-modal-header{display:flex;justify-content:space-between;align-items:flex-start;border-bottom:1px solid #f1f5f9;padding-bottom:.85rem;margin-bottom:.15rem}.portal-users-create-modal .create-task-modal-header h2{margin:0;font-size:1.35rem;font-weight:800;color:#0f172a;letter-spacing:-.02em}.portal-users-create-modal .create-task-modal-subtitle{color:#64748b;font-size:.8rem;margin-top:.2rem}.portal-users-create-modal .task-drawer-close-btn{background:none;border:none;font-size:1.4rem;cursor:pointer;color:#94a3b8;transition:color .15s ease;line-height:1;padding:.25rem}.portal-users-create-modal .task-drawer-close-btn:hover{color:#475569}.portal-users-create-modal .form-group{display:flex;flex-direction:column;gap:0}.portal-users-create-modal .form-group label{font-size:.72rem;font-weight:700;color:#475569;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.35rem}.portal-users-create-modal .form-input{box-sizing:border-box;height:38px;border:1px solid #cbd5e1;border-radius:8px;padding:0 .75rem;font-size:.85rem;color:#334155;background-color:#fff;transition:border-color .2s ease,box-shadow .2s ease;width:100%;outline:none;font-family:inherit}.portal-users-create-modal .form-input:hover{border-color:#94a3b8}.portal-users-create-modal .form-input:focus{border-color:#e34d3e;background-color:#fff;box-shadow:0 0 0 3px #e34d3e1f}.portal-users-create-modal .form-input.exit-field-error{border:1.5px solid #e34d3e!important;box-shadow:0 0 0 3px #e34d3e1f}.portal-users-create-modal .create-task-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}.portal-users-create-modal .modal-footer{border-top:1px solid #f1f5f9;padding-top:1rem;margin-top:.25rem;display:flex;justify-content:flex-end;gap:1rem}.portal-users-create-modal .btn-primary{background:linear-gradient(135deg,#e34d3e 0%,#d13b2c 100%);color:#fff;border:none;border-radius:8px;padding:.55rem 1.25rem;font-weight:600;font-size:.85rem;cursor:pointer;display:flex;align-items:center;gap:.4rem;box-shadow:0 4px 12px #e34d3e2e;transition:all .2s cubic-bezier(.4,0,.2,1)}.portal-users-create-modal .btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#d13b2c 0%,#bc2e20 100%);box-shadow:0 6px 16px #e34d3e47;transform:translateY(-1px)}.portal-users-create-modal .btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.portal-users-create-modal .btn-secondary{background:white;color:#475569;border:1px solid #e2e8f0;border-radius:8px;padding:.55rem 1.25rem;font-weight:600;font-size:.85rem;cursor:pointer;transition:all .2s ease}.portal-users-create-modal .btn-secondary:hover{background:#f8fafc;border-color:#cbd5e1}.portal-users-create-modal .portal-users-status-toggle,.portal-user-form-page .portal-users-status-toggle{display:inline-flex;width:fit-content;max-width:100%;align-self:flex-start;background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:3px;gap:2px}.portal-users-create-modal .portal-users-status-option,.portal-user-form-page .portal-users-status-option{border:none;background:transparent;padding:.4rem 1rem;border-radius:6px;font-size:.8rem;font-weight:600;color:#64748b;cursor:pointer;transition:background-color .15s ease,color .15s ease,box-shadow .15s ease}.portal-users-create-modal .portal-users-status-option:hover:not(.is-active):not(.is-inactive),.portal-user-form-page .portal-users-status-option:hover:not(.is-active):not(.is-inactive){color:#334155;background:#f1f5f9}.portal-users-create-modal .portal-users-status-option.is-active,.portal-users-create-modal .portal-users-status-option.is-inactive,.portal-user-form-page .portal-users-status-option.is-active,.portal-user-form-page .portal-users-status-option.is-inactive{background:linear-gradient(135deg,#e34d3e 0%,#d13b2c 100%);color:#fff;box-shadow:0 2px 8px #e34d3e40}.portal-users-create-modal .form-input.is-readonly,.portal-users-create-modal .form-input:disabled{background:#f8fafc;color:#64748b;cursor:not-allowed;border-color:#e2e8f0}.portal-users-field-note{margin-top:.25rem;font-size:.75rem;color:#94a3b8}.portal-users-confirm-overlay{z-index:1100}.portal-users-confirm-modal{max-width:440px}.portal-users-confirm-modal .modal-actions{display:flex;justify-content:center;gap:.75rem;margin-top:.5rem}@media (max-width: 560px){.portal-users-create-modal .create-task-grid-2{grid-template-columns:1fr}}.portal-user-form-page{max-width:820px}.portal-user-form-top{margin-bottom:1.25rem}.portal-user-form-back{display:inline-flex;align-items:center;gap:.35rem;color:#64748b;text-decoration:none;font-size:.85rem;font-weight:600;margin-bottom:.75rem}.portal-user-form-back:hover{color:#e34d3e}.portal-user-form-card{padding:1.5rem}.portal-user-form-section+.portal-user-form-section{margin-top:1.75rem;padding-top:1.5rem;border-top:1px solid #e2e8f0}.portal-user-form-section h2{margin:0 0 .35rem;font-size:1rem;font-weight:700;color:#0f172a}.portal-user-form-help{margin:0 0 1rem;color:#64748b;font-size:.85rem}.portal-user-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem 1.25rem}.portal-user-form-page .form-group{display:flex;flex-direction:column}.portal-user-form-page .form-group label{font-size:.72rem;font-weight:700;color:#475569;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.35rem}.portal-user-form-page .form-input{box-sizing:border-box;height:38px;border:1px solid #cbd5e1;border-radius:8px;padding:0 .75rem;font-size:.85rem;color:#334155;background-color:#fff;width:100%;outline:none}.portal-user-form-page .form-input:focus{border-color:#e34d3e;box-shadow:0 0 0 3px #e34d3e1f}.portal-user-form-page .form-input.is-readonly,.portal-user-form-page .form-input:disabled{background:#f8fafc;color:#64748b}.portal-user-status-group{margin-top:1.25rem;display:flex;flex-direction:column;align-items:flex-start}.portal-user-page-access-group{margin-top:1.25rem}.portal-user-access-card{border:1px solid #e2e8f0;background:#f8fafc;padding:.85rem 1rem}.portal-user-access-checks{display:flex;flex-wrap:wrap;gap:.75rem 1.25rem}.portal-user-access-check{display:inline-flex;align-items:center;gap:.4rem;font-size:.85rem;color:#334155;cursor:pointer;-webkit-user-select:none;user-select:none}.portal-user-access-check input{width:16px;height:16px;accent-color:#e34d3e}.portal-user-form-actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:1.5rem;padding-top:1.25rem;border-top:1px solid #e2e8f0}.portal-user-form-page .btn-primary{background:linear-gradient(135deg,#e34d3e 0%,#d13b2c 100%);color:#fff;border:none;border-radius:8px;padding:.55rem 1.25rem;font-weight:600;font-size:.85rem;cursor:pointer}.portal-user-form-page .btn-primary:disabled{opacity:.6;cursor:not-allowed}.portal-user-form-page .btn-secondary{background:white;color:#475569;border:1px solid #e2e8f0;border-radius:8px;padding:.55rem 1.25rem;font-weight:600;font-size:.85rem;cursor:pointer}@media (max-width: 640px){.portal-user-form-grid{grid-template-columns:1fr}}:root{--color-primary: #e34d3e;--color-primary-light: #ff7f71;--color-primary-dark: #c0392b;--color-primary-gradient: #e34d3e;--color-secondary: #191D1C;--color-secondary-light: #333333;--color-secondary-gradient: linear-gradient(135deg, #191D1C 0%, #4b5563 100%);--color-success: #10b981;--color-success-dark: #059669;--color-success-darker: #047857;--color-success-gradient: linear-gradient(135deg, #10b981 0%, #059669 100%);--color-danger: #ef4444;--color-danger-dark: #dc2626;--color-danger-darker: #b91c1c;--color-danger-gradient: linear-gradient(135deg, #ef4444 0%, #dc2626 100%);--color-gray-50: #f9fafb;--color-gray-100: #f3f4f6;--color-gray-200: #e5e7eb;--color-gray-300: #d1d5db;--color-gray-400: #9ca3af;--color-gray-500: #6b7280;--color-gray-600: #4b5563;--color-gray-700: #374151;--color-gray-800: #1f2937;--color-gray-900: #111827;--color-text-primary: #1f2937;--color-text-secondary: #4b5563;--color-text-tertiary: #6b7280;--color-text-light: #9ca3af;--color-text-white: #ffffff;--color-bg-primary: #ffffff;--color-bg-secondary: #f9fafb;--color-bg-tertiary: #f3f4f6;--color-bg-overlay: rgba(0, 0, 0, .6);--color-border-light: #e5e7eb;--color-border-medium: #d1d5db;--color-border-dark: #9ca3af;--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: .9rem;--font-size-md: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.75rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.2;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: .75rem;--spacing-lg: 1rem;--spacing-xl: 1.25rem;--spacing-2xl: 1.5rem;--spacing-3xl: 2rem;--spacing-4xl: 2.5rem;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 12px;--radius-2xl: 16px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 2px 4px rgba(0, 0, 0, .1);--shadow-lg: 0 4px 8px rgba(0, 0, 0, .12);--shadow-xl: 0 10px 20px rgba(0, 0, 0, .15);--shadow-2xl: 0 20px 40px rgba(0, 0, 0, .2);--button-padding-sm: .5rem 1rem;--button-padding-md: .7rem 1.4rem;--button-padding-lg: .875rem 1.5rem;--button-font-size: .9rem;--button-font-weight: 600;--button-border-radius: 6px;--button-transition: all .25s ease;--input-padding: 0 .75rem;--input-border: 1px solid var(--color-border-medium);--input-border-radius: 8px;--input-font-size: .9rem;--input-focus-border: var(--color-primary-light);--input-focus-shadow: 0 0 0 4px rgba(227, 77, 62, .1);--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .3s ease}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--button-padding-md);border:none;border-radius:var(--button-border-radius);font-size:var(--button-font-size);font-weight:var(--button-font-weight);font-family:var(--font-family);cursor:pointer;transition:var(--button-transition);white-space:nowrap;box-shadow:var(--shadow-md);text-decoration:none;line-height:1}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.btn:active{transform:translateY(0)}.btn-primary{background:var(--color-primary-gradient);color:var(--color-text-white);border:none}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,var(--color-primary-dark) 0%,var(--color-primary) 100%);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-secondary{background:var(--color-secondary-gradient);color:var(--color-text-white);border:none}.btn-secondary:hover:not(:disabled){background:linear-gradient(135deg,var(--color-secondary-light) 0%,var(--color-secondary) 100%);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-success{background:white;color:#e34d3e;border:2px solid white;font-weight:700}.btn-success:hover:not(:disabled){background:#fdf2f2;color:#c0392b;transform:translateY(-2px);box-shadow:0 4px 15px #0003}.btn-danger{background:var(--color-danger-gradient);color:var(--color-text-white);border:none}.btn-danger:hover:not(:disabled){background:linear-gradient(135deg,var(--color-danger-dark) 0%,var(--color-danger-darker) 100%);transform:translateY(-2px);box-shadow:0 4px 12px #ef444466}.btn-outline{background:transparent;color:var(--color-text-primary);border:2px solid var(--color-border-medium)}.btn-outline:hover:not(:disabled){background:var(--color-bg-tertiary);border-color:var(--color-border-dark);transform:translateY(-1px)}.btn-ghost{background:rgba(255,255,255,.15);color:var(--color-text-white);border:2px solid rgba(255,255,255,.3)}.btn-ghost:hover:not(:disabled){background:rgba(255,255,255,.25);border-color:#ffffff80;transform:translateY(-1px)}.btn-white{background:var(--color-bg-primary);color:var(--color-primary);border:2px solid var(--color-border-light)}.btn-white:hover:not(:disabled){background:#fdf2f2;color:#c0392b;border-color:#ff7f71;transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-sm{padding:var(--button-padding-sm);font-size:var(--font-size-sm)}.btn-lg{padding:var(--button-padding-lg);font-size:var(--font-size-base)}.btn-icon{width:32px;height:32px;padding:0;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-md);background:transparent;border:1px solid var(--color-border-medium);color:var(--color-text-secondary);box-shadow:none}.btn-icon:hover:not(:disabled){background:var(--color-bg-tertiary);border-color:var(--color-border-dark);transform:scale(1.05)}.btn-icon.btn-edit:hover:not(:disabled){background:#e3f2fd;border-color:#2196f3;color:#2196f3}.btn-icon.btn-delete:hover:not(:disabled){background:#ffebee;border-color:var(--color-danger);color:var(--color-danger)}.form-input{padding:var(--input-padding);border:var(--input-border);border-radius:var(--input-border-radius);font-size:var(--input-font-size);font-family:var(--font-family);transition:var(--transition-base);width:100%;background:var(--color-bg-primary);color:var(--color-text-primary);box-sizing:border-box;height:38px}.form-input:hover{border-color:var(--color-border-medium)}.form-input:focus{outline:none;border-color:var(--input-focus-border);background:var(--color-bg-primary)}.form-input:disabled{background:var(--color-bg-tertiary);color:var(--color-text-tertiary);cursor:not-allowed;border-color:var(--color-border-light)}.form-input::placeholder{color:var(--color-text-light)}.text-primary{color:var(--color-text-primary)}.text-secondary{color:var(--color-text-secondary)}.text-tertiary{color:var(--color-text-tertiary)}.text-white{color:var(--color-text-white)}.bg-primary{background:var(--color-bg-primary)}.bg-secondary{background:var(--color-bg-secondary)}.bg-tertiary{background:var(--color-bg-tertiary)}.border-light{border-color:var(--color-border-light)}.border-medium{border-color:var(--color-border-medium)}.border-dark{border-color:var(--color-border-dark)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}.auth-container{display:flex;min-height:100vh;width:100%;background-color:var(--color-bg-primary)}.auth-banner{flex:1;background:var(--color-primary-gradient);display:flex;flex-direction:column;justify-content:center;align-items:center;color:var(--color-text-white);padding:var(--spacing-4xl);position:relative;overflow:hidden}@keyframes pulseGradient{0%{transform:scale(1);opacity:.6}50%{transform:scale(1.2);opacity:1}to{transform:scale(1);opacity:.6}}.auth-banner:before{content:"";position:absolute;top:-20%;left:-20%;right:-20%;bottom:-20%;background:radial-gradient(circle at top right,rgba(255,255,255,.25),transparent 60%);pointer-events:none;animation:pulseGradient 8s ease-in-out infinite}.auth-banner-content{text-align:center;z-index:1;max-width:480px}.auth-logo{max-width:150px;height:auto;margin-bottom:var(--spacing-xl)}@keyframes bannerFadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes bannerFadeInUpDesc{0%{opacity:0;transform:translateY(20px)}to{opacity:.9;transform:translateY(0)}}.auth-banner-logo{max-width:280px;width:100%;height:auto;margin-bottom:var(--spacing-xl);filter:drop-shadow(0 4px 6px rgba(0,0,0,.2));opacity:0;animation:bannerFadeInUp .8s ease-out forwards}.auth-title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-lg);color:#fff}.auth-description{font-size:var(--font-size-lg);line-height:var(--line-height-relaxed);opacity:0;animation:bannerFadeInUpDesc .8s ease-out .3s forwards}.auth-form-container{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:var(--spacing-2xl);background:var(--color-bg-primary);max-width:600px;width:100%}.auth-form-wrapper{width:100%;max-width:400px}.auth-header{text-align:center;margin-bottom:var(--spacing-3xl)}.auth-header h2{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-primary);margin-bottom:var(--spacing-sm)}.auth-header p{color:var(--color-text-tertiary);font-size:var(--font-size-base)}.auth-form{display:flex;flex-direction:column;gap:1.25rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-label{font-size:.9rem;font-weight:600;color:#374151;margin-left:.1rem}.auth-input{width:100%;padding:.75rem 1rem;font-size:1rem;color:#1f2937;background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;transition:all .2s ease}.auth-input:focus{outline:none;background-color:#fff;border-color:var(--color-primary);box-shadow:0 0 0 3px #e34d3e1a}.auth-input::placeholder{color:#9ca3af}.form-error{color:var(--color-danger);font-size:var(--font-size-sm);margin-top:var(--spacing-xs)}.auth-divider{display:flex;align-items:center;margin:1.5rem 0;color:#9ca3af;font-size:.875rem;text-transform:uppercase;letter-spacing:.05em;font-weight:600}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background-color:#e5e7eb}.auth-divider span{padding:0 1rem}.google-btn-wrapper{display:flex;justify-content:center;width:100%}@media (max-width: 768px){.auth-container{flex-direction:column}.auth-banner{display:none}.auth-form-container{max-width:100%;flex:1}}.auth-footer{margin-top:var(--spacing-xl);text-align:center;font-size:var(--font-size-sm);color:var(--color-text-secondary)}.auth-link{color:var(--color-primary);text-decoration:none;font-weight:var(--font-weight-medium);transition:var(--transition-base)}.auth-link:hover{color:var(--color-primary-dark);text-decoration:underline}.error-alert{background-color:#fee2e2;border-left:4px solid var(--color-danger);color:#991b1b;padding:var(--spacing-md);border-radius:var(--radius-sm);margin-bottom:var(--spacing-lg);font-size:var(--font-size-sm)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-family);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--color-bg-secondary);color:var(--color-text-primary);font-size:var(--font-size-base);line-height:var(--line-height-normal)}#root{min-height:100vh}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:2000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.confirmation-modal{background:white;padding:32px;border-radius:16px;max-width:400px;width:90%;text-align:center;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.modal-icon-container{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px}.modal-icon-container.delete-icon{background-color:#fee2e2;color:#ef4444}.modal-icon-container.void-icon{background-color:#fdf4ff;color:#9333ea}.confirmation-modal h2{margin:0 0 12px;font-size:20px;color:#1a1f36}.confirmation-modal p{margin:0 0 24px;color:#4f566b;font-size:14px;line-height:1.6}.modal-actions{display:flex;gap:12px}.modal-actions .btn{flex:1;padding:12px;border-radius:8px;font-weight:600;cursor:pointer;border:none}.like-button-hover{outline:none}.heart-hover-icon{transition:transform .25s cubic-bezier(.175,.885,.32,1.275),fill .2s ease,stroke .2s ease!important}.like-button-hover:hover .heart-hover-icon{transform:scale(1.28)!important}.like-button-hover:active .heart-hover-icon{transform:scale(.9)!important}.comment-button-hover{outline:none;transition:color .2s ease!important}.comment-button-hover:hover{color:#2563eb!important}.comment-button-hover:hover span{text-decoration:underline!important}