body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--primary-color:#007bff;--secondary-color:#6c757d;--success-color:#28a745;--danger-color:#dc3545;--warning-color:#ffc107;--info-color:#17a2b8;--light-color:#f8f9fa;--dark-color:#343a40}.App{display:flex;height:100vh;min-height:100vh;overflow:hidden}.container{margin:0 auto;max-width:1200px;padding:0 15px}.btn{border:1px solid #0000;border-radius:.25rem;display:inline-block;font-size:1rem;font-weight:400;line-height:1.5;padding:.5rem 1rem;text-align:center;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;-webkit-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap}.btn-primary{background-color:var(--primary-color);border-color:var(--primary-color);color:#fff}.App-logo{height:40px;pointer-events:none}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.sidebar{color:#ecf0f1;transition:width .3s ease}.sidebar .logo{padding:20px;text-align:center}.sidebar nav ul{list-style-type:none;padding:0}.sidebar nav ul li{margin-bottom:5px}.sidebar nav ul li .submenu-parent,.sidebar nav ul li a{align-items:center;color:#ecf0f1;display:flex;padding:12px 20px;text-decoration:none;transition:background-color .3s ease}.sidebar nav ul li .submenu-parent:hover,.sidebar nav ul li a.active,.sidebar nav ul li a:hover{background-color:#34495e}.sidebar nav ul li .submenu-parent i,.sidebar nav ul li a i{margin-right:10px;text-align:center;width:20px}.submenu{max-height:0;overflow:hidden;transition:max-height .3s ease-out}.submenu.open{max-height:100px}.submenu li a{padding-left:50px}.toggle-icon{margin-left:auto;transition:transform .3s ease}.submenu-parent.open .toggle-icon{transform:rotate(180deg)}.logout-btn{align-items:center;background-color:#e74c3c;border:none;color:#ecf0f1;cursor:pointer;display:flex;justify-content:center;padding:15px;transition:background-color .3s ease;width:100%}.logout-btn:hover{background-color:#c0392b}.logout-btn i{margin-right:10px}.logo-container{border-radius:20px;margin-bottom:40px;text-align:left}.logo{align-items:center;display:flex;height:50px}.sidebar-content{flex-grow:1;overflow-y:auto;padding:20px}.main-content{background-color:#f0f2f5;display:flex;flex:1 1;flex-direction:column}header{align-items:center;background-color:#fff;box-shadow:0 2px 4px #0000001a;display:flex;justify-content:space-between;padding:1rem 2rem}.logo{height:40px}.logo img{height:100%;width:auto}.user-info{align-items:center;display:flex;gap:1rem}.user-info span{color:#2c3e50;font-weight:500}.logout-button{align-items:center;background-color:#e74c3c;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;gap:.5rem;padding:.5rem 1rem;transition:background-color .2s}.logout-button:hover{background-color:#c0392b}.logout-button i{font-size:1rem}main{flex:1 1;overflow-y:auto;padding:2rem}footer{background-color:#fff;border-top:1px solid #eee;color:#666;font-size:.9rem;padding:1rem;text-align:center}.sidebar nav{flex-grow:1;overflow-y:auto}.sidebar{justify-content:space-between}.logout-btn{margin-top:auto}.ms-login-btn{align-items:center;background:#fff;border:1px solid #dad5d5;border-radius:4px;color:#3c4043;cursor:pointer;display:flex;font-size:12px;font-weight:700;gap:12px;justify-content:center;margin-bottom:10px;margin-top:10px;padding:10px 20px;transition:background .3s ease,transform .2s ease;width:100%}.ms-login-btn:hover{background:#dfeaee}.ms-login-btn:active{transform:scale(.98)}.ms-logo{height:24px;width:24px}.settings{background-color:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;margin:2rem auto;max-width:1400px;padding:2rem}.settings h2{font-size:1.8rem;margin-bottom:2rem}.settings h2,.settings h3{color:#2c3e50;font-weight:600}.settings h3{font-size:1.5rem;margin-bottom:1.5rem}.tabs{border-bottom:1px solid #edf2f7;gap:.5rem;margin-bottom:2rem;padding-bottom:1px}.tabs button{background-color:initial;border:none;border-radius:8px 8px 0 0;color:#64748b;cursor:pointer;font-size:1rem;font-weight:500;padding:1rem 1.5rem;position:relative;transition:all .2s ease}.tabs button:hover{background-color:#f7fafc;color:#3182ce}.tabs button.active{color:#3182ce;font-weight:600}.tabs button.active:after{background-color:#3182ce;border-radius:2px;bottom:-1px;content:"";height:2px;left:0;position:absolute;right:0}.tab-content{background-color:initial;border-radius:8px;margin:0;padding:0}table{background-color:#fff;border-collapse:initial;border-radius:12px;border-spacing:0;box-shadow:0 2px 12px #0000000f;margin:.5rem 0;overflow:hidden}th{background-color:#f8fafc;border-bottom:1px solid #e2e8f0;color:#475569;font-size:.875rem;letter-spacing:.025em;padding:.875rem 1rem;text-transform:none}td{border-bottom:1px solid #f1f5f9;color:#1a202c;font-size:.9375rem;padding:.75rem 1rem;vertical-align:middle}td .button{font-size:.875rem;padding:.5rem .875rem}td .button-group{display:flex;gap:.75rem;margin:0}.tab-content table td{line-height:1.3;padding:.75rem 1rem}.tab-content table th{padding:.875rem 1rem}.tab-content table td:last-child,.tab-content table th:last-child{text-align:right;width:200px}tr:last-child td{border-bottom:none}tr:hover{background-color:#f8fafc}.button{align-items:center;border-radius:6px;display:inline-flex;font-size:.875rem;gap:.5rem;height:2.25rem;padding:.5rem 1rem;transition:all .2s ease}.button:disabled{cursor:not-allowed;opacity:.7;transform:none!important}.button i{font-size:.875rem}.button-primary{background-color:#3182ce}.button-primary:hover:not(:disabled){background-color:#2c5282;transform:translateY(-1px)}.button-secondary{background-color:#e2e8f0;color:#475569}.button-secondary:hover:not(:disabled){background-color:#cbd5e1;transform:translateY(-1px)}.button-warning{background-color:#e53e3e;color:#fff}.button-warning:hover{background-color:#c53030;transform:translateY(-1px)}.status-badge{align-items:center;border-radius:6px;display:inline-flex;padding:.375rem .75rem}.status-badge.aktiv{background-color:#def7ec;color:#046c4e}.status-badge.lukket{background-color:#fde8e8;color:#9b1c1c}.status-badge.afventer{background-color:#fef3c7;color:#92400e}.modal{align-items:center;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.modal-content{animation:modalFadeIn .3s ease-out;box-shadow:0 2px 10px #0000001a;max-height:85vh;max-width:900px!important;width:98%}.modal-content h4{color:#333;margin-bottom:1.5rem}.form-group{margin-bottom:.5rem}.form-group label{color:#4a5568;display:block;font-size:.875rem;margin-bottom:.25rem}.form-group input,.form-group select{font-size:.875rem;height:2.25rem;padding:.375rem .5rem}.button-group{display:flex;gap:1rem;margin-top:1.5rem}.save-button{background-color:#007bff;color:#fff}.cancel-button,.save-button{border:none;border-radius:4px;cursor:pointer;font-size:1rem;padding:.5rem 1rem}.save-button:hover{background-color:#0056b3}.cancel-button:hover{background-color:#5a6268}.add-button-container{display:flex;justify-content:flex-end;margin-bottom:0}.add-button{align-items:center;background-color:#3182ce;border:none;border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.5rem 1rem;transition:all .2s ease}.add-button:hover{background-color:#2c5282;transform:translateY(-1px)}.add-button i{font-size:.75rem}.error-message{background-color:#fff5f5;border:1px solid #feb2b2;gap:.5rem;margin-bottom:1rem;padding:1rem}.loading{color:#4a5568;font-size:.9375rem;gap:.5rem}.loading i{color:#3182ce}.date-fields{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(2,1fr);margin-bottom:.75rem}.kundeoplysninger-container{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:2fr 1fr}.kundeoplysninger-info{background-color:#fff}.kundeoplysninger-info,.kundeoplysninger-static{border-radius:12px;box-shadow:0 2px 12px #0000000f;padding:1.5rem}.kundeoplysninger-static{background-color:#f8fafc}.static-field{margin-bottom:1.5rem}.static-field:last-child{margin-bottom:0}.static-field p:first-child{color:#4a5568;margin-bottom:.5rem}.static-field p:last-child{color:#2d3748;font-size:.9375rem}.brugeradgang-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.brugeradgang-header h3{margin-bottom:0}.modal-overlay{background-color:#00000080;bottom:0;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-header,.modal-overlay{align-items:center;display:flex}.modal-header{border-bottom:1px solid #eee;justify-content:space-between;padding:.75rem 1rem}.modal-header h4{color:#333;font-size:1.2rem;margin:0}.modal-close-button{background:none;border:none;color:#666;cursor:pointer;font-size:1.5rem;line-height:1;padding:.5rem}.modal-close-button:hover{color:#333}.modal-body{padding:1.5rem}.modal-body p{color:#333;margin:0 0 1rem}.warning-text{color:#dc3545;font-weight:500}.modal-footer{border-top:1px solid #eee;display:flex;gap:1rem;justify-content:flex-end;padding:1rem}.button-danger{align-items:center;background-color:#dc3545;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;gap:.5rem;padding:.5rem 1rem;transition:background-color .2s}.button-danger:hover{background-color:#c82333}.button-danger:disabled{background-color:#dc354580;cursor:not-allowed}@keyframes modalFadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.lonkorsel-form{grid-gap:2.5rem!important;display:grid;gap:2.5rem!important;grid-template-columns:2fr 1.2fr!important;max-width:850px;padding:1rem}.lonkorsel-form-section{background-color:#f8fafc;border-radius:8px;min-width:0;padding:1rem}.lonkorsel-form-section h5{border-bottom:1px solid #e2e8f0;color:#2d3748;font-size:1rem;font-weight:600;margin-bottom:.75rem;padding-bottom:.5rem}.basic-info-section{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:1fr 1fr}.full-width{grid-column:1/-1}.deadline-fields{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:1fr}.form-footer{border-top:1px solid #e2e8f0;display:flex;gap:.75rem;grid-column:1/-1;justify-content:flex-end;margin-top:.75rem;padding-top:.75rem}.form-footer .button{justify-content:center;min-width:120px}@media (max-width:1100px){.modal-content{max-width:99vw!important;width:99vw!important}.lonkorsel-form{gap:1.2rem!important;max-width:99vw}}@media (max-width:900px){.lonkorsel-form{grid-template-columns:1fr!important;max-width:99vw}}.status-select{background-color:#f8fafc;border-color:#e2e8f0}.status-select option{padding:.5rem}.month-year-picker{grid-gap:1rem;align-items:start;display:grid;gap:1rem;grid-template-columns:2fr 1fr}.month-select{background-color:#f8fafc;border-color:#e2e8f0}.year-input{text-align:center;width:100%}.nemkonto-setting{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin-top:1.5rem;padding:1rem}.nemkonto-setting label{align-items:center;cursor:pointer;display:flex;gap:.5rem;-webkit-user-select:none;user-select:none}.nemkonto-setting input[type=checkbox]{cursor:pointer;height:1.25rem;width:1.25rem}.nemkonto-setting .saving-indicator{color:#4a5568;font-size:.875rem;margin-left:.5rem}.employee-fields-table td,.employee-fields-table th{min-width:120px;padding:1rem 1.25rem}.employee-fields-table td.felt,.employee-fields-table th.felt{min-width:180px}.employee-fields-table td input,.employee-fields-table td select,.employee-fields-table th input,.employee-fields-table th select{background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;font-size:1rem;max-width:260px;min-width:120px;padding:.5rem .75rem;width:100%}.employee-fields-table td .checkbox{height:1.25rem;width:1.25rem}@media (max-width:900px){.employee-fields-table td,.employee-fields-table th{font-size:.9rem;padding:.5rem}.employee-fields-table td input,.employee-fields-table td select,.employee-fields-table th input,.employee-fields-table th select{font-size:.95rem;max-width:140px;min-width:80px}}td:last-child,td:nth-last-child(2),th:last-child,th:nth-last-child(2){max-width:80px;min-width:80px;text-align:center;width:80px}th:last-child,th:nth-last-child(2){text-align:center}.tab-content table td:first-child,.tab-content table th:first-child{max-width:260px;min-width:180px;width:220px}.tab-content table td:nth-child(2),.tab-content table th:nth-child(2){max-width:340px;min-width:200px;width:280px}.tab-content table td:nth-child(3),.tab-content table th:nth-child(3){font-size:.97em;line-height:1.2;max-width:200px;min-width:120px;padding-left:.75rem;padding-right:.75rem;text-align:left;white-space:nowrap;width:160px}.tab-content table td:nth-child(4),.tab-content table th:nth-child(4){max-width:120px;min-width:80px;text-align:center;width:100px}.tab-content table td:nth-child(5),.tab-content table th:nth-child(5){max-width:140px;min-width:100px;text-align:right;width:120px}.tab-content .aktiv,.tab-content .inaktiv,.tab-content .status-badge{align-items:center;border:none;border-radius:999px;display:inline-flex;font-size:.95em;font-weight:600;gap:.4em;letter-spacing:.01em;padding:.35em .9em}.tab-content .aktiv,.tab-content .status-badge.aktiv{background:#e6f9ed;color:#1a7f37}.tab-content .inaktiv,.tab-content .status-badge.inaktiv{background:#fbeaea;color:#c53030}.tab-content .aktiv:before,.tab-content .status-badge.aktiv:before{content:"";margin-right:0}.tab-content .inaktiv:before,.tab-content .status-badge.inaktiv:before{content:"\26A0";font-size:1em;margin-right:.3em}.tab-content .aktiver-button,.tab-content .deaktiver-button{align-items:center;border:none;border-radius:6px;cursor:pointer;display:inline-flex;font-size:.93em;font-weight:500;gap:.3em;margin-right:.5em;padding:.35em .9em;transition:background .15s,color .15s}.tab-content .deaktiver-button{background:#fdeaea;color:#c53030}.tab-content .deaktiver-button:hover{background:#fbb6b6;color:#fff}.tab-content .aktiver-button{background:#e6f9ed;color:#1a7f37}.tab-content .aktiver-button:hover{background:#38b2ac;color:#fff}.tab-content .deaktiver-button:before{content:"\2716";font-size:1em}.tab-content .aktiver-button:before{content:"\2714";font-size:1em}.tab-content td .aktiver-button:last-child,.tab-content td .deaktiver-button:last-child{margin-right:0}.brugeradgang-table td,.brugeradgang-table th{&:first-child{min-width:160px}&:nth-child(2){min-width:220px}&:nth-child(5){min-width:110px;text-align:right}}.afregningsform-table td:first-child,.afregningsform-table th:first-child{min-width:200px!important;text-align:left!important}.afregningsform-table td:nth-child(2),.afregningsform-table th:nth-child(2){max-width:80px!important;min-width:60px!important;text-align:center!important}.afregningsform-table td:nth-child(3),.afregningsform-table th:nth-child(3){max-width:120px!important;min-width:80px!important;text-align:left!important}.afregningsform-table td:last-child,.afregningsform-table th:last-child{max-width:260px!important;min-width:200px!important;text-align:right!important}.medarbejderfelter-table td,.medarbejderfelter-table th{font-size:.95em;padding:.5em .7em}.lonkorsler-table td,.lonkorsler-table th{&:nth-child(2),&:nth-child(3){max-width:160px!important;min-width:100px!important}&:nth-child(4){min-width:90px;text-align:center}}.lonarter-table td,.lonarter-table th{&:first-child{min-width:80px}&:nth-child(2){min-width:180px}}.skabeloner-table td,.skabeloner-table th{&:first-child{min-width:180px}&:nth-child(2){min-width:220px}}.skabeloner-table th:last-child{text-align:center!important}.skabeloner-table td:last-child{padding-left:0!important;padding-right:0!important;text-align:right!important}.skabeloner-table td:last-child .button-group{margin:0!important;padding:0!important}.skabeloner-table td:last-child .button{margin:0!important}.afregningsform-table{margin:0!important;padding:0!important;table-layout:fixed!important;width:100%!important}.afregningsform-table td,.afregningsform-table th{padding-left:1rem!important;padding-right:1rem!important}.afregningsform-table th:last-child{text-align:center!important}.afregningsform-table td:last-child{text-align:right!important}.lonarter-table td:last-child{padding-left:0!important;padding-right:0!important;text-align:right!important}.lonarter-table td:last-child .button-group{margin:0!important;padding:0!important}.lonarter-table td:last-child .button{margin:0!important}.lonarter-table th:last-child,.lonkorsler-table th:last-child{text-align:center!important}.lonkorsler-table td:last-child{padding-left:0!important;padding-right:0!important;text-align:right!important}.lonkorsler-table td:last-child .button-group{margin:0!important;padding:0!important}.lonkorsler-table td:last-child .button{margin:0!important}.employee-management{background-color:#fff;border-radius:4px;box-shadow:0 1px 3px #0000001a;overflow:visible!important;overflow-x:auto;padding:10px}.employee-table{background-color:#fff;border-collapse:collapse;font-size:13px;margin-bottom:10px;overflow:visible!important;position:relative;width:100%;z-index:1}.employee-table td,.employee-table th{border:1px solid #e0e0e0;line-height:1.2;overflow:visible!important;padding:6px 8px;text-align:left;vertical-align:middle}.employee-table td:first-child,.employee-table th:first-child{min-width:120px;width:120px}.employee-table td:nth-child(2),.employee-table td:nth-child(3),.employee-table th:nth-child(2),.employee-table th:nth-child(3){min-width:250px;width:250px}.employee-table th{background-color:#f5f5f5;color:#333;font-weight:600;white-space:nowrap}.employee-table tr:nth-child(2n){background-color:#f9f9f9}.employee-table tr:hover{background-color:#f5f5f5}.employee-table .status-pending{color:#ffc107;font-weight:500}.employee-table .status-processed{color:#28a745;font-weight:500}.employee-table .status-modified{color:#ff9800;font-weight:500}.employee-table .emp-action-buttons{display:flex;gap:4px;white-space:nowrap}.employee-table .emp-action-btn{background:none;border:none;border-radius:4px;cursor:pointer;font-size:12px;height:24px;min-width:24px;padding:4px}.employee-table .emp-action-btn i{font-size:14px}.employee-table .emp-action-btn:hover{background-color:#e9ecef}.employee-table .emp-edit-btn:hover{color:#007bff}.employee-modal-backdrop{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#0006;bottom:0;display:flex;justify-content:center;left:0;overflow:visible;position:fixed;right:0;top:0;z-index:1000}.employee-modal{background:#fff;border-radius:12px;box-shadow:0 10px 25px #0000001a;display:flex;flex-direction:column;max-height:90vh;max-width:900px;overflow:hidden;position:relative;width:95%}.employee-modal h2{background:#fff;border-bottom:1px solid #f0f0f0;border-radius:12px 12px 0 0;color:#1a1a1a;flex-shrink:0;font-size:18px;font-weight:600;margin:0;padding:16px 24px;z-index:10}.employee-modal-content{flex:1 1;min-height:0;overflow-y:auto!important;padding:16px 24px}.employee-section{background-color:#fff;border:1px solid #f0f0f0;border-radius:8px;margin-bottom:16px;overflow:visible;position:relative}.section-header{align-items:center;background-color:#fafafa;border-bottom:1px solid #f0f0f0;border-radius:8px 8px 0 0;display:flex;gap:12px;padding:12px 16px}.section-header i{color:#4a5568;font-size:16px}.section-header h3{color:#2d3748;font-size:14px;margin:0}.section-header .section-description{color:#718096;font-size:12px;margin-top:2px}.section-content{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(2,1fr);overflow:visible;padding:12px;position:relative}.employee-form-group{grid-gap:8px;align-items:start;display:grid;gap:8px;grid-template-columns:140px 1fr;margin:0;overflow:visible!important;padding:4px 8px}.employee-form-group.span-full{grid-column:1/-1;grid-template-columns:140px 1fr}.employee-form-group input[type=checkbox]{align-self:center;border:2px solid #cbd5e0;border-radius:4px;cursor:pointer;display:inline-block;height:16px;margin:0;vertical-align:middle;width:16px}.employee-form-group label{align-items:center;color:#4a5568;display:flex;flex-direction:row;font-size:13px;font-weight:500;gap:.5rem;padding-top:6px}.employee-form-group input[type=date],.employee-form-group input[type=email],.employee-form-group input[type=number],.employee-form-group input[type=text],.employee-form-group select{border:1px solid #e2e8f0;border-radius:6px;font-size:13px;height:32px;padding:6px 10px;transition:all .2s}.employee-form-group textarea{border:1px solid #e2e8f0;border-radius:6px;font-size:13px;min-height:60px;padding:6px 10px;resize:vertical;width:100%}.employee-form-group.span-full textarea{min-height:150px}.form-help-text{color:#718096;font-size:11px;grid-column:1/-1;margin-top:2px}@media (max-width:1200px){.section-content{grid-template-columns:1fr}}.employee-section h3{background-color:#fafafa;border-bottom:1px solid #f0f0f0;border-radius:8px 8px 0 0;color:#1a1a1a;font-size:16px;font-weight:500;margin:0;padding:16px 20px}.employee-section .employee-form-group{border-bottom:1px solid #f5f5f5;margin:0;padding:16px 20px}.employee-section .employee-form-group:last-child{border-bottom:none}.employee-form-group label:after{color:#e53e3e;content:"*";display:none;margin-left:4px}.employee-form-group label[for*=required]:after{display:inline}.employee-form-group input:focus,.employee-form-group select:focus,.employee-form-group textarea:focus{border-color:#3182ce;box-shadow:0 0 0 3px #3182ce1a;outline:none}.employee-form-group input:disabled{background-color:#f7fafc;color:#718096;cursor:not-allowed}.copy-from-section{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:16px;padding:16px}.copy-from-section .form-group{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.copy-from-section .form-group:last-child{margin-bottom:0}.copy-from-section label{color:#4a5568;font-size:13px;font-weight:500}.copy-from-section select{background-color:#fff;border:1px solid #e2e8f0;border-radius:6px;font-size:13px;height:32px;padding:6px 10px;transition:all .2s}.copy-from-section select:focus{border-color:#3182ce;box-shadow:0 0 0 3px #3182ce1a;outline:none}.copy-from-section select:hover{border-color:#cbd5e0}.checkbox-group{align-items:center;display:flex;padding-top:6px}.checkbox-group input[type=checkbox]:checked{background-color:#3182ce;border-color:#3182ce}.employee-modal-footer{background:#fff;border-radius:0 0 12px 12px;border-top:1px solid #f0f0f0;flex-shrink:0;justify-content:space-between;padding:16px 24px}.employee-modal-footer,.modal-navigation,.nav-btn{align-items:center;display:flex}.nav-btn{background-color:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#4a5568;cursor:pointer;font-size:13px;font-weight:500;gap:8px;height:36px;padding:0 16px;transition:all .2s}.nav-btn:hover{background-color:#f7fafc;border-color:#cbd5e0}.nav-btn i{font-size:12px}.employee-save-btn{align-items:center;display:flex;gap:8px}.employee-save-btn i{font-size:12px}.employee-cancel-btn,.employee-save-btn{border-radius:6px;cursor:pointer;font-size:13px;font-weight:500;height:36px;padding:0 16px;transition:all .2s}.employee-cancel-btn{background-color:#fff;border:1px solid #e2e8f0;color:#4a5568}.employee-save-btn{background-color:#3182ce;border:none;color:#fff}.employee-cancel-btn:hover{background-color:#f7fafc;border-color:#cbd5e0}.employee-save-btn:hover{background-color:#2c5282}.employee-modal .close-button{align-items:center;background:none;border:none;border-radius:6px;color:#718096;cursor:pointer;display:flex;font-size:24px;height:36px;justify-content:center;padding:8px;position:absolute;right:24px;top:20px;transition:all .2s;width:36px;z-index:11}.employee-modal .close-button:hover{background-color:#f7fafc;color:#4a5568}.employee-modal::-webkit-scrollbar{width:8px}.employee-modal::-webkit-scrollbar-track{background:#f7fafc}.employee-modal::-webkit-scrollbar-thumb{background-color:#cbd5e0;border:2px solid #f7fafc;border-radius:4px}.emp-table-header{align-items:center;justify-content:flex-end;margin:8px 0}.emp-right-buttons,.emp-table-header{display:flex;gap:.5rem}.emp-add-new-button{align-items:center;background-color:#28a745;border:none;border-radius:4px;color:#fff;cursor:pointer;display:inline-flex;font-size:13px;font-weight:500;gap:6px;height:32px;justify-content:center;padding:0 12px}.emp-add-new-button:hover{background-color:#218838}.emp-add-new-button:before{content:"";font-size:16px;font-weight:500}.row-modified{background-color:#fff3cd!important}.row-new{background-color:#d4edda!important}.row-processed{background-color:#e8f5e9!important;color:#2e7d32}.row-processed td{opacity:.8}@media (max-width:768px){.employee-table{display:block;overflow-x:auto}.employee-form-group{grid-template-columns:1fr}}.employee-modal-steps{display:flex;justify-content:space-between;margin:16px 0;padding:0 24px;position:relative}.employee-modal-steps:before{background-color:#e2e8f0;content:"";height:2px;left:50px;position:absolute;right:50px;top:24px;z-index:1}.step{flex:1 1;flex-direction:column;text-align:center;z-index:2}.step,.step-number{align-items:center;display:flex;position:relative}.step-number{background-color:#f7fafc;border:2px solid #e2e8f0;border-radius:50%;color:#4a5568;font-weight:600;height:36px;justify-content:center;margin-bottom:6px;transition:all .3s;width:36px}.step-number i{font-size:14px}.step.active .step-number{background-color:#3182ce;border-color:#3182ce;color:#fff}.step.completed .step-number{background-color:#48bb78;border-color:#48bb78;color:#fff}.step-label{color:#4a5568;font-size:12px;font-weight:500}.step.active .step-label{color:#3182ce}.employee-modal .searchable-select{overflow:visible!important;position:relative}.employee-modal .select-dropdown{background:#fff;border:1px solid #e2e8f0;border-radius:6px;box-shadow:0 4px 6px #0000001a;position:fixed;transform-origin:top left;z-index:99999}.employee-modal .select-dropdown.active{width:400px}.employee-form-group *,.employee-modal *,.employee-modal-content *,.employee-section *,.section-content *{overflow:visible;overflow:initial}.options-list{overflow-y:auto!important}.employee-form-group{position:relative}.select-dropdown{left:0;top:0}.select-dropdown.active{width:400px}.employee-modal-content::-webkit-scrollbar{width:8px}.employee-modal-content::-webkit-scrollbar-track{background:#f7fafc}.employee-modal-content::-webkit-scrollbar-thumb{background-color:#cbd5e0;border:2px solid #f7fafc;border-radius:4px}.error-message{background-color:#fff2f2;border:1px solid #ffcdd2;color:#d32f2f;white-space:pre-line}.employee-form-group label.required:after{color:#d32f2f;content:" *"}.employee-form-group input:required,.employee-form-group select:required{border-color:#d32f2f}.employee-form-group input:invalid,.employee-form-group select:invalid{border-color:#d32f2f}.employee-form-group input:focus:invalid,.employee-form-group select:focus:invalid{box-shadow:0 0 0 2px #d32f2f33}.employee-form-group.form-group{grid-template-columns:1fr;padding:0}.employee-form-group{margin-bottom:0}.searchable-select-wrapper{overflow:visible!important}.searchable-select,.searchable-select-wrapper{position:relative;width:100%}.select-header{position:relative}.select-header,.select-input{cursor:pointer;-webkit-user-select:none;user-select:none;width:100%}.select-input{background-color:#fff;border:1px solid #e2e8f0;border-radius:6px;font-size:13px;padding:6px 10px}.select-arrow{color:#718096;font-size:10px;pointer-events:none;position:absolute;right:10px;top:50%;transform:translateY(-50%)}.select-dropdown{background:#fff;border:1px solid #e2e8f0;border-radius:6px;box-shadow:0 4px 6px #0000001a;margin-top:2px;position:fixed;z-index:99999}.search-input{background:#fff;border:none;border-bottom:1px solid #e2e8f0;font-size:13px;padding:8px 12px;position:sticky;top:0;z-index:2}.search-input:focus{border-color:#3182ce}.options-list{max-height:250px;overflow-y:auto}.option,.options-list{position:relative;z-index:1}.option{cursor:pointer;padding:8px 12px;transition:background-color .2s;-webkit-user-select:none;user-select:none}.option:hover{background-color:#f7fafc}.option.selected{background-color:#ebf8ff;color:#2b6cb0}.options-list::-webkit-scrollbar{width:6px}.options-list::-webkit-scrollbar-track{background:#f7fafc}.options-list::-webkit-scrollbar-thumb{background-color:#cbd5e0;border-radius:3px}.searchable-select .select-header:hover .select-input{border-color:#999}.searchable-select .select-header:focus-within .select-input{border-color:#007bff}.login-container{align-items:center;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);display:flex;justify-content:center;min-height:100vh;padding:20px}.login-box{background:#fff;border-radius:20px;box-shadow:0 10px 25px #0000001a;max-width:420px;padding:40px;transition:transform .3s ease;width:100%}.login-box:hover{transform:translateY(-5px)}.login-header{margin-bottom:30px;text-align:center}.login-logo{height:auto;margin-bottom:20px;width:180px}.login-header h1{color:#2c3e50;font-size:24px;font-weight:600;margin:0}.login-form{gap:20px}.form-group,.login-form{display:flex;flex-direction:column}.form-group{gap:8px}.form-group label{color:#2c3e50;font-size:14px;font-weight:500}.input-with-icon{align-items:center;display:flex;position:relative}.input-with-icon i{color:#94a3b8;font-size:16px;left:12px;position:absolute}.input-with-icon input{background:#f8fafc;border:2px solid #e2e8f0;border-radius:10px;font-size:14px;padding:12px 40px 12px 35px;transition:all .3s ease;width:100%}.input-with-icon input:focus{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.input-with-icon input::placeholder{color:#94a3b8}.login-button{background:#3b82f6;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:16px;font-weight:500;margin-top:10px;padding:14px;transition:all .3s ease}.login-button:hover{background:#2563eb;transform:translateY(-1px)}.login-button:disabled{background:#94a3b8;cursor:not-allowed;transform:none}.loading-spinner{display:inline-block}.loading-spinner i{animation:spin 1s linear infinite}.error-message{background:#fee2e2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;font-size:14px;margin-bottom:15px}.forgot-password{margin-top:15px;text-align:center}.forgot-password a{color:#3b82f6;font-size:14px;text-decoration:none;transition:color .3s ease}.forgot-password a:hover{color:#2563eb;text-decoration:underline}.ellipsis-container{display:none}@media (max-width:480px){.login-box{padding:20px}.login-logo{width:100px}}.DataExchange{background-color:#f8f9fa;min-height:100vh;padding:20px}.year-navigation{gap:20px;justify-content:center;margin-bottom:20px;position:relative}.year-actions,.year-navigation{align-items:center;display:flex}.year-actions{gap:10px;margin-left:0;position:absolute;right:0;top:50%;transform:translateY(-50%)}.year-nav-btn{background:none;border:1px solid #dee2e6;border-radius:4px;color:#666;cursor:pointer;padding:8px 12px;transition:all .2s ease}.year-nav-btn:hover:not(:disabled){background-color:#f8f9fa;color:#333}.year-nav-btn:disabled{cursor:not-allowed;opacity:.5}.year-display{color:#333;font-size:18px;font-weight:500;min-width:80px;text-align:center}.months-container{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(12,1fr);margin-bottom:30px}.month-box{border-radius:8px;cursor:pointer;padding:15px;position:relative;text-align:center;transition:all .3s ease;-webkit-user-select:none;user-select:none}.month-box:hover{background-color:#f8f9fa}.month-box:focus{outline:2px solid #007bff;outline-offset:-2px}.month-box.inactive{background-color:#e0e0e0;color:#666}.month-box.active{background-color:#fff;box-shadow:0 2px 4px #0000001a;color:#333}.month-box[data-disabled=true]{cursor:not-allowed;opacity:.5}.month-box[data-disabled=true]:hover:after{display:none}.input-container{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:20px}.input-table{border-collapse:collapse;margin-bottom:20px;width:100%}.input-table td,.input-table th{border:1px solid #e0e0e0;padding:12px;text-align:left}.input-table th{background-color:#f5f5f5;font-weight:700}.input-table td{vertical-align:middle}.input-table input{border:1px solid #ddd;border-radius:4px;box-sizing:border-box;padding:8px;width:100%}.input-table input[type=number]{width:100px}.delete-btn,.edit-btn,.save-btn{border:none;border-radius:4px;cursor:pointer;margin:0 4px;padding:6px 12px}.save-btn{background-color:#28a745}.edit-btn{background-color:#007bff;color:#fff}.save-btn:hover{background-color:#218838}.edit-btn:hover{background-color:#0056b3}.add-row-btn{align-items:center;border:none;border-radius:4px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:8px;margin-bottom:20px;margin-top:10px;padding:10px 20px;transition:background-color .2s ease}.add-row-btn:active{transform:translateY(1px)}.add-row-btn:before{content:"+";font-size:16px;font-weight:700}.header-container{align-items:center;background-color:#fff;border-radius:4px;box-shadow:0 1px 2px #0000000d;display:flex;justify-content:space-between;margin-bottom:15px;padding:10px 15px}.status-action-btn{border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s ease}.status-action-btn.process-btn{background-color:#28a745;color:#fff}.status-action-btn.process-btn:hover{background-color:#218838}.status-action-btn.approve-btn{background-color:#007bff;color:#fff}.status-action-btn.approve-btn:hover{background-color:#0056b3}.status-action-btn:disabled{cursor:not-allowed;opacity:.6}.status-action-btn.active{color:#fff;cursor:default}.status-action-btn.active,.status-action-btn.active:hover{background-color:#007bff;border-color:#0056b3}.period-header{margin:0}.period-header h2{font-size:1.4rem;font-weight:500}.status-container,.status-indicator{align-items:center;display:flex}.status-indicator{font-size:13px;gap:10px;padding:6px 12px}.status-text{font-weight:500}.status-deadline{font-size:12px;opacity:.9}.status-indicator.status-open{background-color:#e8f5e9;color:#1b5e20}.status-indicator.status-processing{background-color:#e3f2fd;color:#0d47a1}.status-indicator.status-overdue{background-color:#fff3cd;color:#856404}.status-indicator.status-closed{background-color:#e9ecef;color:#495057}.input-table th:first-child{width:20%}.input-table th:nth-child(2){width:15%}.input-table th:nth-child(3),.input-table th:nth-child(4),.input-table th:nth-child(5){width:10%}.input-table th:nth-child(6){width:25%}.input-table th:nth-child(7){width:10%}.input-table input[type=number].amount-input{padding-right:8px;text-align:right;width:120px}.input-table input[type=number]{-moz-appearance:textfield}.input-table input[type=number]::-webkit-inner-spin-button,.input-table input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.tabs-container{background-color:#fff;border-bottom:1px solid #dee2e6;border-radius:8px 8px 0 0;box-shadow:0 2px 4px #0000001a;justify-content:space-between;margin-bottom:20px;padding:0 20px}.tabs-container,.tabs-left{align-items:center;display:flex}.tabs-left{gap:10px}.tab-button{border:none;color:#6c757d;cursor:pointer;font-size:16px;font-weight:500;margin-right:10px;padding:15px 25px;position:relative}.tab-button,.tab-button:after{background-color:initial;transition:all .2s ease}.tab-button:after{bottom:-1px;content:"";height:3px;left:0;position:absolute;width:100%}.tab-button.active{color:#007bff}.tab-button.active:after{background-color:#007bff}.tab-button:hover:not(.active){color:#495057}.input-table select{background-color:#fff;border:1px solid #ddd;border-radius:4px;padding:8px;width:100%}.input-table input[type=date]{padding:8px;width:140px}.file-share{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:20px}.file-section h3{margin:0}.upload-btn{display:inline-flex;transition:background-color .2s}.download-all-btn{display:none}.files-list{border:1px solid #e0e0e0}.file-item,.files-header{grid-gap:10px;border-bottom:1px solid #e0e0e0;display:grid;gap:10px;grid-template-columns:3fr 2fr 2fr 1fr 1.5fr 1.5fr}.file-item{align-items:center}.file-column{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.name-column{align-items:center;display:flex;gap:8px}.name-column i{color:#666;font-size:16px}.action-btn{color:#666;padding:8px}.action-btn:hover{background-color:#0000000d}.file-section .action-btn.delete-btn{background:none;color:#666}.file-section .action-btn.delete-btn:hover{background-color:#dc35451a;color:#dc3545}.input-container .delete-btn{background-color:#dc3545;color:#fff}.input-container .delete-btn:hover{background-color:#c82333}.error-message{gap:10px;padding:12px 20px}.error-message i{font-size:18px}.loading{align-items:center;color:#666;display:flex;flex-direction:column;justify-content:center;padding:2rem}.loading i{font-size:2rem;margin-bottom:1rem}.loading span{font-size:1rem}.file-info{color:#666;display:flex;gap:20px;margin-right:20px}.file-size{color:#666;font-size:.9em}.duplicate-dialog{background-color:#fff3cd;border:1px solid #ffeeba;border-radius:4px;margin:20px 0;padding:16px}.duplicate-message{color:#856404;margin-bottom:12px}.duplicate-actions{display:flex;gap:8px}.duplicate-actions button{border:none;border-radius:4px;cursor:pointer;font-size:.9em;padding:6px 12px}.replace-button{background-color:#dc3545;color:#fff}.rename-button{background-color:#28a745;color:#fff}.cancel-button{background-color:#6c757d;color:#fff}.duplicate-actions button:hover{opacity:.9}.files-header .actions-column{padding-top:0}.file-content{background-color:#f8f9fa;min-height:400px}.file-content,.file-section{border-radius:4px;padding:20px}.file-section{background-color:#fff;box-shadow:0 1px 3px #0000001a}.file-section h3{color:#333;font-size:18px;font-weight:500;margin:0 0 20px}.file-section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.file-section-header .file-actions{align-items:center;display:flex;gap:10px}.file-section-header .file-actions button.download-all-btn,.file-section-header .file-actions label.upload-btn{align-items:center;border:none;border-radius:4px;box-sizing:border-box;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:8px;height:36px;justify-content:center;line-height:24px;min-width:135px;padding:6px 16px;transition:all .2s ease}.file-section-header .file-actions label.upload-btn{background-color:#007bff}.file-section-header .file-actions label.upload-btn:hover{background-color:#0056b3}.file-section-header .file-actions button.download-all-btn{background-color:#28a745}.file-section-header .file-actions button.download-all-btn:hover{background-color:#218838}.file-section-header .file-actions i{font-size:14px}.file-actions{gap:10px}.btn{align-items:center;border:none;border-radius:4px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:8px;padding:8px 16px;transition:all .2s ease}.btn i{font-size:16px}.files-list{border:1px solid #dee2e6;border-radius:4px;overflow:hidden}.files-header{background-color:#f8f9fa;border-bottom:2px solid #dee2e6;display:flex;font-weight:500;padding:12px}.file-column{align-items:center;display:flex;padding:0 8px}.name-column{flex:2 1;min-width:200px}.name-column i{color:#6c757d;margin-right:8px}.uploader-column{flex:1 1;min-width:120px}.date-column{flex:1 1;min-width:150px}.size-column{flex:0.5 1;min-width:100px}.status-column{flex:0.8 1;min-width:100px}.actions-column{flex:0.5 1;justify-content:flex-end;min-width:100px}.file-item{border-bottom:1px solid #dee2e6;display:flex;padding:12px;transition:background-color .2s}.file-item:last-child{border-bottom:none}.no-files{font-style:italic;gap:10px;text-align:center}.no-files i{font-size:24px;margin-bottom:8px}.error-message{color:#721c24}.error-message i{font-size:16px}.amount-column,.type-column{flex:1 1;min-width:120px}.amount-column{text-align:right}.action-btn.approve-btn:hover{color:#28a745}.action-btn.reject-btn:hover{color:#dc3545}.download-column{flex:0.5 1;min-width:80px;text-align:center}.action-btn.download-btn:hover{background-color:#e9ecef}.name-column i.fa-file-pdf{color:#dc3545;margin-right:8px}.name-column i.fa-file-csv{color:#28a745;margin-right:8px}.download-column{color:#6c757d;font-weight:500}.name-column i.fa-file-excel{color:#1d6f42;margin-right:8px}.action-btn.process-btn:hover{background-color:#e9ecef;color:#28a745}.subtabs-container{background-color:#fff;border-radius:0 0 8px 8px;box-shadow:0 2px 4px #0000001a;display:flex;gap:10px;margin-bottom:20px;padding:20px}.subtab-button{background-color:#fff;border:1px solid #dee2e6;border-radius:4px;color:#6c757d;cursor:pointer;font-size:14px;padding:8px 16px;transition:all .2s ease}.subtab-button:hover:not(.active){background-color:#f8f9fa;color:#495057}.subtab-button.active{background-color:#007bff;border-color:#007bff;color:#fff}.DataExchange-container{padding:20px}.header-section,.tabs{margin-bottom:20px}.tabs{border-bottom:1px solid #ccc;display:flex;gap:4px}.tab{background:#f5f5f5;border:1px solid #ccc;border-bottom:none;border-radius:4px 4px 0 0;cursor:pointer;font-weight:500;padding:10px 20px;transition:all .2s ease}.tab:hover{background:#e9e9e9}.tab.active{background:#fff;border-bottom:2px solid #007bff;color:#007bff}.tab-content{background:#fff;border-radius:4px;box-shadow:0 2px 4px #0000001a;padding:20px}.error-message{align-items:center;background-color:#f8d7da;border:1px solid #f5c6cb;color:#dc3545;display:flex;gap:8px;margin:10px 0;padding:10px}.error-message i{font-size:1.2em}.file-manager-section{margin-bottom:30px}.add-row-btn,.delete-btn,.edit-btn,.save-btn{align-items:center;border:none;border-radius:4px;cursor:pointer;display:inline-flex;gap:8px;padding:8px 16px;transition:all .2s ease}.add-row-btn{background-color:#28a745;color:#fff;margin-top:16px}.add-row-btn:hover{background-color:#218838}.save-btn{background-color:#007bff;color:#fff}.save-btn:hover{background-color:#0056b3}.edit-btn{background-color:#ffc107;color:#000}.edit-btn:hover{background-color:#e0a800}.delete-btn{background-color:#dc3545;color:#fff}.delete-btn:hover{background-color:#c82333}button:disabled{cursor:not-allowed;opacity:.6}table{border-collapse:collapse;margin-bottom:1rem;width:100%}td,th{border-bottom:1px solid #dee2e6;padding:12px;text-align:left}th{font-weight:600}th,tr:hover{background-color:#f8f9fa}input{border:1px solid #ced4da;border-radius:4px;padding:8px;transition:border-color .2s ease;width:100%}input:focus{border-color:#80bdff;box-shadow:0 0 0 .2rem #007bff40;outline:none}.status-indicator{background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:4px;margin-bottom:20px;padding:15px}.period-selector{align-items:center;background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;gap:20px;margin-bottom:20px;padding:20px}.period-selector select{background-color:#fff;border:1px solid #dee2e6;border-radius:4px;color:#495057;font-size:14px;padding:8px 12px}.period-header h2{color:#333;font-size:24px;margin:0}@media (max-width:768px){.header-container{flex-direction:column;gap:20px}.file-item,.files-header{grid-template-columns:2fr 1fr 1fr}.period-selector,.tabs-container{align-items:stretch;flex-direction:column}.tabs-container{gap:10px;padding:0 10px}.year-actions{justify-content:flex-start;margin-left:0;margin-top:10px}}@media (max-width:480px){.file-item,.files-header{gap:10px;grid-template-columns:1fr}.tab-button{font-size:14px;padding:10px 15px}}.file-item .name-column i.fa-file-pdf{color:#dc3545}.file-item .name-column i.fa-file-csv{color:#28a745}.file-item .name-column i.fa-file-excel{color:#1d6f42}.file-item .name-column i{font-size:16px;margin-right:8px}.status-badge{border-radius:4px;font-size:12px;padding:4px 8px}.status-badge.uploadet{background-color:#e3f2fd;color:#0d47a1}.status-badge.downloadet{background-color:#fff3e0;color:#e65100}.status-badge.behandlet{background-color:#e8f5e9;color:#1b5e20}.status-badge.afventer{background-color:#fff3cd;color:#856404}.status-badge.godkendt{background-color:#d4edda;color:#155724}.status-badge.afvist{background-color:#f8d7da;color:#721c24}.status-badge.klar{background-color:#e8f5e9;color:#1b5e20}.action-btn.preview-btn:hover{color:#6c757d}.action-btn.download-btn:hover{color:#007bff}.file-section .action-btn.process-btn,.file-section .action-btn.process-btn:hover{color:#6c757d}.file-item:hover{background-color:#f8f9fa;transition:background-color .2s ease}.file-table{border-collapse:collapse;margin-top:16px;width:100%}.file-table td,.file-table th{border-bottom:1px solid #dee2e6;padding:12px;text-align:left}.file-table th{background-color:#f8f9fa;color:#495057;font-weight:600}.file-table td{color:#212529}.file-table .name-column{width:40%}.file-table .status-column{width:15%}.file-table .date-column{width:20%}.file-table .actions-column{text-align:right;width:25%}.folder-navigation{margin-bottom:16px}.folder-navigation,.folder-path{align-items:center;display:flex;gap:8px}.folder-path{flex-grow:1}.folder-path-item{align-items:center;border-radius:4px;color:#495057;cursor:pointer;display:flex;gap:4px;padding:4px 8px;transition:background-color .2s ease}.folder-path-item:hover{background-color:#e9ecef}.folder-path-separator{color:#6c757d}.new-folder-btn{align-items:center;background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;gap:8px;padding:8px 16px;transition:background-color .2s ease}.new-folder-btn:hover{background-color:#0056b3}.new-folder-btn i{font-size:14px}.folder-item{cursor:pointer}.folder-item .name-column i{color:gold;font-size:16px;margin-right:8px}.loading-state{align-items:center;background:#f8f9fa;border-radius:4px;color:#6c757d;display:flex;font-size:16px;gap:10px;justify-content:center;margin:20px 0;padding:40px}.loading-state i{animation:spin 1s linear infinite;color:#007bff;font-size:20px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.file-actions{margin-left:auto}.create-folder-btn,.file-actions{align-items:center;display:flex;gap:8px}.create-folder-btn{background-color:#6c757d;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;transition:background-color .2s}.create-folder-btn:hover{background-color:#5a6268}.create-folder-btn:disabled{background-color:#e9ecef;color:#6c757d;cursor:not-allowed}.create-folder-btn i{font-size:16px}.create-folder-form{align-items:center;background-color:#f8f9fa;border-radius:4px;display:flex;gap:8px;margin:16px 0;padding:16px}.create-folder-form input{border:1px solid #ced4da;border-radius:4px;flex:1 1;font-size:14px;padding:8px 12px}.create-folder-form input:focus{border-color:#80bdff;box-shadow:0 0 0 .2rem #007bff40;outline:none}.create-folder-form button{border:none;border-radius:4px;cursor:pointer;font-size:14px;padding:8px 16px;transition:all .2s ease}.create-folder-form button:first-of-type{background-color:#28a745;color:#fff}.create-folder-form button:first-of-type:hover{background-color:#218838}.create-folder-form button:last-of-type{background-color:#6c757d;color:#fff}.create-folder-form button:last-of-type:hover{background-color:#5a6268}.create-folder-form button:disabled{background-color:#e9ecef;color:#6c757d;cursor:not-allowed}.upload-btn{align-items:center;background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:14px;gap:8px;padding:8px 16px;transition:all .2s ease}.upload-btn:hover{background-color:#0056b3}.upload-btn i{font-size:14px}.upload-btn.disabled{background-color:#e9ecef;color:#6c757d;cursor:not-allowed}.file-item.dragging{background-color:#e9ecef;opacity:.5}.folder-item.drag-over{background-color:#e3f2fd;border:2px dashed #007bff}.folder-item{transition:all .2s ease}.no-files{align-items:center;background-color:#f8f9fa;border-radius:4px;color:#6c757d;display:flex;flex-direction:column;justify-content:center;margin:20px 0;padding:40px}.no-files i{font-size:48px;margin-bottom:16px}.files-list{border:2px solid #0000;min-height:200px;position:relative;transition:all .2s ease-in-out}.files-list.dragging-over{background-color:#007bff0d;border:2px dashed #007bff}.files-list.dragging-over:before{animation:fadeIn .2s ease-in-out;background-color:#007bff;border-radius:4px;box-shadow:0 4px 8px #0003;color:#fff;content:"Slip filer her for at uploade";font-size:1.1rem;left:50%;padding:1rem 2rem;pointer-events:none;position:fixed;top:50%;transform:translate(-50%,-50%);z-index:1000}.files-list.dragging-over .file-item,.files-list.dragging-over .files-header,.files-list.dragging-over .no-files{opacity:.5}@keyframes fadeIn{0%{opacity:0;transform:translate(-50%,-60%)}to{opacity:1;transform:translate(-50%,-50%)}}:root{--primary:#2563eb;--primary-light:#3b82f6;--primary-dark:#1d4ed8;--success:#16a34a;--success-light:#22c55e;--success-bg:#f0fdf4;--danger:#dc2626;--danger-light:#ef4444;--warning:#f59e0b;--warning-light:#fbbf24;--neutral-50:#f8fafc;--neutral-100:#f1f5f9;--neutral-200:#e2e8f0;--neutral-300:#cbd5e1;--neutral-400:#94a3b8;--neutral-500:#64748b;--neutral-600:#475569;--neutral-700:#334155;--neutral-800:#1e293b;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:12px;--spacing-lg:16px;--spacing-xl:24px;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a}.payroll-changes{background-color:#fff;border-radius:8px;border-radius:var(--radius-lg);box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md);min-width:1200px;overflow-x:auto;padding:16px;padding:var(--spacing-lg)}.toggle-container{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--neutral-200);display:flex;gap:12px;gap:var(--spacing-md);margin-bottom:24px;margin-bottom:var(--spacing-xl);padding-bottom:4px;padding-bottom:var(--spacing-xs)}.toggle-button{background:none;border:none;color:#475569;color:var(--neutral-600);cursor:pointer;font-size:14px;font-weight:500;padding:8px 12px;padding:var(--spacing-sm) var(--spacing-md);position:relative;transition:color .2s ease}.toggle-button:after{background-color:initial;bottom:-1px;content:"";height:2px;left:0;position:absolute;transition:background-color .2s ease;width:100%}.toggle-button.active{color:#2563eb;color:var(--primary)}.toggle-button.active:after{background-color:#2563eb;background-color:var(--primary)}.toggle-button:hover:not(.active){color:#1e293b;color:var(--neutral-800)}.table-header{align-items:center;display:flex;justify-content:flex-end;margin-bottom:16px;margin-bottom:var(--spacing-lg);padding-right:12px;padding-right:var(--spacing-md)}.right-buttons{margin-left:auto}.add-new-button,.right-buttons{align-items:center;display:flex;gap:8px}.add-new-button{background-color:#28a745;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;transition:background-color .2s ease}.add-new-button:before{content:"\f067";font-family:Font Awesome\ 5 Free;font-size:14px;font-weight:900}.add-new-button:hover{background-color:#218838}.add-new-button i{font-size:14px}.download-dropdown{display:inline-block;position:relative}.download-options{background-color:#fff;border:1px solid #e2e8f0;border:1px solid var(--neutral-200);border-radius:6px;border-radius:var(--radius-md);box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md);margin-top:4px;min-width:200px;position:absolute;right:0;top:100%;z-index:1000}.download-options button{background:none;border:none;color:#334155;color:var(--neutral-700);cursor:pointer;display:block;font-size:14px;padding:8px 12px;padding:var(--spacing-sm) var(--spacing-md);text-align:left;transition:all .2s ease;width:100%}.download-options button:hover{background-color:#f8fafc;background-color:var(--neutral-50);color:#2563eb;color:var(--primary)}.download-options button:first-child{border-radius:6px 6px 0 0;border-radius:var(--radius-md) var(--radius-md) 0 0}.download-options button:last-child{border-radius:0 0 6px 6px;border-radius:0 0 var(--radius-md) var(--radius-md)}.download-options button:not(:last-child){border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--neutral-200)}.download-button{align-items:center;background-color:#6c757d;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:14px;gap:8px;padding:8px 16px;transition:background-color .2s ease}.download-button:hover{background-color:#5a6268}.download-button i{font-size:14px}.download-button:disabled{background-color:#e9ecef;color:#6c757d;cursor:not-allowed}.save-changes-button{align-items:center;background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:14px;gap:8px;padding:8px 16px;transition:all .2s ease}.save-changes-button:hover{background-color:#0056b3}.save-changes-button i{font-size:14px}.save-changes-button:disabled{background-color:#e9ecef;color:#6c757d;cursor:not-allowed}.payroll-table{border-collapse:initial;border-spacing:0;font-size:14px;width:100%}.payroll-table th{background-color:#f8fafc;background-color:var(--neutral-50);font-weight:600;text-align:left}.payroll-table td,.payroll-table th{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--neutral-200);color:#334155;color:var(--neutral-700);padding:8px 12px;padding:var(--spacing-sm) var(--spacing-md)}.payroll-table td:not(:last-child),.payroll-table th:not(:last-child){border-right:1px solid #e2e8f0;border-right:1px solid var(--neutral-200)}.payroll-table td.action-buttons{border-left:1px solid #e2e8f0;border-left:1px solid var(--neutral-200)}.payroll-table td.action-buttons,.payroll-table tr:hover td,.payroll-table tr:hover td.action-buttons{background-color:#f8fafc;background-color:var(--neutral-50)}.payroll-table.type-variable{table-layout:fixed}.payroll-table.type-variable td:first-child,.payroll-table.type-variable td:nth-child(2),.payroll-table.type-variable th:first-child,.payroll-table.type-variable th:nth-child(2){width:180px}.payroll-table.type-variable td:nth-child(3),.payroll-table.type-variable td:nth-child(4),.payroll-table.type-variable td:nth-child(5),.payroll-table.type-variable th:nth-child(3),.payroll-table.type-variable th:nth-child(4),.payroll-table.type-variable th:nth-child(5){width:80px}.payroll-table.type-variable td:nth-child(6),.payroll-table.type-variable th:nth-child(6){width:180px}.payroll-table.type-variable td:nth-child(7),.payroll-table.type-variable th:nth-child(7){width:250px}.payroll-table.type-variable td:nth-child(8),.payroll-table.type-variable th:nth-child(8){white-space:nowrap;width:140px}.payroll-table.type-variable td:nth-child(9),.payroll-table.type-variable th:nth-child(9){white-space:nowrap;width:160px}.payroll-table.type-employee td:first-child,.payroll-table.type-employee td:nth-child(2),.payroll-table.type-employee th:first-child,.payroll-table.type-employee th:nth-child(2){width:300px}.payroll-table.type-employee td:nth-child(3),.payroll-table.type-employee td:nth-child(4),.payroll-table.type-employee th:nth-child(3),.payroll-table.type-employee th:nth-child(4){width:120px}.payroll-table.type-employee td:nth-child(5),.payroll-table.type-employee th:nth-child(5){width:250px}.payroll-table.type-employee td:nth-child(6),.payroll-table.type-employee th:nth-child(6){white-space:nowrap;width:140px}.payroll-table.type-employee td:nth-child(7),.payroll-table.type-employee th:nth-child(7){white-space:nowrap;width:160px}.payroll-table.type-general td:first-child,.payroll-table.type-general th:first-child{width:300px}.payroll-table.type-general td:nth-child(2),.payroll-table.type-general td:nth-child(3),.payroll-table.type-general th:nth-child(2),.payroll-table.type-general th:nth-child(3){width:120px}.payroll-table.type-general td:nth-child(4),.payroll-table.type-general th:nth-child(4){width:250px}.payroll-table.type-general td:nth-child(5),.payroll-table.type-general th:nth-child(5){white-space:nowrap;width:140px}.payroll-table.type-general td:nth-child(6),.payroll-table.type-general th:nth-child(6){white-space:nowrap;width:160px}.status-pending{color:#f59e0b;color:var(--warning);font-weight:500}.status-processed{color:#16a34a;color:var(--success);font-weight:500}.status-modified{color:#f59e0b;color:var(--warning);font-weight:500}.action-buttons{display:flex;gap:4px;gap:var(--spacing-xs)}.action-btn{align-items:center;background:none;border:none;border-radius:4px;color:#6c757d;cursor:pointer;display:inline-flex;height:32px;justify-content:center;padding:0;transition:all .2s ease;width:32px}.action-btn:hover{background-color:#e9ecef;color:#333}.action-btn.edit-btn:hover{color:#007bff}.action-btn.delete-btn:hover{color:#dc3545}.action-btn.process-btn{color:#28a745}.action-btn.process-btn:hover{background-color:#e8f5e9;color:#1b5e20}.comments-cell{max-width:300px;min-width:300px;padding:4px;position:relative}.comments-list{max-height:150px;overflow-y:auto;scrollbar-color:#888 #f1f1f1;scrollbar-width:thin}.comment-item{background-color:initial;border-left:2px solid #0000;border-radius:4px;margin-bottom:2px;min-height:32px;padding:6px 8px;position:relative}.comment-item.latest-comment{background-color:#e3f2fd;border-left:2px solid #2196f3;min-height:60px;padding:8px;position:relative}.comment-header{align-items:center;display:flex;font-size:.85em;gap:6px}.comment-author{color:#444;font-weight:500;white-space:nowrap}.comment-date{color:#666;font-size:.9em;white-space:nowrap}.comment-text{color:#333;font-size:.9em;line-height:1.2;margin:2px 0;padding-right:80px;word-break:break-word}.comments-actions{align-items:center;display:flex;gap:6px;position:absolute;right:28px;top:50%;transform:translateY(-50%)}.comments-count{align-items:center;color:#666;cursor:pointer;display:inline-flex;font-size:.85em;gap:2px;white-space:nowrap}.comments-count:hover{color:#2196f3}.add-comment-button{align-items:center;background:none;border:none;color:#666;cursor:pointer;display:flex;height:20px;justify-content:center;padding:0;width:20px}.add-comment-button:hover{color:#2196f3}.add-comment.active{background:#fff;border-radius:4px;box-shadow:0 4px 12px #0003;padding:12px;position:fixed;width:320px;z-index:9999}.add-comment.active textarea{border:1px solid #ddd;border-radius:4px;font-size:13px;line-height:1.4;margin-bottom:8px;min-height:80px;padding:8px;resize:vertical;width:100%}.add-comment.active textarea:focus{border-color:#2196f3;box-shadow:0 0 0 2px #2196f31a;outline:none}.comment-actions{display:flex;gap:6px;justify-content:flex-end}.comment-actions button{background-color:#fff;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:13px;padding:6px 16px;transition:all .2s ease}.comment-actions button:first-child{background-color:#2196f3;border-color:#2196f3;color:#fff}.comment-actions button:first-child:hover{background-color:#1976d2}.comment-actions button:last-child:hover{background-color:#f5f5f5}.add-comment-backdrop{background-color:#0000004d;bottom:0;left:0;position:fixed;right:0;top:0;z-index:9998}.payroll-table input[type=date],.payroll-table input[type=number],.payroll-table input[type=text]{border:1px solid #e2e8f0;border:1px solid var(--neutral-200);border-radius:4px;border-radius:var(--radius-sm);font-size:13px;padding:4px 8px;padding:var(--spacing-xs) var(--spacing-sm);width:100%}.payroll-table input:focus{border-color:#3b82f6;border-color:var(--primary-light);box-shadow:0 0 0 2px #2563eb1a;outline:none}.comments-list::-webkit-scrollbar{width:4px}.comments-list::-webkit-scrollbar-track{background:#f1f5f9;background:var(--neutral-100)}.comments-list::-webkit-scrollbar-thumb{background:#cbd5e1;background:var(--neutral-300);border-radius:2px}.comments-list::-webkit-scrollbar-thumb:hover{background:#94a3b8;background:var(--neutral-400)}.comment-item:only-child .comments-actions{align-items:center;display:flex;gap:6px;position:absolute;right:28px;top:50%;transform:translateY(-50%)}.new-row td:last-child{display:flex;gap:8px;justify-content:flex-end}.new-row button{border:none;border-radius:4px;cursor:pointer;font-size:13px;min-width:80px;padding:6px 12px;text-align:center;transition:all .2s ease}.new-row button:first-child{background-color:#28a745;color:#fff}.new-row button:first-child:hover{background-color:#218838}.new-row button:last-child{background-color:#6c757d;color:#fff}.new-row button:last-child:hover{background-color:#5a6268}.unsaved-changes-modal{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0006;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.modal-content{animation:modalSlideIn .2s cubic-bezier(.16,1,.3,1);background:#fff;border-radius:8px;box-shadow:0 10px 25px -5px #0000001a;max-width:400px;padding:24px;position:relative;transform-origin:center;width:100%}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.modal-content p{color:#1e293b;font-size:15px;line-height:1.5;margin:0;text-align:center}.modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}.modal-actions button{align-items:center;border-radius:6px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;height:36px;justify-content:center;min-width:120px;padding:0 16px;transition:all .2s cubic-bezier(.16,1,.3,1)}.modal-actions .secondary-btn{background:#fff;border:1px solid #cbd5e1;color:#334155}.modal-actions .secondary-btn:hover{background:#f8fafc;border-color:#94a3b8;color:#1e293b}.modal-actions .primary-btn{background:#2563eb;border:none;color:#fff}.modal-actions .primary-btn:hover{background:#1d4ed8;transform:translateY(-1px)}.migration-logs{display:flex;flex-direction:column;height:100%;padding:20px}.migration-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.migration-header h3{color:#333;margin:0}.error-message{background-color:#ffebee;border-radius:4px;color:#c62828;margin-bottom:20px;padding:12px}.logs-container{display:flex;gap:20px;height:calc(100% - 60px)}.logs-list{border:1px solid #ddd;border-radius:4px;overflow-y:auto;width:300px}.log-item{border-bottom:1px solid #eee;cursor:pointer;padding:12px;transition:background-color .2s}.log-item:hover{background-color:#f5f5f5}.log-item.selected{background-color:#e3f2fd}.log-item.error{border-left:4px solid #f44336}.log-timestamp{color:#666;font-size:.9em;margin-bottom:4px}.log-summary{display:flex;flex-direction:column;gap:4px}.log-name{color:#333;font-weight:500}.log-status{color:#666;font-size:.9em}.log-time{color:#888;font-size:.8em}.log-details{border:1px solid #ddd;border-radius:4px;display:flex;flex:1 1;flex-direction:column;overflow:hidden}.log-content{overflow-y:auto;padding:20px}.log-header{border-bottom:1px solid #eee;margin-bottom:20px;padding-bottom:10px}.log-header h4{color:#333;margin:0 0 8px}.log-meta{display:flex;font-size:.9em;gap:12px}.status{border-radius:12px;font-size:.8em;padding:2px 8px}.status.success{background-color:#e8f5e9;color:#2e7d32}.status.error{background-color:#ffebee;color:#c62828}.status.running{background-color:#e3f2fd;color:#1565c0}.log-entry{border-bottom:1px solid #f5f5f5;display:flex;gap:12px;padding:8px 0}.log-entry .log-time{color:#666;white-space:nowrap}.log-entry .log-message{color:#333;flex:1 1}.no-log-selected{align-items:center;color:#666;display:flex;font-style:italic;height:100%;justify-content:center}.button{border:none;border-radius:4px;cursor:pointer;font-weight:500;padding:8px 16px;transition:background-color .2s}.button-primary{background-color:#2196f3;color:#fff}.button-primary:hover{background-color:#1976d2}.button-primary:disabled{background-color:#90caf9;cursor:not-allowed}.consultant-dashboard{padding:2rem}.dashboard-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.dashboard-header h2{color:#2d3748;font-size:1.8rem;font-weight:600}.search-container{position:relative;width:300px}.search-input{border:1px solid #e2e8f0;border-radius:.5rem;font-size:1rem;padding:.75rem 1rem .75rem 2.5rem;transition:all .2s;width:100%}.search-input:focus{border-color:#4299e1;box-shadow:0 0 0 3px #4299e11a;outline:none}.search-icon{color:#a0aec0;left:1rem;position:absolute;top:50%;transform:translateY(-50%)}.clients-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.client-card{background:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;cursor:pointer;padding:1.5rem;transition:all .2s}.client-card:hover{box-shadow:0 4px 6px #0000001a;transform:translateY(-2px)}.client-info h3{color:#2d3748;font-size:1.2rem;font-weight:600;margin-bottom:.5rem}.client-info p{color:#4a5568;font-size:.95rem;margin-bottom:.25rem}.client-status{margin-top:1rem;text-align:right}.status-badge{border-radius:9999px;display:inline-block;font-size:.875rem;font-weight:500;padding:.25rem .75rem}.status-badge.active{background-color:#c6f6d5;color:#2f855a}.status-badge.inactive{background-color:#fed7d7;color:#c53030}.no-results{color:#718096;grid-column:1/-1;padding:3rem;text-align:center}.no-results i{font-size:2rem;margin-bottom:1rem}.error-message{background-color:#fed7d7;border-radius:.5rem;color:#c53030;margin:2rem;padding:2rem;text-align:center}.sidebar{background-color:#2c3e50;color:#fff;display:flex;flex-direction:column;height:100vh;padding:20px;position:relative;transition:all .3s ease;width:250px}.sidebar.collapsed{padding:20px 10px;width:70px}.active-client{align-items:center;background-color:#ffffff1a;border-radius:8px;display:flex;gap:10px;margin-bottom:20px;padding:15px;transition:all .3s ease}.active-client i{color:#3498db;font-size:1.2em;min-width:20px}.active-client span{font-weight:500;overflow:hidden;text-overflow:ellipsis;transition:opacity .2s ease;white-space:nowrap}.nav-link{align-items:center;border-radius:8px;color:#ecf0f1;display:flex;margin-bottom:5px;padding:12px 15px;text-decoration:none;transition:all .3s ease;white-space:nowrap}.nav-link:hover{background-color:#ffffff1a}.nav-link.active{background-color:#3498db}.nav-link i{font-size:1.1em;margin-right:10px;text-align:center;width:20px}.nav-link span{transition:opacity .2s ease}.sidebar.collapsed .nav-link{justify-content:center;padding:12px}.sidebar.collapsed .nav-link i{font-size:1.2em;margin-right:0}.sidebar.collapsed .active-client span,.sidebar.collapsed .nav-link span{display:none;opacity:0;width:0}.toggle-btn{align-items:center;background:#2c3e50e6;border:none;border-radius:4px;bottom:20px;color:#fff;cursor:pointer;display:flex;height:32px;justify-content:center;left:20px;padding:8px;position:fixed;transition:all .3s ease;width:32px;z-index:100}.sidebar.collapsed .toggle-btn{left:19px}.toggle-btn:hover{background:#2c3e50;color:#3498db}
/*# sourceMappingURL=main.2c5037b9.css.map*/