@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}.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%;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:.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:#94a3b8;text-decoration:none;cursor:pointer;transition:all .2s ease;border-left:3px solid transparent;font-size:13px;font-weight:500;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:#ffffff08}.sidebar-item.active{color:#fff;background-color:#1976d214;border-left-color:#1976d2}.sidebar-item svg{width:20px;height:20px;stroke:currentColor;stroke-width:2;transition:all .15s ease;flex-shrink:0}.sidebar-item.active svg{color:#fff;filter:none}.sidebar-item:hover svg{transform:translateY(-1px)}.sidebar-badge{background-color:#1e40af;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:#1e40af26;border-color:#1e40af;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:#1976d2;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:#1e40af;flex-shrink:0;display:inline-block;vertical-align:middle}.top-header-subtitle-dot{width:6px;height:6px;border-radius:50%;background-color:#1e40af;display:inline-block;flex-shrink:0;position:relative;box-shadow:0 0 #1e40af66;animation:subtitle-pulse 2s infinite}@keyframes subtitle-pulse{0%{transform:scale(.95);box-shadow:0 0 #1e40afb3}70%{transform:scale(1);box-shadow:0 0 0 5px #1e40af00}to{transform:scale(.95);box-shadow:0 0 #1e40af00}}.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 20px;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:#1e40af;background-color:#fff;width:280px;box-shadow:0 0 0 3px #1e40af1a}.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:#1e40af}.notifications-mark-read-btn{background:none;border:none;cursor:pointer;color:#1e40af;font-size:11px;font-weight:600;padding:2px 6px;border-radius:4px;transition:background-color .15s}.notifications-mark-read-btn:hover{background-color:#eff6ff}.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:#eff6ff;border-left:3px solid #1E40AF}.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:#1e40af;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:#1e40af}.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:#283593;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px;box-shadow:0 1px 3px #1e40af33}.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}.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:#1e40af;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}.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:#1e40af}.sidebar-submenu-item.active{color:#fff;background-color:#1e40af14;border-left-color:#1e40af}.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)}.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:320px}.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:nowrap!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:unset!important}.holiday-card-container{min-width:unset!important}.dashboard-welcome-header{flex-direction:column;align-items:flex-start;gap:.5rem}}.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.holiday .date-entry-cell.sticky-left,.day-container.holiday .day-entry-cell.sticky-left{background-color:#eaf0d6!important;color:#5d6d1e}.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}.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}.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}@keyframes spin{to{transform:rotate(360deg)}}.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 fadeIn{0%{opacity:0}to{opacity:1}}@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:14px 24px;text-align:left;font-size:11px;font-weight:700;color:#ffffffeb;text-transform:uppercase;letter-spacing:1.2px;border-bottom:none;white-space:nowrap}.vibrant-table td{padding:15px 24px;font-size:14px;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:12px}.btn-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:6px;border:1px solid #e3e8ee;background:white;color:#4f566b;cursor:pointer;transition:all .2s;padding: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}.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}.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}}.create-employee-container{width:100%;max-width:100%;margin:0;padding:0 0 50vh;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.5rem;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008;scroll-margin-top:85px;transition:transform .2s ease,box-shadow .2s ease}.form-section-card:hover{box-shadow:0 10px 15px -3px #00000014}.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:flex-start}.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)}.customer-timesheet-page .timesheet-container{background:white;border-radius:12px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;border:1px solid #e2e8f0;overflow:hidden;position:relative}.customer-timesheet-page .timesheet-grid{min-width:100%;display:flex;flex-direction:column;gap:0;font-size:.875rem}.customer-timesheet-page .grid-header{background:var(--color-primary-gradient);border-bottom:2px solid rgba(255,255,255,.1);min-height:50px}.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)}.customer-timesheet-page .cell{border-right:1px solid #f1f5f9;padding:.5rem;font-size:.75rem;display:flex;align-items:center}.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;left:0;z-index:10;box-shadow:2px 0 4px #0000001a}.customer-timesheet-page .grid-row:hover{background-color:#f1f5f9!important}.customer-timesheet-page .current-date{border-left:4px solid var(--color-primary)}.customer-timesheet-page .totals-row{background:var(--color-primary-gradient)}.customer-timesheet-page .grand-total{font-size:1.25rem;text-shadow:0 1px 2px rgba(0,0,0,.1)}.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:80px;overflow:hidden;text-overflow:ellipsis;display:inline-block;vertical-align:middle}.customer-timesheet-page .loading-message,.customer-timesheet-page .no-project-selected{padding:4rem;text-align:center;color:#64748b;font-size:1.1rem;background:#f8fafc}.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)}}.tasks-container{width:100%;display:flex;flex-direction:column;gap:1.25rem;font-family:Inter,system-ui,-apple-system,sans-serif;color:#333}.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:.75rem;align-items:center}.view-mode-toggle{display:flex;background-color:#f1f5f9;border-radius:6px;padding:2px;border:1px solid #e2e8f0}.view-mode-btn{border:none;padding:.4rem .85rem;border-radius:4px;cursor:pointer;font-weight:600;font-size:.85rem;background-color:transparent;color:#64748b;transition:all .2s ease}.view-mode-btn.active{background-color:#fff;color:#e34d3e;box-shadow:0 1px 2px #0000000d}.btn-primary{background-color:#e34d3e;color:#fff;border:none;border-radius:6px;padding:.45rem 1rem;font-weight:600;font-size:.85rem;cursor:pointer;display:flex;align-items:center;gap:.35rem;transition:background-color .2s ease,transform .1s ease}.btn-primary:hover{background-color:#cb3d30}.btn-primary:active{transform:scale(.98)}.btn-secondary{border:1px solid #cbd5e1;background-color:#fff;color:#475569;padding:.45rem 1rem;border-radius:6px;cursor:pointer;font-weight:600;font-size:.85rem;transition:all .2s ease}.btn-secondary:hover{background-color:#f8fafc;border-color:#94a3b8}.btn-danger{width:100%;background-color:#ef4444;color:#fff;border:none;border-radius:6px;padding:.55rem;font-weight:600;font-size:.85rem;cursor:pointer;transition:background-color .2s ease;display:flex;align-items:center;justify-content:center;gap:.35rem}.btn-danger:hover{background-color:#dc2626}.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:1.5rem;box-shadow:0 1px 3px #00000005}.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.25rem;align-items:start}.kanban-column{background-color:#f8fafc;border-radius:8px;padding:.85rem;min-height:600px;display:flex;flex-direction:column;gap:.85rem;border:1px solid #e2e8f0}.kanban-column-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.25rem;padding:0 .25rem}.kanban-column-header h3{font-size:.8rem;font-weight:700;text-transform:uppercase;color:#475569;margin:0;letter-spacing:.05em}.kanban-column-count{font-size:.75rem;font-weight:700;color:#64748b;background-color:#fff;padding:.15rem .4rem;border-radius:10px;border:1px solid #e2e8f0}.kanban-cards-wrapper{display:flex;flex-direction:column;gap:.65rem;min-height:500px}.task-card{background-color:#fff;border-radius:8px;padding:.85rem;border:1px solid #e2e8f0;cursor:pointer;box-shadow:0 1px 3px #00000008;transition:transform .2s cubic-bezier(.16,1,.3,1),box-shadow .2s ease,border-color .2s ease;-webkit-user-select:none;user-select:none}.task-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000000d;border-color:#cbd5e1}.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:.85rem;font-weight:600;margin:0 0 .6rem;color:#1e293b;line-height:1.4}.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 3px #00000005}.list-view-table{width:100%;border-collapse:collapse;text-align:left;font-size:.85rem}.list-view-table th{padding:.85rem 1rem;font-weight:600;background-color:#f8fafc;border-bottom:1px solid #e2e8f0;color:#475569}.list-view-table tr{border-bottom:1px solid #e2e8f0;cursor:pointer;transition:background-color .15s ease}.list-view-table tr:hover{background-color:#f8fafc}.list-view-table td{padding:.85rem 1rem;color:#334155}.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}.announcements-container{width:100%;display:flex;flex-direction:column;gap:1.25rem;font-family:Inter,system-ui,-apple-system,sans-serif;color:#333}.announcements-tabs-container{display:flex;gap:1.25rem;border-bottom:1px solid #e2e8f0;padding-bottom:0;margin-bottom:.25rem}.announcements-tab-btn{background:none;border:none;border-bottom:2px solid transparent;padding:.4rem .25rem;font-size:.85rem;font-weight:600;color:#64748b;cursor:pointer;display:flex;align-items:center;gap:.35rem;transition:all .2s ease;margin-bottom:-1px}.announcements-tab-btn:hover{color:#1e293b}.announcements-tab-btn.active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.tab-badge{background-color:#f1f5f9;color:#64748b;font-size:.7rem;padding:.1rem .4rem;border-radius:999px;font-weight:700}.announcements-tab-btn.active .tab-badge{background-color:#fee2e2;color:var(--color-primary)}.announcements-filters-bar{display:flex;flex-wrap:wrap;gap:1rem;align-items:flex-end;background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:.75rem 1rem;box-shadow:0 1px 3px #00000005}.filter-select{width:100%;appearance:none!important;-webkit-appearance:none!important;-moz-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-date-input{width:100%;background-color:#f8fafc;border:1px solid #cbd5e1;border-radius:8px;padding:.45rem .75rem;font-size:.85rem;color:#334155;font-weight:500;outline:none;cursor:pointer;transition:all .2s ease}.filter-date-input:focus{border-color:var(--color-primary);background-color:#fff;box-shadow:0 0 0 3px #e34d3e26}.search-input-icon{position:absolute;left:.75rem;color:#64748b;font-size:1rem}.announcements-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.25rem}.announcement-card{display:flex;flex-direction:column;background-color:#fff;border:1px solid var(--color-border-light);border-radius:var(--radius-xl);overflow:hidden;transition:all var(--transition-base);min-height:400px;box-shadow:var(--shadow-sm)}.announcement-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--color-border-medium)}.card-image-container{width:100%;min-width:100%;height:200px;position:relative;background-color:var(--color-bg-secondary);display:flex;align-items:center;justify-content:center;overflow:hidden;border-bottom:1px solid var(--color-border-light)}.card-image{width:100%;height:100%;object-fit:cover}.card-image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--color-primary);opacity:.6}.card-status-badge{position:absolute;top:1rem;left:1rem;border-radius:999px;padding:.25rem .75rem;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;box-shadow:0 2px 5px #00000014}.card-status-badge.live{background-color:#10b981;color:#fff}.card-status-badge.draft{background-color:#f1f5f9;color:#475569;border:1px solid #cbd5e1}.card-type-badge{position:absolute;top:1rem;right:1rem;background-color:#0f172ad9;color:#fff;border-radius:6px;padding:.25rem .6rem;font-size:.7rem;font-weight:600;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.card-content-container{flex:1;display:flex;flex-direction:column;padding:1.25rem 1.25rem 0}.card-main-content{flex:1;display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.card-title-row{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.card-title{font-size:1.25rem;font-weight:800;color:#0f172a;margin:0;line-height:1.35;letter-spacing:-.01em}.card-details-text{font-size:.95rem;color:#475569;line-height:1.6;margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.card-view-more-btn{background:none;border:none;color:var(--color-primary);font-weight:600;font-size:.85rem;cursor:pointer;align-self:flex-start;padding:0;margin-top:.25rem;transition:color .2s ease;display:inline-flex;align-items:center;gap:.25rem}.card-view-more-btn:hover{color:var(--color-primary-dark);text-decoration:underline}.card-actions-wrapper{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #f1f5f9;padding-top:1rem}.card-social-stats{display:flex;align-items:center;gap:1.25rem}.social-stat-item{display:flex;align-items:center;gap:.4rem;font-size:.85rem;font-weight:600;color:#64748b;background:none;border:none;padding:.35rem .65rem;border-radius:6px;cursor:default;transition:all .2s ease}.social-stat-item.clickable{cursor:pointer}.social-stat-item.clickable:hover{background-color:#f1f5f9;color:#0f172a}.social-stat-item.liked{color:#e11d48}.social-stat-item.liked svg{fill:#e11d48}.card-actions-right{display:flex;align-items:center;gap:1rem}.acknowledge-btn{display:inline-flex;align-items:center;justify-content:center;background-color:var(--color-primary);color:#fff;border:1.5px solid transparent;border-radius:20px;padding:.4rem .85rem;font-size:.8rem;font-weight:700;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 10px #e34d3e2e;letter-spacing:.01em}.acknowledge-btn:hover{background-color:var(--color-primary-dark);transform:translateY(-1px);box-shadow:0 6px 14px #e34d3e40}.acknowledge-btn:active{transform:translateY(1px);box-shadow:0 2px 6px #e34d3e26}.acknowledged-badge{background-color:#ecfdf5;color:#047857;border:1px solid #a7f3d0;border-radius:20px;padding:.4rem .85rem;font-size:.8rem;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:.35rem;box-shadow:0 2px 4px #04785708}.preview-modal-footer .acknowledge-btn,.preview-modal-footer .acknowledged-badge{padding:.55rem 1.5rem;font-size:.85rem;border-radius:20px}.card-footer-row{display:flex;justify-content:space-between;align-items:center;background-color:var(--color-bg-secondary);border-top:1px solid var(--color-border-light);padding:1rem 1.25rem;margin-left:-1.25rem;margin-right:-1.25rem;margin-top:auto}.card-author-info{display:flex;align-items:center;gap:.75rem}.author-avatar{width:28px;height:28px;border-radius:50%;background-color:var(--color-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:700}.author-details{font-size:.8rem;color:#64748b}.author-name{font-weight:700;color:#1e293b}.card-menu-container{position:relative}.card-menu-trigger-btn{background:none;border:none;color:#64748b;font-size:1.25rem;cursor:pointer;padding:.35rem;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.card-menu-trigger-btn:hover{background-color:#e2e8f0;color:#0f172a}.card-actions-dropdown{position:absolute;bottom:100%;right:0;background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;padding:.35rem 0;width:150px;z-index:10;display:flex;flex-direction:column;margin-bottom:.5rem}.dropdown-item{background:none;border:none;padding:.65rem 1rem;font-size:.85rem;font-weight:500;text-align:left;cursor:pointer;color:#334155;display:flex;align-items:center;gap:.6rem;transition:background-color .2s ease}.dropdown-item:hover{background-color:#f1f5f9;color:#0f172a}.dropdown-item.delete{color:#dc2626}.dropdown-item.delete:hover{background-color:#fef2f2}.announcements-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:5rem 2rem;background-color:#fff;border:2px dashed #cbd5e1;border-radius:12px;color:#64748b;gap:1rem}.empty-state-title{font-size:1.25rem;font-weight:800;color:#1e293b;margin:0}.empty-state-text{font-size:.95rem;margin:0;max-width:380px;text-align:center;line-height:1.5}.preview-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0f172abf;display:flex;align-items:center;justify-content:center;z-index:9999;padding:2rem;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.preview-modal-card{background-color:#fff;border-radius:16px;width:100%;max-width:850px;max-height:90vh;overflow-y:auto;display:flex;flex-direction:column;box-shadow:0 25px 50px -12px #00000040}.preview-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 2rem;border-bottom:1px solid #f1f5f9}.preview-modal-header-title{font-size:1.1rem;font-weight:800;color:#334155;margin:0}.preview-modal-close-btn{background:none;border:none;color:#64748b;font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:.4rem;border-radius:8px;transition:all .2s ease}.preview-modal-close-btn:hover{background-color:#f1f5f9;color:#0f172a}.preview-modal-body{padding:2.5rem;display:flex;flex-direction:column;gap:1.75rem}.preview-modal-image-wrapper{width:100%;max-height:450px;background-color:#f8fafc;border-radius:12px;overflow:hidden;display:flex;align-items:center;justify-content:center;border:1px solid #e2e8f0}.preview-modal-image{width:100%;height:100%;object-fit:cover}.preview-modal-image-placeholder{width:100%;height:300px;display:flex;align-items:center;justify-content:center;color:var(--color-primary);opacity:.5}.preview-modal-content-meta{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #f1f5f9;padding-bottom:1rem}.preview-modal-badge{background-color:#fee2e2;color:var(--color-primary);font-size:.8rem;font-weight:700;padding:.35rem .75rem;border-radius:6px;text-transform:uppercase;letter-spacing:.05em}.preview-modal-title{font-size:1.85rem;font-weight:800;color:#0f172a;margin:0;line-height:1.25;letter-spacing:-.02em}.preview-modal-details{font-size:1rem;color:#334155;line-height:1.75;margin:0;white-space:pre-wrap}.preview-modal-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #f1f5f9;padding-top:1.5rem}.modal-tracking-section{border-top:1px solid #e2e8f0;padding-top:2rem;margin-top:1.5rem;display:flex;flex-direction:column;gap:1rem}.tracking-title{font-size:1.1rem;font-weight:800;color:#0f172a;margin:0}.tracking-progress-bar-container{background-color:#f1f5f9;height:10px;border-radius:999px;overflow:hidden;width:100%;margin-top:.25rem}.tracking-progress-fill{background-color:#10b981;height:100%;border-radius:999px;transition:width .4s ease}.tracking-stats-text{font-size:.875rem;color:#475569;font-weight:600}.tracking-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-top:.75rem}@media (max-width: 600px){.tracking-grid{grid-template-columns:1fr}}.tracking-column{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:1.25rem;display:flex;flex-direction:column;gap:.75rem;max-height:250px;overflow-y:auto}.tracking-column-header{font-size:.9rem;font-weight:700;color:#334155;display:flex;justify-content:space-between;border-bottom:1px solid #cbd5e1;padding-bottom:.5rem}.tracking-user-list{display:flex;flex-wrap:wrap;gap:.5rem}.tracking-user-pill{font-size:.75rem;padding:.25rem .65rem;border-radius:999px;font-weight:600;display:inline-flex;align-items:center;gap:.3rem}.tracking-user-pill.acknowledged{background-color:#d1fae5;color:#065f46}.tracking-user-pill.pending{background-color:#fee2e2;color:#991b1b}@media (max-width: 640px){.card-content-container{padding:1.25rem 1.25rem 0}.card-footer-row{margin-left:-1.25rem;margin-right:-1.25rem;padding:.85rem 1.25rem}}.publish-container{width:100%;font-family:Inter,sans-serif;color:#333;display:flex;flex-direction:column;gap:1.5rem}.publish-layout-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:2rem;align-items:start}@media (max-width: 1024px){.publish-layout-grid{grid-template-columns:1fr}}.publish-form-pane{display:flex;flex-direction:column;gap:1.5rem}.form-card{background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:1.5rem;display:flex;flex-direction:column;gap:1.25rem}.form-group-block{display:flex;flex-direction:column;gap:.5rem}.form-label-row{display:flex;justify-content:space-between;align-items:center}.form-label-title{font-size:.875rem;font-weight:700;color:#475569}.char-counter{font-size:.75rem;color:#94a3b8}.title-input-field{width:100%;border:1px solid #cbd5e1;border-radius:6px;padding:.75rem;font-size:1rem;color:#0f172a;outline:none;transition:all .15s ease;box-sizing:border-box}.title-input-field:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #e34d3e26}.editor-container{border:1px solid #cbd5e1;border-radius:6px;overflow:hidden;display:flex;flex-direction:column;background-color:#fff}.editor-container:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px #e34d3e26}.editor-toolbar{background-color:#f8fafc;border-bottom:1px solid #e2e8f0;padding:.5rem;display:flex;align-items:center;flex-wrap:wrap;gap:.25rem}.toolbar-btn{background:none;border:none;border-radius:4px;padding:.35rem .5rem;color:#475569;font-size:.875rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .1s ease}.toolbar-btn:hover{background-color:#e2e8f0;color:#0f172a}.toolbar-btn.active{background-color:#fee2e2;color:var(--color-primary)}.toolbar-select{background:none;border:1px solid #e2e8f0;border-radius:4px;padding:.25rem .5rem;font-size:.8rem;color:#475569;cursor:pointer;outline:none}.toolbar-divider{width:1px;height:18px;background-color:#cbd5e1;margin:0 .25rem}.editor-body{width:100%;min-height:250px;padding:1rem;font-size:.95rem;line-height:1.5;color:#1e293b;border:none;outline:none;resize:vertical;box-sizing:border-box}.config-row{display:flex;flex-wrap:wrap;gap:2rem;align-items:center}.radio-group-container{display:flex;align-items:center;gap:1.5rem}.radio-label{display:flex;align-items:center;gap:.5rem;font-size:.9rem;font-weight:600;color:#334155;cursor:pointer}.radio-input{accent-color:var(--color-primary);width:1.1rem;height:1.1rem}.toggle-group-container{display:flex;align-items:center;gap:.75rem}.switch-toggle-label{position:relative;display:inline-block;width:44px;height:24px;cursor:pointer}.switch-toggle-label input{opacity:0;width:0;height:0}.switch-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#cbd5e1;transition:.3s;border-radius:24px}.switch-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%;box-shadow:0 1px 3px #00000026}input:checked+.switch-slider{background-color:var(--color-primary)}input:focus+.switch-slider{box-shadow:0 0 1px var(--color-primary)}input:checked+.switch-slider:before{transform:translate(20px)}.info-icon-tooltip{color:#94a3b8;cursor:pointer;display:flex;align-items:center;transition:color .15s ease}.info-icon-tooltip:hover{color:var(--color-primary)}.attachments-upload-box{border:2px dashed #cbd5e1;border-radius:8px;padding:1.5rem;text-align:center;background-color:#f8fafc;cursor:pointer;transition:all .15s ease;display:flex;flex-direction:column;align-items:center;gap:.5rem}.attachments-upload-box:hover{border-color:var(--color-primary);background-color:#fdf2f2}.attachments-upload-icon{color:var(--color-primary);font-size:1.5rem}.attachments-upload-text{font-size:.85rem;font-weight:600;color:var(--color-primary)}.attachments-upload-subtext{font-size:.75rem;color:#64748b;max-width:350px;line-height:1.4}.attached-files-list{display:flex;flex-direction:column;gap:.5rem;margin-top:.5rem}.attached-file-item{display:flex;justify-content:space-between;align-items:center;background-color:#f1f5f9;border-radius:6px;padding:.5rem .75rem;font-size:.8rem}.attached-file-name{font-weight:600;color:#334155;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attached-file-size{color:#64748b;margin-left:.5rem}.btn-remove-attachment{background:none;border:none;color:#ef4444;cursor:pointer;padding:.25rem;border-radius:4px;display:flex;align-items:center;transition:background-color .1s ease}.btn-remove-attachment:hover{background-color:#fee2e2}.publish-preview-pane{display:flex;flex-direction:column;gap:1.5rem;position:sticky;top:1.5rem}.preview-sidebar-card{background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:1.5rem;display:flex;flex-direction:column;gap:1rem}.preview-sidebar-title{font-size:.9rem;font-weight:700;color:#475569;margin:0}.image-selector-buttons{display:flex;gap:.75rem}.btn-image-action{flex:1;background-color:#fff;border:1px solid #cbd5e1;border-radius:6px;padding:.55rem;font-size:.8rem;font-weight:600;color:#475569;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .15s ease}.btn-image-action:hover{border-color:var(--color-primary);color:var(--color-primary);background-color:#fdf2f2}.image-aspect-note{font-size:.75rem;color:#64748b;line-height:1.4;margin:0}.wall-preview-card-container{background-color:#fff;border:1px solid #e2e8f0;border-radius:10px;overflow:hidden;box-shadow:0 1px 3px #0000000d;margin-top:.5rem}.wall-preview-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.btn-fullscreen-preview{background-none:none;border:1px solid #cbd5e1;background-color:#fff;border-radius:6px;padding:.35rem .75rem;font-size:.75rem;font-weight:600;color:#475569;cursor:pointer;display:flex;align-items:center;gap:.35rem;transition:all .15s ease}.btn-fullscreen-preview:hover{border-color:var(--color-primary);color:var(--color-primary);background-color:#fdf2f2}.pexels-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:9999;padding:1.5rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:fadeIn .25s ease-out}.pexels-modal-card{background-color:#fff;border-radius:12px;width:100%;max-width:680px;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;border:1px solid #e2e8f0;overflow:hidden;animation:slideUp .3s cubic-bezier(.16,1,.3,1)}.pexels-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background-color:var(--color-primary);border-bottom:none;color:#fff}.pexels-modal-title{font-size:1.1rem;font-weight:600;color:#fff;margin:0}.pexels-close-btn{background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.25);color:#fff;cursor:pointer;padding:0;border-radius:6px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;transition:all .2s}.pexels-close-btn:hover{background-color:#ffffff4d;border-color:#ffffff80;transform:translateY(-1px)}.pexels-search-bar-container{padding:1.25rem 1.5rem .75rem;border-bottom:1px solid #f1f5f9;background-color:#fff}.pexels-search-bar{display:flex;position:relative;align-items:center;margin-bottom:.75rem}.pexels-search-input-wrapper{position:relative;width:100%;display:flex;align-items:center}.pexels-search-icon{position:absolute;left:.85rem;color:#94a3b8;font-size:1.1rem;pointer-events:none;display:flex;align-items:center}.pexels-search-input{width:100%;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:.65rem 2.25rem;font-size:.9rem;outline:none;transition:all .2s ease;color:var(--color-text-primary)}.pexels-search-input:hover{border-color:#cbd5e1}.pexels-search-input:focus{border-color:var(--color-primary-light);background-color:#fff;box-shadow:0 0 0 3px #e34d3e1a}.pexels-search-clear{position:absolute;right:.85rem;background:none;border:none;color:#94a3b8;cursor:pointer;padding:.1rem;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .15s}.pexels-search-clear:hover{background-color:#e2e8f0;color:#475569}.pexels-tag-chips{display:flex;gap:.5rem;overflow-x:auto;padding-bottom:.25rem;scrollbar-width:none}.pexels-tag-chips::-webkit-scrollbar{display:none}.pexels-tag-chip{background-color:#f1f5f9;color:#64748b;border:1px solid transparent;border-radius:20px;padding:.35rem .85rem;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.pexels-tag-chip:hover{background-color:#e2e8f0;color:#0f172a}.pexels-tag-chip.active{background-color:#fdf2f2;color:var(--color-primary);border-color:#ff7f71}.pexels-grid{padding:1.25rem 1.5rem 1.5rem;overflow-y:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:1.25rem;max-height:360px;background-color:#fff;flex:1}.pexels-photo-item{border-radius:12px;overflow:hidden;aspect-ratio:1 / 1;cursor:pointer;position:relative;border:3px solid transparent;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008;transition:all .3s cubic-bezier(.4,0,.2,1);background-color:#f1f5f9}.pexels-photo-item:hover{transform:translateY(-4px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.pexels-photo-item.selected{border-color:var(--color-primary);box-shadow:0 0 0 3px #e34d3e40,0 10px 15px -3px #e34d3e33}.pexels-img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.pexels-photo-item:hover .pexels-img{transform:scale(1.08)}.pexels-photo-gradient{position:absolute;bottom:0;left:0;right:0;height:50%;background:linear-gradient(to top,rgba(15,23,42,.75),transparent);z-index:1;pointer-events:none;opacity:.9;transition:opacity .3s ease}.pexels-photo-author{position:absolute;bottom:.65rem;left:.75rem;right:.75rem;color:#fff;font-size:.7rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;z-index:2;pointer-events:none;text-shadow:0 1px 2px rgba(0,0,0,.5)}.pexels-check-badge{position:absolute;top:.65rem;right:.65rem;background-color:var(--color-primary);color:#fff;width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.85rem;box-shadow:0 4px 6px #00000026;z-index:5;border:2px solid #ffffff;animation:scaleIn .25s cubic-bezier(.34,1.56,.64,1)}@keyframes scaleIn{0%{transform:scale(.6);opacity:0}to{transform:scale(1);opacity:1}}.pexels-modal-footer{display:flex;justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;border-top:1px solid #f1f5f9;background-color:#f8fafc}.btn-pexels-cancel{background-color:#fff;border:1px solid #cbd5e1;border-radius:6px;padding:.5rem 1.25rem;font-size:.85rem;font-weight:600;color:#475569;cursor:pointer;transition:all .2s}.btn-pexels-cancel:hover{background-color:#f8fafc;border-color:#94a3b8;color:#0f172a}.btn-pexels-select{background-color:var(--color-primary);border:none;border-radius:6px;padding:.5rem 1.25rem;font-size:.85rem;font-weight:600;color:#fff;cursor:pointer;transition:all .2s;box-shadow:0 4px 6px -1px #e34d3e33}.btn-pexels-select:hover:not(:disabled){background-color:var(--color-primary-dark);transform:translateY(-1px);box-shadow:0 10px 15px -3px #e34d3e4d}.btn-pexels-select:active:not(:disabled){transform:translateY(0)}.btn-pexels-select:disabled{background-color:#cbd5e1;cursor:not-allowed;box-shadow:none}@media (max-width: 768px){.publish-container{padding:1rem 1.25rem}.publish-header-row{flex-direction:column;align-items:flex-start;gap:1rem}.publish-header-actions{width:100%}.btn-save-draft,.btn-publish{flex:1;text-align:center}.pexels-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));padding:1rem}.pexels-modal-card{max-width:90vw}}@media (max-width: 480px){.wall-preview-card-container>div{flex-direction:column!important}.wall-preview-card-container>div>div:first-child{width:100%!important;height:140px!important}.config-row{flex-direction:column;align-items:flex-start;gap:1rem}}.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-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}: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}