.loading-container{flex-direction:column;justify-content:center;align-items:center;padding:2rem;display:flex}.spinner{border:4px solid #f3f3f3;border-top-color:#3498db;border-radius:50%;animation:1s linear infinite spin}.spinner.small{width:30px;height:30px}.spinner.medium{width:50px;height:50px}.spinner.large{width:70px;height:70px}.loading-text{color:#666;margin-top:1rem;font-size:.9rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;--text-xs:.75rem;--text-sm:.875rem;--text-md:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--radius-xs:3px;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--radius-xl:12px;--radius-2xl:16px;--radius-pill:999px;--radius-round:50%;--shadow-xs:0 0 0 1px #0000000d;--shadow-sm:0 1px 3px 0 #0000000d, 0 1px 2px -1px #0000000d;--shadow-md:0 4px 10px #0f172a14;--shadow-lg:0 10px 25px -5px #00000014;--shadow-modal:0 20px 60px #0003;--color-bg:#f9fafb;--color-bg-muted:#f8fafc;--color-surface:#fff;--color-surface-muted:#f1f5f9;--color-border:#e2e8f0;--color-border-strong:#cbd5e1;--color-text:#1a202c;--color-text-strong:#111827;--color-text-muted:#64748b;--color-text-subtle:#718096;--color-text-inverse:#fff;--color-primary:#6d6ab8;--color-primary-hover:#5a57a5;--color-primary-soft:#eef2ff;--color-primary-text:#3730a3;--color-success:#10b981;--color-success-hover:#059669;--color-success-soft:#d1fae5;--color-success-text:#047857;--color-danger:#dc2626;--color-danger-hover:#b91c1c;--color-danger-soft:#fee2e2;--color-danger-text:#b91c1c;--color-warning:#f59e0b;--color-warning-soft:#fff7ed;--color-warning-text:#92400e;--color-info:#2563eb;--color-info-soft:#eff6ff;--color-info-text:#1e40af;--gradient-brand:linear-gradient(135deg, #8a87c9 0%, #d4a3d2 33%, #e893c0 66%, #f8d1e8 100%);--gradient-brand-hover:linear-gradient(135deg, #7a77b9 0%, #c493c2 33%, #d883b0 66%, #e8c1d8 100%);--page-padding:24px;--control-height:40px;--transition-fast:.2s ease;--transition-base:.3s ease}:root,[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--theme-bg:var(--color-bg);--theme-bg-muted:var(--color-bg-muted);--theme-surface:var(--color-surface);--theme-surface-muted:var(--color-surface-muted);--theme-border:var(--color-border);--theme-border-strong:var(--color-border-strong);--theme-text:var(--color-text);--theme-text-strong:var(--color-text-strong);--theme-text-muted:var(--color-text-muted)}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--theme-bg:#0f172a;--theme-bg-muted:#111827;--theme-surface:#1e293b;--theme-surface-muted:#334155;--theme-border:#334155;--theme-border-strong:#475569;--theme-text:#e5e7eb;--theme-text-strong:#f8fafc;--theme-text-muted:#cbd5e1;--shadow-sm:none;--shadow-md:none;--shadow-lg:none}*{box-sizing:border-box}html{min-height:100%;font-family:var(--font-sans);overflow-x:hidden}body{background:var(--theme-bg);min-height:100%;color:var(--theme-text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;overflow-x:hidden}button,input,select,textarea{font:inherit;max-width:100%}button{cursor:pointer;line-height:1.2}button:disabled,input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;opacity:.65}#root{min-height:100vh}a{color:inherit}table{border-collapse:collapse}img,svg,video,canvas{max-width:100%}td,th{overflow-wrap:anywhere}td button,td a,td .app-button{overflow-wrap:normal}::selection{color:var(--color-text-inverse);background:var(--color-primary)}.app-page{min-height:100vh;padding:var(--page-padding);background:var(--theme-bg);color:var(--theme-text);overflow-x:hidden}.app-page-header{justify-content:space-between;align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-5);flex-wrap:wrap;display:flex}.app-page-title{color:var(--theme-text-strong);font-size:var(--text-2xl);margin:0;font-weight:700}.app-page-subtitle{margin:var(--space-2) 0 0;color:var(--theme-text-muted)}.app-card{background:var(--theme-surface);border:1px solid var(--theme-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.app-card-padded{padding:var(--space-5)}.app-section-title{margin:0 0 var(--space-4);color:var(--theme-text-strong);font-size:var(--text-lg);font-weight:700}.app-form{gap:var(--space-4);display:grid}.app-form-group label{margin-bottom:var(--space-2);color:var(--color-text-muted);font-size:var(--text-sm);font-weight:600;display:block}.app-input,.app-select,.app-textarea,.app-form-group input,.app-form-group select,.app-form-group textarea{width:100%;min-height:var(--control-height);border:1px solid var(--theme-border);border-radius:var(--radius-lg);background:var(--theme-surface);color:var(--theme-text-strong);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);padding:10px 12px}.app-textarea,.app-form-group textarea{resize:vertical}.app-input:focus,.app-select:focus,.app-textarea:focus,.app-form-group input:focus,.app-form-group select:focus,.app-form-group textarea:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #6d6ab81f}.app-actions{justify-content:flex-end;gap:var(--space-3);flex-wrap:wrap;align-items:center;display:flex}.app-button{border-radius:var(--radius-lg);justify-content:center;align-items:center;gap:var(--space-2);max-width:100%;min-height:36px;font-size:var(--text-sm);white-space:nowrap;transition:background var(--transition-fast), color var(--transition-fast), transform var(--transition-fast);border:0;padding:8px 14px;font-weight:600;line-height:1.2;display:inline-flex}.app-button:hover:not(:disabled){transform:translateY(-1px)}.app-button-primary{background:var(--color-primary);color:var(--color-text-inverse)}.app-button-primary:hover:not(:disabled){background:var(--color-primary-hover)}.app-button-secondary{background:var(--color-primary-soft);color:var(--color-primary-text)}.app-button-success{background:var(--color-success);color:var(--color-text-inverse)}.app-button-danger{background:var(--color-danger-soft);color:var(--color-danger-text)}.app-button-danger:hover:not(:disabled){background:var(--color-danger);color:var(--color-text-inverse)}.app-message{border-radius:var(--radius-lg);margin-bottom:var(--space-4);font-size:var(--text-sm);border:1px solid #0000;padding:12px 14px}.app-message-success{background:var(--color-success-soft);color:var(--color-success-text);border-color:var(--color-success)}.app-message-error{background:var(--color-danger-soft);color:var(--color-danger-text);border-color:#fca5a5}.app-table-wrap{-webkit-overflow-scrolling:touch;scrollbar-gutter:stable;width:100%;max-width:100%;overflow:auto hidden}.app-table{border-collapse:collapse;table-layout:auto;width:100%;min-width:720px}.app-table th,.app-table td{text-align:left;border-bottom:1px solid var(--theme-border);vertical-align:middle;font-size:var(--text-sm);padding:12px;line-height:1.4}.app-table th{background:var(--theme-bg-muted);color:var(--theme-text-muted);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.04em;font-weight:700}.app-table td:last-child,.app-table th:last-child{white-space:nowrap}.app-empty-state{padding:var(--space-6);text-align:center;color:var(--theme-text-muted)}.table-container,.table-wrapper,.table-responsive,.table-scroll,.employee-table-container,.proj-table-container,.lm-table-container,.mm-table-wrap,.master-table-wrap,.salary-table-container,.quotation-table-container,.billing-table-container,.delivery-table-container,.expense-table-container,.client-table-container,.service-table-container{max-width:100%}.table-wrapper,.table-responsive,.table-scroll,.app-table-wrap,.proj-table-wrapper,.lm-table-wrapper,.mm-table-wrap,.master-table-wrap,.bulk-preview-table-wrap,.proj-phases-table-container{-webkit-overflow-scrolling:touch;scrollbar-gutter:stable;overflow-y:hidden;overflow-x:auto!important}.table-wrapper>table,.table-responsive>table,.table-scroll>table,.proj-table-wrapper>table,.lm-table-wrapper>table,.mm-table-wrap>table,.master-table-wrap>table,.bulk-preview-table-wrap>table,.proj-phases-table-container>table,.employee-table,.proj-main-table,.proj-phases-table,.lm-data-table,.mm-table,.master-table,.bulk-preview-table{width:100%;min-width:760px}.employee-table th,.employee-table td,.proj-main-table th,.proj-main-table td,.proj-phases-table th,.proj-phases-table td,.lm-data-table th,.lm-data-table td,.mm-table th,.mm-table td,.master-table th,.master-table td,.bulk-preview-table th,.bulk-preview-table td{vertical-align:middle;line-height:1.4}.employee-table th,.proj-main-table th,.proj-phases-table th,.lm-data-table th,.mm-table th,.master-table th,.bulk-preview-table th{white-space:nowrap}.table-header,.proj-table-header,.lm-table-header,.employee-management-header,.table-toolbar{flex-wrap:wrap;align-items:center;gap:12px}.table-actions,.proj-table-actions,.lm-actions-group,.crm-actions,.form-actions,.proj-form-actions,.lm-form-actions,.modal-footer,.bulk-upload-footer,.smtp-actions,.master-actions,.action-buttons,.result-actions,.actions-cell,.action-btns{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.form-actions,.proj-form-actions,.lm-form-actions,.modal-footer,.bulk-upload-footer,.smtp-actions,.master-actions{justify-content:flex-end}.actions-cell,.action-btns{white-space:nowrap;justify-content:flex-start}.filter-btn,.export-btn,.import-btn,.cancel-btn,.submit-btn,.edit-btn,.delete-btn,.add-first-btn,.add-employee-btn,.proj-add-btn,.proj-export-btn,.proj-submit-btn,.proj-cancel-btn,.proj-edit-btn,.proj-delete-btn,.lm-primary-btn,.lm-action-btn,.crm-btn,.mm-refresh-btn,.mm-manage-btn,.mm-save-btn,.branding-primary-btn,.branding-upload-btn{white-space:nowrap;justify-content:center;align-items:center;gap:8px;max-width:100%;min-height:36px;line-height:1.2;display:inline-flex}.search-box,.table-search-input,.search-input,.filter-btn{min-width:0}.modal-content,.modal-content1,.proj-modal-content,.lm-modal-card,.mm-modal,.bulk-upload-modal,.bulk-info-modal{max-width:min(96vw,1100px);max-height:calc(100vh - 32px);overflow-y:auto}.modal-header,.proj-modal-header,.lm-modal-header,.mm-modal-header,.bulk-upload-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.modal-header h2,.proj-modal-header h2,.lm-modal-header h2,.mm-modal-header h3{overflow-wrap:anywhere;min-width:0}@media (width<=768px){.app-page{padding:16px}.app-page-header,.table-header,.proj-table-header,.lm-table-header,.employee-management-header{align-items:stretch}.table-actions,.proj-table-actions,.crm-actions,.form-actions,.proj-form-actions,.lm-form-actions,.modal-footer,.bulk-upload-footer,.smtp-actions,.master-actions,.action-buttons{justify-content:flex-start;width:100%}.table-actions>*,.proj-table-actions>*,.crm-actions>*,.form-actions>*,.proj-form-actions>*,.lm-form-actions>*,.modal-footer>*,.bulk-upload-footer>*,.smtp-actions>*,.master-actions>*{flex:180px}.modal-content,.modal-content1,.proj-modal-content,.lm-modal-card,.mm-modal,.bulk-upload-modal,.bulk-info-modal{width:calc(100vw - 24px);max-height:calc(100vh - 24px)}}.u-grid{display:grid}.u-flex{display:flex}.u-items-center{align-items:center}.u-justify-between{justify-content:space-between}.u-gap-2{gap:var(--space-2)}.u-gap-3{gap:var(--space-3)}.u-gap-4{gap:var(--space-4)}.u-muted{color:var(--theme-text-muted)}.u-text-strong{color:var(--theme-text-strong)}.u-nowrap{white-space:nowrap}.u-break-word{overflow-wrap:anywhere}:root{--glass-bg:#ffffffb3;--glass-border:#ffffff80;--glass-shadow:0 8px 32px 0 #1f268712;--glass-blur:blur(12px);--gradient-primary:linear-gradient(135deg, #6366f1 0%, #a855f7 100%);--gradient-success:linear-gradient(135deg, #10b981 0%, #34d399 100%);--gradient-warning:linear-gradient(135deg, #f59e0b 0%, #fbbf24 100%);--gradient-danger:linear-gradient(135deg, #ef4444 0%, #f87171 100%)}body,.dashboard,.dashboard-container,.hr-dashboard-container,.employee-portal,.dashboard-main,.dashboard-content{background-color:#f0f4f8!important;background-image:radial-gradient(at 40% 20%,#6366f114 0,#0000 50%),radial-gradient(at 80% 0,#a855f714 0,#0000 50%),radial-gradient(at 0%,#10b98114 0,#0000 50%)!important;background-position:0 0!important;background-repeat:repeat!important;background-size:auto!important;background-attachment:fixed!important;background-origin:padding-box!important;background-clip:border-box!important}.glass-panel,.stat-card,.hr-stat-card,.employee-module-card,.glass-form,.chart-container,.notification-dropdown,.hr-tool-card{position:relative;overflow:hidden;background:var(--glass-bg)!important;-webkit-backdrop-filter:var(--glass-blur)!important;border:1px solid var(--glass-border)!important;box-shadow:var(--glass-shadow)!important;border-radius:16px!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important}.glass-panel:hover,.stat-card:hover,.hr-stat-card:hover,.employee-module-card:hover,.chart-container:hover,.hr-tool-card:hover{background:#ffffffd9!important;transform:translateY(-5px)!important;box-shadow:0 12px 40px #1f26871f!important}.employee-module-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;padding:20px 0;display:grid}.employee-module-card{text-align:left;cursor:pointer;flex-direction:column;align-items:flex-start;gap:12px;display:flex;border-top-style:solid!important;border-top-width:4px!important;padding:24px!important}.employee-module-card-icon{border-radius:14px;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:8px;font-size:24px;transition:transform .3s;display:flex}.employee-module-card:hover .employee-module-card-icon{transform:scale(1.1)rotate(5deg)}.employee-module-card h3{color:#1e293b;margin:0;font-size:1.25rem;font-weight:700}.employee-module-desc{color:#64748b;flex-grow:1;margin:0 0 16px;font-size:.9rem;line-height:1.5}.employee-module-open{color:#6366f1;opacity:.8;align-items:center;gap:8px;margin-top:auto;font-size:.9rem;font-weight:600;transition:opacity .3s,transform .3s;display:flex}.employee-module-card:hover .employee-module-open{opacity:1;transform:translate(5px)}.employee-dashboard-header h2{background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:.5rem;font-size:2rem;font-weight:800}.employee-dashboard-header p{color:#64748b;font-size:1.1rem}.hr-header-info h1{background:#000;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;display:inline-block}.stat-icon{color:#6366f1!important;background:linear-gradient(135deg,#6366f11a 0%,#a855f71a 100%)!important;border-radius:14px!important;padding:12px!important}.stat-card:nth-child(2n) .stat-icon{color:#10b981!important;background:linear-gradient(135deg,#10b9811a 0%,#34d3991a 100%)!important}.stat-card:nth-child(3n) .stat-icon{color:#f59e0b!important;background:linear-gradient(135deg,#f59e0b1a 0%,#fbbf241a 100%)!important}@keyframes slideUpFade{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.stat-card,.hr-stat-card,.employee-module-card,.hr-tool-card{opacity:0;animation:.6s cubic-bezier(.16,1,.3,1) forwards slideUpFade}.stat-card:first-child{animation-delay:.1s}.stat-card:nth-child(2){animation-delay:.2s}.stat-card:nth-child(3){animation-delay:.3s}.stat-card:nth-child(4){animation-delay:.4s}.hr-stat-card:first-child{animation-delay:.1s}.hr-stat-card:nth-child(2){animation-delay:.2s}.hr-stat-card:nth-child(3){animation-delay:.3s}.employee-module-card:first-child{animation-delay:.1s}.employee-module-card:nth-child(2){animation-delay:.2s}.employee-module-card:nth-child(3){animation-delay:.3s}.employee-module-card:nth-child(4){animation-delay:.4s}.hr-tool-card:first-child{animation-delay:.1s}.hr-tool-card:nth-child(2){animation-delay:.2s}.hr-tool-card:nth-child(3){animation-delay:.3s}.hr-tool-card:nth-child(4){animation-delay:.4s}.dashboard{background-color:var(--theme-bg-muted);min-height:100vh}.dashboard-header{background:var(--theme-surface);padding:var(--space-4) var(--space-8);box-shadow:var(--shadow-sm);justify-content:space-between;align-items:center;display:flex}.user-info{align-items:center;gap:1rem;display:flex}.logout-btn{padding:var(--space-2) var(--space-4);background:var(--color-danger);color:var(--color-text-inverse);border-radius:var(--radius-lg);cursor:pointer;border:none}.dashboard-content{padding:var(--space-8)}.stats-grid{gap:var(--space-4);margin-bottom:var(--space-8);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.stat-card,.quick-actions{background:var(--theme-surface);padding:var(--space-6);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.action-buttons{gap:var(--space-4);margin-top:var(--space-4);display:flex}.action-btn{padding:var(--space-3) var(--space-6);background:var(--color-info);color:var(--color-text-inverse);border-radius:var(--radius-lg);cursor:pointer;border:none}