@charset "UTF-8";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}.App{background-color:#fff}.app-container{background-color:#f0f0f0;display:flex;flex-direction:column;height:100vh;padding:0}.page-wrapper{background-color:#fff;border-radius:8px;box-sizing:border-box;flex:1 1;overflow-y:auto;padding-bottom:20px;padding-left:20px;padding-right:20px}.mainlayout,.page-wrapper{-ms-overflow-style:none;height:calc(100vh - 110px);margin:15px;scrollbar-width:none}.mainlayout{background-color:initial;display:flex;flex-direction:column}.page-wrapper::-webkit-scrollbar{display:none}.login-page{align-items:center;background:url(/static/media/background.ed53e881aef0a694012f.jpg) no-repeat 50% fixed;background-size:cover;display:flex;height:100vh;justify-content:center}.login-box{background-color:#fff;border-radius:8px;box-shadow:0 4px 10px #0003;max-width:300px;padding:40px;text-align:center;width:100%}.logo-login{margin-bottom:20px;width:200px}.input-group{margin-bottom:20px;text-align:left}.input-group label{color:#000;display:block;font-size:14px;margin-bottom:5px}.input-group input{border:1px solid #ccc;border-radius:4px;box-sizing:border-box;font-size:14px;margin:0;padding:10px;width:100%}.button-login{background-color:#0036f8;border:1px solid #000;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;padding:10px 20px;width:100%}.button-login:hover{background-color:#0056b3}@media (max-width:400px){.login-box{background-color:#fff;border-radius:8px;box-shadow:0 4px 10px #0003;max-width:300px;padding:20px;text-align:center;width:100%}}@media (max-width:350px){.login-box{background-color:#fff;border-radius:8px;box-shadow:0 4px 10px #0003;max-width:300px;padding:10px;text-align:center;width:100%}}.home-page{background-color:#f4f4f9;border-radius:10px;box-shadow:0 4px 8px #0000001a;font-family:Arial,sans-serif;margin-top:20px;padding:40px;text-align:center}.home-page h3{color:#333;font-size:36px;font-weight:400}.home-page h4{color:#666;font-size:20px;font-weight:400;line-height:1.5;margin-top:10px}.not-authorized{padding-left:40px;padding-top:20px}.login-btn{font-size:15px;font-weight:1000;height:40px;width:140px}.login-btn,.sidebar{background-color:#fff}.sidebar{border-right:1px solid #e0e0e0;box-shadow:2px 0 5px #0000000d;display:flex;flex-direction:column;height:calc(100vh - 100px);justify-content:space-between;overflow-x:hidden;overflow-y:hidden;padding:10px 15px;width:220px}.sidebar:hover{overflow-y:auto}.meniu{list-style:none;margin:0;padding:0}.menu-item{margin-bottom:10px}.menu-link{align-items:center;border-radius:4px;color:#080808;display:flex;font-size:14px;margin-top:3px;padding:4px 15px;text-decoration:none;transition:background-color .3s ease,color .3s ease}.menu-link:hover{background-color:#f0f0f0}.menu-link.active{background-color:#e7e7e8;color:#000;font-weight:700}.menu-link .icon{font-size:20px;margin-right:10px}.settings-button{align-items:center;background-color:#fff;border:none;border-radius:8px;color:#333;cursor:pointer;display:flex;font-size:14px;padding:10px}.settings-button:hover{background-color:#f5f5f5}.settings-button .icon{margin-right:8px}.submenu{list-style-type:none;margin-left:-1.5rem;overflow:hidden;padding-top:.25rem;transition:max-height .3s ease}.submenu-item{margin:.2rem 0}.submenu-arrow{margin-left:10px;transition:transform .3s ease}.section-title{align-items:center;background-color:#1976d2;border-radius:4px;color:#fff;display:flex;font-weight:700;margin-top:12px;padding:4px 8px}.section-title .section-icon{margin-right:8px}@media (max-width:768px){.sidebar{display:none}.sidebar.open{display:block;position:fixed;width:100%;z-index:999}.section-title{font-size:13px;margin-right:30px}.menu-link{font-size:13px}.menu-link.active,.menu-link:hover{margin-right:30px}}.topbar{background-color:#fff;border-bottom:1px solid #ddd;flex-wrap:nowrap;justify-content:space-between;padding:10px 20px}.logo_section,.topbar{align-items:center;display:flex}.logo{margin-right:5px;width:90px}.app-name h1{font-size:24px;margin:0;padding-bottom:6px;text-align:left}.app-name h2{color:gray;font-size:16px;margin:0}.notification{align-items:center;display:flex}.notification .icon{height:25px;width:25px}.user,.user-section{align-items:center;display:flex}.user-icon{border-radius:50%;height:40px;margin-left:10px}.menu-button{display:none}@media (max-width:768px){.logo{width:70px}.app-name h1{font-size:20px}.app-name h2{font-size:14px}.notification .icon{height:20px;width:20px}.user p{font-size:14px}.user-icon{height:30px;width:30px}.menu-button{background:none;border:none;cursor:pointer;display:block;margin-right:10px}}@media (max-width:360px){.user p{display:none}}.notification,.notification-container{position:relative}.notification{background:none;border:none;cursor:pointer}.notification-badge{background:red;border-radius:50%;color:#fff;font-size:10px;padding:2px 5px;position:absolute;right:5px;top:0}.notification-dropdown{background:#fff;border:1px solid #ccc;border-radius:5px;box-shadow:0 4px 6px #0000001a;overflow:hidden;position:absolute;right:0;top:40px;width:250px;z-index:1000}.notification-item:last-child{border-bottom:none}.no-notifications{font-size:14px;padding:10px;text-align:center}.notification-item{align-items:center;border-bottom:1px solid #ddd;display:flex;justify-content:space-between;padding:5px 10px;width:230px}.notification-text{flex:1 1;font-size:13px;margin:2px}.close-icon{color:#fa2727;cursor:pointer;font-size:5px;margin-left:10px}.project-budget .table-container{height:auto;overflow-x:auto;width:100%}.project-budget .MuiButtonBase{height:auto}.project-budget .MuiDataGrid-root{background-color:#f8f9fa;border:1px solid #ddd;border-radius:8px;overflow-x:auto;width:100%}.project-budget .MuiDataGrid-columnHeaders{background-color:#d6d6d6;border-bottom:2px solid #b0b0b0;color:#424242;font-size:16px;font-weight:700}.project-budget .MuiDataGrid-cell{color:#333;font-size:14px}.project-budget .MuiDataGrid-row:hover{background-color:initial}.project-budget .MuiDataGrid-footerContainer{background-color:#f1f1f1}.project-budget .buton-edit{background-color:#f8f9fa;border:none;margin-top:10px}.project-budget .MuiDataGrid-cell--textLeft{color:#000}.project-budget .MuiDataGrid-columnHeaderTitle{color:#000!important;font-weight:700!important}.project-budget .header-page{align-items:center;display:flex;justify-content:space-between}.project-budget .title{font-size:1.5rem;margin-top:20px}.project-budget .add-button-container{display:flex;height:auto;justify-content:flex-end;margin-bottom:1px;margin-top:-55px}.project-budget .add-button-container button{background-color:#1976d2;border:1px solid #1976d2;border-radius:5px;color:#fff;height:36px;padding:10px 20px}@media (max-width:1000px){.project-budget .add-button-container{margin-top:30px;width:100%}.project-budget .add-button-container button{background-color:#1976d2;border:1px solid #1976d2;border-radius:5px;color:#fff;height:30px;margin-bottom:15px;padding:10px;width:100%}.project-budget .MuiDataGrid-columnHeaders{font-size:13px}.project-budget .MuiDataGrid-cell{font-size:12px}.project-budget .MuiDataGrid-root{height:auto;width:100%}}.budget-structure-page .table-container{height:auto;overflow-x:auto;width:100%}#budget-structure-table{min-width:1200px}.budget-structure-page .MuiButtonBase{height:auto}.budget-structure-page .MuiDataGrid-root{background-color:#f8f9fa;border:1px solid #ddd;border-radius:8px;overflow-x:auto;width:100%}.budget-structure-page .MuiDataGrid-columnHeaders{background-color:#d6d6d6;border-bottom:2px solid #b0b0b0;color:#424242;font-size:16px;font-weight:700}.budget-structure-page .MuiDataGrid-cell{color:#333;font-size:14px}.budget-structure-page .MuiDataGrid-row:hover{background-color:initial}.budget-structure-page .MuiDataGrid-footerContainer{background-color:#f1f1f1}.budget-structure-page .buton-edit{background-color:#f8f9fa;border:none;margin-top:10px}.budget-structure-page .MuiDataGrid-cell--textLeft{color:#000}.budget-structure-page .MuiDataGrid-columnHeaderTitle{color:#000!important;font-weight:700!important}.budget-structure-page .header-page{align-items:center;display:flex;justify-content:space-between}.budget-structure-page .title{font-size:1.5rem;margin-top:20px}.budget-structure-page .add-button-container{display:flex;height:auto;justify-content:flex-end;margin-bottom:1px;margin-top:-55px}.budget-structure-page .add-button-container button{background-color:#1976d2;border:1px solid #1976d2;border-radius:5px;color:#fff;height:36px;padding:10px 20px}@media (max-width:1000px){.budget-structure-page .add-button-container{margin-top:30px}.budget-structure-page .add-button-container button{background-color:#1976d2;border:1px solid #1976d2;border-radius:5px;color:#fff;height:30px;margin-bottom:15px;padding:10px;width:100%}.budget-structure-page .MuiDataGrid-columnHeaders{font-size:13px}.budget-structure-page .MuiDataGrid-cell{font-size:12px}.budget-structure-page .MuiDataGrid-root{height:auto;width:100%}}.add-budget-page{font-family:Arial,sans-serif;font-size:14px;line-height:1.5;margin-left:10px;margin-right:10px}.add-budget-page .add-container{background-color:initial;border-radius:0;box-shadow:none;max-width:600px;padding-bottom:10px;width:100%}.add-budget-page .react-select__control{box-shadow:none!important;font-size:14px}.add-budget-page .react-select__placeholder,.add-budget-page .react-select__single-value,.add-budget-page input[type=date],.add-budget-page input[type=number],.add-budget-page input[type=text],.add-budget-page textarea{font-family:Arial,sans-serif;font-size:14px}.add-budget-page .add-container .header{align-items:center;display:flex;gap:10px;justify-content:start;margin-bottom:10px}.add-budget-page .back-arrow{color:#333;cursor:pointer;font-size:20px;transition:color .2s ease}.add-budget-page .add-title{color:#333;font-size:24px;font-weight:700;margin-bottom:0;margin-top:0}.add-budget-page .radio-label-small .MuiFormControlLabel-label{font-size:12px}.add-budget-page .title-separator{background-color:#ccc;border:none;height:1px;margin-bottom:30px;margin-top:-10px;position:relative;width:100%}.add-budget-page .add-form{display:flex;flex-direction:column;gap:8px}.add-budget-page .form-group-row{align-items:flex-end;display:flex;gap:10px;width:100%}.add-budget-page .form-group{display:flex;flex-direction:column;gap:8px}.add-budget-page .label{color:#2e2e2e;font-size:14px;font-weight:520;text-align:left}.add-budget-page .button-group,.add-budget-page .button-group-inline{display:flex;gap:10px;justify-content:flex-end;margin-top:10px;width:100%}.add-budget-page .button.discard{background-color:#6c757d}.add-budget-page .button.discard,.add-budget-page .button.save{border:none;border-radius:14px;color:#fff;cursor:pointer;font-size:12px;padding:10px 20px}.add-budget-page .button.save{background-color:#28a745}@media screen and (max-width:600px){.add-budget-page{font-size:14px;line-height:1.5;margin-left:0;margin-right:0}.add-budget-page .add-container{box-sizing:border-box;max-width:100%;overflow-x:hidden;padding:0 1rem}.add-budget-page .react-select__control{box-shadow:none!important;font-size:12px}.add-budget-page .react-select__placeholder,.add-budget-page .react-select__single-value{font-size:12px}.add-budget-page input[type=date],.add-budget-page input[type=number],.add-budget-page input[type=text],.add-budget-page textarea{font-family:Arial,sans-serif;font-size:12px}.add-budget-page .add-container .header{align-items:center;display:flex;gap:1px;justify-content:start;margin-bottom:10px}.add-budget-page .back-arrow{margin-top:15px}.add-budget-page .title-separator{margin-top:10px}.add-budget-page .form-group-row{flex-direction:column;gap:8px}.add-budget-page .form-group-row .form-group{width:100%}.add-budget-page .add-title{color:#333;font-size:16px;font-weight:700;margin-bottom:0;margin-top:0}.add-budget-page .back-arrow{color:#333;cursor:pointer;font-size:20px;margin-top:0;transition:color .2s ease}.add-budget-page .title-separator{background-color:#ccc;border:none;height:1px;margin-bottom:30px;margin-top:-3px;position:relative;width:100%}}.edit-budget-page{font-family:Arial,sans-serif;font-size:14px;line-height:1.5;margin-left:10px;margin-right:10px}.edit-budget-page .edit-container{background-color:initial;border-radius:0;box-shadow:none;max-width:600px;padding-bottom:10px;width:100%}.edit-budget-page .react-select__control{box-shadow:none!important;font-size:14px}.edit-budget-page .react-select__placeholder,.edit-budget-page .react-select__single-value,.edit-budget-page input[type=date],.edit-budget-page input[type=number],.edit-budget-page input[type=text],.edit-budget-page textarea{font-family:Arial,sans-serif;font-size:14px}.edit-budget-page .edit-container .header{align-items:center;display:flex;gap:10px;justify-content:start;margin-bottom:10px}.edit-budget-page .back-arrow{color:#333;cursor:pointer;font-size:20px;transition:color .2s ease}.edit-budget-page .edit-title{color:#333;font-size:24px;font-weight:700;margin-bottom:0;margin-top:0}.edit-budget-page .radio-label-small .MuiFormControlLabel-label{font-size:12px}.edit-budget-page .title-separator{background-color:#ccc;border:none;height:1px;margin-bottom:30px;margin-top:-10px;position:relative;width:100%}.edit-budget-page .edit-form{display:flex;flex-direction:column;gap:8px}.edit-budget-page .form-group-row{align-items:flex-end;display:flex;gap:10px;width:100%}.edit-budget-page .form-group{display:flex;flex-direction:column;gap:8px}.edit-budget-page .label{color:#2e2e2e;font-size:14px;font-weight:520;text-align:left}.edit-budget-page .button-group,.edit-budget-page .button-group-inline{display:flex;gap:10px;justify-content:flex-end;margin-top:10px;width:100%}.edit-budget-page .button.discard{background-color:#6c757d}.edit-budget-page .button.discard,.edit-budget-page .button.save{border:none;border-radius:14px;color:#fff;cursor:pointer;font-size:12px;padding:10px 20px}.edit-budget-page .button.save{background-color:#28a745}@media screen and (max-width:600px){.edit-budget-page{font-size:14px;line-height:1.5;margin-left:0;margin-right:0}.edit-budget-page .edit-container{box-sizing:border-box;max-width:100%;overflow-x:hidden;padding:0 1rem}.edit-budget-page .react-select__control{box-shadow:none!important;font-size:12px}.edit-budget-page .react-select__placeholder,.edit-budget-page .react-select__single-value{font-size:12px}.edit-budget-page input[type=date],.edit-budget-page input[type=number],.edit-budget-page input[type=text],.edit-budget-page textarea{font-family:Arial,sans-serif;font-size:12px}.edit-budget-page .back-arrow{margin-top:15px}.edit-budget-page .title-separator{margin-top:10px}.edit-budget-page .form-group-row{flex-direction:column;gap:8px}.edit-budget-page .form-group-row .form-group{width:100%}.edit-budget-page .edit-title{font-size:16px}.edit-budget-page .back-arrow{color:#333;cursor:pointer;font-size:20px;margin-top:0;transition:color .2s ease}.edit-budget-page .title-separator{background-color:#ccc;border:none;height:1px;margin-bottom:30px;margin-top:-3px;position:relative;width:100%}.edit-budget-page .edit-container .header{align-items:center;display:flex;gap:1px;justify-content:start;margin-bottom:10px}}.add-project-budget-page{font-family:Arial,sans-serif;font-size:14px;line-height:1.5;margin-left:10px;margin-right:10px}.add-project-budget-page .add-container{background-color:initial;border-radius:0;box-shadow:none;max-width:1150px;padding-bottom:10px;width:100%}.add-project-budget-page .react-select__control{box-shadow:none!important;font-size:14px}.add-project-budget-page .react-select__placeholder,.add-project-budget-page .react-select__single-value,.add-project-budget-page input[type=date],.add-project-budget-page input[type=number],.add-project-budget-page input[type=text],.add-project-budget-page textarea{font-family:Arial,sans-serif;font-size:14px}.add-project-budget-page .add-container .header{align-items:center;display:flex;gap:10px;justify-content:start;margin-bottom:10px}.add-project-budget-page .back-arrow{color:#333;cursor:pointer;font-size:20px;transition:color .2s ease}.add-project-budget-page .add-title{color:#333;font-size:24px;font-weight:700;margin-bottom:0;margin-top:0}.add-project-budget-page .radio-label-small .MuiFormControlLabel-label{font-size:12px}.add-project-budget-page .title-separator{background-color:#ccc;border:none;height:1px;margin-bottom:30px;margin-top:-10px;position:relative;width:100%}.add-project-budget-page .add-form{display:flex;flex-direction:column;gap:8px}.add-project-budget-page.label{color:#2e2e2e;font-size:14px;font-weight:520;text-align:left}.add-project-budget-page .button-group-inline{display:flex;gap:10px;justify-content:flex-end;margin-top:10px;width:100%}.add-project-budget-page .form-group-row{align-items:flex-end;display:flex;gap:10px;width:100%}.add-project-budget-page .form-group{display:flex;flex-direction:column;gap:8px}.add-project-budget-page .form-group-deliverable-number{display:flex;flex-direction:column;margin-top:10px;width:130px}.add-project-budget-page .form-group-deliverable-description{display:flex;flex-direction:column;margin-top:10px;width:900px}.add-project-budget-page .form-group-row-button{width:100%}.add-project-budget-page .form-group-source-type{display:flex;flex-direction:column;margin-top:10px;width:1000px}.add-project-budget-page .form-group-button{display:flex;flex-direction:column;gap:8px}.add-project-budget-page .button.discard{background-color:#6c757d}.add-project-budget-page .button.discard,.add-project-budget-page .button.save{border:none;border-radius:14px;color:#fff;cursor:pointer;font-size:12px;padding:10px 20px}.add-project-budget-page .button.save{background-color:#28a745}.add-project-budget-page .supplier-button{background-color:#1976d2!important;border-radius:10px!important;height:34px!important;margin-top:-39px!important;width:140px!important}.add-project-budget-page .form-group-supplier-internal{display:flex;flex-direction:column;width:210px}.add-project-budget-page .form-group-price{display:flex;flex-direction:column;width:200px}.add-project-budget-page .form-group-source{display:flex;flex-direction:column;width:130px}.add-project-budget-page .form-group-nr-hour{display:flex;flex-direction:column;width:85px}.add-project-budget-page .form-group-nr-hour-po{display:flex;flex-direction:column;width:80px}.add-project-budget-page .form-group-cost-internal{display:flex;flex-direction:column;width:190px}.add-project-budget-page .form-group-cost-po,.add-project-budget-page .form-group-revenue{display:flex;flex-direction:column;width:160px}.add-project-budget-page .form-group-supplier{display:flex;flex-direction:column;width:530px}.add-project-budget-page .form-group-cost{display:flex;flex-direction:column;width:185px}.add-project-budget-page .form-group-currency{display:flex;flex-direction:column;width:150px}.add-project-budget-page .form-group-cost-additional-internal{display:flex;flex-direction:column;width:950px}.add-project-budget-page .modal{padding-top:15px}.add-project-budget-page input:disabled{background-color:#f0f0f0}.add-project-budget-page .form-group-buttons-wrapper{display:flex;gap:8px}@media screen and (max-width:1000px){.add-project-budget-page{-ms-overflow-style:none;font-size:12px;height:100vh!important;line-height:1.5;margin-left:0;margin-right:0;overflow-y:auto!important;position:relative;scrollbar-width:none}.add-project-budget-page::-webkit-scrollbar{display:none}.add-project-budget-page .add-container{box-sizing:border-box;margin-top:15px;max-width:100%;min-height:auto;overflow-x:visible;padding:0 0 120px}.add-project-budget-page .title-separator{background-color:#ccc;border:none;height:1px;margin-bottom:30px;margin-top:-110px;position:relative;width:100%}.add-project-budget-page .react-select__control{box-shadow:none!important;font-size:14px;z-index:100}.add-project-budget-page .react-select__menu,.add-project-budget-page .react-select__menu-list,.add-project-budget-page .react-select__menu-portal{z-index:1000!important}.add-project-budget-page .button-group-inline{background-color:#fff;bottom:0;margin-top:5px;padding:15px 0;position:-webkit-sticky;position:sticky;z-index:100}.add-project-budget-page .form-group,.add-project-budget-page .form-group-revenue,.add-project-budget-page .form-group-row{box-sizing:border-box;display:flex;flex-direction:column;margin:0;padding:0;width:100%}.add-project-budget-page .form-group-buttons-wrapper{display:flex;gap:8px;justify-content:center;margin-bottom:-20px;margin-top:1px;width:100%}.add-project-budget-page .form-group-deliverable-description,.add-project-budget-page .form-group-deliverable-number{display:flex;flex-direction:column;margin-top:0;width:100%}.add-project-budget-page .supplier-button{background-color:#1976d2!important;border-radius:10px!important;height:34px!important;margin-top:15px!important;width:100%!important}.add-project-budget-page .add-title{color:#333;font-size:20px;font-weight:700;margin-bottom:0;margin-top:0}.add-project-budget-page .add-container .header{align-items:center;display:flex;gap:1px;justify-content:start;margin-bottom:10px}.add-project-budget-page .back-arrow{color:#333;cursor:pointer;font-size:18px;transition:color .2s ease}.add-project-budget-page .button-group-inline{gap:10px;justify-content:flex-start;margin-top:10px;width:100%}.add-project-budget-page .form-group-cost,.add-project-budget-page .form-group-cost-additional-internal,.add-project-budget-page .form-group-cost-internal,.add-project-budget-page .form-group-cost-po,.add-project-budget-page .form-group-nr-hour,.add-project-budget-page .form-group-nr-hour-po,.add-project-budget-page .form-group-price,.add-project-budget-page .form-group-source,.add-project-budget-page .form-group-source-type,.add-project-budget-page .form-group-supplier,.add-project-budget-page .form-group-supplier-internal{display:flex;flex-direction:column;width:100%}.custom-dialog .MuiDialog-paper{background-color:#f9f9f9;border-radius:16px;margin-left:8px;margin-right:8px;padding:5px}.custom-dialog-title{color:#333;font-size:1rem;font-weight:700}.custom-dialog-content{color:#555;font-size:.9rem;text-align:justify}.custom-dialog-actions{justify-content:flex-end}.confirm-button{background-color:#1976d2;border-radius:4px;color:#fff;font-size:11px;font-weight:700;padding:6px 16px;transition:background-color .3s ease}.confirm-button:hover{background-color:#115293}.cancel-button{border:1px solid #1976d2;border-radius:4px;color:#1976d2;font-size:11px;font-weight:700;padding:6px 16px;transition:background-color .3s ease,color .3s ease}.cancel-button:hover{background-color:#e3f2fd}.add-project-budget-page .form-group-currency{display:flex;flex-direction:column;width:100%}}.edit-project-budget-page{font-family:Arial,sans-serif;font-size:14px;line-height:1.5;margin-left:10px;margin-right:10px}.edit-project-budget-page .edit-container{background-color:initial;border-radius:0;box-shadow:none;max-width:800px;padding-bottom:10px;width:100%}.edit-project-budget-page .react-select__control{box-shadow:none!important;font-size:14px}.edit-project-budget-page .react-select__placeholder,.edit-project-budget-page .react-select__single-value,.edit-project-budget-page input[type=date],.edit-project-budget-page input[type=number],.edit-project-budget-page input[type=text],.edit-project-budget-page textarea{font-family:Arial,sans-serif;font-size:14px}.edit-project-budget-page .edit-container .header{align-items:center;display:flex;gap:10px;justify-content:start;margin-bottom:10px}.edit-project-budget-page .back-arrow{color:#333;cursor:pointer;font-size:20px;transition:color .2s ease}.edit-project-budget-page .edit-title{color:#333;font-size:24px;font-weight:700;margin-bottom:0;margin-top:0}.edit-project-budget-page .radio-label-small .MuiFormControlLabel-label{font-size:12px}.edit-project-budget-page .title-separator{background-color:#ccc;border:none;height:1px;margin-bottom:30px;margin-top:-10px;position:relative;width:100%}.edit-project-budget-page .edit-form{display:flex;flex-direction:column;gap:8px}.edit-project-budget-page.label{color:#2e2e2e;font-size:14px;font-weight:520;text-align:left}.edit-project-budget-page .button-group-inline{display:flex;gap:10px;justify-content:flex-end;margin-top:10px;width:100%}.edit-project-budget-page .form-group-row{align-items:flex-end;display:flex;gap:10px;width:100%}.edit-project-budget-page .form-group{display:flex;flex-direction:column;gap:8px}.edit-project-budget-page .form-group-deliverable-number{display:flex;flex-direction:column;width:130px}.edit-project-budget-page .form-group-deliverable-description{display:flex;flex-direction:column;width:900px}.edit-project-budget-page .form-group-row-button{width:100%}.edit-project-budget-page .form-group-source-type{display:flex;flex-direction:column;width:1000px}.edit-project-budget-page .form-group-button{display:flex;flex-direction:column;gap:8px}.edit-project-budget-page .button.discard{background-color:#6c757d}.edit-project-budget-page .button.discard,.edit-project-budget-page .button.save{border:none;border-radius:14px;color:#fff;cursor:pointer;font-size:12px;padding:10px 20px}.edit-project-budget-page .button.save{background-color:#28a745}.edit-project-budget-page .supplier-button{background-color:#1976d2!important;border-radius:10px!important;height:34px!important;margin-top:-37px!important;width:140px!important}.edit-project-budget-page .form-group-price,.edit-project-budget-page .form-group-supplier-internal{display:flex;flex-direction:column;width:200px}.edit-project-budget-page .form-group-source{display:flex;flex-direction:column;width:130px}.edit-project-budget-page .form-group-nr-hour{display:flex;flex-direction:column;width:85px}.edit-project-budget-page .form-group-nr-hour-po{display:flex;flex-direction:column;width:80px}.edit-project-budget-page .form-group-cost-internal,.edit-project-budget-page .form-group-cost-po{display:flex;flex-direction:column;width:170px}.edit-project-budget-page .form-group-supplier{display:flex;flex-direction:column;width:385px}.edit-project-budget-page .form-group-cost{display:flex;flex-direction:column;width:185px}.edit-project-budget-page .form-group-currency{display:flex;flex-direction:column;width:150px}.edit-project-budget-page .form-group-cost-edititional-internal{display:flex;flex-direction:column;width:770px}.edit-project-budget-page .modal{padding-top:15px}.edit-project-budget-page input:disabled{background-color:#f0f0f0}.custom-dialog .MuiDialog-paper{background-color:#f9f9f9;border-radius:16px;margin-left:8px;margin-right:8px;padding:5px}.custom-dialog-title{color:#333;font-size:1.2rem;font-weight:700}.custom-dialog-content{color:#555;text-align:justify}.custom-dialog-actions{justify-content:flex-end}@media screen and (max-width:600px){.edit-project-budget-page{-ms-overflow-style:none;height:100vh!important;overflow-y:auto!important;scrollbar-width:none}.edit-project-budget-page::-webkit-scrollbar{display:none}.edit-project-budget-page .edit-container{box-sizing:border-box;margin-top:15px;max-width:100%;min-height:auto;overflow-x:visible;padding:0 0 120px}.edit-project-budget-page .button-group-inline{background-color:#fff;bottom:0;padding:15px 0;position:-webkit-sticky;position:sticky;z-index:100}.edit-project-budget-page .title-separator{background-color:#ccc;border:none;height:1px;margin-bottom:30px;margin-top:-110px;position:relative;width:100%}.edit-project-budget-page .react-select__menu{z-index:1000!important}.edit-project-budget-page .form-group-deliverable-number{display:flex;flex-direction:column;width:100%}.edit-project-budget-page .form-group,.edit-project-budget-page .form-group-row{box-sizing:border-box;display:flex;flex-direction:column;margin:0;padding:0;width:100%}.edit-project-budget-page .form-group-deliverable-description{display:flex;flex-direction:column;width:100%}.edit-project-budget-page .supplier-button{background-color:#1976d2!important;border-radius:10px!important;height:34px!important;margin-top:5px!important;width:100%!important}.edit-project-budget-page .edit-title{color:#333;font-size:20px;font-weight:700;margin-bottom:0;margin-top:0}.edit-project-budget-page .edit-container .header{align-items:center;display:flex;gap:1px;justify-content:start;margin-bottom:10px;margin-left:-5px}.edit-project-budget-page .back-arrow{color:#333;cursor:pointer;font-size:18px;transition:color .2s ease}.edit-project-budget-page .button-group-inline{gap:10px;justify-content:flex-start;margin-top:10px;width:100%}.edit-project-budget-page .form-group-cost,.edit-project-budget-page .form-group-cost-edititional-internal,.edit-project-budget-page .form-group-cost-internal,.edit-project-budget-page .form-group-cost-po,.edit-project-budget-page .form-group-nr-hour,.edit-project-budget-page .form-group-nr-hour-po,.edit-project-budget-page .form-group-price,.edit-project-budget-page .form-group-source,.edit-project-budget-page .form-group-source-type,.edit-project-budget-page .form-group-supplier,.edit-project-budget-page .form-group-supplier-internal{display:flex;flex-direction:column;width:100%}.custom-dialog .MuiDialog-paper{background-color:#f9f9f9;border-radius:16px;margin-left:8px;margin-right:8px;padding:5px}.custom-dialog-title{color:#333;font-size:1rem;font-weight:700}.custom-dialog-content{color:#555;font-size:.9rem;text-align:justify}.custom-dialog-actions{justify-content:flex-end}.confirm-button{background-color:#1976d2;border-radius:4px;color:#fff;font-size:11px;font-weight:700;padding:6px 16px;transition:background-color .3s ease}.confirm-button:hover{background-color:#115293}.cancel-button{border:1px solid #1976d2;border-radius:4px;color:#1976d2;font-size:11px;font-weight:700;padding:6px 16px;transition:background-color .3s ease,color .3s ease}.cancel-button:hover{background-color:#e3f2fd}.edit-project-budget-page .form-group-currency{display:flex;flex-direction:column;width:100%}}@media screen and (max-width:382px){.edit-project-budget-page .edit-title{color:#333;font-size:18px;font-weight:700;margin-bottom:0;margin-top:0}}.summary-offer-details-page{-ms-overflow-style:none;height:100%;margin-left:10px;margin-right:10px;overflow-y:scroll;scrollbar-width:none}.summary-offer-details-page::-webkit-scrollbar{display:none}.summary-offer-details-page .summary-offer-details-container{align-items:center;background-color:initial;border-radius:0;box-shadow:none;display:flex;max-width:600px;width:100%}.summary-offer-details-page .header{align-items:center;display:flex;gap:10px;justify-content:start;margin-bottom:7px}.summary-offer-details-page .back-arrow{color:#333;cursor:pointer;font-size:20px;transition:color .2s ease}.summary-offer-details-page .add-supplier-title{color:#333;font-size:24px;font-weight:700;margin-bottom:0;margin-top:0}.summary-offer-details-page .title-separator{background-color:#ccc;border:none;height:1px;margin-bottom:20px;position:relative;width:100%}.summary-offer-details-page .summary-title{align-items:center;display:flex;font-size:16px;font-weight:400;gap:10px;justify-content:start;margin-top:-15px}.summary-offer-details-page .summary-title h3{font-weight:400}.summary-offer-details-page .summary-container{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between}.summary-offer-details-page .summary-card-left{flex:1 1 30%;min-width:280px}.summary-offer-details-page .summary-card-center{display:flex;flex:1 1 35%;flex-direction:column;gap:8px;justify-content:center;min-width:300px}.summary-offer-details-page .summary-card-right{align-items:flex-end;display:flex;flex-direction:column;justify-content:center}.summary-offer-details-page .details-info{align-items:center;display:flex;font-size:28px;font-weight:700;gap:12px}.summary-offer-details-page .offer-code{color:#1f2937;font-size:28px;font-weight:700}.summary-offer-details-page .status-badge{background-color:#d1fae5;border-radius:20px;color:#059669;font-size:14px;font-weight:500;padding:4px 10px}.summary-offer-details-page .contract-no{font-size:19px;font-weight:400}.summary-offer-details-page .project-code{font-size:19px;font-weight:400;margin-top:15px}.summary-offer-details-page .button-container{align-items:center;display:flex;justify-content:space-between;margin-top:20px;width:100%}.summary-offer-details-page .button-card{flex:1 1}.summary-offer-details-page .primavera-export-button{background-color:hsla(223,3%,43%,.112);border-radius:3px;color:#1f2937;font-size:14px;gap:10px;padding:8px 16px}.summary-offer-details-page .total-box{background-color:#2732ff;border-radius:3px;color:#fff;font-size:16px;font-weight:600;margin-left:auto;padding:8px 16px;text-align:right}.summary-offer-details-page .client-title{align-items:center;display:flex;font-size:24px;font-size:22px;font-weight:700;gap:10px;justify-content:start;margin-top:25px}.summary-offer-details-page .budgets-section{margin-bottom:20px;margin-top:20px}.summary-offer-details-page .budgets-section h3{color:#333;font-size:20px;margin-bottom:12px}.summary-offer-details-page .budgets-table{border-collapse:collapse;font-size:14px;width:100%}.summary-offer-details-page .budgets-table td,.summary-offer-details-page .budgets-table th{border-bottom:1px solid #ccc;padding:8px 12px;text-align:left}.summary-offer-details-page .budgets-table th{border-bottom:1px solid #ccc;height:30px}.summary-offer-details-page .budgets-table td:last-child,.summary-offer-details-page .budgets-table th:last-child{text-align:right}.summary-offer-details-page .budgets-table td:first-child,.summary-offer-details-page .budgets-table th:first-child{min-width:500px;width:68%}.summary-offer-details-page .budgets-table td:nth-child(2),.summary-offer-details-page .budgets-table td:nth-child(3),.summary-offer-details-page .budgets-table th:nth-child(2),.summary-offer-details-page .budgets-table th:nth-child(3){width:16%}.summary-offer-details-page .no-data-message{color:gray;display:block;font-size:.75rem;font-style:italic;text-align:left}@media (max-width:1111px){.summary-offer-details-page .details-info{font-size:20px;gap:8px}.summary-offer-details-page .offer-code{font-size:20px}.summary-offer-details-page .client-title{flex-wrap:wrap;font-size:18px}.summary-offer-details-page .budgets-table{display:block;overflow-x:auto;white-space:nowrap}.summary-offer-details-page .budgets-table td,.summary-offer-details-page .budgets-table th{font-size:12px;padding:6px 8px}.summary-offer-details-page .primavera-export-button{box-sizing:border-box;font-size:13px;width:100%}.summary-offer-details-page .total-box{font-size:14px;padding:6px 10px;text-align:center;width:100%}.summary-offer-details-page .project-code{font-size:15px;font-weight:400;margin-top:6px}.summary-offer-details-page .contract-no{font-size:15px;padding-top:6px}.summary-offer-details-page .status-badge{font-size:12px}.summary-offer-details-page .summary-title{font-size:14px}.summary-offer-details-page .summary-title h3{font-weight:400}.summary-offer-details-page .header{align-items:center;display:flex;gap:10px;justify-content:start;margin-bottom:15px}.summary-offer-details-page .add-supplier-title{color:#333;font-size:20px;font-weight:700;margin-bottom:0}}@media (max-width:580px){.summary-offer-details-page .summary-container{flex-direction:column;gap:10px}.summary-offer-details-page .summary-card-center,.summary-offer-details-page .summary-card-left,.summary-offer-details-page .summary-card-right{flex:none;min-width:auto;width:100%}.summary-offer-details-page .details-info{font-size:20px;gap:8px}.summary-offer-details-page .offer-code{font-size:20px}.summary-offer-details-page .client-title{flex-wrap:wrap;font-size:18px}.summary-offer-details-page .budgets-table{display:block;overflow-x:auto;white-space:nowrap}.summary-offer-details-page .budgets-table td,.summary-offer-details-page .budgets-table th{font-size:12px;padding:6px 8px}.summary-offer-details-page .primavera-export-button{box-sizing:border-box;font-size:13px;width:100%}.summary-offer-details-page .total-box{font-size:14px;padding:6px 10px;text-align:center;width:100%}.summary-offer-details-page .project-code{font-size:15px;font-weight:400;margin-top:6px}.summary-offer-details-page .contract-no{font-size:15px;padding-top:6px}.summary-offer-details-page .status-badge{font-size:12px}.summary-offer-details-page .summary-title{font-size:14px}.summary-offer-details-page .summary-title h3{font-weight:400}.summary-offer-details-page .header{align-items:center;display:flex;gap:10px;justify-content:start;margin-bottom:15px}.summary-offer-details-page .add-supplier-title{color:#333;font-size:20px;font-weight:700;margin-bottom:0}}.project-cost-budget-page{margin-bottom:-80px;margin-left:-20px;margin-right:-20px}.project-cost-budget-page .header-page{align-items:center;display:flex;justify-content:space-between}.project-cost-budget-page .title{font-size:1.5rem;margin-top:20px}.project-cost-budget-page .tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:17px;padding-top:15px}.project-cost-budget-page .tabs a{padding-top:4px;text-decoration:none}.project-cost-budget-page .tabs .tab-button{background-color:#fff;border:1px dashed #000;border-radius:20px;color:#000;cursor:pointer;font-size:14px;font-weight:700;height:25px}.project-cost-budget-page .tabs .tab-button.active{background-color:#e0e0e0;border-color:#0000;color:#000}.project-cost-budget-page .tabs .tab-button:hover{background-color:inherit;color:inherit}.project-cost-budget-page .tabs .tab-button.active:hover{background-color:#e0e0e0;color:#000}@media (max-width:545px){.project-cost-budget-page .tabs{gap:6px}.project-cost-budget-page .tabs a{flex:1 1 100%;width:100%}.project-cost-budget-page .tabs .tab-button{margin:0;text-align:center;width:100%}.project-cost-budget-page .title{font-size:1.15rem;margin-top:20px}}.summary-offer-page .table-container{height:auto;overflow-x:auto;width:100%}#summary-offer-table{min-width:1200px}.summary-offer-page .MuiButtonBase{height:auto}.summary-offer-page .MuiDataGrid-root{background-color:#f8f9fa;border:1px solid #ddd;border-radius:8px;overflow-x:auto;width:100%}.summary-offer-page .MuiDataGrid-columnHeaders{background-color:#d6d6d6;border-bottom:2px solid #b0b0b0;color:#424242;font-size:16px;font-weight:700}.summary-offer-page .MuiDataGrid-cell{color:#333;font-size:14px}.summary-offer-page .MuiDataGrid-row:hover{background-color:initial}.summary-offer-page .MuiDataGrid-footerContainer{background-color:#f1f1f1}.summary-offer-page .buton-edit{background-color:#f8f9fa;border:none;margin-top:10px}.summary-offer-page .MuiDataGrid-cell--textLeft{color:#000}.summary-offer-page .MuiDataGrid-columnHeaderTitle{color:#000!important;font-weight:700!important}.summary-offer-page .header-page{align-items:center;display:flex;justify-content:space-between}.summary-offer-page .title{font-size:1.5rem;margin-top:20px}.summary-offer-page .add-button-container{display:flex;height:auto;justify-content:flex-end;margin-bottom:1px;margin-top:-55px}.summary-offer-page .add-button-container button{background-color:#1976d2;border:1px solid #1976d2;border-radius:5px;color:#fff;height:36px;padding:10px 20px}@media (max-width:600px){.summary-offer-page .add-button-container{margin-top:30px}.summary-offer-page .add-button-container button{background-color:#1976d2;border:1px solid #1976d2;border-radius:5px;color:#fff;height:30px;margin-bottom:15px;padding:10px}.summary-offer-page .MuiDataGrid-columnHeaders{font-size:13px}.summary-offer-page .MuiDataGrid-cell{font-size:12px}.summary-offer-page .MuiDataGrid-root{height:auto;width:100%}}.offer-registry-page{background-color:#fff;border-radius:8px;display:flex;flex-direction:column;gap:24px;height:100%}.title-separator-or{background-color:#ccc;border:none;height:2px;margin-bottom:30px;margin-top:-20px;position:relative;width:100%}.header-container{align-items:center;display:flex;flex-direction:row;height:4em;padding-top:3px;width:100%;z-index:inherit}.reg-header{justify-content:space-between}.frm-header{justify-content:left}.leftside-title{font-size:1.5em;font-style:bold;font-weight:700;height:auto;text-align:center}.frm-title{margin-left:.2em}.btn-back{align-items:center;background-color:initial;border-color:#0000;border-radius:8px;display:flex;height:28px;justify-content:center;margin-left:.6em;-webkit-user-select:none;user-select:none;width:auto}.btn-back:hover{cursor:pointer}.main-container{height:auto;overflow:auto;z-index:inherit}.frm-container{background-color:#fff;border-color:#0000;border-radius:8px;display:flex;height:100%;overflow-y:hidden;width:100%;z-index:inherit}.frm-div{align-items:center;flex-direction:column;gap:10px;margin:16px;max-width:500px;overflow:auto}.frm-div,.frm-double{display:flex;height:auto;width:100%}.frm-double{flex-direction:row;gap:6px}.frm-entry{display:flex;flex-direction:column;gap:4px;height:auto;width:100%;z-index:inherit}.frm-entry>label{font-size:14px;-webkit-user-select:none;user-select:none}.frm-date{border:1px solid #ecedec;border-radius:10px;box-sizing:border-box;font-family:sans-serif;height:40px;padding:12px;resize:none;width:100%}.frm-date:focus-within{border:1px solid #000}.frm-date:focus{outline:none}.frm-entry>input{border:1px solid #ecedec;border-radius:10px;box-sizing:border-box;font-family:sans-serif;height:40px;padding:12px;resize:none;width:100%}.frm-entry>input:focus-within{border:1px solid #000}.frm-entry>input:focus{outline:none}.frm-entry>select{border:1px solid #ecedec;border-radius:10px;box-sizing:border-box;font-family:sans-serif;height:40px;padding:12px;resize:none;width:100%}.frm-entry>select:focus-within{border:1px solid #000}.frm-entry>select:focus{outline:none}.frm-entry>textarea{border:1px solid #ecedec;border-radius:10px;box-sizing:border-box;font-family:sans-serif;padding:12px;resize:none;width:100%;z-index:inherit}.frm-entry>textarea:focus-within{border:1px solid #000}.frm-entry>textarea:focus{outline:none}.short{overflow:hidden;white-space:nowrap}.currency-wrapper{position:relative}.currency,.currency-wrapper{align-items:center;display:flex}.currency{background-color:initial;bottom:1px;box-sizing:border-box;color:grey;height:100%;left:14px;position:absolute;width:auto}.currency-wrapper>input{border:1px solid #ecedec;border-radius:10px;box-sizing:border-box;font-family:sans-serif;height:40px;padding:12px 12px 12px 3rem;resize:none;width:100%}.currency-wrapper>input:focus-within{border:1px solid #000}.currency-wrapper>input:focus{outline:none}.frm-buttons{display:flex;flex-direction:row-reverse;gap:6px;height:auto;margin-bottom:2px;width:100%}.frm-btn{border-color:#0000;border-radius:8px;border-width:1px;box-shadow:0 1px 0 0 #b5b5b5,0 0 0 1px #e3e3e3;gap:4px;height:30px;-webkit-user-select:none;user-select:none;width:70px}.cancel{background-color:#6c757d;color:#fff}.cancel:hover{background-color:#899197;cursor:pointer}.saved{background-color:#28a745;color:#fff}.saved:hover{background-color:#53b86a;cursor:pointer}@media screen and (max-width:600px){.leftside-title{font-size:1.1em}}@media screen and (max-width:400px){.leftside-title{font-size:.9em}}.clients-header-container{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.clients-content-container{display:flex;flex-direction:column;height:100vh}.clients-actions{display:flex;flex-grow:1;justify-content:flex-end}.clients-box-subcontainer{border-radius:10px;flex-grow:1;height:calc(100vh - 250px);max-height:70vh}.clients-datagrid-subsubcontainer{height:auto;width:100%}.clients-header h2{font-size:1.5rem;margin:0}.clients-header .header-actions button{margin-left:10px}.clients-box{height:400px;width:100%}.clients-datagrid{border:none}.clients-action-button{line-height:0;margin:0;min-width:0;padding:0}.clients-popup-overlay{align-items:center;background-color:#0006;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw}.clients-popup{background-color:#fff;border-radius:10px;box-shadow:0 4px 10px #0000004d;display:flex;flex-direction:column;height:auto;max-height:95vh;max-width:95%;min-width:400px;overflow-y:auto;padding:15px;width:500px}.clients-popup-form{display:flex;flex-direction:column;gap:1rem}.clients-popup-form label{display:flex;flex-direction:column;font-family:Arial,sans-serif;font-size:.9rem;font-weight:600}.clients-popup-buttons{justify-content:space-between;margin-top:1rem}.clients-popup-form .full-width{grid-column:span 2}.clients-popup-buttons{display:flex;gap:10px;grid-column:span 2;justify-content:flex-end}.clients-popup-form input,.clients-popup-form select{border:1px solid #ccc;border-radius:8px;box-sizing:border-box;font-family:Arial,sans-serif;font-size:14px;margin-top:5px;padding:10px;width:100%}.clients-popup-form select,.clients-popup-form select option{font-size:12px}.clients-btn-close,.clients-btn-submit{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:12px;padding:10px 20px}.clients-btn-close{background-color:#6c757d}.clients-btn-submit{background-color:#28a745}.clients-datagrid .MuiDataGrid-columnHeaders{border-bottom:2px solid #d3d3d3}.clients-datagrid .MuiDataGrid-root{border-radius:10px;overflow:hidden}.clients-datagrid .MuiDataGrid-footerContainer{background-color:#f1f1f1}.clients-datagrid-subsubcontainer{border-radius:10px;overflow:hidden}.clients-btn-close:hover,.clients-btn-submit:hover{opacity:.8}.clients-status-badge{align-items:center;border-radius:20px;color:#fff;display:inline-flex;font-weight:700;height:25px;justify-content:center;line-height:normal;min-width:80px;text-align:center}.status-cell{padding:2x 10px}.clients-status-badge.active{background-color:#66bb6a}.clients-status-badge.inactive{background-color:#ef5350}.clients-page .MuiDataGrid-columnHeaderTitle{font-size:1rem!important;font-weight:700!important}.error-message{margin-top:2px}button:disabled{cursor:not-allowed;opacity:.5}@media (max-width:768px){.clients-box-subcontainer{display:block;overflow-x:auto;white-space:nowrap}.clients-datagrid-subsubcontainer{min-width:-webkit-fit-content;min-width:fit-content;width:1200px}.clients-popup{min-width:0;min-width:auto;padding:10px;width:90%}.clients-popup h2{font-size:1.2rem}.clients-popup-form{gap:.5rem}.clients-popup-form input,.clients-popup-form select{font-size:12px;padding:8px}}.client-star-required{color:red;display:inline;margin-left:1px}.opportunities-header-container{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.opportunities-content-container{display:flex;flex-direction:column;height:100vh}.opportunities-actions{display:flex;flex-grow:1;justify-content:flex-end}.opportunities-page .MuiDataGrid-root{width:100%}.opportunities-page .MuiDataGrid-columnHeaders{text-overflow:ellipsis;white-space:nowrap}.opportunities-page .MuiDataGrid-columnHeader--sortable{text-overflow:ellipsis!important;white-space:nowrap!important}.opportunities-page{height:auto;position:relative}.opportunities-page .MuiDataGrid-cell--fixed,.opportunities-page .MuiDataGrid-columnHeader--fixed{background-color:#fff;position:-webkit-sticky;position:sticky;right:0;z-index:1}.opportunities-header h2{font-size:1.5rem;margin:0}.opportunities-header .header-actions button{margin-left:10px}.opportunities-box{height:400px;width:100%}.opportunities-datagrid{border:none}.opportunities-action-button{line-height:0;margin:0;min-width:0;padding:0}.opportunities-box-subcontainer{height:100%;max-height:80vh;overflow-y:auto}.opportunities-datagrid-subsubcontainer{height:auto;width:100%}.MuiDataGrid-columnHeaderTitle{line-height:1.2!important}.MuiDataGrid-cell,.MuiDataGrid-columnHeaderTitle{word-wrap:break-word!important;white-space:normal!important}.MuiDataGrid-cell{height:auto!important;line-height:1.5!important}.opportunities-popup-overlay{align-items:center;background-color:#0006;display:flex;height:100vh;justify-content:center;left:0;overflow:hidden;position:fixed;top:0;width:100vw;z-index:1000}.opportunities-popup{background-color:#fff;border-radius:10px;box-shadow:0 4px 10px #0000004d;height:auto;max-height:90vh;max-width:700px;min-width:320px;overflow-y:auto;padding:15px;width:90%}.opportunities-popup-form{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr}.opportunities-popup-form label{color:#333;display:flex;flex-direction:column;font-family:Arial,sans-serif;font-size:14px;font-weight:600;margin-top:3px}.opportunities-popup-form .full-width{grid-column:span 2}.opportunities-popup-buttons{display:flex;gap:10px;grid-column:span 2;justify-content:flex-end}.opportunities-popup-form input,.opportunities-popup-form select,.opportunities-popup-form textarea{border:1px solid #ccc;border-radius:8px;box-sizing:border-box;font-family:Arial,sans-serif;font-size:14px;margin-top:2px;padding:10px;width:100%}.opportunities-popup-form select{font-size:12px}.opportunities-datagrid .MuiDataGrid-columnHeaders{border-bottom:2px solid #d3d3d3}.opportunities-datagrid .MuiDataGrid-root{border-radius:10px;overflow:hidden}.opportunities-datagrid .MuiDataGrid-footerContainer{background-color:#f1f1f1}.opportunities-datagrid-subsubcontainer{border-radius:10px;overflow:hidden}.opportunities-popup-form select option{font-size:12px}.opportunities-btn-close,.opportunities-btn-submit{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:12px;padding:10px 20px}.opportunities-btn-close{background-color:#6c757d}.opportunities-btn-submit{background-color:#28a745}.opportunities-btn-close:hover,.opportunities-btn-submit:hover{opacity:.8}.opportunities-page .MuiDataGrid-columnHeaderTitle{word-wrap:break-word!important;font-size:1rem!important;font-weight:700!important;line-height:1.2!important;white-space:normal!important}.opportunities-page{height:100%;overflow:hidden;width:100%}.opportunities-status-badge{align-items:center;border-radius:20px;color:#000;display:inline-flex;font-weight:700;height:25px;justify-content:center;line-height:normal;min-width:80px;text-align:center}.status-cell{align-items:center;display:flex;padding:5px 10px}.opportunities-status-badge.open{background-color:#ff0;color:#000}.opportunities-status-badge.approved{background-color:green;color:#fff}.opportunities-status-badge.declined{background-color:red;color:#fff}.chance-materialization-yellow{align-items:center;background-color:rgba(248,244,11,.685);color:#000;display:flex;height:100%;justify-content:center;text-align:center}.chance-materialization-blue{background-color:blue}.chance-materialization-blue,.chance-materialization-red{align-items:center;color:#fff;display:flex;height:100%;justify-content:center;text-align:center}.chance-materialization-red{background-color:red}@media (max-width:768px){.opportunities-actions button{font-size:12px;min-width:auto;padding:5px 10px}.opportunities-actions .MuiButton-startIcon{font-size:14px}.opportunities-page .MuiDataGrid-columnHeaderTitle{word-wrap:break-word!important;font-size:.8rem!important;line-height:1.2!important;white-space:normal!important}}@media (max-width:426px){.opportunities-popup-form label{font-size:11px}.opportunities-popup-form input,.opportunities-popup-form select,.opportunities-popup-form textarea{font-size:12px}.popup-header h2{font-size:15px}}.opportunities-star-required{color:red;display:inline;margin-left:1px}.supplier{font-family:Arial,sans-serif}.supplier .supplier-actions{display:flex;flex-grow:1;justify-content:flex-end}.supplier .supplier-box-subcontainer{display:flex;flex:1 1;flex-direction:column;height:calc(100vh - 250px);overflow:hidden}.supplier .supplier-data-grid-container{flex:1 1;height:100%;width:100%}.supplier .add-supplier-container{background-color:initial;border-radius:0;box-shadow:none;margin-top:10px;max-width:600px;padding:10px;width:100%}.supplier .add-supplier-title{color:#333;margin-bottom:5px}.form-group,.supplier .add-supplier-form{display:flex;flex-direction:column;gap:8px}.supplier .label{color:#555;font-size:14px;font-weight:600;margin-top:3px;text-align:left}.input,.select,.textarea{border:1px solid #ddd;border-radius:8px;font-size:12px;outline:none;padding:10px;transition:border-color .2s ease}.select,.supplier .input,.textarea{font-family:Arial,sans-serif;font-size:14px}.input:focus,.textarea:focus{border-color:#007bff;outline:none}.textarea{height:36px;resize:vertical}.select{font-size:12px;padding:10px}.form-group-row{align-items:flex-end;gap:10px;width:100%}.supplier .status-container{flex-grow:1}.supplier .button-group{display:flex;gap:10px;justify-content:flex-start}.supplier .button-group-inline{display:flex;gap:10px}.supplier .button{border-radius:12px;cursor:pointer;font-size:14px;font-weight:700;height:36px;padding:10px 15px;transition:background-color .2s ease}.supplier .button.discard{background-color:#6c757d;border:none;border-radius:14px;color:#fff;cursor:pointer;font-size:12px;padding:10px 20px}.supplier .multiselect-field{font-family:Arial,sans-serif;font-size:14px}.supplier .button.save{background-color:#28a745;border:none;border-radius:14px;color:#fff;cursor:pointer;font-size:12px;padding:10px 20px}.supplier .supplier-datagrid .MuiDataGrid-columnHeaders{border-bottom:2px solid #d3d3d3}.supplier .supplier-datagrid .MuiDataGrid-root{border-radius:10px;overflow:hidden}.supplier .supplier-datagrid .MuiDataGrid-footerContainer{background-color:#f1f1f1}.supplier .supplier-datagrid-subsubcontainer{border-radius:10px;overflow:hidden}.supplier .button.discard:hover{background-color:#767776;opacity:.8!important}.supplier .button.save:hover{background-color:#218838;opacity:.8!important}.select option{padding:5px 10px}.form-group-row{display:flex;gap:20px}.form-group-row .form-group{flex:1 1}.select-container{flex-grow:1}.supplier .add-contact{background-color:#dbe5f0;border:none;border-radius:10px;color:#3d3b3b;cursor:pointer;font-size:14px;font-weight:700;height:38px;padding:10px 15px;transition:background-color .2s ease}.supplier .add-contact:hover{background-color:#dfe0e0}.supplier .back-arrow:hover{color:#007bff}.supplier .title-separator{background-color:#ccc;border:none;height:1px;margin:0;position:relative;width:100%}.supplier .supplier-header{align-items:center;display:flex;gap:10px;justify-content:start;margin-bottom:10px}.supplier .back-arrow{color:#333;cursor:pointer;font-size:20px;margin-right:10px;transition:color .2s ease}.supplier .add-supplier-title{margin:0}.supplier .bold-header{font-weight:700!important}.supplier .supplier-page .MuiDataGrid-columnHeaderTitle{word-wrap:break-word!important;font-size:1rem!important;font-weight:700!important;line-height:1.2!important;white-space:normal!important}.supplier .add-supplier-title{font-size:24px;font-weight:700}.supplier .contact-header{align-items:center;display:flex;gap:8px}.supplier .contact-edit-btn{background-color:#f0f0f0!important;border-radius:8px;color:#555!important;margin-left:10px;min-width:40px;padding:5px}.supplier .contact-edit-btn:hover{background-color:#dcdcdc!important}.supplier .info-box{display:flex;flex-direction:row;flex-wrap:nowrap;margin-bottom:8px;max-width:100%;overflow-x:auto;white-space:nowrap}.supplier .info-label{align-items:center;background-color:#d3d3d3;display:flex;flex-shrink:0;min-width:120px;padding:6px}.supplier .info-value{background-color:#fff;border:1px solid #d3d3d3;flex-shrink:0;min-width:200px;padding:6px}.supplier .department-chip{background-color:#d4edda;border:1px solid #c3e6cb;border-radius:8px;color:#155724;display:inline-block;font-size:14px;font-weight:700;margin:5px;padding:6px 12px}@media screen and (max-width:600px){.supplier .contact-card{align-items:center;flex-direction:column}.supplier .contact-header svg{font-size:32px}.supplier .supplier-details-layout{flex-direction:column!important}.supplier .contact-edit-btn{display:block;margin:10px auto 0}.supplier .contact-info{display:flex;flex-direction:column}.supplier .icon-cell{background-color:#dedcdc;max-width:16px!important}.supplier .contact-header{display:flex;flex-direction:column;margin-bottom:8px}.supplier .contact-info>.MuiTypography-root{align-items:center;display:flex}.supplier .form-group-row{flex-direction:column;gap:8px}.supplier .form-group-row .form-group{width:100%}.supplier .add-supplier-container{box-sizing:border-box;max-width:100%;overflow-x:hidden;padding:0 1rem}.supplier .custom-supplier-grid .MuiDataGrid-root .MuiDataGrid-cell,.supplier .custom-supplier-grid .MuiDataGrid-root .MuiDataGrid-columnHeader{min-width:100px}.supplier .supplier-data-grid-container .MuiDataGrid-columnHeaders{font-size:.8rem}.supplier .supplier-data-grid-container .MuiDataGrid-columnHeaderTitle{white-space:nowrap!important}.supplier .supplier-data-grid-container{overflow-x:auto;white-space:nowrap}}@media screen and (max-width:1350px){.supplier .supplier-data-grid-container{overflow-x:auto;width:100%}.supplier .custom-supplier-grid .MuiDataGrid-root{min-width:1200px}.supplier .full-width-height{height:100%;width:100%}.supplier .supplier-actions .MuiButton-root{font-size:.8rem;padding:4px 10px}}.supplier .required-star{color:red}.supplier .contracts-table td,.supplier .contracts-table th{border:1px solid #ddd;padding:4px;text-align:center}.supplier .contracts-table th{background-color:#f2f2f2;font-weight:700}.supplier .contact-card{align-items:center;background-color:#fff;border:1px solid #ddd;border-radius:20px;display:flex;justify-content:space-between;margin-bottom:5px;padding:5px}.supplier .contact-edit-btn{align-self:flex-end;margin-top:10px}.supplier .contact-info{display:flex;flex-direction:column;gap:2px}.supplier .contact-header-details{align-items:center;display:flex;gap:8px}.supplier .contracts-table{border-bottom:1px solid #ccc;border-collapse:collapse;border-right:1px solid #ccc;width:100%}.supplier .contracts-table thead th{border-bottom:2px solid #000;border-right:1px solid #ccc;padding:8px;text-align:left}.supplier .contracts-table thead th:last-child{border-right:none}.supplier .contracts-table tbody td{border-bottom:none;border-right:1px solid #ccc;border-top:none;padding:8px;text-align:left}.supplier .contracts-table tbody td:last-child{border-right:none}.supplier .contracts-table tbody tr{border:none}.supplier .contact-role{background-color:#add8e6;border-radius:4px;font-size:14px;padding:2px 6px}.supplier .supplier-contact-btn{background-color:#f0f0f0!important;border-radius:8px;box-shadow:0 1px 4px #0000001a;color:#555!important;min-width:40px;padding:5px;position:absolute}.supplier .supplier-contact-btn:hover{background-color:#dcdcdc!important}.supplier .audited-card{margin-bottom:16px;position:relative}.supplier .edit-audity-icon{color:#666;cursor:pointer;font-size:20px!important;position:absolute;right:8px;top:8px;transition:color .2s ease}.supplier .edit-audity-icon:hover{color:#1976d2}.supplier .audited-card-content{position:relative}.supplier .responsive-table-wrapper{overflow-x:auto;width:100%}.supplier .info-table{border-collapse:collapse;min-width:700px;width:100%}.supplier .info-table td{border-bottom:2px solid #eee;padding:6px 8px;vertical-align:top}.supplier .icon-cell{max-width:0}.supplier .column-cell,.supplier .icon-cell{background-color:#dedcdc}.supplier .supplier-error{color:red;display:block;font-size:12px;margin-bottom:4px;margin-top:-8px}.supplier .small-text{font-size:.8rem}.supplier .small-text input{font-size:.8rem!important}.contacts-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.contacts-popup{background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;padding:20px;width:400px}.contacts-h2{font-family:Arial,sans-serif;font-size:18px;font-weight:700;margin-bottom:20px;text-align:left}.contacts-form{display:flex;flex-direction:column}.contacts-inputGroup{margin-bottom:15px}.contacts-label{display:block;font-weight:600;margin-bottom:5px}.contacts-input,.contacts-label{font-family:Arial,sans-serif;font-size:14px}.contacts-input{border:1px solid #ccc;border-radius:4px;box-sizing:border-box;padding:10px;width:100%}.contacts-input:focus{border-color:#007bff;outline:none}.contacts-buttons{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.contacts-button{border:none;border-radius:10px;cursor:pointer;padding:10px 20px}.contacts-button.cancel{background-color:#898787;color:#fff}.contacts-button.cancel:hover{background-color:#999}.contacts-button.save{background-color:#28a745;color:#fff}.contacts-button.save:hover{background-color:#218838}.contacts-button:focus{outline:none}.contacts-required-star{color:red}.contacts-error{color:red;font-size:12px;margin-top:5px}.criteriaBox{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.criteriaBox .MuiTypography-root{flex:1 1;margin-right:16px}.formControl{min-width:70px!important}.labelText{display:block;font-size:.85rem;font-weight:500;margin-bottom:4px}.evaluation-item{background-color:#f9f9f9;border-radius:12px;box-shadow:0 2px 6px #0000000d;margin-bottom:12px;padding:12px 16px}.evaluation-label{font-size:1rem;font-weight:500;padding-right:12px;white-space:normal;word-break:break-word}.evaluation-score{color:#1976d2;font-weight:600;min-width:90px;text-align:right}.commercial-codes-page{background-color:#fff;border-radius:8px;display:flex;flex-direction:column;gap:24px;height:100%}.options-container{align-items:center;display:flex;flex-direction:row;height:-webkit-max-content;height:max-content;justify-content:space-between;width:100%;z-index:inherit}.tab-subcontainer{display:flex;flex-direction:column;z-index:1}.tab-button{background-color:initial}.tab-button,.tab-button-selected{border-radius:8px;border-width:0;font-size:14px;height:36px;margin-right:18px;padding:0 12px;transition:.2s ease-in-out;-webkit-user-select:none;user-select:none;width:auto;z-index:1}.tab-button-selected{background-color:#f5f5f5;color:#1771ed;font-style:bolder;pointer-events:none}@media (max-width:786px){.tab-button,.tab-button-selected{font-size:12px}}.tab-button-selected:last-child,.tab-button:last-child{margin:0}.tab-button:hover{background-color:#1771ed;color:#fff;cursor:pointer}.utility-subcontainer{flex-direction:column-reverse;height:100%;justify-items:end}.utility-button,.utility-subcontainer{align-items:center;display:flex;-webkit-user-select:none;user-select:none;z-index:1}.utility-button{border-color:#0000;border-radius:8px;border-width:1px;box-shadow:0 1px 0 0 #b5b5b5,0 0 0 1px #e3e3e3;gap:4px;height:auto;justify-content:center;margin-right:8px;transition:.2s ease-in-out;width:170px}@media (max-width:562px){.utility-subcontainer{margin:4px}.options-container{flex-direction:column;height:-webkit-max-content;height:max-content}.tab-subcontainer{margin:2px}}.utility-button:last-child{margin:0}.utility-button:hover{cursor:pointer}.add:hover{background-color:#add8e6}.delete:hover{background-color:#ff7f7f}.content-container{background-color:#fff;border-color:#0000;border-radius:8px;height:100%;height:auto;overflow:auto;z-index:1;z-index:inherit}.stat-active{background-color:#cdfee1;color:#0c5132}.stat-active,.stat-completed{align-items:center;border-radius:10px;display:inline-flex;height:28px;max-width:100%;padding-left:6px;padding-right:6px;vertical-align:middle;z-index:1}.stat-completed{background-color:#5676ce;color:#16f792}.stat-inactive{align-items:center;background-color:#ffcdcb;border-radius:10px;color:#da362f;display:inline-flex;height:28px;max-width:100%;padding-left:6px;padding-right:6px;vertical-align:middle;z-index:1}.title-cc{font-size:1.5rem}.tabs{display:flex;flex-wrap:wrap;gap:8px;padding-top:15px}.tab-button-cc{background-color:#fff;border:1px dashed #000;border-radius:20px;color:#000;cursor:pointer;font-size:14px;font-weight:700;height:30px;margin-right:22px;padding-left:12px;padding-right:12px}.tab-button-text-cc{font-size:14px}.tab-button-cc.active{background-color:#e0e0e0;border-color:#0000;color:#000}.tab-button-cc:hover{background-color:inherit;color:inherit}.tab-button-cc.active:hover{background-color:#e0e0e0;color:#000}@media (max-width:545px){.tabs-cc{gap:6px}.tabs-cc a{flex:1 1 100%;width:100%}.tabs-cc .tab-button-cc{margin:0;text-align:center;width:100%}.title-cc{font-size:1.15rem;margin-top:20px}}.form-container-overlay-popup{align-items:center;background-color:#0006;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:100}.form-container-popup{background-color:#fff;border-radius:10px;box-shadow:0 4px 10px #0000004d;display:flex;flex-direction:column;height:auto;max-height:95vh;overflow-y:auto;padding:15px;width:500px;z-index:inherit}@media (max-width:560px){.form-container{width:325px}}.form{display:flex;flex-direction:column;gap:.8rem}.form .full-width{grid-column:span 2}.form label{display:flex;flex-direction:column;font-size:.9rem}.form input,.form select,.form textarea{border:1px solid #ccc;border-radius:5px;box-sizing:border-box;font-size:.8rem;padding:10px;resize:none;width:100%}.short{height:40px}.long{height:80px}.form select,.form select option{font-size:.8rem}.form-buttons{display:flex;gap:10px;grid-column:span 2;justify-content:flex-end}.form-btn-close,.form-btn-submit{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:.8rem;padding:10px 20px}.form-btn-close{background-color:#6c757d}.form-btn-submit{background-color:#28a745}.form-btn-close:hover,.form-btn-submit:hover{opacity:.8}.flex-column{align-items:center;display:flex;flex-direction:row;gap:8px;z-index:inherit}.add-price-page{font-size:14px;line-height:1.5;margin-left:10px;margin-right:10px}.add-price-page .add-container{background-color:initial;border-radius:0;box-shadow:none;max-width:600px;padding-bottom:10px;width:100%}.add-price-page .react-select__control{box-shadow:none!important;font-size:14px}.add-price-page .react-select__placeholder,.add-price-page .react-select__single-value{font-size:14px}.add-price-page .react-select__control,.add-price-page .react-select__single-value,.add-price-page input[type=date],.add-price-page input[type=number],.add-price-page input[type=text],.add-price-page textarea{font-family:Arial,sans-serif;font-size:14px}.add-price-page .add-container .header{align-items:center;display:flex;gap:10px;justify-content:start;margin-bottom:10px}.add-price-page .back-arrow{color:#333;cursor:pointer;font-size:20px;margin-top:20px;transition:color .2s ease}.add-price-page .add-title{color:#333;font-size:24px;font-weight:700;margin-bottom:0}.add-price-page .radio-label-small .MuiFormControlLabel-label{font-size:12px}.add-price-page .title-separator{background-color:#ccc;border:none;height:1px;margin-bottom:20px;position:relative;width:100%}.add-price-page .add-form{display:flex;flex-direction:column;gap:8px}.add-price-page .form-group-row{align-items:flex-end;display:flex;gap:10px;width:100%}.add-price-page .form-group{display:flex;flex-direction:column;gap:8px}.add-price-page .label{color:#2e2e2e;font-size:14px;font-weight:520;text-align:left}.add-price-page .button-group,.add-price-page .button-group-inline{display:flex;gap:10px;justify-content:flex-end;margin-top:10px;width:100%}.add-price-page .button.discard{background-color:#6c757d}.add-price-page .button.discard,.add-price-page .button.save{border:none;border-radius:14px;color:#fff;cursor:pointer;font-size:12px;padding:10px 20px}.add-price-page .button.save{background-color:#28a745}@media screen and (max-width:600px){.add-price-page{font-size:14px;line-height:1.5;margin-left:0;margin-right:0}.add-price-page .add-container{box-sizing:border-box;margin-top:5px;max-width:100%;overflow-x:hidden;padding:0 1rem}.add-price-page .react-select__control{box-shadow:none!important;font-size:12px}.add-price-page .react-select__placeholder,.add-price-page .react-select__single-value{font-size:12px}.add-price-page .react-select__control,.add-price-page .react-select__single-value,.add-price-page input[type=date],.add-price-page input[type=number],.add-price-page input[type=text],.add-price-page textarea{font-family:Arial,sans-serif;font-size:12px}.add-price-page .back-arrow{margin-top:15px}.add-price-page .title-separator{margin-top:10px}.add-price-page .form-group-row{flex-direction:column;gap:8px}.add-price-page .form-group-row .form-group{width:100%}.add-price-page .add-title{font-size:16px}}.edit-price-page{font-size:14px;line-height:1.5;margin-left:10px;margin-right:10px}.edit-price-page .edit-container{background-color:initial;border-radius:0;box-shadow:none;max-width:600px;padding-bottom:10px;width:100%}.edit-price-page .react-select__control{box-shadow:none!important;font-size:14px}.edit-price-page .react-select__placeholder,.edit-price-page .react-select__single-value{font-size:14px}.edit-price-page .react-select__control,.edit-price-page .react-select__single-value,.edit-price-page input[type=date],.edit-price-page input[type=number],.edit-price-page input[type=text],.edit-price-page textarea{font-family:Arial,sans-serif;font-size:14px}.edit-price-page .edit-container .header{align-items:center;display:flex;gap:10px;justify-content:start;margin-bottom:10px}.edit-price-page .back-arrow{color:#333;cursor:pointer;font-size:20px;margin-top:20px;transition:color .2s ease}.edit-price-page .edit-title{color:#333;font-size:24px;font-weight:700;margin-bottom:0}.edit-price-page .radio-label-small .MuiFormControlLabel-label{font-size:12px}.edit-price-page .title-separator{background-color:#ccc;border:none;height:1px;margin-bottom:20px;position:relative;width:100%}.edit-price-page .edit-form{display:flex;flex-direction:column;gap:8px}.edit-price-page .form-group-row{align-items:flex-end;display:flex;gap:10px;width:100%}.edit-price-page .form-group{display:flex;flex-direction:column;gap:8px}.edit-price-page .label{color:#2e2e2e;font-size:14px;font-weight:520;text-align:left}.edit-price-page .button-group,.edit-price-page .button-group-inline{display:flex;gap:10px;justify-content:flex-end;margin-top:10px;width:100%}.edit-price-page .button.discard{background-color:#6c757d}.edit-price-page .button.discard,.edit-price-page .button.save{border:none;border-radius:14px;color:#fff;cursor:pointer;font-size:12px;padding:10px 20px}.edit-price-page .button.save{background-color:#28a745}@media screen and (max-width:600px){.edit-price-page{font-size:14px;line-height:1.5;margin-left:0;margin-right:0}.edit-price-page .edit-container{box-sizing:border-box;margin-top:5px;max-width:100%;overflow-x:hidden;padding:0 1rem}.edit-price-page .react-select__control{box-shadow:none!important;font-size:12px}.edit-price-page .react-select__placeholder,.edit-price-page .react-select__single-value{font-size:12px}.edit-price-page .react-select__control,.edit-price-page .react-select__single-value,.edit-price-page input[type=date],.edit-price-page input[type=number],.edit-price-page input[type=text],.edit-price-page textarea{font-family:Arial,sans-serif;font-size:12px}.edit-price-page .back-arrow{margin-top:15px}.edit-price-page .title-separator{margin-top:10px}.edit-price-page .form-group-row{flex-direction:column;gap:8px}.edit-price-page .form-group-row .form-group{width:100%}.edit-price-page .edit-title{font-size:16px}}.price-per-hour-page .table-container{height:590px;width:100%}.price-per-hour-page .price-header-container{align-items:center;display:flex;justify-content:space-between;margin-bottom:0}.price-per-hour-page .MuiButtonBase{height:233px}.price-per-hour-page .MuiDataGrid-root{background-color:#f8f9fa;border:1px solid #ddd;border-radius:8px}.price-per-hour-page .MuiDataGrid-columnHeaders{background-color:#d6d6d6;border-bottom:2px solid #b0b0b0;color:#424242;font-size:16px;font-weight:700}.price-per-hour-page .MuiDataGrid-cell{color:#333;font-size:14px}.price-per-hour-page .MuiDataGrid-row:hover{background-color:initial}.price-per-hour-page .MuiDataGrid-footerContainer{background-color:#f1f1f1}.price-per-hour-page .buton-edit{background-color:#f8f9fa;border:none;margin-top:10px}.price-per-hour-page .MuiDataGrid-cell--textLeft{color:#000}.price-per-hour-page .MuiDataGrid-columnHeaderTitle{color:#000!important;font-weight:700!important}.price-per-hour-page .header-page{align-items:center;display:flex;justify-content:space-between}.price-per-hour-page .title{font-size:1.5rem;margin-top:9px}.price-per-hour-page .add-button-container{display:flex;height:auto;justify-content:flex-end;margin-bottom:1px;margin-top:15px}.price-per-hour-page .add-button-container button{background-color:#1976d2;border:1px solid #1976d2;border-radius:5px;color:#fff;height:36px;margin-top:15px;padding:10px 20px}@media (max-width:450px){.price-per-hour-page .title{font-size:1.2rem;margin-top:25px}.price-per-hour-page .MuiButtonBase{height:133px}.price-per-hour-page .add-button-container{margin-top:10px}.price-per-hour-page .add-button-container button{background-color:#1976d2;border:1px solid #1976d2;border-radius:5px;color:#fff;height:30px;margin-bottom:15px;padding:10px}}@media (max-width:290px){.price-per-hour-page .title{font-size:1.1rem;margin-top:25px}.price-per-hour-page .MuiButtonBase{height:133px}.price-per-hour-page .add-button-container{margin-top:10px}.price-per-hour-page .add-button-container button{background-color:#1976d2;border:1px solid #1976d2;border-radius:5px;color:#fff;height:30px;margin-bottom:15px;padding:10px}}.provision-contracts-page{background-color:#fff;border-radius:8px;display:flex;flex-direction:column;gap:24px;height:100%}.title-separator-pc{background-color:#ccc;border:none;height:2px;margin-bottom:30px;margin-top:-20px;position:relative;width:100%}.provision-contracts-page .header-container{align-items:center;display:flex;flex-direction:row;height:4em;padding-top:3px;width:100%;z-index:inherit}.provision-contracts-page .reg-header{justify-content:space-between}.provision-contracts-page .frm-header{justify-content:left}.provision-contracts-page .leftside-title{font-size:1.5em;font-style:bold;font-weight:700;height:auto;text-align:center}.provision-contracts-page .frm-title{margin-left:.2em}.provision-contracts-page .btn-back{align-items:center;background-color:initial;border-color:#0000;border-radius:8px;display:flex;height:28px;justify-content:center;margin-left:.6em;-webkit-user-select:none;user-select:none;width:auto}.provision-contracts-page .btn-back:hover{cursor:pointer}.provision-contracts-page .main-container{overflow:auto;z-index:inherit}.provision-contracts-page .frm-container{background-color:#fff;border-color:#0000;border-radius:8px;display:flex;height:100%;overflow-y:hidden;width:100%;z-index:inherit}.provision-contracts-page .frm-div{align-items:center;display:flex;flex-direction:column;gap:10px;height:auto;margin:16px;max-width:500px;overflow:auto;width:100%}.provision-contracts-page .frm-double{display:flex;flex-direction:row;gap:6px;height:auto;width:100%}@media screen and (max-width:425px){.provision-contracts-page .frm-double{flex-direction:column}}.provision-contracts-page .frm-entry{display:flex;flex-direction:column;gap:4px;height:auto;width:100%;z-index:inherit}.provision-contracts-page .frm-entry>label{font-family:sans-serif;font-size:14px;-webkit-user-select:none;user-select:none}.provision-contracts-page .frm-date{border:1px solid #ecedec;border-radius:10px;box-sizing:border-box;font-family:sans-serif;height:40px;padding:12px;resize:none;width:100%}.provision-contracts-page .frm-date:focus-within{border:1px solid #000}.provision-contracts-page .frm-date:focus{outline:none}.provision-contracts-page .frm-entry>input{border:1px solid #edeeed;border-radius:10px;box-sizing:border-box;font-family:sans-serif;font-size:14px;height:40px;padding:12px;resize:none;width:100%}.provision-contracts-page .frm-entry>input:focus-within{border:1px solid #000}.provision-contracts-page .frm-entry>input:focus{outline:none}.provision-contracts-page .frm-entry>select{border:1px solid #ecedec;border-radius:10px;box-sizing:border-box;font-family:sans-serif;height:40px;padding:12px;resize:none;width:100%}.provision-contracts-page .frm-entry>select:focus-within{border:1px solid #000}.provision-contracts-page .frm-entry>select:focus{outline:none}.provision-contracts-page .frm-entry>textarea{border:1px solid #ecedec;border-radius:10px;box-sizing:border-box;font-family:sans-serif;padding:12px;resize:none;width:100%;z-index:inherit}.provision-contracts-page .frm-entry>textarea:focus-within{border:1px solid #000}.provision-contracts-page .frm-entry>textarea:focus{outline:none}.provision-contracts-page .short{height:40px;overflow:hidden;white-space:nowrap}.provision-contracts-page .long{height:80px}.provision-contracts-page .currency-wrapper{align-items:center;display:flex;position:relative}.provision-contracts-page .currency{align-items:center;background-color:initial;bottom:1px;box-sizing:border-box;color:grey;display:flex;height:100%;left:14px;position:absolute;width:auto}.provision-contracts-page .currency-wrapper>input{border:1px solid #ecedec;border-radius:10px;box-sizing:border-box;font-family:sans-serif;font-size:14px;height:40px;padding:12px 12px 12px 3rem;resize:none;width:100%}.provision-contracts-page .currency-wrapper>input:focus-within{border:1px solid #000}.provision-contracts-page .currency-wrapper>input:focus{outline:none}.provision-contracts-page .frm-buttons{display:flex;flex-direction:row-reverse;gap:6px;height:auto;margin-bottom:2px;width:100%}.provision-contracts-page .frm-btn{border-color:#0000;border-radius:8px;border-width:1px;box-shadow:0 1px 0 0 #b5b5b5,0 0 0 1px #e3e3e3;gap:4px;height:30px;-webkit-user-select:none;user-select:none;width:70px}.provision-contracts-page .cancel{background-color:#6c757d;color:#fff}.provision-contracts-page .cancel:hover{background-color:#899197;cursor:pointer}.provision-contracts-page .saved{background-color:#28a745;color:#fff}.provision-contracts-page .saved:hover{background-color:#53b86a;cursor:pointer}@media screen and (max-width:600px){.provision-contracts-page .leftside-title{font-size:1.1em}}@media screen and (max-width:460px){.provision-contracts-page .leftside-title{font-size:.9em}}@media (max-width:460px){.provision-contracts-page .header-container{flex-direction:column;padding-top:0}.provision-contracts-page .frm-header{flex-direction:row;padding-top:0}}.invoices-page .invoices-box-subcontainer{display:flex;flex:1 1;flex-direction:column;height:calc(100vh - 200px);max-width:100%;overflow:hidden;width:100%}.invoices-page .MuiDataGrid-columnHeaderTitle{word-wrap:break-word!important;font-size:1rem!important;font-weight:700!important;line-height:1.2!important;white-space:normal!important}.invoices-page .invoices-data-grid-container{display:flex;flex-direction:column;flex-grow:1;height:100%;max-width:100%;width:100%}.invoices-page .custom-invoices-grid .MuiDataGrid-root .MuiDataGrid-cell,.invoices-page .custom-invoices-grid .MuiDataGrid-root .MuiDataGrid-columnHeader{min-width:100px}.invoices-page .invoices-datagrid .MuiDataGrid-columnHeaders{border-bottom:2px solid #d3d3d3}.invoices-page .invoices-datagrid .MuiDataGrid-root{border-radius:10px;overflow:hidden}.invoices-page .invoices-datagrid .MuiDataGrid-footerContainer{background-color:#f1f1f1}.invoices-page .invoices-datagrid-subsubcontainer{border-radius:10px;overflow:hidden}.invoices-page .invoices-actions{display:flex;flex-grow:1;justify-content:flex-end}.invoices-page .invoices-header{align-items:center;display:flex;gap:10px;justify-content:start}.invoices-page .bold-header{font-weight:700!important}.invoices-page .add-invoices-container{box-sizing:border-box;max-width:100%;overflow-x:hidden;padding:0 1rem}.invoices-page .back-arrow:hover{color:#007bff}.invoices-page .back-arrow{color:#333;cursor:pointer;font-size:20px;margin-right:10px;transition:color .2s ease}.invoices-page .title-separator{background-color:#ccc;border:none;height:1px;margin:0;position:relative;width:100%}.invoices-page .add-invoices-title{color:#333;font-size:24px;font-weight:700;line-height:1;margin:0}.invoices-page .add-invoices-container{background-color:initial;border-radius:0;box-shadow:none;max-width:600px;padding:10px;width:100%}.add-invoices-title,.invoices-page .back-arrow{display:inline-block;vertical-align:middle}.invoices-page .form-group{display:flex;flex-direction:column;gap:8px}.invoices-page .form-group-row{gap:20px}.invoices-page .form-group-row .form-group{flex:1 1}.invoices-page .button-group{display:flex;gap:10px}.invoices-page .button-group-inline{display:flex;gap:10px;justify-content:flex-end;margin-top:10px}.invoices-page .button{border-radius:12px;cursor:pointer;font-size:14px;font-weight:700;height:36px;padding:10px 15px;transition:background-color .2s ease}.invoices-page .button.discard{background-color:#6c757d}.invoices-page .button.discard,.invoices-page .button.save{border:none;border-radius:14px;color:#fff;cursor:pointer;font-size:12px;padding:10px 20px}.invoices-page .button.save{background-color:#28a745}.invoices-page .label{color:#555;font-size:14px;font-weight:500;text-align:left}.invoices-page .input,.invoices-page .select,.invoices-page .textarea{border:1px solid #ddd;border-radius:8px;font-size:12px;outline:none;padding:8px;transition:border-color .2s ease}.invoices-page .input:focus,.invoices-page .textarea:focus{border-color:#007bff;outline:none}.invoices-page .textarea{height:30px;resize:vertical}.invoices-page .select{font-size:12px;padding:10px}.invoices-page .form-group-row{align-items:flex-end;display:flex;gap:10px;width:100%}.invoices-page .status-container{flex-grow:1}.invoices-datagrid .MuiDataGrid-columnHeaders{border-bottom:2px solid #d3d3d3}.invoices-datagrid .MuiDataGrid-root{border-radius:10px;overflow:hidden}.invoices-datagrid .MuiDataGrid-footerContainer{background-color:#f1f1f1}.invoices-datagrid-subsubcontainer{border-radius:10px;overflow:hidden}.invoices-page .button.discard:hover{background-color:#767776;opacity:.8!important}.invoices-page .button.save:hover{background-color:#218838;opacity:.8!important}.invoices-page .select option{padding:5px 10px}.invoices-page .form-container{background:#0000!important;border:none!important;box-shadow:none!important;padding:0!important;width:50%}.invoices-page .input[readonly]{background-color:#f0f0f0;color:#333}.invoices-page .invoices-status-badge{align-items:center;border-radius:20px;color:#000;display:inline-flex;font-weight:700;height:25px;justify-content:center;line-height:normal;min-width:130px;text-align:center}.invoices-page .status-cell{align-items:center;display:flex;padding:5px 10px}.invoices-page .invoices-status-badge.invoice-issued{background-color:#ffff63;color:#000}.invoices-page .invoices-status-badge.invoice-received{background-color:#76fd96;color:#000}@media (max-width:600px){.invoices-page .header-container h2{font-size:1rem}.invoices-page .invoices-actions button{font-size:.7rem;padding:4px 8px}}@media (max-width:350px){.invoices-page .header-container h2{font-size:.8rem}.invoices-page .invoices-actions button{font-size:.6rem;padding:4px 8px}}.invoices-page .checkbox{cursor:pointer;height:26px;width:26px}.invoices-page .chip-full-paid{background-color:green!important;color:#fff!important;font-weight:700!important}.invoices-page .chip-partial-pay{background-color:orange!important;color:#000!important;font-weight:700!important}.invoices-page .chip-unpaid{background-color:red!important;color:#fff!important;font-weight:700!important}.invoices-page .responsive-container{display:flex;flex-wrap:wrap;gap:20px}@media (max-width:1050px){.invoices-page .responsive-container{flex-direction:column}}@media (max-width:500px){.invoices-page .invoice-header{align-items:flex-end;flex-direction:column}}.invoices-page .invoice-header{align-items:center;display:flex;gap:8px}.invoices-page .invoices-actions{margin-left:auto}.invoices-page .payment-status{align-items:center;border-radius:5px;box-sizing:border-box;color:#fff;display:flex;height:100%;justify-content:center;padding:4px 8px;text-align:center;width:100%}.invoices-page .payment-unpaid{background-color:red}.invoices-page .payment-partial{background-color:orange}.invoices-page .payment-full{background-color:green}.invoices-page .payment-error{color:red;font-size:.7em;margin-bottom:5px}.invoices-page .required-star{color:red}.payment-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.payment-popup{background-color:#fff;border-radius:8px;box-shadow:0 4px 10px #0000004d;padding:20px;width:400px}.payment-h2{font-size:18px;font-weight:700;margin-bottom:20px;text-align:left}.payment-form{display:flex;flex-direction:column}.payment-inputGroup{margin-bottom:15px}.payment-label{display:block;font-size:14px;margin-bottom:5px}.payment-input{border:1px solid #ccc;border-radius:10px;box-sizing:border-box;font-size:14px;padding:10px;width:100%}.payment-input:focus{border-color:#007bff;outline:none}.payment-buttons{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.payment-button{border:none;border-radius:10px;cursor:pointer;padding:10px 20px}.payment-button.cancel{background-color:#898787;color:#fff}.payment-button.cancel:hover{background-color:#999}.payment-button.save{background-color:#28a745;color:#fff}.payment-button.save:hover{background-color:#218838}.payment-button:focus{outline:none}.payment-required-star{color:red}.add-supplier-contract-page{font-size:14px;line-height:1.5;margin-left:10px;margin-right:10px}.add-supplier-contract-page .add-supplier-container{background-color:initial;border-radius:0;box-shadow:none;max-width:600px;padding-bottom:10px;width:100%}.add-supplier-contract-page .supplier-header{align-items:center;display:flex;gap:10px;justify-content:start;margin-bottom:10px;margin-top:20px}.add-supplier-contract-page .back-arrow{color:#333;cursor:pointer;font-size:20px;transition:color .2s ease}.add-supplier-contract-page .add-supplier-title{color:#333;font-size:24px;font-weight:700;margin-bottom:0;margin-top:-4px}.add-supplier-contract-page .title-separator{background-color:#ccc;border:none;height:1px;margin-bottom:20px;position:relative;width:100%}.add-supplier-contract-page .add-supplier-form{display:flex;flex-direction:column;gap:8px}.add-supplier-contract-page .form-group-row{align-items:flex-end;display:flex;gap:10px;width:100%}.add-supplier-contract-page .form-group{display:flex;flex-direction:column;gap:8px}.add-supplier-contract-page .label{color:#2e2e2e;font-size:14px;font-weight:520;text-align:left}.add-supplier-contract-page .button-group,.add-supplier-contract-page .button-group-inline{display:flex;gap:10px;justify-content:flex-end;margin-top:10px;width:100%}.add-supplier-contract-page .button.discard{background-color:#6c757d}.add-supplier-contract-page .button.discard,.add-supplier-contract-page .button.save{border:none;border-radius:14px;color:#fff;cursor:pointer;font-size:12px;padding:10px 20px}.add-supplier-contract-page .button.save{background-color:#28a745}.add-supplier-container .react-select__control{box-shadow:none!important;font-size:14px}.add-supplier-container .react-select__placeholder,.add-supplier-container .react-select__single-value{font-size:14px}.add-supplier-container .react-select__control,.add-supplier-container .react-select__single-value,.add-supplier-container input[type=date],.add-supplier-container input[type=number],.add-supplier-container input[type=text],.add-supplier-container textarea{font-family:Arial,sans-serif;font-size:14px}@media screen and (max-width:600px){.add-supplier-contract-page{-ms-overflow-style:none;font-size:12px;height:100vh!important;line-height:1.5;margin-left:0;margin-right:0;overflow-y:auto!important;scrollbar-width:none}.add-supplier-contract-page::-webkit-scrollbar{display:none}.add-supplier-contract-page .add-supplier-container{box-sizing:border-box;margin-top:15px;max-width:100%;overflow-x:visible;padding:0 .5rem 120px}.add-supplier-contract-page .button-group,.add-supplier-contract-page .button-group-inline{background-color:#fff;bottom:0;padding:15px 0;position:-webkit-sticky;position:sticky;z-index:100}.add-supplier-container .react-select__menu{z-index:1000!important}.add-supplier-contract-page .react-select__control{box-shadow:none!important;font-size:12px}.add-supplier-contract-page .react-select__placeholder,.add-supplier-contract-page .react-select__single-value{font-size:12px}.add-supplier-container .react-select__control,.add-supplier-container .react-select__single-value,.add-supplier-container input[type=date],.add-supplier-container input[type=number],.add-supplier-container input[type=text],.add-supplier-container textarea{font-family:Arial,sans-serif;font-size:12px}.add-supplier-contract-page .title-separator{margin-top:-110px!important}.add-supplier-contract-page .form-group-row{flex-direction:column;gap:8px}.add-supplier-contract-page .form-group-row .form-group{width:100%}.add-supplier-contract-page .add-supplier-title{font-size:17px}}.edit-supplier-contract-page{font-size:14px;line-height:1.5;margin-left:10px;margin-right:10px}.edit-supplier-contract-page .edit-supplier-container{background-color:initial;border-radius:0;box-shadow:none;max-width:600px;width:100%}.edit-supplier-container .react-select__control{box-shadow:none!important;font-size:14px}.edit-supplier-container .react-select__placeholder,.edit-supplier-container .react-select__single-value{font-size:14px}.edit-supplier-container input[type=date],.edit-supplier-container input[type=number],.edit-supplier-container input[type=text],.edit-supplier-container textarea,.edit-supplier-container.react-select__control,.edit-supplier-container.react-select__single-value{font-family:Arial,sans-serif;font-size:14px}.edit-supplier-contract-page .supplier-header{align-items:center;display:flex;gap:10px;justify-content:start}.edit-supplier-contract-page .back-arrow{color:#333;cursor:pointer;font-size:20px;transition:color .2s ease}.edit-supplier-contract-page .edit-supplier-title{color:#333;font-size:24px;font-weight:700}.edit-supplier-contract-page .title-separator{background-color:#ccc;border:none;height:1px;margin-bottom:20px;position:relative;width:100%}.edit-supplier-contract-page .edit-supplier-form{display:flex;flex-direction:column;gap:8px}.edit-supplier-contract-page .form-group-row{align-items:flex-end;display:flex;gap:10px;width:100%}.edit-supplier-contract-page .form-group{display:flex;flex-direction:column;gap:8px}.edit-supplier-contract-page .label{color:#2e2e2e;font-size:14px;font-weight:520;text-align:left}.edit-supplier-contract-page .button-group,.edit-supplier-contract-page .button-group-inline{display:flex;gap:10px;justify-content:flex-end;margin-top:10px;width:100%}.edit-supplier-contract-page .button.discard{background-color:#6c757d}.edit-supplier-contract-page .button.discard,.edit-supplier-contract-page .button.save{border:none;border-radius:14px;color:#fff;cursor:pointer;font-size:12px;padding:10px 20px}.edit-supplier-contract-page .button.save{background-color:#28a745}.edit-supplier-contract-page .input:disabled{background-color:#f0f0f0}@media screen and (max-width:600px){.edit-supplier-contract-page{-ms-overflow-style:none;height:100vh!important;margin-left:0;margin-right:0;overflow-y:auto!important;scrollbar-width:none}.edit-supplier-contract-page::-webkit-scrollbar{display:none}.edit-supplier-contract-page .edit-supplier-container{box-sizing:border-box;margin-top:15px;max-width:100%;overflow-x:visible;padding:0 .5rem 120px}.edit-supplier-contract-page .button-group,.edit-supplier-contract-page .button-group-inline{background-color:#fff;bottom:0;padding:15px 0;position:-webkit-sticky;position:sticky;z-index:100}.edit-supplier-container .react-select__menu{z-index:1000!important}.edit-supplier-contract-page .title-separator{margin-top:1px}.edit-supplier-contract-page .form-group-row{flex-direction:column;gap:8px}.edit-supplier-contract-page .form-group-row .form-group{width:100%}.edit-supplier-contract-page .edit-supplier-title{font-size:17px}.edit-supplier-container .react-select__control{box-shadow:none!important;font-size:12px}.edit-supplier-container .react-select__placeholder,.edit-supplier-container .react-select__single-value{font-size:12px}.edit-supplier-container input[type=date],.edit-supplier-container input[type=number],.edit-supplier-container input[type=text] .edit-supplier-container.react-select__control,.edit-supplier-container textarea,.edit-supplier-container.react-select__single-value{font-family:Arial,sans-serif;font-size:12px}}.supplier-contracts-page .table-container{height:auto;overflow-x:auto;width:100%}#supplier-contract-table{min-width:1200px}.supplier-contracts-page .price-header-container{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.supplier-contracts-page .MuiButtonBase{height:auto}.supplier-contracts-page .MuiDataGrid-root{background-color:#f8f9fa;border:1px solid #ddd;border-radius:8px;overflow-x:auto;width:100%}.supplier-contracts-page .MuiDataGrid-columnHeaders{background-color:#d6d6d6;border-bottom:2px solid #b0b0b0;color:#424242;font-size:16px;font-weight:700}.supplier-contracts-page .MuiDataGrid-cell{color:#333;font-size:14px}.supplier-contracts-page .MuiDataGrid-row:hover{background-color:initial}.supplier-contracts-page .MuiDataGrid-footerContainer{background-color:#f1f1f1}.supplier-contracts-page .buton-edit{background-color:#f8f9fa;border:none;margin-top:10px}.supplier-contracts-page .MuiDataGrid-cell--textLeft{color:#000}.supplier-contracts-page .MuiDataGrid-columnHeaderTitle{color:#000!important;font-weight:700!important}.supplier-contracts-page .header-page{align-items:center;display:flex;justify-content:space-between}.supplier-contracts-page .title{font-size:1.5rem;margin-top:20px}.supplier-contracts-page .add-button-container{display:flex;height:auto;justify-content:flex-end;margin-bottom:1px;margin-top:-55px}.supplier-contracts-page .add-button-container button{background-color:#1976d2;border:1px solid #1976d2;border-radius:5px;color:#fff;height:36px;padding:10px 20px}@media (max-width:550px){.supplier-contracts-page .title{font-size:1.2rem;margin-top:20px}.supplier-contracts-page .add-button-container{margin-top:30px}.supplier-contracts-page .add-button-container button{background-color:#1976d2;border:1px solid #1976d2;border-radius:5px;color:#fff;height:30px;margin-bottom:15px;padding:10px}.supplier-contracts-page .MuiDataGrid-columnHeaders{font-size:13px}.supplier-contracts-page .MuiDataGrid-cell{font-size:12px}.supplier-contracts-page .MuiDataGrid-root{height:auto;width:100%}.supplier-contracts-page .price-header-container{flex-direction:column}}.add-orders-additional-pappers-page{font-size:14px;line-height:1.5;margin-left:10px;margin-right:10px}.add-orders-additional-pappers-page .add-container{background-color:initial;border-radius:0;box-shadow:none;max-width:600px;padding-bottom:10px;width:100%}.add-orders-additional-pappers-page .react-select__control{box-shadow:none!important;font-size:14px}.add-orders-additional-pappers-page .react-select__placeholder,.add-orders-additional-pappers-page .react-select__single-value{font-size:14px}.add-orders-additional-pappers-page .react-select__control,.add-orders-additional-pappers-page .react-select__single-value,.add-orders-additional-pappers-page input[type=date],.add-orders-additional-pappers-page input[type=number],.add-orders-additional-pappers-page input[type=text],.add-orders-additional-pappers-page textarea{font-family:Arial,sans-serif;font-size:14px}.add-orders-additional-pappers-page .add-container .header{align-items:center;display:flex;gap:10px;justify-content:start;margin-bottom:115px}.add-orders-additional-pappers-page .back-arrow{color:#333;cursor:pointer;font-size:20px;margin-top:20px;transition:color .2s ease}.add-orders-additional-pappers-page .add-title{color:#333;font-size:24px;font-weight:700;margin-bottom:0}.add-orders-additional-pappers-page .radio-label-small .MuiFormControlLabel-label{font-size:12px}.add-orders-additional-pappers-page .title-separator{background-color:#ccc;border:none;height:1px;margin-bottom:20px;margin-top:-110px!important;position:relative;width:100%}.add-orders-additional-pappers-page .add-form{display:flex;flex-direction:column;gap:8px}.add-orders-additional-pappers-page .form-group-row{align-items:flex-end;display:flex;gap:10px;width:100%}.add-orders-additional-pappers-page .form-group{display:flex;flex-direction:column;gap:8px}.add-orders-additional-pappers-page .label{color:#2e2e2e;font-size:14px;font-weight:520;text-align:left}.add-orders-additional-pappers-page .button-group,.add-orders-additional-pappers-page .button-group-inline{display:flex;gap:10px;justify-content:flex-end;margin-top:10px;width:100%}.add-orders-additional-pappers-page .button.discard{background-color:#6c757d;border:none;border-radius:14px;color:#fff;cursor:pointer;font-size:12px;padding:10px 20px}.add-orders-additional-pappers-page .button.save{background-color:#28a745;border:none;border-radius:14px;color:#fff;cursor:pointer;font-size:12px;padding:10px 20px}@media screen and (max-width:600px){.add-orders-additional-pappers-page{-ms-overflow-style:none;font-size:14px;height:100vh!important;line-height:1.5;margin-left:0;margin-right:0;overflow-y:auto!important;scrollbar-width:none}.add-orders-additional-pappers-page .add-container .header{margin-bottom:10px}.add-orders-additional-pappers-page::-webkit-scrollbar{display:none}.add-orders-additional-pappers-page .add-container{box-sizing:border-box;margin-top:5px;max-width:100%;overflow-x:visible;padding:0 .5rem 120px}.add-orders-additional-pappers-page .button-group,.add-orders-additional-pappers-page .button-group-inline{background-color:#fff;bottom:0;padding:15px 0;position:-webkit-sticky;position:sticky;z-index:100}.add-orders-additional-pappers-page .react-select__menu{z-index:1000!important}.add-orders-additional-pappers-page .react-select__control{box-shadow:none!important;font-size:12px}.add-orders-additional-pappers-page .react-select__placeholder,.add-orders-additional-pappers-page .react-select__single-value{font-size:12px}.add-orders-additional-pappers-page .react-select__control,.add-orders-additional-pappers-page .react-select__single-value,.add-orders-additional-pappers-page input[type=date],.add-orders-additional-pappers-page input[type=number],.add-orders-additional-pappers-page input[type=text],.add-orders-additional-pappers-page textarea{font-family:Arial,sans-serif;font-size:12px}.add-orders-additional-pappers-page .back-arrow{margin-top:15px}.add-orders-additional-pappers-page .title-separator{margin-top:10px}.add-orders-additional-pappers-page .form-group-row{flex-direction:column;gap:8px}.add-orders-additional-pappers-page .form-group-row .form-group{width:100%}.add-orders-additional-pappers-page .add-title{font-size:16px}}.edit-orders-additional-pappers-page{font-size:14px;line-height:1.5;margin-left:10px;margin-right:10px}.edit-orders-additional-pappers-page .edit-container{background-color:initial;border-radius:0;box-shadow:none;max-width:600px;padding-bottom:10px;width:100%}.edit-orders-additional-pappers-page .react-select__control{box-shadow:none!important;font-size:14px}.edit-orders-additional-pappers-page .react-select__placeholder,.edit-orders-additional-pappers-page .react-select__single-value{font-size:14px}.edit-orders-additional-pappers-page .react-select__control,.edit-orders-additional-pappers-page .react-select__single-value,.edit-orders-additional-pappers-page input[type=date],.edit-orders-additional-pappers-page input[type=number],.edit-orders-additional-pappers-page input[type=text],.edit-orders-additional-pappers-page textarea{font-family:Arial,sans-serif;font-size:14px}.edit-orders-additional-pappers-page .edit-container .header{align-items:center;display:flex;gap:10px;justify-content:start;margin-bottom:10px}.edit-orders-additional-pappers-page .back-arrow{color:#333;cursor:pointer;font-size:20px;margin-top:20px;transition:color .2s ease}.edit-orders-additional-pappers-page .edit-title{color:#333;font-size:24px;font-weight:700;margin-bottom:0}.edit-orders-additional-pappers-page .radio-label-small .MuiFormControlLabel-label{font-size:12px}.edit-orders-additional-pappers-page .title-separator{background-color:#ccc;border:none;height:1px;margin-bottom:20px;position:relative;width:100%}.edit-orders-additional-pappers-page .edit-form{display:flex;flex-direction:column;gap:10px}.edit-orders-additional-pappers-page .form-group-row{align-items:flex-end;display:flex;gap:10px;width:100%}.edit-orders-additional-pappers-page .form-group{display:flex;flex-direction:column;gap:8px}.edit-orders-additional-pappers-page .label{color:#2e2e2e;font-size:14px;font-weight:520;text-align:left}.edit-orders-additional-pappers-page .button-group,.edit-orders-additional-pappers-page .button-group-inline{display:flex;gap:10px;justify-content:flex-end;margin-top:10px;width:100%}.edit-orders-additional-pappers-page .button.discard{background-color:#6c757d;border:none;border-radius:14px;color:#fff;cursor:pointer;font-size:12px;padding:10px 20px}.edit-orders-additional-pappers-page .button.save{background-color:#28a745;border:none;border-radius:14px;color:#fff;cursor:pointer;font-size:12px;padding:10px 20px}.error-message{color:red;font-size:12px;margin-top:4px}@media screen and (max-width:600px){.edit-orders-additional-pappers-page{-ms-overflow-style:none;font-size:12px;height:100vh!important;line-height:1.5;margin-left:0;margin-right:0;overflow-y:auto!important;scrollbar-width:none}.edit-orders-additional-pappers-page::-webkit-scrollbar{display:none}.edit-orders-additional-pappers-page .edit-container{box-sizing:border-box;margin-top:5px;max-width:100%;overflow-x:visible;padding:0 .5rem 120px}.edit-orders-additional-pappers-page .button-group,.edit-orders-additional-pappers-page .button-group-inline{background-color:#fff;bottom:0;padding:15px 0;position:-webkit-sticky;position:sticky;z-index:100}.edit-orders-additional-pappers-page .react-select__menu{z-index:1000!important}.edit-orders-additional-pappers-page .react-select__control{box-shadow:none!important;font-size:12px}.edit-orders-additional-pappers-page .react-select__placeholder,.edit-orders-additional-pappers-page .react-select__single-value{font-size:12px}.edit-orders-additional-pappers-page .react-select__control,.edit-orders-additional-pappers-page .react-select__single-value,.edit-orders-additional-pappers-page input[type=date],.edit-orders-additional-pappers-page input[type=number],.edit-orders-additional-pappers-page input[type=text],.edit-orders-additional-pappers-page textarea{font-family:Arial,sans-serif;font-size:12px}.edit-orders-additional-pappers-page .back-arrow{margin-top:15px}.edit-orders-additional-pappers-page .title-separator{margin-top:-110px}.edit-orders-additional-pappers-page .form-group-row{flex-direction:column;gap:8px}.edit-orders-additional-pappers-page .form-group-row .form-group{width:100%}.edit-orders-additional-pappers-page .edit-title{font-size:16px}}#order-additional-table{min-width:1200px}@media (max-width:550px){.orders-additional-pappers-page .title{font-size:1.2rem;margin-top:10px}.orders-additional-pappers-page .add-button-container{margin-top:30px}.orders-additional-pappers-page .add-button-container button{background-color:#1976d2;border:1px solid #1976d2;border-radius:5px;color:#fff;height:30px;margin-bottom:15px;padding:10px}.orders-additional-pappers-page .MuiDataGrid-columnHeaders{font-size:14px}.orders-additional-pappers-page .MuiDataGrid-cell{font-size:12px}.orders-additional-pappers-page .MuiDataGrid-root{height:auto;width:100%}.orders-additional-pappers-page .price-header-container{flex-direction:column}}.add-ext-resource-invoice-page{font-size:14px;line-height:1.5;margin-left:10px;margin-right:10px}.add-ext-resource-invoice-page .add-container{background-color:initial;border-radius:0;box-shadow:none;max-width:600px;padding-bottom:10px;width:100%}.add-ext-resource-invoice-page .react-select__control{box-shadow:none!important;font-size:14px}.add-ext-resource-invoice-page .react-select__placeholder,.add-ext-resource-invoice-page .react-select__single-value{font-size:14px}.add-ext-resource-invoice-page .react-select__control,.add-ext-resource-invoice-page .react-select__single-value,.add-ext-resource-invoice-page input[type=date],.add-ext-resource-invoice-page input[type=number],.add-ext-resource-invoice-page input[type=text],.add-ext-resource-invoice-page textarea{font-family:Arial,sans-serif;font-size:14px}.add-ext-resource-invoice-page .add-container .header{align-items:center;display:flex;gap:10px;justify-content:start;margin-bottom:10px}.add-ext-resource-invoice-page .back-arrow{color:#333;cursor:pointer;font-size:20px;margin-top:20px;transition:color .2s ease}.add-ext-resource-invoice-page .add-title{color:#333;font-size:24px;font-weight:700;margin-bottom:0}.add-ext-resource-invoice-page .radio-label-small .MuiFormControlLabel-label{font-size:12px}.add-ext-resource-invoice-page .title-separator{background-color:#ccc;border:none;height:1px;margin-bottom:20px;position:relative;width:100%}.add-ext-resource-invoice-page .add-form{display:flex;flex-direction:column;gap:8px}.add-ext-resource-invoice-page .form-group-row{align-items:flex-end;display:flex;gap:10px;width:100%}.add-ext-resource-invoice-page .form-group{display:flex;flex-direction:column;gap:8px}.add-ext-resource-invoice-page .label{color:#2e2e2e;font-size:14px;font-weight:520;text-align:left}.add-ext-resource-invoice-page .button-group,.add-ext-resource-invoice-page .button-group-inline{display:flex;gap:10px;justify-content:flex-end;margin-top:10px;width:100%}.add-ext-resource-invoice-page .button.discard{background-color:#6c757d;border:none;border-radius:14px;color:#fff;cursor:pointer;font-size:12px;padding:10px 20px}.add-ext-resource-invoice-page .button.save{background-color:#28a745;border:none;border-radius:14px;color:#fff;cursor:pointer;font-size:12px;padding:10px 20px}.error-message-global{font-size:11px}@media screen and (max-width:600px){.add-ext-resource-invoice-page{-ms-overflow-style:none;font-size:14px;height:100vh!important;line-height:1.5;margin-left:0;margin-right:0;overflow-y:auto!important;scrollbar-width:none}.add-ext-resource-invoice-page::-webkit-scrollbar{display:none}.add-ext-resource-invoice-page .add-container{box-sizing:border-box;margin-top:5px;max-width:100%;overflow-x:visible;padding:0 .5rem 120px}.add-ext-resource-invoice-page .button-group,.add-ext-resource-invoice-page .button-group-inline{background-color:#fff;bottom:0;padding:15px 0;position:-webkit-sticky;position:sticky;z-index:100}.add-ext-resource-invoice-page .react-select__menu{z-index:1000!important}.add-ext-resource-invoice-page .react-select__control{box-shadow:none!important;font-size:12px}.add-ext-resource-invoice-page .react-select__placeholder,.add-ext-resource-invoice-page .react-select__single-value{font-size:12px}.add-ext-resource-invoice-page input[type=date],.add-ext-resource-invoice-page input[type=number],.add-ext-resource-invoice-page input[type=text],.add-ext-resource-invoice-page textarea{font-family:Arial,sans-serif;font-size:12px}.add-ext-resource-invoice-page .back-arrow{margin-top:15px}.add-ext-resource-invoice-page .title-separator{margin-top:-110px}.add-ext-resource-invoice-page .form-group-row{flex-direction:column;gap:8px}.add-ext-resource-invoice-page .form-group-row .form-group{width:100%}.add-ext-resource-invoice-page .add-title{font-size:16px}}.edit-ext-resource-invoice-page{font-size:14px;line-height:1.5;margin-left:10px;margin-right:10px}.edit-ext-resource-invoice-page .edit-container{background-color:initial;border-radius:0;box-shadow:none;max-width:600px;padding-bottom:10px;width:100%}.edit-ext-resource-invoice-page .react-select__control{box-shadow:none!important;font-size:14px}.edit-ext-resource-invoice-page .react-select__placeholder,.edit-ext-resource-invoice-page .react-select__single-value{font-size:14px}.edit-ext-resource-invoice-page .react-select__control,.edit-ext-resource-invoice-page .react-select__single-value,.edit-ext-resource-invoice-page input[type=date],.edit-ext-resource-invoice-page input[type=number],.edit-ext-resource-invoice-page input[type=text],.edit-ext-resource-invoice-page textarea{font-family:Arial,sans-serif;font-size:14px}.edit-ext-resource-invoice-page .edit-container .header{align-items:center;display:flex;gap:10px;justify-content:start;margin-bottom:10px}.edit-ext-resource-invoice-page .back-arrow{color:#333;cursor:pointer;font-size:20px;margin-top:20px;transition:color .2s ease}.edit-ext-resource-invoice-page .edit-title{color:#333;font-size:24px;font-weight:700;margin-bottom:0}.edit-ext-resource-invoice-page .radio-label-small .MuiFormControlLabel-label{font-size:12px}.edit-ext-resource-invoice-page .title-separator{background-color:#ccc;border:none;height:1px;margin-bottom:20px;position:relative;width:100%}.edit-ext-resource-invoice-page .edit-form{display:flex;flex-direction:column;gap:8px}.edit-ext-resource-invoice-page .form-group-row{align-items:flex-end;display:flex;gap:10px;width:100%}.edit-ext-resource-invoice-page .form-group{display:flex;flex-direction:column;gap:8px}.edit-ext-resource-invoice-page .label{color:#2e2e2e;font-size:14px;font-weight:520;text-align:left}.edit-ext-resource-invoice-page .button-group,.edit-ext-resource-invoice-page .button-group-inline{display:flex;gap:10px;justify-content:flex-end;margin-top:10px;width:100%}.edit-ext-resource-invoice-page .button.discard{background-color:#6c757d;border:none;border-radius:14px;color:#fff;cursor:pointer;font-size:12px;padding:10px 20px}.edit-ext-resource-invoice-page .button.save{background-color:#28a745;border:none;border-radius:14px;color:#fff;cursor:pointer;font-size:12px;padding:10px 20px}.input-error{border-color:red}.error-message-global{color:red;font-size:13px;margin-top:4px}@media screen and (max-width:600px){.edit-ext-resource-invoice-page{-ms-overflow-style:none;font-size:14px;height:100vh!important;line-height:1.5;margin-left:0;margin-right:0;overflow-y:auto!important;scrollbar-width:none}.edit-ext-resource-invoice-page::-webkit-scrollbar{display:none}.edit-ext-resource-invoice-page .edit-container{box-sizing:border-box;margin-top:5px;max-width:100%;overflow-x:visible;padding:0 .5rem 120px}.edit-ext-resource-invoice-page .button-group,.edit-ext-resource-invoice-page .button-group-inline{background-color:#fff;bottom:0;padding:15px 0;position:-webkit-sticky;position:sticky;z-index:100}.edit-ext-resource-invoice-page .react-select__menu{z-index:1000!important}.edit-ext-resource-invoice-page .react-select__control{box-shadow:none!important;font-size:12px}.edit-ext-resource-invoice-page .react-select__placeholder,.edit-ext-resource-invoice-page .react-select__single-value{font-size:12px}.edit-ext-resource-invoice-page .react-select__control,.edit-ext-resource-invoice-page .react-select__single-value,.edit-ext-resource-invoice-page input[type=date],.edit-ext-resource-invoice-page input[type=number],.edit-ext-resource-invoice-page input[type=text],.edit-ext-resource-invoice-page textarea{font-family:Arial,sans-serif;font-size:12px}.edit-ext-resource-invoice-page .back-arrow{margin-top:15px}.edit-ext-resource-invoice-page .title-separator{margin-top:-110px}.edit-ext-resource-invoice-page .form-group-row{flex-direction:column;gap:8px}.edit-ext-resource-invoice-page .form-group-row .form-group{width:100%}.edit-ext-resource-invoice-page .edit-title{font-size:16px}}.payment-ext-resource-invoice-page{font-size:14px;line-height:1.5;margin-left:10px;margin-right:10px}.payment-client-container .header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px;width:100%}.payment-ext-resource-invoice-page .payment-back-container{align-items:center;background-color:initial;display:flex;gap:10px;padding-bottom:10px}.payment-ext-resource-invoice-page .back-arrow{color:#333;cursor:pointer;font-size:20px;margin-top:20px;transition:color .2s ease}.payment-ext-resource-invoice-page .payment-back{color:#333;font-size:24px;font-weight:700;margin-bottom:0}.payment-client-container .supplier-info{align-items:center;display:flex;font-weight:500;gap:8px}.payment-client-container .custom-button{align-items:center;background-color:#007bff;border-radius:8px;display:inline-flex;font-size:14px;font-weight:700;gap:1px;height:25px;padding:8px 16px;transition:background-color .3s ease}.payment-client-container .custom-button:hover{background-color:#0056b3}.payment-client-container .add-icon{color:#fff!important;font-size:20px!important}.payment-ext-resource-invoice-page .title-separator{background-color:#ccc;border:none;height:1px;margin-bottom:20px;position:relative;width:100%}.payment-ext-resource-invoice-page .payment-header-title{align-items:center;display:flex;gap:10px;justify-content:start}.payment-ext-resource-invoice-page .payment-title{color:#333;font-size:18px}.payment-ext-resource-invoice-page .payment-input-text{color:#333;font-size:24px}.payment-ext-resource-invoice-page .container-invoice-status{align-items:center;display:flex;gap:15px;justify-content:start;margin-bottom:10px}.payment-ext-resource-invoice-page .status-and-edit-group{align-items:center;display:flex;gap:5px}.payment-ext-resource-invoice-page .edit-bar{align-items:center;background-color:#efeeee;border:none;border-radius:3px;box-sizing:border-box;display:flex;height:40px;justify-content:flex-start;margin-top:30px;padding:0 20px;width:100%}.payment-ext-resource-invoice-page .edit-button{align-items:center;background:none;border:none;color:#1976d2;cursor:pointer;display:flex;font-size:14px;gap:6px}.payment-client-container{background-color:#f9f9f9;border-radius:10px;box-shadow:0 1px 3px #0000001a;margin-bottom:20px;padding:20px}.payment-ext-resource-invoice-page .payment-client-container{background-color:initial;border-radius:0;box-shadow:none;padding-bottom:0;width:100%}.payment-ext-resource-invoice-page .payment-client-container .header{align-items:center;color:#333;display:flex;font-size:24px;font-weight:600;gap:10px;margin-left:-20px;padding-bottom:8px}.payment-ext-resource-invoice-page .payment-client-container .header svg{color:#000;font-size:28px}.payment-ext-resource-invoice-page .supplier-separator{background-color:#ccc;border:none;height:1px;margin-bottom:20px;margin-top:-20px;position:relative;width:100%}.payment-ext-resource-invoice-page .invoice-container{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.payment-ext-resource-invoice-page .invoice-card{flex:1 1 400px;margin-bottom:20px}.payment-ext-resource-invoice-page .invoice-grid{grid-gap:14px 16px;background-color:#efeeee;border-radius:5px;box-shadow:0 4px 10px #0000000d;display:grid;gap:14px 16px;grid-template-columns:1fr 1fr;padding:24px}.payment-ext-resource-invoice-page .add-payment-button-wrapper{display:flex;justify-content:flex-end;margin-bottom:20px;margin-top:-10px}.payment-ext-resource-invoice-page .add-payment-button-small{display:none}.payment-ext-resource-invoice-page .invoice-grid-payment{grid-gap:12px 16px;background-color:#add8e6;border-radius:5px;box-shadow:0 4px 10px #0000000d;display:grid;gap:12px 16px;padding:8px 24px 10px}.payment-ext-resource-invoice-page .payment-grid{background-color:#efeeee;border-radius:5px;box-shadow:0 4px 10px #0000000d;display:block;overflow-x:auto;padding:12px 24px 10px}.payment-ext-resource-invoice-page .payment-grid table{border-collapse:collapse;min-width:410px;width:100%}.payment-grid table td{height:25px!important;line-height:2px!important;margin:0;padding:0}.payment-grid table tr{height:2px!important;line-height:2px!important;margin:0;padding:0}.payment-ext-resource-invoice-page .invoice-label{color:#000;font-weight:700}.payment-ext-resource-invoice-page .invoice-value{color:#000;font-weight:500}.payment-ext-resource-invoice-page .payment-remaining{color:#000;font-size:16px}.add-payment-container{background-color:initial;border-radius:0;box-shadow:none;padding:10px}.add-payment-container .button.discard{background-color:#6c757d}.add-payment-container .button.discard,.add-payment-container .button.save{border:none;border-radius:14px;color:#fff;cursor:pointer;font-size:12px;padding:10px 20px}.add-payment-container .button.save{background-color:#28a745}.add-payment-container .title-popup{color:#000;font-size:20px;font-weight:700}.add-payment-container .form-group{display:flex;flex-direction:column;gap:8px;padding-bottom:10px}.add-payment-container .input:disabled{background-color:#f0f0f0}.add-payment-container .label{color:#2e2e2e;font-size:14px;font-weight:520;text-align:left}.payment-ext-resource-invoice-page input[type=date],.payment-ext-resource-invoice-page input[type=number],.payment-ext-resource-invoice-page input[type=text],.payment-ext-resource-invoice-page textarea{font-family:Arial,sans-serif;font-size:14px}@media (max-width:1200px){.payment-ext-resource-invoice-page .payment-grid{background-color:#efeeee;border-radius:5px;box-shadow:0 4px 10px #0000000d;display:grid;margin:-15px -10px 10px;overflow-x:auto}.payment-ext-resource-invoice-page .payment-grid table{border-collapse:collapse;min-width:350px;width:100%}.payment-ext-resource-invoice-page .invoice-grid-payment{background-color:#add8e6;border-radius:5px;box-shadow:0 4px 10px #0000000d;display:grid;margin-left:-10px;margin-right:-10px;padding:8px 24px 10px}.payment-ext-resource-invoice-page .payment-remaining{color:#000;font-size:13px}}@media (max-width:500px){.payment-ext-resource-invoice-page{font-size:12px;line-height:1.5;margin-left:10px;margin-right:10px}.payment-client-container .header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px;width:100%}.payment-ext-resource-invoice-page .payment-back-container{align-items:center;background-color:initial;display:flex;gap:6px;padding-bottom:10px}.payment-ext-resource-invoice-page .back-arrow{color:#333;cursor:pointer;font-size:18px;margin-top:15px;transition:color .2s ease}.payment-ext-resource-invoice-page .payment-back{color:#333;font-size:18px;font-weight:700;margin-bottom:0}.payment-ext-resource-invoice-page .payment-header-title{align-items:center;display:flex;gap:10px;justify-content:start}.payment-ext-resource-invoice-page .payment-title{color:#333;font-size:16px}.payment-ext-resource-invoice-page .payment-input-text{color:#333;font-size:20px}.payment-ext-resource-invoice-page .edit-button{font-size:12px}.payment-client-container{background-color:#f9f9f9;border-radius:10px;box-shadow:0 1px 3px #0000001a;margin-bottom:20px;padding:20px}.payment-ext-resource-invoice-page .container-invoice-status{align-items:flex-start;flex-direction:column;gap:8px}.payment-ext-resource-invoice-page .container-invoice-status>button,.payment-ext-resource-invoice-page .container-invoice-status>div{width:100%}.payment-ext-resource-invoice-page .container-invoice-status>button{padding-left:0}.payment-ext-resource-invoice-page .add-payment-button-wrapper{display:flex;justify-content:center;margin-top:10px;order:2;width:100%}.payment-ext-resource-invoice-page .invoice-container{gap:10px;order:1}.payment-ext-resource-invoice-page .add-payment-button-large{display:none}.payment-ext-resource-invoice-page .add-payment-button-small{display:flex;justify-content:center;width:100%}.payment-ext-resource-invoice-page .add-payment-button-small .custom-button{font-size:12px;width:100%}.payment-ext-resource-invoice-page .invoice-card{margin-bottom:0;max-width:100%}.payment-ext-resource-invoice-page .payment-grid{background-color:#efeeee;border-radius:5px;box-shadow:0 4px 10px #0000000d;display:grid;margin:0 -10px 10px;overflow-x:auto}.payment-ext-resource-invoice-page .payment-grid table{border-collapse:collapse;min-width:350px;width:100%}.payment-ext-resource-invoice-page .invoice-grid-payment{background-color:#add8e6;border-radius:5px;box-shadow:0 4px 10px #0000000d;display:grid;margin-left:-10px;margin-right:-10px;padding:8px 24px 10px}.payment-ext-resource-invoice-page .payment-remaining{color:#000;font-size:13px}.payment-ext-resource-invoice-page .payment-client-container .header{align-items:center;color:#333;display:flex;font-size:18px;font-weight:800;gap:10px;margin-left:-20px;padding-bottom:8px}.payment-client-container .supplier-info{align-items:center;display:flex;font-weight:500;gap:8px}.payment-ext-resource-invoice-page .payment-client-container .header svg{color:#000;font-size:22px}.payment-ext-resource-invoice-page input[type=date],.payment-ext-resource-invoice-page input[type=number],.payment-ext-resource-invoice-page input[type=text],.payment-ext-resource-invoice-page textarea{font-family:Arial,sans-serif;font-size:12px}}.orders-additional-pappers-page .table-container{height:auto;overflow-x:auto;width:100%}.orders-additional-pappers-page .price-header-container{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}#supplier-resource-table{min-width:1200px}.orders-additional-pappers-page .MuiButtonBase{height:auto}.orders-additional-pappers-page .MuiDataGrid-root{background-color:#f8f9fa;border:1px solid #ddd;border-radius:8px;overflow-x:auto;width:100%}.orders-additional-pappers-page .MuiDataGrid-columnHeaders{background-color:#d6d6d6;border-bottom:2px solid #b0b0b0;color:#424242;font-size:16px;font-weight:700}.orders-additional-pappers-page .MuiDataGrid-cell{color:#333;font-size:14px}.orders-additional-pappers-page .MuiDataGrid-row:hover{background-color:initial}.orders-additional-pappers-page .MuiDataGrid-footerContainer{background-color:#f1f1f1}.orders-additional-pappers-page .buton-edit{background-color:#f8f9fa;border:none;margin-top:10px}.orders-additional-pappers-page .MuiDataGrid-cell--textLeft{color:#000}.orders-additional-pappers-page .MuiDataGrid-columnHeaderTitle{color:#000!important;font-weight:700!important}.orders-additional-pappers-page .header-page{align-items:center;display:flex;justify-content:space-between}.orders-additional-pappers-page .title{font-size:1.5rem;margin-top:20px}.orders-additional-pappers-page .add-button-container{display:flex;height:auto;justify-content:flex-end;margin-bottom:1px;margin-top:-55px}.orders-additional-pappers-page .add-button-container button{background-color:#1976d2;border:1px solid #1976d2;border-radius:5px;color:#fff;height:36px;padding:10px 20px}@media (max-width:550px){.orders-additional-pappers-page .title{font-size:1.2rem;margin-top:10px}.orders-additional-pappers-page .add-button-container{margin-top:10px}.orders-additional-pappers-page .MuiDataGrid-columnHeaders{font-size:14px}.orders-additional-pappers-page .MuiDataGrid-cell{font-size:12px}.orders-additional-pappers-page .MuiDataGrid-root{height:auto;width:100%}.orders-additional-pappers-page .price-header-container{flex-direction:column}}.add-internal-resource-cost-page{font-size:14px;line-height:1.5;margin-left:10px;margin-right:10px}.add-internal-resource-cost-page .react-select__control{box-shadow:none!important;font-family:Arial,sans-serif;font-size:14px}.add-internal-resource-cost-page .react-select__placeholder,.add-internal-resource-cost-page .react-select__single-value,.add-internal-resource-cost-page input[type=number],.add-internal-resource-cost-page input[type=text]{font-family:Arial,sans-serif;font-size:14px}.add-internal-resource-cost-page .add-internal-resource-cost-container{background-color:initial;border-radius:0;box-shadow:none;max-width:600px;padding:10px;width:100%}.add-internal-resource-cost-page .header{align-items:center;display:flex;gap:10px;justify-content:start;margin-bottom:10px}.add-internal-resource-cost-page .back-arrow{color:#333;cursor:pointer;font-size:20px;margin-top:10px;transition:color .2s ease}.add-internal-resource-cost-page .add-title{color:#333;font-size:24px;font-weight:700;margin-bottom:0;margin-top:10px}.add-internal-resource-cost-page .title-separator{background-color:#ccc;border:none;height:1px;margin-bottom:20px;position:relative;width:100%}.add-internal-resource-cost-page .add-form{display:flex;flex-direction:column;gap:8px}.add-internal-resource-cost-page .form-group-row{align-items:flex-end;display:flex;gap:10px;width:100%}.add-internal-resource-cost-page .form-group{display:flex;flex-direction:column;gap:8px}.add-internal-resource-cost-page .label{color:#2e2e2e;font-size:14px;font-weight:520;text-align:left}.add-internal-resource-cost-page .button-group,.add-internal-resource-cost-page .button-group-inline{display:flex;gap:10px;justify-content:flex-end;margin-top:10px;width:100%}.add-internal-resource-cost-page .button.discard{background-color:#6c757d;border:none;border-radius:14px;color:#fff;cursor:pointer;font-size:12px;padding:10px 20px}.add-internal-resource-cost-page .button.save{background-color:#28a745;border:none;border-radius:14px;color:#fff;cursor:pointer;font-size:12px;padding:10px 20px}@media screen and (max-width:600px){.add-internal-resource-cost-page{-ms-overflow-style:none;height:100vh!important;margin-left:0;margin-right:0;overflow-y:auto!important;scrollbar-width:none}.add-internal-resource-cost-page::-webkit-scrollbar{display:none}.add-internal-resource-cost-page .add-internal-resource-cost-container{box-sizing:border-box;margin-top:5px;max-width:100%;overflow-x:visible;padding:0 .5rem 120px}.add-internal-resource-cost-page .button-group,.add-internal-resource-cost-page .button-group-inline{background-color:#fff;bottom:0;padding:15px 0;position:-webkit-sticky;position:sticky;z-index:100}.add-internal-resource-cost-page .react-select__menu{z-index:1000!important}.add-internal-resource-cost-page .react-select__control{box-shadow:none!important;font-family:Arial,sans-serif;font-size:12px}.add-internal-resource-cost-page .react-select__placeholder,.add-internal-resource-cost-page .react-select__single-value,.add-internal-resource-cost-page input[type=number],.add-internal-resource-cost-page input[type=text]{font-family:Arial,sans-serif;font-size:12px}.add-internal-resource-cost-page .react-select__control--is-focused{border-color:#007bff!important;border-width:.5px!important;box-shadow:none!important}.add-internal-resource-cost-page .back-arrow{margin-top:12px}.add-internal-resource-cost-page .title-separator{margin-top:-110px}.add-internal-resource-cost-page .form-group-row{flex-direction:column;gap:8px}.add-internal-resource-cost-page .form-group-row .form-group{width:100%}.add-internal-resource-cost-page .add-title{font-size:16px}}.edit-internal-resource-cost-page{font-size:14px;line-height:1.5;margin-left:10px;margin-right:10px}.edit-internal-resource-cost-page .react-select__control{box-shadow:none!important;font-family:Arial,sans-serif;font-size:14px}.edit-internal-resource-cost-page .react-select__placeholder,.edit-internal-resource-cost-page .react-select__single-value,.edit-internal-resource-cost-page input[type=number],.edit-internal-resource-cost-page input[type=text]{font-family:Arial,sans-serif;font-size:14px}.edit-internal-resource-cost-page .edit-internal-resource-cost-container{background-color:initial;border-radius:0;box-shadow:none;max-width:600px;padding:10px;width:100%}.edit-internal-resource-cost-page .header{align-items:center;display:flex;gap:10px;justify-content:start;margin-bottom:10px}.edit-internal-resource-cost-page .back-arrow{color:#333;cursor:pointer;font-size:20px;margin-top:10px;transition:color .2s ease}.edit-internal-resource-cost-page .edit-title{color:#333;font-size:24px;font-weight:700;margin-bottom:0;margin-top:10px}.edit-internal-resource-cost-page .title-separator{background-color:#ccc;border:none;height:1px;margin-bottom:20px;position:relative;width:100%}.edit-internal-resource-cost-page .edit-form{display:flex;flex-direction:column;gap:8px}.edit-internal-resource-cost-page .form-group-row{align-items:flex-end;display:flex;gap:10px;width:100%}.edit-internal-resource-cost-page .form-group{display:flex;flex-direction:column;gap:8px}.edit-internal-resource-cost-page .label{color:#2e2e2e;font-size:14px;font-weight:520;text-align:left}.edit-internal-resource-cost-page .button-group,.edit-internal-resource-cost-page .button-group-inline{display:flex;gap:10px;justify-content:flex-end;margin-top:10px;width:100%}.edit-internal-resource-cost-page .button.discard{background-color:#6c757d;border:none;border-radius:14px;color:#fff;cursor:pointer;font-size:12px;padding:10px 20px}.edit-internal-resource-cost-page .button.save{background-color:#28a745;border:none;border-radius:14px;color:#fff;cursor:pointer;font-size:12px;padding:10px 20px}@media screen and (max-width:600px){.edit-internal-resource-cost-page{-ms-overflow-style:none;height:100vh!important;margin-left:0;margin-right:0;overflow-y:auto!important;scrollbar-width:none}.edit-internal-resource-cost-page::-webkit-scrollbar{display:none}.edit-internal-resource-cost-page .edit-internal-resource-cost-container{box-sizing:border-box;margin-top:5px;max-width:100%;overflow-x:visible;padding:0 .5rem 120px}.edit-internal-resource-cost-page .button-group,.edit-internal-resource-cost-page .button-group-inline{background-color:#fff;bottom:0;padding:15px 0;position:-webkit-sticky;position:sticky;z-index:100}.edit-internal-resource-cost-page .react-select__menu{z-index:1000!important}.edit-internal-resource-cost-page .react-select__control{box-shadow:none!important;font-family:Arial,sans-serif;font-size:12px}.edit-internal-resource-cost-page .react-select__placeholder,.edit-internal-resource-cost-page .react-select__single-value,.edit-internal-resource-cost-page input[type=number],.edit-internal-resource-cost-page input[type=text]{font-family:Arial,sans-serif;font-size:12px}.edit-internal-resource-cost-page .react-select__control--is-focused{border-color:#007bff!important;border-width:.5px!important;box-shadow:none!important}.edit-internal-resource-cost-page .back-arrow{margin-top:12px}.edit-internal-resource-cost-page .title-separator{margin-top:-110px}.edit-internal-resource-cost-page .form-group-row{flex-direction:column;gap:8px}.edit-internal-resource-cost-page .form-group-row .form-group{width:100%}.edit-internal-resource-cost-page .edit-title{font-size:16px}}.internal-resource-cost-pappers-page .table-container{height:auto;overflow-x:auto;width:100%}.internal-resource-cost-pappers-page .price-header-container{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}#internal-resource-table{min-width:1200px}.internal-resource-cost-pappers-page .MuiButtonBase{height:auto}.internal-resource-cost-pappers-page .MuiDataGrid-root{background-color:#f8f9fa;border:1px solid #ddd;border-radius:8px;overflow-x:auto;width:100%}.internal-resource-cost-pappers-page .MuiDataGrid-columnHeaders{background-color:#d6d6d6;border-bottom:2px solid #b0b0b0;color:#424242;font-size:16px;font-weight:700}.internal-resource-cost-pappers-page .MuiDataGrid-cell{color:#333;font-size:14px}.internal-resource-cost-pappers-page .MuiDataGrid-row:hover{background-color:initial}.internal-resource-cost-pappers-page .MuiDataGrid-footerContainer{background-color:#f1f1f1}.internal-resource-cost-pappers-page .buton-edit{background-color:#f8f9fa;border:none;margin-top:10px}.internal-resource-cost-pappers-page .MuiDataGrid-cell--textLeft{color:#000}.internal-resource-cost-pappers-page .MuiDataGrid-columnHeaderTitle{color:#000!important;font-weight:700!important}.internal-resource-cost-pappers-page .header-page{align-items:center;display:flex;justify-content:space-between}.internal-resource-cost-pappers-page .title{font-size:1.5rem;margin-top:20px}.internal-resource-cost-pappers-page .add-button-container{display:flex;height:auto;justify-content:flex-end;margin-bottom:1px;margin-top:-55px}.internal-resource-cost-pappers-page .add-button-container button{background-color:#1976d2;border:1px solid #1976d2;border-radius:5px;color:#fff;height:36px;padding:10px 20px}@media (max-width:1000px){.internal-resource-cost-pappers-page .title{font-size:1.4rem;margin-top:10px}.internal-resource-cost-pappers-page .add-button-container{margin-top:30px}.internal-resource-cost-pappers-page .add-button-container button{background-color:#1976d2;border:1px solid #1976d2;border-radius:5px;color:#fff;height:30px;margin-bottom:15px;padding:10px}}@media (max-width:590px){.internal-resource-cost-pappers-page .title{font-size:1.2rem;margin-top:10px}.internal-resource-cost-pappers-page .add-button-container{margin-top:10px}.internal-resource-cost-pappers-page .add-button-container button{background-color:#1976d2;border:1px solid #1976d2;border-radius:5px;color:#fff;height:25px;margin-bottom:15px;padding:10px}.internal-resource-cost-pappers-page .MuiDataGrid-columnHeaders{font-size:14px}.internal-resource-cost-pappers-page .MuiDataGrid-cell{font-size:12px}.internal-resource-cost-pappers-page .MuiDataGrid-root{height:auto;width:100%}.internal-resource-cost-pappers-page .price-header-container{flex-direction:column}}.monthly-percentage-page .table-container{height:auto;overflow-x:auto;width:100%}.monthly-percentage-page .monthly-percentage-container{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.monthly-percentage-page .MuiButtonBase{height:auto}.monthly-percentage-page .MuiDataGrid-root{background-color:#f8f9fa;border:1px solid #ddd;border-radius:8px;overflow-x:auto;width:100%}.monthly-percentage-page .MuiDataGrid-columnHeaders{background-color:#d6d6d6;border-bottom:2px solid #b0b0b0;color:#424242;font-size:16px;font-weight:700}.monthly-percentage-page .MuiDataGrid-cell{color:#333;font-size:14px}.monthly-percentage-page .MuiDataGrid-row:hover{background-color:initial}.monthly-percentage-page .MuiDataGrid-footerContainer{background-color:#f1f1f1}.monthly-percentage-page .buton-edit{background-color:#f8f9fa;border:none;margin-top:10px}.monthly-percentage-page .MuiDataGrid-cell--textLeft{color:#000}.monthly-percentage-page .MuiDataGrid-columnHeaderTitle{color:#000!important;font-weight:700!important}.monthly-percentage-page .header-page{align-items:center;display:flex;justify-content:space-between}.monthly-percentage-page .title{font-size:1.5rem;margin-top:20px}.monthly-percentage-page .add-button-container{display:flex;height:auto;justify-content:flex-end;margin-bottom:1px;margin-top:-55px}.monthly-percentage-page .add-button-container button{background-color:#1976d2;border:1px solid #1976d2;border-radius:5px;color:#fff;height:36px;padding:10px 20px}.add-popup-monthly-percentage-container{background-color:initial;border-radius:0;box-shadow:none;padding:10px}.add-popup-monthly-percentage-container .button.discard{background-color:#6c757d;border:none;border-radius:14px;color:#fff;cursor:pointer;font-size:12px;padding:10px 20px}.add-popup-monthly-percentage-container .button.save{background-color:#28a745;border:none;border-radius:14px;color:#fff;cursor:pointer;font-size:12px;padding:10px 20px}.add-popup-monthly-percentage-container .title-popup{color:#000;font-size:20px;font-weight:700}.add-popup-monthly-percentage-container .form-group{display:flex;flex-direction:column;gap:8px;padding-top:10px}.add-popup-monthly-percentage-container .label{color:#2e2e2e;font-size:14px;font-weight:520;text-align:left}.add-popup-monthly-percentage-container .input:disabled{background-color:#f0f0f0}.add-popup-monthly-percentage-container .react-select__control{box-shadow:none!important;font-size:14px}.add-popup-monthly-percentage-container .react-select__placeholder,.add-popup-monthly-percentage-container .react-select__single-value{font-size:14px}.add-popup-monthly-percentage-container input[type=date],.add-popup-monthly-percentage-container input[type=number],.add-popup-monthly-percentage-container input[type=text],.add-popup-monthly-percentage-container textarea{font-family:Arial,sans-serif;font-size:14px}@media (max-width:550px){.monthly-percentage-page .title{font-size:1.2rem;margin-top:10px}.monthly-percentage-page .add-button-container{margin-top:10px}.monthly-percentage-page .MuiDataGrid-columnHeaders{font-size:14px}.monthly-percentage-page .MuiDataGrid-cell{font-size:12px}.monthly-percentage-page .MuiDataGrid-root{height:auto;width:100%}.monthly-percentage-page .price-header-container{flex-direction:column}.add-popup-monthly-percentage-container .react-select__control{box-shadow:none!important;font-size:12px}.add-popup-monthly-percentage-container .react-select__placeholder,.add-popup-monthly-percentage-container .react-select__single-value{font-size:12px}.add-popup-monthly-percentage-container input[type=date],.add-popup-monthly-percentage-container input[type=number],.add-popup-monthly-percentage-container input[type=text],.add-popup-monthly-percentage-container textarea{font-family:Arial,sans-serif;font-size:12px}.add-popup-monthly-percentage-container .title-popup{color:#000;font-size:17px;font-weight:700}}.details-percentage-page{margin-left:10px;margin-right:10px}.details-percentage-page .details-percentage-container{align-items:center;background-color:initial;border-radius:0;box-shadow:none;display:flex;max-width:600px;width:100%}.details-percentage-page .icon{padding-top:2px}.details-percentage-page .input{font-size:14px;margin-top:15px}.details-percentage-page .input:disabled{background-color:#f0f0f0}.details-percentage-page .icon-and-text{align-items:center;display:flex;padding-bottom:15px}.details-percentage-page .display-text{color:#333;font-size:24px;font-style:italic;padding-left:12px;padding-right:10px}.details-percentage-page .completion-percentage-container{align-items:center;display:inline-flex;justify-content:center}.details-percentage-page .completion-circle{align-items:center;background-color:#007bff;border-radius:50%;display:flex;height:30px;justify-content:center;width:30px}.details-percentage-page .completion-text{color:#fff;font-size:11px;font-weight:700}.details-percentage-page .form-group{gap:10px}.details-percentage-page .header{align-items:center;display:flex;gap:10px;justify-content:start;margin-bottom:20px;margin-top:20px}.details-percentage-page .back-arrow{color:#333;cursor:pointer;font-size:20px;transition:color .2s ease}.details-percentage-page .add-supplier-title{color:#333;font-size:24px;font-weight:700;margin-bottom:0;margin-top:1px}.details-percentage-page .title-separator{background-color:#ccc;border:none;height:1px;margin-bottom:20px;position:relative;width:100%}.details-percentage-page .add-form,.details-percentage-page .form-group{display:flex;flex-direction:column;gap:8px}.details-percentage-page .form-group{padding-bottom:30px;width:100%}.details-percentage-page .label{color:#2e2e2e;font-size:14px;font-weight:520;text-align:left}.details-percentage-page .button-group,.details-percentage-page .button-group-inline{display:flex;gap:10px;justify-content:flex-end;margin-top:10px;width:100%}.details-percentage-page .button.discard{background-color:#6c757d}.details-percentage-page .button.discard,.details-percentage-page .button.save{border:none;border-radius:14px;color:#fff;cursor:pointer;font-size:12px;padding:10px 20px}.details-percentage-page .button.save{background-color:#28a745}.details-percentage-page .MuiDataGrid-root{background-color:#f8f9fa;border:1px solid #ddd;border-radius:8px;margin-top:15px;overflow-x:auto;width:100%}.details-percentage-page .MuiDataGrid-columnHeaders{background-color:#d6d6d6;border-bottom:2px solid #b0b0b0;color:#424242;font-size:16px;font-weight:700}.details-percentage-page .MuiDataGrid-cell{color:#333;font-size:14px}.details-percentage-page .MuiDataGrid-row:hover{background-color:initial}.details-percentage-page .MuiDataGrid-footerContainer{background-color:#f1f1f1}.details-percentage-page .buton-edit{background-color:#f8f9fa;border:none;margin-top:10px}.details-percentage-page .MuiDataGrid-cell--textLeft{color:#000}.details-percentage-page .MuiDataGrid-columnHeaderTitle{color:#000!important;font-weight:700!important}.details-percentage-page .subtitlu{font-size:18px;font-weight:700;text-transform:uppercase}.details-percentage-page input[type=date],.details-percentage-page input[type=number],.details-percentage-page input[type=text],.details-percentage-page textarea{font-family:Arial,sans-serif;font-size:14px}@media screen and (max-width:600px){.details-percentage-page{margin-left:0;margin-right:0}.adetails-percentage-page .add-internal-resource-cost-container{box-sizing:border-box;margin-top:15px;max-width:100%;overflow-x:hidden;padding:0 1rem}.details-percentage-page .title-separator{margin-top:10px}.details-percentage-page .form-group-row{flex-direction:column;gap:8px}.adetails-percentage-page .form-group-row .form-group{width:100%}.details-percentage-page .add-supplier-title{font-size:17px}.details-percentage-page .subtitlu{font-size:15px;font-weight:700;text-transform:uppercase}.details-percentage-page .add-button-container{margin-top:10px}.details-percentage-page .MuiDataGrid-columnHeaders{font-size:14px}.details-percentage-page .MuiDataGrid-cell{font-size:12px}.details-percentage-page input[type=date],.details-percentage-page input[type=number],.details-percentage-page input[type=text],.details-percentage-page textarea{font-family:Arial,sans-serif;font-size:12px}}.category-page .category-actions{display:flex;flex-grow:1;justify-content:flex-end}.category-page .category-box-subcontainer{display:flex;flex:1 1;flex-direction:column;height:calc(100vh - 250px);overflow:hidden}.category-page .category-data-grid-container{flex:1 1;height:100%;width:100%}.category-page .MuiDataGrid-columnHeaderTitle{word-wrap:break-word!important;font-size:1rem!important;font-weight:700!important;line-height:1.2!important;white-space:normal!important}.category-page .category-datagrid .MuiDataGrid-columnHeaders{border-bottom:2px solid #d3d3d3}.category-page .category-datagrid .MuiDataGrid-root,.category-page .category-datagrid-subsubcontainer{border-radius:10px;overflow:hidden}.category-page .category-datagrid .MuiDataGrid-footerContainer{background-color:#f1f1f1}.category-page .add-category-container,.category-page .edit-category-container{background-color:#fff;border-radius:0;box-shadow:none;margin-top:-20px;max-width:600px;padding:2rem}.category-page .category-header{align-items:center;display:flex;gap:1rem}.category-page .add-category-title,.category-page .edit-category-title{font-size:1.6rem;font-weight:500;margin:0}.category-page .title-separator{box-sizing:border-box;margin-bottom:10px;margin-top:-20px;width:100%}.category-page .add-category-form .form-group,.category-page .edit-category-form .form-group,.category-page .form-group{display:flex;flex-direction:column;gap:8px;margin-bottom:1rem}.category-page .label,.category-page .label-inline{color:#555;font-family:Arial,sans-serif;font-size:14px;font-weight:600;text-align:left}.category-page .input,.category-page .input-inline,.category-page .select,.category-page .textarea{border:1px solid #ddd;border-radius:8px;font-family:Arial,sans-serif;font-size:12px;outline:none;padding:10px;transition:border-color .2s ease}.category-page .input:focus{border-color:#007bff}.category-page .subcategory-row{display:flex;flex-direction:column;margin-bottom:12px}.category-page .button.add-subcat{background-color:#6c757d;margin-bottom:1rem}.category-page .button.delete-subcat,.category-page .button.save-subcat,.category-page .delete-subcat,.category-page .save-subcat{align-items:center;border-radius:15px;cursor:pointer;display:flex;font-size:1rem;font-weight:400;height:32px;justify-content:center;padding:6px 10px;text-align:center}.category-page .save-subcat{background-color:initial;border:1px solid green;color:green}.category-page .save-subcat:hover{background-color:#0080001a}.category-page .delete-subcat{background-color:initial;border:1px solid red;color:red}.category-page .delete-subcat:hover{background-color:#ff00001a}.category-page .back-arrow{cursor:pointer;font-size:1.5rem}.category-page .button-save{background-color:#28a745;border:none;border-radius:14px;color:#fff;cursor:pointer;float:right;font-size:12px;padding:10px 20px}.category-page .add-category-form .input,.category-page .title-separator{box-sizing:border-box;width:100%}.category-page .subcategory-controls,.category-page .subcategory-controls-inline,.category-page .subcategory-flex{align-items:center;display:flex;gap:10px}.category-page .subcategory-controls-inline{flex-wrap:wrap}.category-page .input-inline{flex:1 1;min-width:200px}.category-page .edit-icon{color:gray!important;cursor:pointer;font-size:16px!important;margin-left:8px}.category-page .icon-mobile{display:none}.category-page .icon-desktop{display:inline}.category-page .subcategory-actions,.category-page .subcategory-buttons{display:flex;gap:8px}.category-page .subcategory-actions{justify-content:flex-start}.category-page .button.delete-subcat,.category-page .button.save-subcat{font-size:11px;padding:4px 8px}.category-page .category-required-star{color:red}.category-page .subcategory-title{color:#555;flex-grow:1;font-size:14px;font-weight:500;text-align:left}@media (max-width:600px){.category-page .category-actions button{font-size:.7rem!important;padding:4px 8px!important}.category-page .add-category-title{font-size:1.2rem}.category-page .icon-desktop{display:none}.category-page .icon-mobile{color:#333;display:inline;font-size:12px!important;height:12px!important;line-height:1;width:12px!important}.category-page .button-icon{all:unset;align-items:center;cursor:pointer;display:inline-flex;height:10px;justify-content:center;width:20px}.category-page .subcategory-input-group{align-items:center;display:flex;gap:4px}}.materials-page .materials-header{align-items:center;display:flex;flex-wrap:wrap;font-family:Arial,sans-serif;gap:10px;height:40px}.materials-page .materials-actions{display:flex;flex-grow:1;justify-content:flex-end}.materials-page .materials-box-subcontainer{display:flex;flex:1 1;flex-direction:column;height:calc(100vh - 250px);overflow:hidden}.materials-page .materials-data-grid-container{flex:1 1;height:100%;width:100%}.materials-page .materials-datagrid .MuiDataGrid-root{border-radius:10px;overflow:hidden}.materials-page .materials-datagrid .MuiDataGrid-columnHeaders{border-bottom:2px solid #d3d3d3}.materials-page .MuiDataGrid-columnHeaderTitle{word-wrap:break-word!important;font-family:Arial,sans-serif;font-size:1rem!important;font-weight:700!important;line-height:1.2!important;white-space:normal!important}.materials-page .materials-datagrid .MuiDataGrid-footerContainer{background-color:#f1f1f1}.materials-page .materials-datagrid-subsubcontainer{border-radius:10px;overflow:hidden}.materials-page .title-container{align-items:center;display:flex;gap:10px}.materials-page .back-arrow{color:#333;cursor:pointer;font-size:20px;transition:color .2s ease}.materials-page .add-materials-title{color:#333;font-size:24px;font-weight:700;line-height:1;margin:0}.materials-page .title-separator{background-color:#ccc;border:none;height:1px;margin:10px 0 25px;max-width:100%;position:relative}.materials-page .add-materials-container{background-color:initial;border-radius:0;box-shadow:none;margin-top:10px;max-width:600px;overflow-x:hidden;width:100%}.materials-page .button-save{background-color:#28a745;border:none;border-radius:14px;color:#fff;cursor:pointer;float:right;font-family:Arial,sans-serif;font-size:12px;margin-top:20px;padding:10px 20px}.materials-page .required-star{color:red}.materials-page .form-group{display:flex;flex-direction:column;gap:8px}.materials-page .label{color:#555;font-family:Arial,sans-serif;font-size:14px;font-weight:600;margin-top:10px;text-align:left}.materials-page .input,.materials-page .select,.materials-page .textarea{border:1px solid #ddd;border-radius:8px;font-family:Arial,sans-serif;font-size:12px;outline:none;padding:10px;transition:border-color .2s ease}.materials-page .input:focus,.materials-page .textarea:focus{border-color:#007bff;outline:none}.materials-page .textarea{height:36px;resize:vertical}.dimenssions-page *{font-family:Arial,sans-serif}.dimenssions-page .dimenssions-actions{display:flex;flex-grow:1;justify-content:flex-end}.dimenssions-page .dimenssions-header{align-items:center;display:flex;flex-wrap:wrap;gap:10px;margin-top:-20px}.dimenssions-page .dimenssions-box-subcontainer{display:flex;flex:1 1;flex-direction:column;height:calc(100vh - 250px);overflow:hidden}.dimenssions-page .dimenssions-data-grid-container{flex:1 1;height:100%;width:100%}.dimenssions-page .dimenssions-datagrid .MuiDataGrid-columnHeaderTitle{word-wrap:break-word!important;font-size:1rem!important;font-weight:700!important;line-height:1.2!important;white-space:normal!important}.dimenssions-page .dimenssions-datagrid .MuiDataGrid-columnHeaders{border-bottom:2px solid #d3d3d3}.dimenssions-page .dimenssions-datagrid .MuiDataGrid-root,.dimenssions-page .dimenssions-datagrid-subsubcontainer{border-radius:10px;overflow:hidden}.dimenssions-page .dimenssions-datagrid .MuiDataGrid-footerContainer{background-color:#f1f1f1}.dimenssions-page .add-dimenssions-title,.dimenssions-page .back-arrow{display:inline-block;vertical-align:middle}.dimenssions-page .back-arrow{color:#333;cursor:pointer;font-size:20px;margin-right:10px;transition:color .2s ease}.dimenssions-page .add-dimenssions-title{color:#333;font-size:24px;font-weight:700;line-height:1}.dimenssions-page .add-dimenssions-container{background-color:initial;border-radius:0;box-shadow:none;margin-top:10px;max-width:600px;overflow-x:hidden;padding:10px}.dimenssions-page .title-separator{background-color:#ccc;border:none;height:1px;margin:-15px 0 0;max-width:100%;position:relative}.dimenssions-page .button-save{background-color:#28a745;border:none;border-radius:14px;color:#fff;cursor:pointer;float:right;font-size:12px;margin-top:20px;padding:10px 20px}@media (max-width:600px){.dimenssions-page .dimenssions-actions .MuiButton-root{font-size:12px;padding:6px 12px}}.dimenssions-page .required-star{color:red}.dimenssions-page .form-group{display:flex;flex-direction:column;gap:8px}.dimenssions-page .label{color:#555;font-size:14px;font-weight:600;text-align:left}.dimenssions-page .input{border:1px solid #ddd;border-radius:8px;font-size:12px;outline:none;padding:10px;transition:border-color .2s ease}.dimenssions-page .input:focus{border-color:#007bff}.product-page .product-header{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.product-page .product-actions{display:flex;flex-grow:1;justify-content:flex-end}.product-page .product-box-subcontainer{display:flex;flex:1 1;flex-direction:column;height:calc(100vh - 250px);overflow:hidden}.product-page .product-data-grid-container{flex:1 1;height:100%;width:100%}.product-page .product-datagrid .MuiDataGrid-root{border-radius:10px;overflow:hidden}.product-page .product-datagrid .MuiDataGrid-columnHeaders{border-bottom:2px solid #d3d3d3}.product-page .product-datagrid .MuiDataGrid-footerContainer{background-color:#f1f1f1}.product-page .product-datagrid-subsubcontainer{border-radius:10px;overflow:hidden}.product-page .MuiDataGrid-columnHeaderTitle{word-wrap:break-word!important;font-family:Arial,sans-serif;font-size:1rem!important;font-weight:700!important;line-height:1.2!important;white-space:normal!important}.product-page .header-container{align-items:center;display:flex;gap:10px}.product-page .back-arrow{color:#333;cursor:pointer;font-size:20px;transition:color .2s ease}.product-page .add-product-title{color:#333;font-family:Arial,sans-serif;font-size:24px;font-weight:700;line-height:1;margin:0}.product-page .add-product-title,.product-page .back-arrow{display:inline-block;vertical-align:middle}.product-page .title-separator{background-color:#ccc;border:none;height:1px;margin:10px 0;max-width:100%;position:relative}.product-page .button-save{background-color:#28a745;border:none;border-radius:14px;color:#fff;cursor:pointer;float:right;font-family:Arial,sans-serif;font-size:12px;margin-top:20px;padding:10px 20px}.product-page .form-group{display:flex;flex-direction:column;gap:8px}.product-page .label{color:#555;font-family:Arial,sans-serif;font-size:14px;font-weight:600;margin-top:10px;text-align:left}.product-page .input,.product-page .select,.product-page .textarea{border:1px solid #ddd;border-radius:8px;font-family:Arial,sans-serif;font-size:12px;outline:none;padding:10px;transition:border-color .2s ease}.product-page .input:focus,.product-page .textarea:focus{border-color:#007bff;outline:none}.product-page .textarea{height:36px;resize:vertical}.product-page .select{font-size:12px;padding:10px}.product-page .form-group-row{align-items:flex-end;display:flex;gap:20px;width:100%}.product-page .form-group-row .form-group{flex:1 1}.product-page .required-star{color:red}.product-page .add-product-container{background-color:initial;border-radius:0;box-shadow:none;margin-top:10px;max-width:600px;overflow-x:hidden;padding:10px}.contracts-pro .contracts-actions{display:flex;flex-grow:1;justify-content:flex-end}.contracts-pro .contracts-box-subcontainer{display:flex;flex:1 1;flex-direction:column;height:calc(100vh - 250px);overflow:hidden}.contracts-pro .contracts-data-grid-container{height:100%;width:100%}.contracts-pro .contracts-datagrid .MuiDataGrid-root{border-radius:10px;overflow:hidden}.contracts-pro .contracts-datagrid .MuiDataGrid-columnHeaders{border-bottom:2px solid #d3d3d3}.contracts-pro .contracts-datagrid .MuiDataGrid-footerContainer{background-color:#f1f1f1}.contracts-pro .contracts-datagrid-subsubcontainer{border-radius:10px;overflow:hidden}.contracts-pro .MuiDataGrid-columnHeaderTitle{word-wrap:break-word!important;font-size:1rem!important;font-weight:700!important;line-height:1.2!important;white-space:normal!important}.contracts-pro .contract-header{align-items:center;display:flex;gap:10px;height:50px;justify-content:start}.contracts-pro .back-arrow{color:#333;cursor:pointer;font-size:20px;margin-right:10px;transition:color .2s ease}.contracts-pro .back-arrow:hover{color:#007bff}.contracts-pro .title-separator{background-color:#ccc;border:none;height:1px;margin-bottom:5px;margin-top:-5px;width:100vw}.contracts-pro .add-contract-title{color:#333;font-size:24px;font-weight:700;margin:0}.contracts-pro .add-contract-container{background-color:initial;border-radius:0;box-shadow:none;max-width:600px;padding:6px;width:100%}.contracts-pro .add-contract-form,.contracts-pro .form-group{display:flex;flex-direction:column}.contracts-pro .form-group{gap:8px}.contracts-pro .form-group-row{display:flex;gap:20px;width:100%}.contracts-pro .form-group-row .form-group{flex:1 1}.contracts-pro .label{color:#555;font-family:Arial,sans-serif;font-size:14px;font-weight:600;margin-top:8px;text-align:left}.contracts-pro .input,.contracts-pro .select,.contracts-pro .textarea{border:1px solid #ddd;border-radius:8px;font-family:Arial,sans-serif;font-size:12px;outline:none;padding:10px;transition:border-color .2s ease}.contracts-pro .input:focus,.contracts-pro .textarea:focus{border-color:#007bff;outline:none}.contracts-pro .textarea{height:36px;resize:vertical}.contracts-pro .select{font-size:12px;padding:10px}.contracts-pro .input-with-prefix{position:relative}.contracts-pro .input-with-prefix input{padding-left:40px}.contracts-pro .input-with-prefix .prefix{color:#888;left:10px;position:absolute;top:50%;transform:translateY(-50%)}.contracts-pro .button{border-radius:12px;cursor:pointer;font-size:14px;font-weight:700;height:36px;padding:10px 15px;transition:background-color .2s ease}.contracts-pro .button.cancel,.contracts-pro .button.save{border:none;border-radius:14px;color:#fff;cursor:pointer;font-size:12px;padding:10px 20px}.contracts-pro .button.cancel{background-color:#6c757d}.contracts-pro .button.cancel:hover{background-color:#767776;opacity:.8!important}.contracts-pro .button.save{background-color:#28a745}.contracts-pro .button.save:hover{background-color:#218838;opacity:.8!important}.contracts-pro .button-group-inline{display:flex;gap:10px;justify-content:flex-end;margin-top:10px}.contracts-pro .create-contract-button{align-items:center;border-radius:12px!important;display:flex;font-size:.8rem;padding:6px 10px}@media (max-width:600px){.contracts-pro .create-contract-button{font-size:.75rem;min-width:120px;padding:4px 8px}}.contracts-pro .required-star{color:red}.contracts-pro .file-upload-wrapper{align-items:center;display:flex;gap:8px;width:100%}.contracts-pro .file-name-input{flex:1 1;min-width:0}.contracts-pro .attach-button{background-color:#f5f5f5;border:1px solid #ccc;border-radius:6px;cursor:pointer;flex-shrink:0;font-size:14px;padding:8px 12px;white-space:nowrap}.contracts-pro .attach-button:hover{background-color:#e0e0e0}.contracts-pro .file-input-hidden{display:none}.contracts-pro .download-link-wrapper{flex-direction:row;max-width:100%;overflow:visible;padding:4px 0}.contracts-pro .download-link,.contracts-pro .download-link-wrapper{align-items:center;display:flex;flex-wrap:wrap;gap:6px;white-space:normal;word-break:break-word}.contracts-pro .download-link{color:blue;text-decoration:underline}.contracts-pro .bold-header{font-weight:700!important}.po-page .po-actions{display:flex;flex-grow:1;justify-content:flex-end}.po-page .po-box-subcontainer{display:flex;flex:1 1;flex-direction:column;height:calc(100vh - 250px);overflow:hidden}.po-page .po-datagrid-container{flex:1 1;height:100%;width:100%}.po-page .MuiDataGrid-columnHeaderTitle{word-wrap:break-word!important;font-size:1rem!important;font-weight:700!important;line-height:1.2!important;white-space:normal!important}.po-page .po-datagrid .MuiDataGrid-columnHeaders{border-bottom:2px solid #d3d3d3}.po-page .po-datagrid .MuiDataGrid-root{border-radius:10px;overflow:hidden}.po-page .po-datagrid .MuiDataGrid-footerContainer{background-color:#f1f1f1}.po-page .po-datagrid-subsubcontainer{border-radius:10px;overflow:hidden}.po-page .po-status-badge{border-radius:12px;box-sizing:border-box;display:inline-block;font-size:13px;font-weight:700;min-width:90px;padding:4px 10px;text-align:center}.po-page .po-status-received{background-color:#5bdb86;border:1px solid #198754;color:#0f5132}.po-page .po-status-draft{background-color:#ffc294;border:1px solid #f4ab01;color:#eb7e00}.po-page .po-status-ordered{background-color:#75b0fe;border:1px solid #0d6efd;color:#0c4a6e}.po-page .po-status-canceled{background-color:#ff4353;border:1px solid #dc3545;color:#fff}.po-page .create-po-button{font-size:14px!important}.create-po-button .short-text{display:none}@media (max-width:500px){.create-po-button .full-text{display:none}.create-po-button .short-text{display:inline}}@media (max-width:600px){.create-po-button{font-size:8px!important;padding:3px 12px!important}}.add-po-page{font-family:Arial,sans-serif}.add-po-page *{box-sizing:border-box}.add-po-page .add-po-container{background-color:initial;border-radius:0;box-shadow:none;margin-top:15px;max-width:1190px;padding:6px;width:100%}.add-po-page .add-po-form{display:flex;flex-direction:column}.add-po-page .po-header{align-items:center;display:flex;gap:10px;justify-content:start}.add-po-page .action-bar{align-items:center;background-color:#f9f9f9;border:1px solid #ddd;border-radius:8px;box-shadow:0 2px 6px #0000000d;display:flex;justify-content:space-between;margin:10px 0;padding:16px 24px}.add-po-page .add-po-title{align-items:center;color:#333;display:flex;font-size:24px;font-weight:700;line-height:1;margin:0}.add-po-page h4{margin:0 0 8px}.add-po-page label{font-size:14px}.add-po-page .unsaved-text{color:#999;font-weight:500}.add-po-page .char-count{color:gray;font-size:12px;margin-top:5px;text-align:right}.add-po-page .required-star{color:red}.add-po-page .button-group{display:flex;gap:10px}.add-po-page .btn{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;height:36px;padding:8px 16px}.add-po-page .btn.discard{background-color:initial;border:1px solid #ccc;color:#555}.add-po-page .btn.save{background-color:#000;color:#fff}.add-po-page button{margin-left:10px}.btn-secondary{background-color:#6c757d;color:#fff}.add-po-page .back-arrow{align-items:center;color:#333;cursor:pointer;display:flex;font-size:24px;transition:color .2s ease}.add-po-page .back-arrow:hover{color:#007bff}.add-po-page .title-separator,.add-po-page hr{background-color:#ccc;border:none;height:1px;width:100%}.add-po-page hr{border-top:1px solid #eee;margin:10px 0}.add-po-page .card{background:#fff;border-radius:10px;box-shadow:0 0 10px #e0e0e0;margin-bottom:10px;padding:10px}.add-po-page .card-large{padding:20px;width:600px}.add-po-page .card.custom-card{display:flex;min-height:150px;padding:20px}.add-po-page .card.card-select select{-webkit-appearance:auto;appearance:auto;background:#0000;border:none;cursor:pointer;outline:none;padding:5px}.add-po-page .card.card-select.custom-card .grid-3{display:grid;flex-grow:1;grid-template-columns:repeat(3,1fr)}.add-po-page .card.card-select.custom-card .grid-3>div{align-items:flex-start;border-right:1px solid #ccc;height:100%;padding-right:1rem}.add-po-page .card.card-select.custom-card .grid-3>div:last-child{border-right:none}.add-po-page .grid-3{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(3,1fr)}.add-po-page .grid-2{grid-gap:10px;display:grid;gap:10px;grid-template-columns:2fr 1fr}.add-po-page input,.add-po-page select,.add-po-page textarea{-webkit-appearance:none;appearance:none;background-color:#fff;border:1px solid #ccc;border-radius:6px;font-family:Arial,sans-serif;font-size:14px;height:40px;line-height:1.5;padding:10px 12px;width:100%}.add-po-page select{background-image:url("data:image/svg+xml;utf8,<svg fill=%27gray%27 height=%2716%27 viewBox=%270 0 24 24%27 width=%2716%27 xmlns=%27http://www.w3.org/2000/svg%27><path d=%27M7 10l5 5 5-5z%27/></svg>");background-position:right 10px center;background-repeat:no-repeat;background-size:16px;cursor:pointer;padding-right:30px}.add-po-page textarea{height:140px;resize:vertical}.add-po-page .textarea_del_cond{background-color:#fff;border:1px solid #ccc;border-radius:6px;font-size:12px;height:60px;line-height:1.5;padding:10px 12px;width:102%}.add-po-page .products{align-items:center;display:flex;gap:10px;position:relative}.add-po-page .products input{flex:1 1}.add-po-page .products button{background:#333;border:none;border-radius:6px;color:#fff;cursor:pointer;padding:10px 15px}.add-po-page .table-responsive{overflow-x:auto;width:100%}.add-po-page .product-table{border-collapse:collapse;margin-top:12px;min-width:700px;width:100%}.add-po-page .product-table td,.add-po-page .product-table th{padding:4px 2px}.add-po-page .product-table input{box-sizing:border-box;width:100%}.add-po-page .delete-btn{background:none;border:none;color:red;cursor:pointer;font-size:1.2rem}.add-po-page .no-result{color:#888;font-style:italic;pointer-events:none}.add-po-page .dropdown-list{background-color:#fff;border:1px solid #ccc;left:0;list-style:none;margin:0;max-height:200px;overflow-y:auto;padding:0;position:absolute;right:0;top:100%;z-index:1000}.add-po-page .dropdown-item{border-bottom:1px solid #eee;cursor:pointer;padding:8px}.add-po-page .search-input{padding-left:36px;width:100%}.add-po-page .search-icon{color:#888;font-size:20px;left:10px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.add-po-page .delivery-address,.add-po-page .supplier-address{color:#555;font-size:14px;margin-left:10px;margin-top:4px}.add-po-page .cost-summary p{display:flex;justify-content:space-between;margin:8px 0}@media (max-width:500px){.add-po-page .grid-3{grid-template-columns:1fr!important}.add-po-page .grid-2{grid-template-columns:1fr}.add-po-page .add-po-title{font-size:18px}.add-po-page .unsaved-text{font-size:12px}.add-po-page .btn{font-size:.7rem!important;padding:.5rem 1rem!important}}.browse-product{font-family:Arial,sans-serif}.browse-product .overlay{align-items:center;background:#00000080;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:1000}.browse-product .modal{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0003;max-height:90vh;overflow-y:auto;padding:24px;width:600px}.browse-product .search{margin-bottom:20px;padding:8px;width:100%}.browse-product .product-list{list-style:none;margin:0;max-height:300px;overflow-y:auto;padding:0}.browse-product .product-list li{margin-bottom:8px}.browse-product .product-list li label{align-items:center;display:flex;font-size:14px;gap:8px}.browse-product input[type=checkbox]{-webkit-appearance:auto;appearance:auto;height:20px;width:20px}.browse-product input[type=checkbox]:checked:before{color:#000;font-size:16px;font-weight:700}.browse-product .product-list label{pointer-events:auto}.browse-product .actions{display:flex;gap:8px;justify-content:flex-end;margin-top:16px}.browse-product .search-bar-container{align-items:center;display:flex;gap:8px}.browse-product .search-input-wrapper{align-items:center;border:1px solid #ccc;border-radius:4px;display:flex;flex:1 1;height:34px;margin-bottom:10px;padding:0 8px}.browse-product .search-icon{color:#777;margin-right:8px}.browse-product .search-input{background-color:initial;border:none;flex:1 1;font-size:16px;outline:none}.browse-product .filter-button{height:34px!important;margin-bottom:10px!important;white-space:nowrap!important}.draft-po-page{font-family:Arial,sans-serif}.draft-po-page .draft-po-container{background-color:initial;border-radius:0;box-shadow:none;max-width:1190px;padding:6px;width:100%}.draft-po-page .draft-po-title{align-items:center;color:#333;display:flex;font-size:24px;font-weight:700;line-height:1;margin:0}.draft-po-page .draft-po-form{display:flex;flex-direction:column}.draft-po-page .responsive-page{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between}.draft-po-page .back-arrow{align-items:center;color:#333;cursor:pointer;display:flex;font-size:24px;transition:color .2s ease}.draft-po-page .back-arrow:hover{color:#007bff}.draft-po-page .title-separator{background-color:#ccc;border:none;height:1px;width:100vw}.draft-header{align-items:center;display:flex;gap:10px;margin-top:10px}.draft-status-badge{border-radius:12px;box-sizing:border-box;display:inline-block;font-size:16px;font-weight:700;min-width:90px;padding:4px 10px;text-align:center}.draft-status-received{background-color:#5bdb86;border:1px solid #198754;color:#0f5132}.draft-status-draft{background-color:#ffc294;border:1px solid #f4ab01;color:#eb7e00}.draft-status-ordered{background-color:#75b0fe;border:1px solid #0d6efd;color:#0c4a6e}.draft-status-canceled{background-color:#ff4353;border:1px solid #dc3545;color:#fff}.draft-po-page .card{background:#fff;border-radius:10px;box-shadow:0 0 10px #e0e0e0;margin-bottom:10px;padding:10px}.draft-po-page .card-large{padding:20px;width:600px}.draft-po-page .grid-3{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(3,1fr)}.draft-po-page .grid-2{grid-gap:10px;gap:10px;grid-template-columns:2fr 1fr}.draft-po-page input,.draft-po-page select,.draft-po-page textarea{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:#fff;border:1px solid #ccc;border-radius:6px;box-sizing:border-box;font-size:14px;height:40px;line-height:1.5;padding:10px 12px;width:100%}.draft-po-page label{font-size:14px}.draft-po-page select{background-image:url("data:image/svg+xml;utf8,<svg fill=%27gray%27 height=%2716%27 viewBox=%270 0 24 24%27 width=%2716%27 xmlns=%27http://www.w3.org/2000/svg%27><path d=%27M7 10l5 5 5-5z%27/></svg>");background-position:right 10px center;background-repeat:no-repeat;background-size:16px;cursor:pointer;padding-right:30px}.draft-po-page textarea{height:140px;resize:vertical}.draft-po-page .products{align-items:center;display:flex;gap:10px;position:relative}.draft-po-page .products input{flex:1 1}.draft-po-page .products button{background:#333;border:none;border-radius:6px;color:#fff;cursor:pointer;padding:10px 15px}.draft-po-page .cost-summary p{display:flex;justify-content:space-between;margin:8px 0}.draft-po-page .char-count{color:gray;font-size:12px;margin-top:5px;text-align:right}.draft-po-page hr{border:none;border-top:1px solid #eee;margin:10px 0}.draft-po-page h4{margin:0 0 8px}.draft-po-page .action-bar{align-items:center;background-color:#f9f9f9;border:1px solid #ddd;border-radius:8px;box-shadow:0 2px 6px #0000000d;display:flex;justify-content:space-between;margin-bottom:10px;margin-top:10px;padding:16px 24px}.draft-po-page .unsaved-text{color:#999;font-weight:500}.draft-po-page .button-group{display:flex;gap:10px}.draft-po-page .btn{border-radius:6px;font-weight:500;height:36px;padding:8px 16px}.draft-po-page .btn.discard{background-color:initial;border:1px solid #ccc;color:#555}.draft-po-page .btn.save{background-color:#000;border:none;color:#fff}.draft-po-page .card-select select{appearance:auto;-webkit-appearance:auto;background:#0000;border:none;cursor:pointer;outline:none;padding:5px}.draft-po-page .card.custom-card{display:flex;min-height:150px;padding:20px}.draft-po-page .card.card-select.custom-card .grid-3{display:grid;flex-grow:1;grid-template-columns:repeat(3,1fr)}.draft-po-page .card.card-select.custom-card .grid-3>div{align-items:flex-start;border-right:1px solid #ccc;height:100%;padding-right:1rem}.draft-po-page .card.card-select.custom-card .grid-3>div:last-child{border-right:none}.draft-po-page .delivery-address,.draft-po-page .supplier-address{color:#555;font-size:14px;margin-left:10px;margin-top:4px}.draft-po-page .dropdown-list{background-color:#fff;border:1px solid #ccc;left:0;list-style-type:none;margin:0;max-height:200px;overflow-y:auto;padding:0;position:absolute;right:0;top:100%;z-index:1000}.draft-po-page .search-input{box-sizing:border-box;padding-left:36px;width:100%}.draft-po-page .search-icon{color:#888;font-size:20px;left:10px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.draft-po-page button{margin-left:10px}.draft-po-page .dropdown-item{border-bottom:1px solid #eee;padding:8px}.draft-po-page .product-table{margin-top:12px;width:100%}.draft-po-page .product-table input{box-sizing:border-box;width:100%}.draft-po-page .delete-btn{background:none;border:none;color:red;cursor:pointer;font-size:1.2rem}.draft-po-page .no-result{color:#888;font-style:italic;pointer-events:none}.draft-po-page .header-flex{align-items:center;display:flex;justify-content:space-between}.draft-po-page .left-section{align-items:center;display:flex;gap:12px}.draft-po-page .right-section{align-items:center;display:flex;gap:10px;position:relative}.draft-po-page .btn{border:none;border-radius:4px;cursor:pointer;font-size:14px;padding:6px 12px}.draft-po-page .btn-primary{background-color:#007bff;color:#fff}.draft-po-page .btn-secondary{background-color:#6c757d;color:#fff}.draft-po-page .dropdown-container{position:relative}.draft-po-page .dropdown-menu{background-color:#fff;border:1px solid #ccc;border-radius:4px;box-shadow:0 2px 8px #0000001a;min-width:160px;position:absolute;right:0;top:110%;z-index:1000}.draft-po-page .dropdown-item{cursor:pointer;font-size:14px;padding:10px 14px}.draft-po-page .dropdown-item:hover{background-color:#f0f0f0}.confirm-overlay{align-items:center;background:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:9999}.confirm-box{background:#fff;border-radius:10px;box-shadow:0 0 10px #0000004d;max-width:400px;padding:24px;width:90%}.confirm-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.btn-danger{background-color:red;color:#fff}.draft-po-page .grid-2{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr)}.draft-po-page .table-responsive{overflow-x:auto;width:100%}.draft-po-page .product-table{border-collapse:collapse;min-width:700px}.draft-po-page .product-table td,.draft-po-page .product-table th{padding:4px 2px}@media (max-width:500px){.draft-po-page .responsive-header{align-items:flex-start;flex-direction:column}.draft-po-page .grid-2{grid-template-columns:1fr}.draft-po-page .grid-3{grid-template-columns:1fr!important}.draft-po-page .btn{font-size:.8rem;padding:.4rem .6rem}.draft-po-page .dropdown-item{font-size:14px;margin-left:16px;padding:10px}.draft-po-page .btn-primary,.draft-po-page .btn-secondary{font-size:.8rem;padding:.4rem .6rem}}.draft-po-page .textarea_del_cond{background-color:#fff;border:1px solid #ccc;border-radius:6px;box-sizing:border-box;font-size:12px;height:60px;line-height:1.5;padding:10px 12px;width:102%}.draft-po-page .required-star{color:red}.draft-po-page .download-toast{align-items:center;background:#898989ee;border-radius:8px;box-shadow:0 4px 12px #0003;color:#fff;display:flex;font-size:14px;font-weight:500;gap:10px;padding:8px 14px;position:fixed;right:20px;top:110px;z-index:1000}.draft-po-page .spinner{animation:spin 1s linear infinite;border:3px solid #f3f3f3;border-radius:50%;border-top-color:#000;height:16px;width:16px}.ordered-po-page{font-family:Arial,sans-serif}.ordered-po-page .ordered-po-container{background-color:initial;border-radius:0;box-shadow:none;max-width:1190px;padding:0;width:100%}.ordered-po-page .ordered-po-title{align-items:center;color:#333;display:flex;font-size:24px;font-weight:700;line-height:1;margin:0}.ordered-po-page .ordered-po-form{display:flex;flex-direction:column}.ordered-po-page .back-arrow{align-items:center;color:#333;cursor:pointer;display:flex;font-size:24px;transition:color .2s ease}.ordered-po-page .back-arrow:hover{color:#007bff}.ordered-po-page .title-separator{background-color:#ccc;border:none;height:1px;margin-top:-10px;width:100vw}.ordered-header{align-items:center;display:flex;gap:10px;margin-top:0}.ordered-status-badge{border-radius:12px;box-sizing:border-box;display:inline-block;font-size:16px;font-weight:700;min-width:90px;padding:4px 10px;text-align:center}.ordered-status-received{background-color:#5bdb86;border:1px solid #198754;color:#0f5132}.ordered-status-draft{background-color:#ffc294;border:1px solid #f4ab01;color:#eb7e00}.ordered-status-ordered{background-color:#75b0fe;border:1px solid #0d6efd;color:#0c4a6e}.ordered-status-canceled{background-color:#ff4353;border:1px solid #dc3545;color:#fff}.ordered-po-page .card{background:#fff;border-radius:10px;box-shadow:0 0 10px #e0e0e0;margin-bottom:10px;padding:10px}.ordered-po-page .card-large{padding:20px;width:600px}.ordered-po-page .grid-3{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(3,1fr)}.ordered-po-page .grid-2{grid-gap:10px;display:grid;gap:10px;grid-template-columns:2fr 1fr}.ordered-po-page label{font-size:14px}.ordered-po-page hr{border:none;border-top:1px solid #eee;margin:10px 0}.ordered-po-page h4{margin:0 0 8px}.ordered-po-page .action-bar{align-items:center;background-color:#f9f9f9;border:1px solid #ddd;border-radius:8px;box-shadow:0 2px 6px #0000000d;display:flex;justify-content:space-between;margin-bottom:10px;margin-top:10px;padding:16px 24px}.ordered-po-page .card-select select{appearance:auto;-webkit-appearance:auto;background:#0000;border:none;cursor:pointer;outline:none;padding:5px}.ordered-po-page .card.custom-card{display:flex;min-height:150px;padding:20px}.ordered-po-page .card.card-select.custom-card .grid-3{display:grid;flex-grow:1;grid-template-columns:repeat(3,1fr)}.ordered-po-page .card.card-select.custom-card .grid-3>div{align-items:flex-start;border-right:1px solid #ccc;height:100%;padding-right:1rem}.ordered-po-page .card.card-select.custom-card .grid-3>div:last-child{border-right:none}.ordered-po-page .delivery-address,.ordered-po-page .project-code,.ordered-po-page .supplier-address{color:#555;font-size:14px;margin-left:10px;margin-top:4px}.ordered-po-page .details{color:#555;font-size:14px;margin-top:4px}.ordered-po-page .dropdown-list{background-color:#fff;border:1px solid #ccc;left:0;list-style-type:none;margin:0;max-height:200px;overflow-y:auto;padding:0;position:absolute;right:0;top:100%;z-index:1000}.ordered-po-page .header-flex{align-items:center;display:flex;justify-content:space-between}.ordered-po-page .left-section{align-items:center;display:flex;gap:12px}.ordered-po-page .right-section{align-items:center;display:flex;gap:10px;position:relative}.ordered-po-page .btn{border:none;border-radius:4px;cursor:pointer;font-size:14px;padding:6px 12px}.ordered-po-page .btn-primary{background-color:#007bff;color:#fff}.ordered-po-page .btn-secondary{background-color:#6c757d;color:#fff}.ordered-po-page .dropdown-container{position:relative}.ordered-po-page .dropdown-menu{background-color:#fff;border:1px solid #ccc;border-radius:4px;box-shadow:0 2px 8px #0000001a;min-width:160px;position:absolute;right:0;top:110%;z-index:1000}.ordered-po-page .dropdown-item{cursor:pointer;font-size:14px;padding:10px 14px}.ordered-po-page .dropdown-item:hover{background-color:#f0f0f0}.ordered-po-page .timeline-wrapper{background-color:#f9f9f9;border-radius:0 0 10px 10px;height:50px;margin-left:0;margin-right:0;margin-top:20px;position:relative;width:100%}.ordered-po-page .timeline-labels{display:flex;justify-content:space-between;margin-bottom:8px;position:relative}.ordered-po-page .label{font-size:13px;text-align:left}.ordered-po-page .label .today-label{background:#fff;border-radius:6px;box-shadow:0 1px 3px #0003;font-size:10px;padding:2px 6px;white-space:nowrap}.ordered-po-page .label.right{text-align:right}.ordered-po-page .timeline-bar-container{align-items:center;display:flex;font-size:12px;gap:12px;justify-content:space-between}.ordered-po-page .timeline-bottom{font-size:14px;margin-top:8px;position:relative}.ordered-po-page .timeline-bar{background-color:#ddd;border-radius:3px;flex-grow:1;height:6px;overflow:visible;position:relative}.ordered-po-page .timeline-fill{border-radius:3px;height:100%;transition:width .4s ease}.ordered-po-page .timeline-today{position:absolute;top:-18px;transform:translateX(-50%)}.ordered-po-page .timeline-today:before{background-color:#000;content:"";height:11px;left:50%;position:absolute;top:16px;transform:translateX(-50%);width:2px}.ordered-po-page .po-items-table td:nth-child(n+2),.ordered-po-page .po-items-table th:nth-child(n+2){text-align:center}.ordered-po-page .po-items-table{border-collapse:collapse;font-family:Arial,sans-serif;font-size:14px;margin-top:10px;width:100%}.ordered-po-page .po-items-table td,.ordered-po-page .po-items-table th{border-bottom:1px solid #c6c6c6;border-left:none;border-right:none;padding:10px 2px;text-align:left;white-space:nowrap}.ordered-po-page .po-items-table th{background-color:#dfdfdf}.ordered-po-page .timeline-section{border-top:1px solid #ddd;padding:20px 0}.ordered-po-page .timeline-title{font-size:18px;font-weight:600;margin-bottom:16px}.ordered-po-page .comment-new{margin-bottom:24px}.ordered-po-page .comment-input-area{align-items:flex-start;display:flex;gap:12px}.ordered-po-page .input-block{flex:1 1}.ordered-po-page .input-block textarea{border:1px solid #ccc;border-radius:6px;font-size:14px;min-height:70px;padding:10px;resize:vertical;width:98%}.ordered-po-page .comment-note{color:#777;font-size:12px;margin-top:6px;text-align:right}.ordered-po-page .post-btn-area{margin-top:10px;text-align:right}.ordered-po-page .post-button{background-color:#369aff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:13px;padding:6px 14px}.ordered-po-page .post-button:disabled{background-color:#aaa;cursor:not-allowed}.ordered-po-page .comment-item{border-bottom:1px solid #eee;display:flex;gap:12px;padding:12px 0}.ordered-po-page .avatar{align-items:center;background-color:#369aff;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:16px;font-weight:700;height:40px;justify-content:center;width:40px}.ordered-po-page .comment-content{flex:1 1}.ordered-po-page .comment-header{display:flex;font-family:Arial,sans-serif;font-size:12px;font-weight:500;justify-content:space-between;margin-bottom:4px}.ordered-po-page .user-name{color:#4f4f4f;font-family:Arial,sans-serif;font-size:14px;font-weight:600}.ordered-po-page .comment-date{color:#4f4f4f;font-size:12px}.ordered-po-page .comment-text{color:#555;font-family:Arial,sans-serif;font-size:14px;font-style:italic;font-weight:500;margin:0;padding:4px 0}.ordered-po-page .table-responsive{overflow-x:auto;width:100%}.ordere-po-page .product-table{border-collapse:collapse;min-width:700px}@media (max-width:500px){.ordered-po-page .responsive-header{align-items:flex-start;flex-direction:column}.ordered-po-page .grid-2,.ordered-po-page .grid-3{grid-template-columns:1fr!important}.ordered-po-page .btn{font-size:.8rem;padding:.4rem .6rem}.ordered-po-page .dropdown-item{font-size:14px;margin-left:16px;padding:10px}.ordered-po-page .btn-primary,.ordered-po-page .btn-secondary{font-size:.8rem;padding:.4rem .6rem}}.ordered-po-page .download-toast{align-items:center;background:#898989ee;border-radius:8px;box-shadow:0 4px 12px #0003;color:#fff;display:flex;font-size:14px;font-weight:500;gap:10px;padding:8px 14px;position:fixed;right:20px;top:110px;z-index:1000}.ordered-po-page .spinner{animation:spin 1s linear infinite;border:3px solid #f3f3f3;border-radius:50%;border-top-color:#000;height:16px;width:16px}.receive-po-page{font-family:Arial,sans-serif}.receive-po-page .receive-po-container{background-color:initial;border-radius:0;box-shadow:none;max-width:1190px;padding:6px;width:100%}.receive-po-page .receive-po-title{align-items:center;color:#333;display:flex;font-size:24px;font-weight:700;line-height:1;margin:0}.receive-po-page .receive-po-form{display:flex;flex-direction:column}.receive-po-page .back-arrow{align-items:center;color:#333;cursor:pointer;display:flex;font-size:24px;transition:color .2s ease}.receive-po-page .back-arrow:hover{color:#007bff}.receive-po-page .title-separator{background-color:#ccc;border:none;height:1px;width:100vw}.receive-header{align-items:center;display:flex;gap:10px;margin-top:10px}.receive-status-badge{border-radius:12px;box-sizing:border-box;display:inline-block;font-size:16px;font-weight:700;min-width:90px;padding:4px 10px;text-align:center}.receive-status-received{background-color:#5bdb86;border:1px solid #198754;color:#0f5132}.receive-status-draft{background-color:#ffc294;border:1px solid #f4ab01;color:#eb7e00}.receive-status-ordered{background-color:#75b0fe;border:1px solid #0d6efd;color:#0c4a6e}.receive-status-canceled{background-color:#ff4353;border:1px solid #dc3545;color:#fff}.receive-po-page .card{background:#fff;border-radius:10px;box-shadow:0 0 10px #e0e0e0;margin-bottom:10px;padding:10px}.receive-po-page .card-large{padding:20px;width:600px}.receive-po-page .grid-3{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(3,1fr)}.receive-po-page .grid-4{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(4,1fr)}.receive-po-page .grid-2{grid-gap:10px;display:grid;gap:10px;grid-template-columns:2fr 1fr}.receive-po-page label{font-size:14px}.receive-po-page hr{border:none;border-top:1px solid #eee;margin:10px 0}.receive-po-page h4{margin:0 0 8px}.receive-po-page .action-bar{align-items:center;background-color:#f9f9f9;border:1px solid #ddd;border-radius:8px;box-shadow:0 2px 6px #0000000d;display:flex;justify-content:space-between;margin-bottom:10px;margin-top:10px;padding:16px 24px}.receive-po-page .card-select select{appearance:auto;-webkit-appearance:auto;background:#0000;border:none;cursor:pointer;outline:none;padding:5px}.receive-po-page .card.custom-card{display:flex;min-height:150px;padding:20px}.receive-po-page .card.card-select.custom-card .grid-3{display:grid;flex-grow:1;grid-template-columns:repeat(3,1fr)}.receive-po-page .card.card-select.custom-card .grid-3>div{align-items:flex-start;border-right:1px solid #ccc;height:100%;padding-right:1rem}.receive-po-page .card.card-select.custom-card .grid-3>div:last-child{border-right:none}.receive-po-page .delivery-address,.receive-po-page .project-code,.receive-po-page .supplier-address{color:#555;font-size:14px;margin-left:10px;margin-top:4px}.receive-po-page .details{color:#555;font-size:14px;margin-top:4px}.receive-po-page .dropdown-list{background-color:#fff;border:1px solid #ccc;left:0;list-style-type:none;margin:0;max-height:200px;overflow-y:auto;padding:0;position:absolute;right:0;top:100%;z-index:1000}.receive-po-page .header-flex{align-items:center;display:flex;justify-content:space-between}.receive-po-page .left-section{align-items:center;display:flex;gap:12px}.receive-po-page .dropdown-container{position:relative}.receive-po-page .dropdown-menu{background-color:#fff;border:1px solid #ccc;border-radius:4px;box-shadow:0 2px 8px #0000001a;min-width:160px;position:absolute;right:0;top:110%;z-index:1000}.receive-po-page .dropdown-item{cursor:pointer;font-size:14px;padding:10px 14px}.receive-po-page .dropdown-item:hover{background-color:#f0f0f0}.receive-po-page .timeline-wrapper{background-color:#f9f9f9;border-radius:0 0 10px 10px;height:50px;margin-left:0;margin-right:0;margin-top:20px;position:relative;width:100%}.receive-po-page .timeline-labels{display:flex;justify-content:space-between;margin-bottom:8px;position:relative}.receive-po-page .label.right{text-align:right}.receive-po-page .timeline-bar-container{align-items:center;display:flex;font-size:12px;gap:12px;justify-content:space-between}.receive-po-page .timeline-bottom{font-size:14px;margin-top:8px;position:relative}.receive-po-page .timeline-bar{border-radius:3px;flex-grow:1;height:6px;overflow:visible}.receive-po-page .timeline-fill{border-radius:3px;transition:width .4s ease}.receive-po-page .today-label{font-size:12px;left:50%;padding:2px 5px;position:absolute;top:-20px;transform:translateX(-50%);white-space:nowrap}.receive-po-page .timeline-today:before{background-color:#000;content:"";height:3px;left:50%;position:absolute;top:16px;transform:translateX(-50%);width:2px}.receive-po-page .po-items-table{border-collapse:collapse;font-family:Arial,sans-serif;font-size:14px;margin-top:10px;width:100%}.receive-po-page .po-items-table td,.receive-po-page .po-items-table th{border-bottom:1px solid #c6c6c6;border-left:none;border-right:none;padding:10px 2px;text-align:left;white-space:nowrap}.receive-po-page .po-items-table td:nth-child(n+2),.receive-po-page .po-items-table th:nth-child(n+2){text-align:center}.receive-po-page .po-items-table th{background-color:#dfdfdf}.receive-po-page .timeline-bar{background-color:#ddd;border-radius:5px;height:10px;margin-top:10px;position:relative}.receive-po-page .timeline-fill{border-radius:5px;height:100%;transition:width .4s ease,background-color .4s ease}.receive-po-page .timeline-today{background-color:#000;height:18px;left:50%;position:absolute;top:50%;transform:translateY(-50%) translateX(-50%);width:2px}.receive-po-page .timeline-section{border-top:1px solid #ddd;padding:20px 0}.receive-po-page .timeline-title{font-size:18px;font-weight:600;margin-bottom:16px}.receive-po-page .comment-new{margin-bottom:24px}.receive-po-page .comment-input-area{align-items:flex-start;display:flex;gap:12px}.receive-po-page .input-block{flex:1 1}.receive-po-page .input-block textarea{border:1px solid #ccc;border-radius:6px;font-size:14px;min-height:70px;padding:10px;resize:vertical;width:98%}.receive-po-page .comment-note{color:#777;font-size:12px;margin-top:6px;text-align:right}.receive-po-page .post-btn-area{margin-top:10px;text-align:right}.receive-po-page .post-button{background-color:#369aff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:13px;padding:6px 14px}.receive-po-page .post-button:disabled{background-color:#aaa;cursor:not-allowed}.receive-po-page .comment-item{border-bottom:1px solid #eee;display:flex;gap:12px;padding:12px 0}.receive-po-page .avatar{align-items:center;background-color:#369aff;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:16px;font-weight:700;height:40px;justify-content:center;width:40px}.receive-po-page .comment-content{flex:1 1}.receive-po-page .comment-header{display:flex;font-size:14px;font-weight:500;justify-content:space-between;margin-bottom:4px}.receive-po-page .user-name{color:#4f4f4f;font-family:Arial,sans-serif;font-size:14px;font-weight:600}.receive-po-page .comment-text{color:#555;font-family:Ariale,sans-serif;font-size:14px;font-style:italic;font-weight:500;margin:0;padding:4px 0}.receive-po-page .comment-date{color:#4f4f4f;font-size:12px}.receive-po-page .table-responsive{overflow-x:auto;width:100%}.receive-po-page .product-table{border-collapse:collapse;min-width:700px}@media (max-width:500px){.receive-po-page .responsive-header{align-items:flex-start;flex-direction:column}.receive-po-page .grid-2,.receive-po-page .grid-3,.receive-po-page .grid-4{grid-template-columns:1fr!important}}.reception-page .reception-actions{display:flex;flex-grow:1;justify-content:flex-end}.reception-page .reception-box-subcontainter{display:flex;flex-direction:column;height:calc(100vh - 250px)}.reception-page .reception-datagrid-container{flex:1 1;overflow:hidden}.reception-page .custom-reception-datagrid .MuiDataGrid-root{height:100%}.reception-page .MuiDataGrid-columnHeaderTitle{word-wrap:break-word!important;font-size:1rem!important;font-weight:700!important;line-height:1.2!important;white-space:normal!important}.reception-datagrid .MuiDataGrid-columnHeaders{border-bottom:2px solid #d3d3d3}.reception-datagrid .MuiDataGrid-root{border-radius:10px;overflow:hidden}.reception-datagrid .MuiDataGrid-footerContainer{background-color:#f1f1f1}.reception-datagrid-subsubcontainer{border-radius:10px;overflow:hidden}.reception-status-badge{border-radius:12px;box-sizing:border-box;display:inline-block;font-size:14px;font-weight:700;padding:4px 10px;text-align:center;width:140px}.reception-status-received{background-color:#5bdb86;border:1px solid #198754;color:#0f5132}.reception-status-partially-received{background-color:#ffc294;border:1px solid #f4ab01;color:#eb7e00}.reception-status-not-received{background-color:#d2d2d2;border:1px solid #393939;color:#515252}.reception-page .select-qty-received{font-size:14px;padding:4px;width:80px}.reception-page{font-family:Arial,sans-serif}.reception-page .edit-reception-title{color:#333;font-size:24px;font-weight:700;line-height:1;margin-top:20px}.edit-reception-title,.reception-page .back-arrow{display:inline-block;vertical-align:middle}.reception-page .back-arrow{margin-right:10px}.title-separator{background-color:#ccc;border:none;height:1px;margin:-2px 0 25px;max-width:100%;position:relative}.reception-page .table-container{overflow-x:auto}.reception-page .reception-table{border-collapse:collapse;width:100%}.reception-page .reception-table td,.reception-page .reception-table th{padding:8px;text-align:left}.reception-page .reception-table thead{background-color:#f5f5f5}.reception-page .reception-table tbody tr{border-top:1px solid #ddd}.reception-page .reception-table input[type=number]{padding:4px;width:80px}.reception-page .submit-button{background-color:#007bff;margin-top:-10px}.submit-button:disabled{background-color:#aaa;cursor:not-allowed}.reception-page .grid-2{grid-gap:10px;display:grid;gap:10px;grid-template-columns:2fr 1fr}.reception-page .card{background:#fff;border-radius:10px;box-shadow:0 0 10px #e0e0e0;margin-bottom:10px;padding:10px}.reception-page h4{margin:0 0 8px}.reception-page .download-link{align-items:center;background:none;border:none;color:#1976d2;cursor:pointer;display:flex;font-size:.8rem;gap:8px;padding:4px 0;text-align:left}.reception-page .download-link:hover{text-decoration:underline}.reception-page .submit-button{background-color:#28a745;border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:700;padding:10px 20px}.reception-page .submit-button:disabled{background-color:#6c757d;cursor:not-allowed}.reception-page .po-button-container{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px;margin-top:-10px}.reception-page .grid-2{display:flex;flex-wrap:wrap;gap:20px}.reception-page .grid-2 .card{flex:1 1 45%}@media (max-width:765px){.reception-page .grid-2{flex-direction:column}.reception-page .card{width:100%}}.add_document_registry_page{margin-left:-15px;padding:2rem}.add_document_registry_page .registration-card{max-width:650px}.add_document_registry_page .registration-header{align-items:center;display:flex;gap:.5rem;margin-bottom:.5rem;margin-top:-2rem}.add_document_registry_page .back-icon{color:#555;cursor:pointer;transition:color .2s}.add_document_registry_page .back-icon:hover{color:#000}.add_document_registry_page .header-divider{border:none;border-bottom:1px solid #ccc;margin-bottom:25px;margin-right:-8px;width:auto}.add_document_registry_page .registration-form .form-group{font-size:.95rem;font-weight:500;margin-bottom:.6rem}.add_document_registry_page .registration-form input,.registration-form textarea{border:1px solid #ccc;border-radius:6px;box-sizing:border-box;font-family:inherit;font-size:1rem;line-height:1.5;padding:.5rem;resize:vertical;width:100%}.add_document_registry_page .input-error{border-color:red}.add_document_registry_page .error-text{color:red;font-size:.85rem;margin-top:.25rem}.add_document_registry_page .required{color:red;font-weight:600}.add_document_registry_page .radio-group{display:flex;gap:1.5rem;margin-bottom:.6rem}.add_document_registry_page .radio-group label{align-items:center;display:flex;gap:.5rem}.direction-label{display:block;font-size:1rem;font-weight:600;margin-bottom:9px}.add_document_registry_page .form-buttons{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem}.add_document_registry_page .form-buttons button{border:none;border-radius:6px;cursor:pointer;font-size:1rem;font-weight:600;padding:.6rem 1.2rem;transition:background-color .2s}.add_document_registry_page .form-buttons button.discard{background-color:#ccc;color:#000}.add_document_registry_page .form-buttons button.discard:hover{background-color:#b3b3b3}.add_document_registry_page .form-buttons button.save{background-color:#2e7d32;color:#fff}.add_document_registry_page .form-buttons button.save:hover{background-color:#276627}.add_document_registry_page .success-snackbar{animation:fadeOutSnackbar 3s ease-in-out forwards;background-color:#2e7d32;border-radius:8px;box-shadow:0 4px 10px #0003;color:#fff;font-size:1rem;font-weight:500;padding:12px 24px;pointer-events:none;position:fixed;right:2rem;top:7rem;z-index:1300}.add_document_registry_page .my-dropzone-root{background-color:#fff!important;border:2px dashed #a7a7a7!important;border-radius:6px!important;box-sizing:border-box!important;font-family:inherit!important;font-size:.95rem!important;min-height:100px!important;padding:-1rem!important;transition:background-color .3s ease!important}.add_document_registry_page .my-dropzone-root:hover{background-color:#e3e3e3!important}.add_document_registry_page .my-dropzone-textContainer p{color:#333!important;font-family:inherit!important;font-size:1.1rem!important;margin-top:.5rem!important;text-align:center!important}.add_document_registry_page .my-dropzone-textContainer svg{color:#888!important;font-size:.5rem!important;margin-bottom:.3rem!important}.add_document_registry_page .my-dropzone-previewList{margin-top:.5rem!important}.add_document_registry_page .my-dropzone-previewChip{font-size:.7rem!important;height:10px!important;width:10px!important}.add_document_registry_page .my-dropzone-previewList .MuiDropzonePreviewList-imageContainer{height:10px!important;width:10px!important}.add_document_registry_page .my-dropzone-previewList .MuiDropzonePreviewList-image{height:10px!important;object-fit:cover!important;width:10px!important}.add_document_registry_page .file-hint{color:#555;font-size:.85rem;font-style:italic;font-weight:350;margin-top:5px}.add_document_registry_page .dropzone{background-color:#f9f9f9;border:2px dashed #ccc;border-radius:8px;cursor:pointer;padding:16px;text-align:center;transition:background-color .3s}.add_document_registry_page .dropzone:hover{background-color:#f0f0f0}.add_document_registry_page .dropzone-content{align-items:center;color:#555;display:flex;flex-direction:column}.add_document_registry_page .preview-container{align-items:center;display:flex;gap:12px;margin-top:15px}.add_document_registry_page .file-name{color:#333;font-size:14px}.add_document_registry_page .dropzone-content p{font-size:17px;margin:0}.add_document_registry_page .file-preview{align-items:center;background-color:#f1f1f1;border-radius:4px;display:flex;gap:8px;margin-top:8px;padding:6px 10px;position:relative}.add_document_registry_page .remove-file-button{align-items:center;background:none;border:none;color:#d32f2f;cursor:pointer;display:flex;margin-left:auto;padding:0}.add_document_registry_page .remove-file-button:hover{color:#a30000}.add_document_registry_page .error-notification{animation:fadeinout 3s forwards;background-color:#d32f2f;border-radius:5px;box-shadow:0 2px 6px #0000004d;color:#fff;font-weight:600;padding:12px 20px;position:fixed;right:30px;top:115px;z-index:9999}@media (max-width:480px){.add_document_registry_page .registration-header h2{font-size:1rem}.add_document_registry_page .form-buttons{flex-direction:column;gap:1rem}.add_document_registry_page .form-buttons button.discard,.add_document_registry_page .form-buttons button.save{font-size:.9rem;padding:12px 0;width:100%}.add_document_registry_page .header-divider{margin-right:-8px}}@keyframes fadeOutSnackbar{0%{opacity:1;transform:translateY(0)}70%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}.edit-document-registry_page{background:#fff;margin-left:-15px;overflow:hidden;padding:2rem}.edit-document-registry_page .registration-card{max-width:650px}.edit-document-registry_page .registration-header{align-items:center;display:flex;gap:.5rem;margin-bottom:.5rem;margin-top:-2rem}.edit-document-registry_page .back-icon{color:#555;cursor:pointer;transition:color .2s}.edit-document-registry_page .back-icon:hover{color:#000}.edit-document-registry_page .header-divider{background-color:#ccc;border:none;height:1px;margin-bottom:20px;margin-right:-8px;position:relative;width:100%}.edit-document-registry_page .edit-document-form .form-group{margin-bottom:.4rem}.edit-document-registry_page .edit-document-form label{color:#090000;display:block;font-size:.95rem;font-weight:600;margin-bottom:.3rem}.edit-document-form input[type=radio]+label,.edit-document-registry_page .edit-document-form input[type=text]{border:1px solid #ccc;border-radius:6px;box-sizing:border-box;font-family:inherit;font-size:1rem;line-height:1.4;padding:.5rem .75rem;transition:border-color .2s;width:100%}.edit-document-registry_page .edit-document-form input[type=text]:disabled{background-color:#f0f0f0;color:#555;cursor:not-allowed}.edit-document-registry_page .edit-document-form input[type=text]:focus{border-color:#000;outline:none}.edit-document-registry_page .edit-document-form .radio-group{display:flex;gap:1.5rem;margin-bottom:.1rem}.edit-document-registry_page .edit-document-form .radio-group label{align-items:center;color:#010000;cursor:pointer;display:flex;font-size:1rem;font-weight:400;gap:.4rem;-webkit-user-select:none;user-select:none}.edit-document-registry_page .edit-document-form input[type=radio]{cursor:pointer}.edit-document-registry_page .edit-document-form .form-buttons{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem}.edit-document-registry_page .edit-document-form button{border:none;border-radius:6px;cursor:pointer;font-size:1rem;font-weight:600;padding:.6rem 1.2rem;transition:background-color .2s}.edit-document-registry_page .edit-document-form button.discard{background-color:#ccc;color:#000}.edit-document-registry_page .edit-document-form button.discard:hover{background-color:#b3b3b3}.edit-document-registry_page .edit-document-form button.save{background-color:#2e7d32;color:#fff}.edit-document-registry_page .edit-document-form button.save:hover{background-color:#276627}.edit-document-registry_page .attach-button{background-color:#e0e0e0;border:none;border-radius:6px;color:#333;cursor:pointer;font-weight:600;padding:.5rem 1rem;transition:background-color .2s}.edit-document-registry_page .attach-button:hover{background-color:#cacaca}.edit-document-registry_page .file-upload-group{align-items:center;display:flex;gap:.75rem}.edit-document-registry_page .section-divider{border:none;border-top:1px solid #ddd;margin:1rem 0 2rem}.edit-document-registry_page .success-popup{animation:fadeOutSnackbar 3s ease-in-out forwards;background-color:#2e7d32;border-radius:8px;box-shadow:0 4px 10px #0003;color:#fff;font-size:1rem;font-weight:500;padding:12px 24px;pointer-events:none;position:fixed;right:2rem;top:7rem;z-index:1300}.edit-document-registry_page .my-dropzone-root{background-color:#fff!important;border:2px dashed #a7a7a7!important;border-radius:6px!important;box-sizing:border-box!important;font-family:inherit!important;font-size:.95rem!important;min-height:100px!important;padding:-1rem!important;transition:background-color .3s ease!important}.edit-document-registry_page .my-dropzone-root:hover{background-color:#e3e3e3!important}.edit-document-registry_page .my-dropzone-textContainer p{color:#333!important;font-family:inherit!important;font-size:1.1rem!important;margin-top:.5rem!important;text-align:center!important}.edit-document-registry_page .my-dropzone-textContainer svg{color:#888!important;font-size:.5rem!important;margin-bottom:.3rem!important}.edit-document-registry_page .my-dropzone-previewList{margin-top:.5rem!important}.edit-document-registry_page .my-dropzone-previewChip{font-size:.7rem!important;height:10px!important;width:10px!important}.edit-document-registry_page .my-dropzone-previewList .MuiDropzonePreviewList-imageContainer{height:10px!important;width:10px!important}.edit-document-registry_page .my-dropzone-previewList .MuiDropzonePreviewList-image{height:10px!important;object-fit:cover!important;width:10px!important}.edit-document-registry_page .file-hint{color:#555;font-size:.85rem;font-style:italic;font-weight:350;margin-top:5px}.edit-document-registry_page .existing-file-preview{font-size:14px}.edit-document-registry_page .file-link{color:#00000086}.edit-document-registry_page .remove-file-button{align-items:center;background-color:#ffe6e6;border:1px solid #d32f2f;border-radius:4px;color:#d32f2f;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;margin-left:10px;padding:6px 12px;transition:background-color .3s,color .3s,box-shadow .3s}.edit-document-registry_page .edit-document-form input[type=date]{border:1px solid #ccc;border-radius:4px;box-sizing:border-box;color:#333;font-family:inherit;font-size:16px;height:40px;padding:8px 12px;width:100%}.edit-document-registry_page .edit-document-form input[type=date]:focus{border-color:#1976d2;box-shadow:0 0 5px #1976d280;outline:none}.edit-document-registry_page .edit-document-form input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;filter:invert(40%)}.edit-document-registry_page .required{color:red;font-weight:600}.edit-document-registry_page .dropzone{background-color:#f9f9f9;border:2px dashed #ccc;border-radius:8px;cursor:pointer;padding:16px;text-align:center;transition:background-color .3s}.edit-document-registry_page .dropzone:hover{background-color:#f0f0f0}.edit-document-registry_page .dropzone-content{align-items:center;color:#555;display:flex;flex-direction:column}.edit-document-registry_page .preview-container{align-items:center;display:flex;gap:12px;margin-top:15px}.edit-document-registry_page .file-name{color:#333;font-size:14px}.edit-document-registry_page .dropzone-content p{font-size:17px;margin:0}.edit-document-registry_page .file-preview{align-items:center;background-color:#f1f1f1;border-radius:4px;display:flex;gap:8px;margin-top:8px;padding:6px 10px;position:relative}.edit-document-registry_page .trash-file-button{align-items:center;background:none;border:none;color:#d32f2f;cursor:pointer;display:flex;margin-left:auto;padding:0}.edit-document-registry_page .trash-file-button:hover{color:#a30000}.edit-document-registry_page .success-snackbar{animation:fadeOutSnackbar 3s ease-in-out forwards;background-color:#2e7d32;border-radius:8px;box-shadow:0 4px 10px #0003;color:#fff;font-size:1rem;font-weight:500;padding:12px 24px;pointer-events:none;position:fixed;right:2rem;top:7rem;z-index:1300}.edit-document-registry_page .error-notification{animation:fadeinout 3s forwards;background-color:#d32f2f;border-radius:5px;box-shadow:0 2px 6px #0000004d;color:#fff;font-weight:600;padding:12px 20px;position:fixed;right:30px;top:105px;z-index:9999}body,html{height:100%;margin:0;overflow:hidden;padding:0}@media (max-width:480px){.edit-document-registry_page .registration-header h2{font-size:1rem;line-height:1.3}.add_document_registry_page .header-divider{margin-top:10px}.edit-document-registry_page .remove-file-button{border-radius:6px;box-sizing:border-box;display:block;font-size:16px;margin-left:0;margin-top:18px;padding:10px 16px;text-align:center;width:100%}.edit-document-form .radio-group{flex-direction:column;gap:.75rem}.file-upload-group{flex-direction:column}.file-upload-group button,.file-upload-group input{width:100%}.edit-document-registry_page .form-buttons{flex-direction:column;gap:1rem}.edit-document-registry_page .edit-document-form button.discard,.edit-document-registry_page .edit-document-form button.save{font-size:.9rem;padding:12px 0;width:100%}}@media (max-width:900px){.edit-document-registry_page .remove-file-button{border-radius:6px;box-sizing:border-box;display:block;font-size:16px;margin-left:0;margin-top:8px;padding:10px 16px;text-align:center}}@keyframes fadeOut{0%{opacity:1}80%{opacity:1}to{opacity:0}}.document-registry-page .table-container{max-height:800px;overflow-y:auto;width:100%}.document-registry-page .price-header-container{align-items:center;display:flex;justify-content:space-between;margin-bottom:0}.document-registry-page .MuiButtonBase{height:233px}.document-registry-page .MuiDataGrid-root{background-color:#f8f9fa;border:1px solid #ddd;border-radius:8px}.document-registry-page .MuiDataGrid-columnHeaders{background-color:#d6d6d6;border-bottom:2px solid #b0b0b0;color:#424242;font-size:16px;font-weight:700}.document-registry-page .MuiDataGrid-cell{color:#333;font-size:14px}.document-registry-page .MuiDataGrid-row:hover{background-color:initial}.document-registry-page .MuiDataGrid-footerContainer{background-color:#f1f1f1}.document-registry-page .buton-edit{background-color:#f8f9fa;border:none;margin-top:10px}.document-registry-page .MuiDataGrid-cell--textLeft{color:#000}.document-registry-page .MuiDataGrid-columnHeaderTitle{color:#000!important;font-weight:700!important}.document-registry-page .header-page{align-items:center;display:flex;justify-content:space-between}.document-registry-page .title{font-size:1.5rem;margin-top:25px}.document-registry-page .add-button-container{height:auto;justify-content:flex-end}.document-registry-page .add-button-container button{background-color:#1976d2;border:1px solid #1976d2;border-radius:5px;color:#fff;height:36px;margin-top:-55px;padding:10px 20px}@media (max-width:768px){.document-registry-page .table-container{max-height:600px}.document-registry-page .MuiDataGrid-root{font-size:13px}.document-registry-page .MuiDataGrid-columnHeaders{font-size:14px}.document-registry-page .add-button-container{justify-content:center}.document-registry-page .add-button-container button{font-size:14px;padding:8px}}@media (max-width:450px){.document-registry-page .title{font-size:1.2rem;margin-top:25px;text-align:left}.document-registry-page .MuiButtonBase{height:133px}.document-registry-page .add-button-container{justify-content:center}.document-registry-page .add-button-container button{font-size:13px;height:30px;margin-bottom:15px;margin-top:6px;padding:10px}.document-registry-page .table-container{max-height:700px}.document-registry-page .MuiDataGrid-root{font-size:12px}.document-registry-page .MuiDataGrid-columnHeaders{font-size:13px}}@media (max-width:290px){.document-registry-page .title{font-size:1.1rem}.document-registry-page .MuiButtonBase{height:133px}}.custom-snackbar{left:50%!important;max-width:400px;position:fixed!important;top:125px!important;transform:translateX(-50%)!important;width:90%;z-index:1400}.cost-administrative-pappers-page{font-family:Arial,sans-serif}.cost-administrative-pappers-page .table-container{height:auto;overflow-x:auto;width:100%}.cost-administrative-pappers-page .price-header-container{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}#cost-administrative-table{min-width:1200px}.cost-administrative-pappers-page .MuiButtonBase{height:auto}.cost-administrative-pappers-page .buton-edit{background-color:#f8f9fa;border:none;margin-top:10px}.cost-administrative-pappers-page .MuiDataGrid-cell--textLeft{color:#000}.cost-administrative-pappers-page .header-page{align-items:center;display:flex;justify-content:space-between}.cost-administrative-pappers-page .title{font-size:1.5rem;margin-top:20px}.cost-administrative-pappers-page .add-button-container{display:flex;height:auto;justify-content:flex-end;margin-bottom:1px;margin-top:-55px}.cost-administrative-pappers-page .add-button-container button{background-color:#1976d2;border:1px solid #1976d2;border-radius:5px;color:#fff;height:36px;padding:10px 20px}.cost-administrative-pappers-page .status-badge{align-items:center;border-radius:12px;display:inline-flex;font-size:.85rem;font-weight:600;gap:6px;padding:4px 10px;text-transform:capitalize;width:65px}.cost-administrative-pappers-page .status-paid{background-color:#d7fbe8;color:#1b5e20}.cost-administrative-pappers-page .status-unpaid{background-color:#fff6d5;color:#795548}.cost-administrative-pappers-page .status-dot{border-radius:50%;display:inline-block;height:10px;width:10px}.cost-administrative-pappers-page .status-dot.paid{background-color:#00e676}.cost-administrative-pappers-page .status-dot.unpaid{background-color:#fbc02d}.cost-administrative-pappers-page .MuiDataGrid-root{background-color:#f8f9fa;border:1px solid #ddd;border-radius:8px;overflow-x:auto;width:100%}.cost-administrative-pappers-page .MuiDataGrid-columnHeaders{background-color:#d6d6d6;border-bottom:2px solid #b0b0b0;color:#424242;font-size:16px;font-weight:700}.cost-administrative-pappers-page .MuiDataGrid-cell{align-items:center;color:#333;display:flex;font-size:14px;height:100%}.cost-administrative-pappers-page .MuiDataGrid-row:hover{background-color:initial}.cost-administrative-pappers-page .MuiDataGrid-footerContainer{background-color:#f1f1f1}.cost-administrative-pappers-page .MuiDataGrid-columnHeaderTitle{align-items:center;color:#000!important;display:flex;font-weight:700!important}@media (max-width:1000px){.cost-administrative-pappers-page .title{font-size:1.4rem;margin-top:10px}.cost-administrative-pappers-page .add-button-container{margin-top:30px}.cost-administrative-pappers-page .add-button-container button{background-color:#1976d2;border:1px solid #1976d2;border-radius:5px;color:#fff;height:30px;margin-bottom:15px;padding:10px}}@media (max-width:590px){.cost-administrative-pappers-page .title{font-size:1.2rem;margin-top:10px}.cost-administrative-pappers-page .add-button-container{margin-top:10px}.cost-administrative-pappers-page .add-button-container button{background-color:#1976d2;border:1px solid #1976d2;border-radius:5px;color:#fff;height:25px;margin-bottom:15px;padding:10px}.cost-administrative-pappers-page .MuiDataGrid-columnHeaders{font-size:14px}.cost-administrative-pappers-page .MuiDataGrid-cell{font-size:12px}.cost-administrative-pappers-page .MuiDataGrid-root{height:auto;width:100%}.cost-administrative-pappers-page .price-header-container{flex-direction:column}}.add-cost-container{font-family:Arial,sans-serif}.add-cost-container .title-popup{color:#1a1a1a;font-size:19px;font-weight:700;margin-bottom:-6px;text-align:left}.add-cost-container .label{color:#706e6e;font-size:14px;font-weight:700;text-align:left}.add-cost-container .required{color:red}.add-cost-container .row{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:-5px}.add-cost-container .form-group{display:flex;flex-direction:column;margin-bottom:14px}.add-cost-container .react-select__control,.add-cost-container .react-select__single-value,.add-cost-container input[type=date],.add-cost-container input[type=number],.add-cost-container input[type=text],.add-cost-container select.input,.add-cost-container textarea{background-color:#fff;border-radius:8px;font-family:Arial,sans-serif;font-size:14px}.add-cost-container select.input:invalid{color:#777!important}.add-cost-container select.input option[value=""]{color:#777!important}.add-cost-container .input:focus,.add-cost-container .react-datepicker__input-container input:focus,.add-cost-container .react-select__control--is-focused,.add-cost-container .textarea:focus,.add-cost-container select.input:focus{border-color:#1976d2!important;box-shadow:0 0 0 1px #1976d233;outline:none}.add-cost-container .react-select__placeholder{color:#777!important}.add-cost-container select.input__placeholder{color:#777}.add-cost-container .react-select__menu{font-family:Arial,sans-serif;font-size:14px;z-index:9999!important}.add-cost-container .react-select__option{font-size:14px;padding:8px 10px}.add-cost-container .textarea{min-height:50px;resize:vertical}.add-cost-container .form-group.small .react-datepicker-wrapper{display:flex!important;width:100%!important}.add-cost-container .react-datepicker__input-container input{border:1px solid #ccc;border-radius:8px;box-sizing:border-box;font-family:Arial,sans-serif;font-size:14px;height:38px;width:100%!important}.add-cost-container .react-datepicker-wrapper,.add-cost-container .react-datepicker__input-container{display:block;line-height:normal;margin:0!important;padding:0!important;width:100%}.add-cost-container .form-group.small{flex:1 1;min-width:200px}.add-cost-container .radio-group{display:flex;flex-wrap:wrap;gap:1rem;margin-top:.4rem}.add-cost-container .radio-group label{align-items:center;cursor:pointer;display:flex;font-size:.9rem;gap:.3rem}.add-cost-container .button.save{background-color:#28a745;border:none;border-radius:14px;color:#fff;cursor:pointer;font-size:12px;padding:10px 20px}.add-cost-container .button.save:hover{background-color:#218638!important}.add-cost-container .button.discard{background-color:#6c757d;border:none;border-radius:14px;color:#fff;cursor:pointer;font-size:12px;padding:10px 20px}.add-cost-container .upload-container{align-items:center;display:flex;gap:10px}.add-cost-container .upload-button{background-color:#dfdfdf;border:1px solid #333;border-radius:5px;color:#000;cursor:pointer;font-family:Arial,sans-serif;font-size:14px;padding:4px 10px;transition:background-color .2s ease}.add-cost-container .upload-button:hover{background-color:#c9c9c9}.add-cost-container .file-name{color:#333;font-family:Arial,sans-serif;font-size:14px}.add-cost-container .error-text{color:red;font-size:11px;margin-left:2px;margin-top:3px}.add-cost-container .input-error{border:1px solid #ff5c5c!important;outline:none}.add-cost-container .select-error .react-select__control{border-color:#ff5c5c!important;box-shadow:0 0 0 1px .5px #ff5c5c!important}@media (max-width:550px){.add-cost-container .row{flex-direction:column;gap:4px;margin-bottom:-2px}.add-cost-container .form-group.small{margin-bottom:8px;min-width:100%}.add-cost-container .title-popup{font-size:15px}.add-cost-container .label{font-size:12px}.add-cost-container .radio-group label,.add-cost-container .react-datepicker__input-container input,.add-cost-container .react-select__control,.add-cost-container input[type=number],.add-cost-container input[type=text],.add-cost-container textarea{font-size:11px}.add-cost-container .react-select__option{font-size:12px}.add-cost-container .error-text{font-size:9px}.add-cost-container .file-name{font-size:11px}.add-cost-container .upload-button{font-size:12px;padding:3px 8px}.add-cost-container .button.discard,.add-cost-container .button.save{font-size:11px;padding:8px 16px}.react-select__menu,.react-select__option{font-size:11px!important}.react-select__option{padding:5px 7px!important}.react-select__placeholder,.react-select__single-value{font-size:11px!important}.add-cost-container .upload-container{align-items:center;flex-direction:row;gap:6px}.add-cost-container .MuiButton-root{font-size:11px!important;min-width:90px!important;padding:2px 6px!important}.add-cost-container .MuiButton-startIcon svg{font-size:14px!important}.add-cost-container .file-name{font-size:11px!important;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.add-cost-container .MuiIconButton-root{padding:2px!important}.add-cost-container .MuiIconButton-root svg{font-size:15px!important}}@media (max-width:400px){.add-cost-container .MuiButton-root{font-size:9px!important;min-width:63px!important;padding:2px 4px!important}.add-cost-container .file-name{font-size:10px!important;max-width:100px}.add-cost-container .MuiIconButton-root svg{font-size:13px!important}}.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow,.react-datepicker__navigation-icon:before,.react-datepicker__year-read-view--down-arrow{border-color:#ccc;border-style:solid;border-width:3px 3px 0 0;content:"";display:block;height:9px;position:absolute;top:6px;width:9px}.react-datepicker__sr-only{border:0;-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.react-datepicker-wrapper{border:0;display:inline-block;padding:0}.react-datepicker{background-color:#fff;border:1px solid #aeaeae;border-radius:.3rem;color:#000;display:inline-block;font-family:Helvetica Neue,helvetica,arial,sans-serif;font-size:.8rem;line-height:normal;position:relative}.react-datepicker--time-only .react-datepicker__time-container{border-left:0}.react-datepicker--time-only .react-datepicker__time,.react-datepicker--time-only .react-datepicker__time-box{border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem}.react-datepicker-popper{line-height:0;z-index:1}.react-datepicker-popper .react-datepicker__triangle{stroke:#aeaeae}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle{fill:#f0f0f0;color:#f0f0f0}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle{fill:#fff;color:#fff}.react-datepicker__header{background-color:#f0f0f0;border-bottom:1px solid #aeaeae;border-top-left-radius:.3rem;padding:8px 0;position:relative;text-align:center}.react-datepicker__header--time{padding-bottom:8px;padding-left:5px;padding-right:5px}.react-datepicker__header--time:not(.react-datepicker__header--time--only){border-top-left-radius:0}.react-datepicker__header:not(.react-datepicker__header--has-time-select){border-top-right-radius:.3rem}.react-datepicker__month-dropdown-container--scroll,.react-datepicker__month-dropdown-container--select,.react-datepicker__month-year-dropdown-container--scroll,.react-datepicker__month-year-dropdown-container--select,.react-datepicker__year-dropdown-container--scroll,.react-datepicker__year-dropdown-container--select{display:inline-block;margin:0 15px}.react-datepicker-time__header,.react-datepicker-year-header,.react-datepicker__current-month{color:#000;font-size:.944rem;font-weight:700;margin-top:0}h2.react-datepicker__current-month{margin:0;padding:0}.react-datepicker-time__header{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.react-datepicker__navigation{align-items:center;background:none;border:none;cursor:pointer;display:flex;height:32px;justify-content:center;overflow:hidden;padding:0;position:absolute;text-align:center;text-indent:-999em;top:2px;width:32px;z-index:1}.react-datepicker__navigation--previous{left:2px}.react-datepicker__navigation--next{right:2px}.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){right:85px}.react-datepicker__navigation--years{display:block;margin-left:auto;margin-right:auto;position:relative;top:0}.react-datepicker__navigation--years-previous{top:4px}.react-datepicker__navigation--years-upcoming{top:-4px}.react-datepicker__navigation:hover :before{border-color:#a6a6a6}.react-datepicker__navigation-icon{font-size:20px;position:relative;top:-1px;width:0}.react-datepicker__navigation-icon--next{left:-2px}.react-datepicker__navigation-icon--next:before{left:-7px;transform:rotate(45deg)}.react-datepicker__navigation-icon--previous{right:-2px}.react-datepicker__navigation-icon--previous:before{right:-7px;transform:rotate(225deg)}.react-datepicker__month-container{float:left}.react-datepicker__year{margin:.4rem;text-align:center}.react-datepicker__year-wrapper{display:flex;flex-wrap:wrap;max-width:180px}.react-datepicker__year .react-datepicker__year-text{display:inline-block;margin:2px;width:4rem}.react-datepicker__month{margin:.4rem;text-align:center}.react-datepicker__month .react-datepicker__month-text,.react-datepicker__month .react-datepicker__quarter-text{display:inline-block;margin:2px;width:4rem}.react-datepicker__input-time-container{clear:both;float:left;margin:5px 0 10px 15px;text-align:left;width:100%}.react-datepicker__input-time-container .react-datepicker-time__caption,.react-datepicker__input-time-container .react-datepicker-time__input-container{display:inline-block}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input{display:inline-block;margin-left:10px}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input{width:auto}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]{-moz-appearance:textfield}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter{display:inline-block;margin-left:5px}.react-datepicker__time-container{border-left:1px solid #aeaeae;float:right;width:85px}.react-datepicker__time-container--with-today-button{border:1px solid #aeaeae;border-radius:.3rem;display:inline;position:absolute;right:-87px;top:0}.react-datepicker__time-container .react-datepicker__time{background:#fff;border-bottom-right-radius:.3rem;position:relative}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box{border-bottom-right-radius:.3rem;margin:0 auto;overflow-x:hidden;text-align:center;width:85px}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list{box-sizing:initial;height:calc(195px + .85rem);list-style:none;margin:0;overflow-y:scroll;padding-left:0;padding-right:0;width:100%}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item{height:30px;padding:5px 10px;white-space:nowrap}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover{background-color:#f0f0f0;cursor:pointer}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected{background-color:#216ba5;color:#fff;font-weight:700}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover{background-color:#216ba5}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled{color:#ccc}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover{background-color:initial;cursor:default}.react-datepicker__week-number{color:#ccc;display:inline-block;line-height:1.7rem;margin:.166rem;text-align:center;width:1.7rem}.react-datepicker__week-number.react-datepicker__week-number--clickable{cursor:pointer}.react-datepicker__week-number.react-datepicker__week-number--clickable:not(.react-datepicker__week-number--selected):hover{background-color:#f0f0f0;border-radius:.3rem}.react-datepicker__week-number--selected{background-color:#216ba5;border-radius:.3rem;color:#fff}.react-datepicker__week-number--selected:hover{background-color:#1d5d90}.react-datepicker__day-names{margin-bottom:-8px;text-align:center;white-space:nowrap}.react-datepicker__week{white-space:nowrap}.react-datepicker__day,.react-datepicker__day-name,.react-datepicker__time-name{color:#000;display:inline-block;line-height:1.7rem;margin:.166rem;text-align:center;width:1.7rem}.react-datepicker__day--disabled,.react-datepicker__day-name--disabled,.react-datepicker__time-name--disabled{color:#ccc;cursor:default}.react-datepicker__day,.react-datepicker__month-text,.react-datepicker__quarter-text,.react-datepicker__year-text{cursor:pointer}.react-datepicker__day:not([aria-disabled=true]):hover,.react-datepicker__month-text:not([aria-disabled=true]):hover,.react-datepicker__quarter-text:not([aria-disabled=true]):hover,.react-datepicker__year-text:not([aria-disabled=true]):hover{background-color:#f0f0f0;border-radius:.3rem}.react-datepicker__day--today,.react-datepicker__month-text--today,.react-datepicker__quarter-text--today,.react-datepicker__year-text--today{font-weight:700}.react-datepicker__day--highlighted,.react-datepicker__month-text--highlighted,.react-datepicker__quarter-text--highlighted,.react-datepicker__year-text--highlighted{background-color:#3dcc4a;border-radius:.3rem;color:#fff}.react-datepicker__day--highlighted:not([aria-disabled=true]):hover,.react-datepicker__month-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__year-text--highlighted:not([aria-disabled=true]):hover{background-color:#32be3f}.react-datepicker__day--highlighted-custom-1,.react-datepicker__month-text--highlighted-custom-1,.react-datepicker__quarter-text--highlighted-custom-1,.react-datepicker__year-text--highlighted-custom-1{color:#f0f}.react-datepicker__day--highlighted-custom-2,.react-datepicker__month-text--highlighted-custom-2,.react-datepicker__quarter-text--highlighted-custom-2,.react-datepicker__year-text--highlighted-custom-2{color:green}.react-datepicker__day--holidays,.react-datepicker__month-text--holidays,.react-datepicker__quarter-text--holidays,.react-datepicker__year-text--holidays{background-color:#ff6803;border-radius:.3rem;color:#fff;position:relative}.react-datepicker__day--holidays .overlay,.react-datepicker__month-text--holidays .overlay,.react-datepicker__quarter-text--holidays .overlay,.react-datepicker__year-text--holidays .overlay{background-color:#333;border-radius:4px;bottom:100%;color:#fff;left:50%;opacity:0;padding:4px;position:absolute;transform:translateX(-50%);transition:visibility 0s,opacity .3s ease-in-out;visibility:hidden;white-space:nowrap}.react-datepicker__day--holidays:not([aria-disabled=true]):hover,.react-datepicker__month-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__year-text--holidays:not([aria-disabled=true]):hover{background-color:#cf5300}.react-datepicker__day--holidays:hover .overlay,.react-datepicker__month-text--holidays:hover .overlay,.react-datepicker__quarter-text--holidays:hover .overlay,.react-datepicker__year-text--holidays:hover .overlay{opacity:1;visibility:visible}.react-datepicker__day--in-range,.react-datepicker__day--in-selecting-range,.react-datepicker__day--selected,.react-datepicker__month-text--in-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__month-text--selected,.react-datepicker__quarter-text--in-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__quarter-text--selected,.react-datepicker__year-text--in-range,.react-datepicker__year-text--in-selecting-range,.react-datepicker__year-text--selected{background-color:#216ba5;border-radius:.3rem;color:#fff}.react-datepicker__day--in-range:not([aria-disabled=true]):hover,.react-datepicker__day--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__day--selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--selected:not([aria-disabled=true]):hover{background-color:#1d5d90}.react-datepicker__day--keyboard-selected,.react-datepicker__month-text--keyboard-selected,.react-datepicker__quarter-text--keyboard-selected,.react-datepicker__year-text--keyboard-selected{background-color:#bad9f1;border-radius:.3rem;color:#000}.react-datepicker__day--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--keyboard-selected:not([aria-disabled=true]):hover{background-color:#1d5d90;color:#fff}.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range){background-color:#216ba580}.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range){background-color:#f0f0f0;color:#000}.react-datepicker__day--disabled,.react-datepicker__month-text--disabled,.react-datepicker__quarter-text--disabled,.react-datepicker__year-text--disabled{color:#ccc;cursor:default}.react-datepicker__day--disabled .overlay,.react-datepicker__month-text--disabled .overlay,.react-datepicker__quarter-text--disabled .overlay,.react-datepicker__year-text--disabled .overlay{background-color:#333;border-radius:4px;bottom:70%;color:#fff;left:50%;opacity:0;padding:4px;position:absolute;transform:translateX(-50%);transition:visibility 0s,opacity .3s ease-in-out;visibility:hidden;white-space:nowrap}.react-datepicker__input-container{display:inline-block;position:relative;width:100%}.react-datepicker__input-container .react-datepicker__calendar-icon{box-sizing:initial;padding:.5rem;position:absolute}.react-datepicker__view-calendar-icon input{padding:6px 10px 5px 25px}.react-datepicker__month-read-view,.react-datepicker__month-year-read-view,.react-datepicker__year-read-view{border:1px solid #0000;border-radius:.3rem;position:relative}.react-datepicker__month-read-view:hover,.react-datepicker__month-year-read-view:hover,.react-datepicker__year-read-view:hover{cursor:pointer}.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow{border-top-color:#b3b3b3}.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow,.react-datepicker__year-read-view--down-arrow{right:-16px;top:0;transform:rotate(135deg)}.react-datepicker__month-dropdown,.react-datepicker__month-year-dropdown,.react-datepicker__year-dropdown{background-color:#f0f0f0;border:1px solid #aeaeae;border-radius:.3rem;left:25%;position:absolute;text-align:center;top:30px;width:50%;z-index:1}.react-datepicker__month-dropdown:hover,.react-datepicker__month-year-dropdown:hover,.react-datepicker__year-dropdown:hover{cursor:pointer}.react-datepicker__month-dropdown--scrollable,.react-datepicker__month-year-dropdown--scrollable,.react-datepicker__year-dropdown--scrollable{height:150px;overflow-y:scroll}.react-datepicker__month-option,.react-datepicker__month-year-option,.react-datepicker__year-option{display:block;line-height:20px;margin-left:auto;margin-right:auto;width:100%}.react-datepicker__month-option:first-of-type,.react-datepicker__month-year-option:first-of-type,.react-datepicker__year-option:first-of-type{border-top-left-radius:.3rem;border-top-right-radius:.3rem}.react-datepicker__month-option:last-of-type,.react-datepicker__month-year-option:last-of-type,.react-datepicker__year-option:last-of-type{border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem;-webkit-user-select:none;user-select:none}.react-datepicker__month-option:hover,.react-datepicker__month-year-option:hover,.react-datepicker__year-option:hover{background-color:#ccc}.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming{border-bottom-color:#b3b3b3}.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous{border-top-color:#b3b3b3}.react-datepicker__month-option--selected,.react-datepicker__month-year-option--selected,.react-datepicker__year-option--selected{left:15px;position:absolute}.react-datepicker__close-icon{background-color:initial;border:0;cursor:pointer;display:table-cell;height:100%;outline:0;padding:0 6px 0 0;position:absolute;right:0;top:0;vertical-align:middle}.react-datepicker__close-icon:after{background-color:#216ba5;border-radius:50%;color:#fff;content:"×";cursor:pointer;display:table-cell;font-size:12px;height:16px;line-height:1;padding:2px;text-align:center;vertical-align:middle;width:16px}.react-datepicker__close-icon--disabled{cursor:default}.react-datepicker__close-icon--disabled:after{background-color:#ccc;cursor:default}.react-datepicker__today-button{background:#f0f0f0;border-top:1px solid #aeaeae;clear:left;cursor:pointer;font-weight:700;padding:5px 0;text-align:center}.react-datepicker__portal{align-items:center;background-color:#000c;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:2147483647}.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__time-name{line-height:3rem;width:3rem}@media (max-height:550px),(max-width:400px){.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__time-name{line-height:2rem;width:2rem}}.react-datepicker__portal .react-datepicker-time__header,.react-datepicker__portal .react-datepicker__current-month{font-size:1.44rem}.react-datepicker__children-container{height:auto;margin:.4rem;padding-left:.2rem;padding-right:.2rem;width:13.8rem}.react-datepicker__aria-live{border:0;-webkit-clip-path:circle(0);clip-path:circle(0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.react-datepicker__calendar-icon{height:1em;vertical-align:-.125em;width:1em}.cost-view-page.cost-view-page{font-family:Arial,sans-serif;font-size:14px;line-height:1.5;margin-left:10px;margin-right:10px}.cost-view-page .cost-back-container{gap:10px}.cost-view-page .back-arrow{color:#333;cursor:pointer;font-size:20px;margin-top:20px;transition:color .2s ease}.cost-view-page .back-arrow:hover{color:#20216d}.cost-view-page .cost-back{color:#333;font-size:22px;font-weight:700;margin-bottom:-4px}.cost-view-page .cost-container{align-items:stretch;display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.cost-view-page .cost-card{background-color:#fff;border-radius:12px;box-shadow:2px 3px 0 8px #8b8b8b14;font-size:15px;margin-bottom:5px;padding:24px}.cost-view-page .cost-card,.cost-view-page .left-card{display:flex;flex:1 1;flex-direction:column}.cost-view-page .left-card .section-title{background-color:#1976d2;border-radius:6px;color:#fff;font-weight:700;margin:-10px -15px 18px;padding:10px}.cost-view-page .cost-grid{display:flex;flex-direction:column;gap:15px}.cost-view-page .detail-item{font-size:15px}.cost-view-page .cost-label{color:#333;font-weight:600}.cost-view-page .cost-value{color:#000;font-weight:400}.cost-view-page .right-column{display:flex;flex:1 1;flex-direction:column;gap:20px}.cost-view-page .right-card{background-color:#fff;border-radius:12px;box-shadow:2px 3px 0 8px #8b8b8b14;display:flex;flex:1 1;flex-direction:column;justify-content:space-between;padding:20px}.cost-view-page .status-badge-paid{background-color:#d1fae5;border-radius:20px;color:#059669;font-size:14px;font-weight:500;padding:4px 10px}.cost-view-page .status-badge-unpaid{background-color:#faeed1;border-radius:20px;color:#f9ba26;font-size:14px;font-weight:500;padding:4px 10px}.cost-view-page .invoice-top{align-items:flex-start;display:flex;justify-content:space-between}.cost-view-page .invoice-header{align-items:center;display:flex;gap:10px}.cost-view-page .invoice-header h3{color:#333;font-size:18px;font-weight:700;margin:0}.cost-view-page .cost-status{align-items:flex-end;display:flex;flex-direction:column;gap:5px}.cost-view-page .cost-title{color:#333;font-size:18px;font-weight:600}.cost-view-page .cost-type-chip{align-items:center;display:flex;gap:8px}.cost-view-page .cost-value-left{color:#2e7d32;font-size:15px;font-weight:600}.cost-view-page .invoice-body{border-top:1px solid #1976d2;flex-grow:1;margin-bottom:-15px;margin-top:15px;padding:10px}.cost-view-page .top-action-bar{display:flex;justify-content:flex-end;margin-bottom:10px;margin-top:-10px;padding-right:15px}.cost-view-page .top-right-actions{gap:14px}.cost-view-page .created-by{color:#444}.cost-view-page .created-by strong{color:#444;font-weight:400}.cost-view-page .created-by:before{background-color:#444;border-radius:50%;content:"";display:inline-block;height:6px;width:6px}.cost-view-page .created-by-footer{color:#666;font-size:13px;margin-top:auto;padding-top:8px;text-align:right}.cost-view-page .created-by-footer strong{color:#333;font-weight:600}.cost-view-page .cost-back-container{align-items:center;background-color:initial;display:flex;justify-content:space-between;padding-bottom:10px}.cost-view-page .back-left{align-items:center;display:flex;gap:10px}.cost-view-page .top-right-actions{align-items:center;display:flex;gap:12px;margin-bottom:-25px}.cost-view-page .edit-btn{background-color:#1976d2!important;border-radius:5px!important;box-shadow:0 2px 4px #0000001a!important;color:#fff!important;cursor:pointer!important;font-size:14px!important;gap:6px!important;height:36px;padding:6px 14px!important;transition:all .2s ease!important}.cost-view-page .edit-btn:hover{background-color:#145ea8;box-shadow:0 2px 4px #0003;transform:translateY(-1px)}.cost-view-page .edit-btn:active{background-color:#0d4990;transform:translateY(0)}.cost-view-page .created-by{color:#555;font-size:13px}.cost-view-page .created-by:before{color:#4416ce;font-weight:700;margin-right:6px;position:relative;top:-1px}.cost-view-page .vat-total-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.cost-view-page .total-section,.cost-view-page .vat-section{align-items:center;display:flex;gap:6px}.cost-view-page .total-label{color:#333;font-weight:700}.cost-view-page .total-value{background-color:#ebebeb;border-radius:5px;color:#000;font-weight:400;margin-left:10px;padding:4px}.cost-view-page .price-row{align-items:center;font-size:15px;justify-content:space-between;margin-bottom:8px}.cost-view-page .price-label{color:#333;font-weight:600}.cost-view-page .price-value{color:#000;font-weight:400;margin-left:10px}.cost-view-page .invoice-attachment{background:#fff;border-top:1px solid #eee;margin-top:14px;padding-top:10px}.cost-view-page .invoice-attachment h4{color:#222;font-size:15px;font-weight:600;margin-bottom:8px}.cost-view-page .attachment-link{color:#1565c0;font-size:14px;font-weight:500}.cost-view-page .extra-card{background-color:#fff;border-radius:12px;box-shadow:2px 3px 0 8px #8b8b8b14;display:flex;flex:1 1;flex-direction:column;justify-content:space-between;padding:18px}.cost-view-page .extra-card .extra-title{border-bottom:1px solid #1976d2;color:#333;display:inline-block;font-size:17px;font-weight:700;margin-bottom:14px;margin-top:-1px;padding-bottom:4px}.cost-view-page .extra-card .extra-item{color:#222;display:flex;font-size:15px;justify-content:space-between;margin-bottom:8px}.cost-view-page .extra-card .extra-item strong{color:#333;font-weight:600}.cost-view-page .loading-container{align-items:center;color:#444;display:flex;flex-direction:column;height:60vh;justify-content:center;text-align:center}.cost-view-page .loading-container svg{color:#1976d2}.cost-view-page .no-attachment{opacity:.8}.cost-view-page .attachment-link{align-items:center;color:#007bff;display:inline-flex;text-decoration:none}.cost-view-page .attachment-link:hover{text-decoration:underline}.cost-view-page .no-attachment{color:#999;font-style:italic}@media (max-width:1108px){.cost-view-page .cost-container{align-items:stretch;flex-direction:column}.cost-view-page .right-column{flex-direction:column}.cost-view-page .cost-card{flex:1 1 100%}.cost-view-page .cost-status{align-items:flex-start}.cost-view-page .invoice-body{padding:12px}.cost-view-page .detail-item{font-size:12px}.cost-view-page .created-by{font-size:10px}.cost-view-page .back-arrow{font-size:16px}.cost-view-page .cost-back{font-size:17px;margin-bottom:-9px}.cost-view-page .edit-btn{font-size:12px!important;padding:3px 9px!important}.cost-view-page .price-row{font-size:12px}.cost-view-page .invoice-header h3{font-size:14px}.cost-view-page .attachment-link{font-size:12px}.cost-view-page .cost-title,.cost-view-page .extra-card .extra-title{font-size:14px}.cost-view-page .status-badge-paid{background-color:#d1fae5;border-radius:20px;color:#059669;font-size:12px;font-weight:500;padding:4px 10px}.cost-view-page .status-badge-unpaid{background-color:#faeed1;border-radius:20px;color:#f9ba26;font-size:12px;font-weight:500;padding:4px 10px}.cost-view-page .edit-btn svg{font-size:16px!important}}@media (max-width:505px){.cost-view-page{padding:0 6px}.cost-view-page .cost-container{align-items:stretch;flex-direction:column;gap:10px}.cost-view-page .cost-card,.cost-view-page .extra-card,.cost-view-page .left-card,.cost-view-page .right-card{box-sizing:border-box;flex:1 1 100%!important;min-width:0!important;padding:14px;width:100%!important}.cost-view-page .invoice-header h3{font-size:13px}.cost-view-page .section-title{font-size:15px;margin-left:0;margin-right:0;text-align:left}.cost-view-page .cost-title{font-size:13px}.cost-view-page .invoice-body{padding:10px}.cost-view-page .detail-item,.cost-view-page .price-row{font-size:12px}.cost-view-page .attachment-link{font-size:12px;line-break:anywhere}.cost-view-page .extra-card .extra-title{font-size:13px}.cost-view-page .edit-btn{font-size:11px!important;padding:3px 8px!important}}@media (max-width:380px){.cost-view-page .invoice-top{align-items:flex-start;flex-direction:column;gap:8px}.cost-view-page .cost-status,.cost-view-page .invoice-header{align-items:center;display:flex;gap:6px}.cost-view-page .cost-status{margin-left:0}.cost-view-page .cost-title,.cost-view-page .invoice-header h3{font-size:13px}.cost-view-page .status-badge-paid,.cost-view-page .status-badge-unpaid{font-size:11px;padding:3px 8px}}.page-addemployee .add-employee-page{color:#1a1a1a;font-family:Arial,sans-serif!important;font-size:14px}.page-addemployee .modal-overlay{align-items:center;background:#00000080;display:flex;inset:0;justify-content:center;overflow-y:auto;padding:20px;position:fixed;z-index:1000}.page-addemployee .modal{background:#fff;border-radius:16px;box-shadow:0 6px 25px #00000040;color:#1a1a1a;display:flex;flex-direction:column;font-family:Arial,sans-serif!important;max-height:90vh;max-width:90%;overflow:hidden;position:relative;width:600px}.page-addemployee .modal::-webkit-scrollbar{width:8px}.page-addemployee .modal::-webkit-scrollbar-track{background:#f5f5f5;border-radius:8px}.page-addemployee .modal::-webkit-scrollbar-thumb{background-color:#bdbdbd;border-radius:8px}.page-addemployee .modal::-webkit-scrollbar-thumb:hover{background-color:#9e9e9e}.page-addemployee .modal-header{align-items:center;background:#fff;border-bottom:none;border-top-left-radius:16px;border-top-right-radius:16px;display:flex;justify-content:space-between;padding:24px 24px 10px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.page-addemployee .modal-header h2{color:#111827;font-size:20px;font-weight:600;margin:0}.page-addemployee .close-btn{align-items:center;background:#0000;border:none;border-radius:50%;color:#888;cursor:pointer;display:flex;font-size:28px;height:32px;justify-content:center;margin-left:10px;transition:transform .2s,background-color .2s,color .2s;width:32px}.page-addemployee .close-btn:hover{background-color:#f2f2f2;transform:scale(1.1)}.page-addemployee .form{display:flex;flex:1 1;flex-direction:column;gap:12px;overflow-y:auto;padding:0 24px 24px;scrollbar-color:#bdbdbd #f5f5f5;scrollbar-width:thin}.page-addemployee .form::-webkit-scrollbar{width:8px}.page-addemployee .form::-webkit-scrollbar-track{background:#f5f5f5;border-radius:8px}.page-addemployee .form::-webkit-scrollbar-thumb{background-color:#bdbdbd;border-radius:8px}.page-addemployee .form::-webkit-scrollbar-thumb:hover{background-color:#9e9e9e}.page-addemployee .form-row{display:flex;gap:10px;margin-bottom:3px}.page-addemployee .form-field{display:flex;flex:1 1;flex-direction:column}.page-addemployee input,select,textarea{border:1px solid #868686;border-radius:4px;font-family:Arial,sans-serif!important;font-size:14px;padding:8px 12px;transition:border-color .2s}.page-addemployee input:focus,select:focus,textarea:focus{border-color:#006ce4;outline:none}.page-addemployee .form-buttons{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}.page-addemployee .cancel-btn{background:#0000;border:1px solid #e0e0e0;border-radius:8px;color:#666;cursor:pointer;padding:8px 16px;transition:all .2s ease-in-out}.page-addemployee .cancel-btn:hover{background-color:#f5f5f5;border-color:#bdbdbd;transform:translateY(-1px)}.page-addemployee .cancel-btn:active{transform:translateY(0)}.page-addemployee .submit-btn{background:#2e7d32;border:none;border-radius:8px;color:#fff;cursor:pointer;padding:8px 16px;transition:all .2s ease-in-out}.page-addemployee .submit-btn:hover:not(:disabled){background-color:#276627;box-shadow:0 4px 8px #0003;transform:translateY(-1px)}.page-addemployee .submit-btn:active:not(:disabled){transform:translateY(0)}.page-addemployee .submit-btn:disabled{background-color:#ccc;box-shadow:none;color:#666;transform:none}.page-addemployee .alert{border-radius:4px;font-size:14px;margin-bottom:16px;padding:8px 12px}.page-addemployee .alert.error{background:#ffe6e6;color:#c80000}.page-addemployee .alert.success{background:#e6ffe6;color:#0a8a0a}.page-addemployee .loading-overlay{align-items:center;background:#ffffffb3;bottom:0;display:flex;flex-direction:column;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:10}.page-addemployee .loader{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#006ce4;height:36px;margin-bottom:8px;width:36px}.page-addemployee .input-with-icon{position:relative}.page-addemployee .input-with-icon .phone-icon{color:#666;height:14px;left:12px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);width:14px;z-index:1}.page-addemployee .input-with-icon .phone-icon svg{height:14px;width:14px}.page-addemployee .input-with-icon input{box-sizing:border-box;padding-left:34px;padding-left:36px;width:100%}.page-addemployee input,.page-addemployee select,.page-addemployee textarea{border:1px solid #000;border-radius:6px;box-sizing:border-box;padding:10px 12px;transition:all .2s ease;width:100%}.page-addemployee input,.page-addemployee select,.page-addemployee select option,.page-addemployee textarea{background-color:#fff;color:#1a1a1a;font-family:Arial,sans-serif!important;font-size:14px}.page-addemployee input:hover,.page-addemployee select:hover,.page-addemployee textarea:hover{background-color:#f0f0f0;border-color:#999}.page-addemployee input:focus,.page-addemployee select:focus,.page-addemployee textarea:focus{background-color:#fff;border-color:#006ce4;box-shadow:0 0 0 2px #006ce426;outline:none}.page-addemployee .textarea{height:30px;min-height:20px;resize:vertical}.page-addemployee .select option{background-color:#fff;color:#1a1a1a;font-family:Arial,sans-serif!important;font-size:14px}.page-addemployee select{color:#666}.page-addemployee select:invalid{color:#999}.page-addemployee select:not(:invalid){color:#000}.page-addemployee .address-input{height:40px}.page-addemployee .avatar-picker-container{display:flex;justify-content:center;margin-bottom:24px}.page-addemployee .avatar-circle{align-items:center;background:#f4f4f4;border:2px solid #e5e7eb;border-radius:50%;display:flex;height:90px;justify-content:center;width:90px}.page-addemployee .avatar-circle img{border-radius:50%;display:block;height:100%;object-fit:cover;width:100%}.page-addemployee .avatar-placeholder{align-items:center;color:#9ca3af;display:flex;justify-content:center}.page-addemployee .avatar-overlay{align-items:center;background:#0000008c;display:flex;inset:0;justify-content:center;position:absolute}.page-addemployee .spinner-small{animation:spin 1s linear infinite;border:3px solid #fff;border-radius:50%;border-top-color:#0000;height:22px;width:22px}.page-addemployee .avatar-circle{overflow:visible;position:relative}.page-addemployee .avatar-plus-btn{align-items:center;background-color:#3b82f6;border:none;border-radius:50%;bottom:-6px;box-shadow:0 3px 6px #00000040;color:#fff;cursor:pointer;display:flex;font-size:20px;font-weight:700;height:25px;justify-content:center;position:absolute;right:-6px;transition:background-color .2s ease,transform .2s ease;width:25px;z-index:3}.page-addemployee .avatar-plus-btn:hover:not(:disabled){background-color:#2563eb}.page-addemployee .avatar-plus-btn:disabled{background-color:#9ca3af;cursor:not-allowed}.page-addemployee .hidden-file-input{display:none}.page-addemployee .header-divider{border:none;border-bottom:1px solid #e5e7eb;margin:2px 0 20px}.page-addemployee .submit-btn.disabled,.page-addemployee .submit-btn:disabled{background-color:#b0b0b0;cursor:not-allowed;opacity:.7;transition:all .3s ease}.page-addemployee .submit-btn.disabled:hover{background-color:#b0b0b0}.page-addemployee .form-field label{color:#4b5563;display:inline-block;font-weight:600;margin-bottom:4px;position:relative;white-space:nowrap}.page-addemployee .form-field label:after{content:""}.page-addemployee .form-field label:has(*){white-space:nowrap}.page-addemployee .form-field label span,.page-addemployee .form-field label:first-letter{color:inherit}.page-addemployee .form-field label:after{display:none}.page-addemployee .form-field label *{color:#d32f2f!important}.page-addemployee .field-error{color:#d32f2f;font-size:13px;margin-top:2px}.page-addemployee .datepicker-input{background-color:#fff;border:1px solid #000;border-radius:6px;box-sizing:border-box;font-size:14px;padding:10px;width:100%}.page-addemployee .datepicker-container{position:relative;width:100%}.page-addemployee .react-datepicker-wrapper,.page-addemployee .react-datepicker__input-container{display:block;width:100%}.page-addemployee .datepicker-input-with-icon{background-color:#fff;border:1px solid #000;border-radius:6px;box-sizing:border-box;color:#1a1a1a;display:block;font-family:Arial,sans-serif!important;font-size:14px;height:40px;line-height:1.5;padding:10px 40px 10px 10px;width:100%}.page-addemployee .calendar-icon-inside{align-items:center;color:#000;cursor:pointer;display:flex;height:20px;justify-content:center;position:absolute;right:12px;top:50%;transform:translateY(-50%);transition:color .2s ease;width:20px}.page-addemployee .calendar-icon-inside svg{height:18px;width:18px}.page-addemployee .react-datepicker-popper{z-index:9999!important}.page-addemployee .custom-calendar,.page-addemployee .react-datepicker{border-radius:8px;box-shadow:0 2px 8px #00000026;font-family:inherit}@media (max-width:480px){.page-addemployee .modal{border-radius:12px;padding:16px;width:95%}@media (max-width:480px){.page-addemployee .modal-header{align-items:center;flex-direction:row;padding:16px 16px 8px}.page-addemployee .modal-header h2{font-size:18px}.page-addemployee .close-btn{font-size:26px;height:28px;margin-left:8px;width:28px}.page-addemployee .modal-header:after{width:calc(100% - 32px)}}.page-addemployee .form-row{flex-direction:column;gap:8px;margin-bottom:8px}.page-addemployee .form-field label{font-size:13px}.page-addemployee input,.page-addemployee select,.page-addemployee textarea{font-size:13px;padding:8px 10px}.page-addemployee .datepicker-input-with-icon{font-size:13px;height:36px;padding:8px 32px 8px 8px}.page-addemployee .calendar-icon-inside{height:16px;right:8px;width:16px}.page-addemployee .calendar-icon-inside svg{height:14px;width:14px}.page-addemployee .form-buttons{align-items:stretch!important;flex-direction:column!important;gap:10px!important;margin-top:16px!important}.page-addemployee .cancel-btn,.page-addemployee .submit-btn{border-radius:10px!important;font-size:15px!important;padding:12px!important;text-align:center!important;width:100%!important}.page-addemployee .cancel-btn{background-color:#f7f7f7!important;border:1px solid #ccc!important;color:#333!important}.page-addemployee .submit-btn{background-color:#2e7d32!important;color:#fff!important}.page-addemployee .avatar-circle{height:70px;width:70px}.page-addemployee .avatar-plus-btn{bottom:-5px;font-size:18px;height:22px;right:-5px;width:22px}.page-addemployee .address-input{min-height:60px}}@media (max-width:768px){.page-addemployee .modal{padding:20px;width:90%}.page-addemployee .form-row{flex-direction:column;gap:10px}.page-addemployee .datepicker-input-with-icon{width:100%}.page-addemployee .form-buttons{flex-direction:row;gap:10px;justify-content:space-between}.page-addemployee .cancel-btn,.page-addemployee .submit-btn{border-radius:8px;flex:1 1;font-size:14px;padding:10px}.page-addemployee .cancel-btn{background-color:#f7f7f7;border:1px solid #ccc}.page-addemployee .avatar-circle{height:80px;width:80px}}@media (max-width:1024px){.page-addemployee .modal{width:80%}.page-addemployee .form-row{gap:12px}.page-addemployee .datepicker-input-with-icon{width:100%}.page-addemployee .avatar-circle{height:85px;width:85px}.page-addemployee .form-buttons{gap:10px;justify-content:flex-end}}@media (min-width:1440px){.page-addemployee .modal{width:700px}}.page-edit-employee .edit-employee-page{color:#1a1a1a;font-family:Arial,sans-serif;font-size:14px}.page-edit-employee .modal-overlay{align-items:center;background:#00000080;display:flex;inset:0;justify-content:center;overflow-y:auto;padding:20px;position:fixed;z-index:1000}.page-edit-employee .modal{background:#fff;border-radius:16px;box-shadow:0 6px 25px #00000040;color:#1a1a1a;display:flex;flex-direction:column;font-family:Arial,sans-serif;max-height:90vh;max-width:90%;overflow:hidden;position:relative;width:600px}.page-edit-employee .modal::-webkit-scrollbar{width:8px}.page-edit-employee .modal::-webkit-scrollbar-track{background:#f5f5f5;border-radius:8px}.page-edit-employee .modal::-webkit-scrollbar-thumb{background-color:#bdbdbd;border-radius:8px}.page-edit-employee .modal::-webkit-scrollbar-thumb:hover{background-color:#9e9e9e}.page-edit-employee .modal-header{align-items:center;background:#fff;border-bottom:none;border-top-left-radius:16px;border-top-right-radius:16px;display:flex;justify-content:space-between;padding:24px 24px 10px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.page-edit-employee .modal-header h2{color:#111827;font-size:20px;font-weight:600;margin:0}.page-edit-employee .close-btn{align-items:center;background:#0000;border:none;border-radius:50%;color:#888;cursor:pointer;display:flex;font-size:28px;height:32px;justify-content:center;margin-left:10px;transition:transform .2s,background-color .2s,color .2s;width:32px}.page-edit-employee .close-btn:hover{background-color:#f2f2f2;transform:scale(1.1)}.page-edit-employee .form{display:flex;flex:1 1;flex-direction:column;gap:12px;overflow-y:auto;padding:0 24px 24px;scrollbar-color:#bdbdbd #f5f5f5;scrollbar-width:thin}.page-edit-employee .form::-webkit-scrollbar{width:8px}.page-edit-employee .form::-webkit-scrollbar-track{background:#f5f5f5;border-radius:8px}.page-edit-employee .form::-webkit-scrollbar-thumb{background-color:#bdbdbd;border-radius:8px}.page-edit-employee .form::-webkit-scrollbar-thumb:hover{background-color:#9e9e9e}.page-edit-employee .form-row{gap:2px;margin-bottom:0}.page-edit-employee input,.page-edit-employee select,.page-edit-employee textarea{border:1px solid #868686;border-radius:4px;font-family:Roboto,sans-serif;padding:8px 12px;transition:border-color .2s}.page-edit-employee .form-buttons{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}.page-edit-employee .cancel-btn{background:#0000;border:1px solid #e0e0e0;border-radius:8px;color:#666;cursor:pointer;padding:8px 16px;transition:all .2s ease-in-out}.page-edit-employee .cancel-btn:hover{background-color:#f5f5f5;border-color:#bdbdbd;transform:translateY(-1px)}.page-edit-employee .cancel-btn:active{transform:translateY(0)}.page-edit-employee .submit-btn{background:#2e7d32;border:none;border-radius:8px;color:#fff;cursor:pointer;padding:8px 16px;transition:all .2s ease-in-out}.page-edit-employee .submit-btn:hover:not(:disabled){background-color:#276627;box-shadow:0 4px 8px #0003;transform:translateY(-1px)}.page-edit-employee .submit-btn:active:not(:disabled){transform:translateY(0)}.page-edit-employee .submit-btn:disabled{background-color:#ccc;box-shadow:none;color:#666;transform:none}.page-edit-employee .alert{border-radius:4px;font-size:14px;margin-bottom:16px;padding:8px 12px}.page-edit-employee .alert.error{background:#ffe6e6;color:#c80000}.page-edit-employee .alert.success{background:#e6ffe6;color:#0a8a0a}.page-edit-employee .loading-overlay{align-items:center;background:#ffffffb3;bottom:0;display:flex;flex-direction:column;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:10}.page-edit-employee .loader{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#006ce4;height:36px;margin-bottom:8px;width:36px}.page-edit-employee .input-with-icon{position:relative}.page-edit-employee .input-with-icon .phone-icon{color:#666;height:14px;left:12px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);width:14px;z-index:1}.page-edit-employee .input-with-icon .phone-icon svg{height:14px;width:14px}.page-edit-employee .input-with-icon input{box-sizing:border-box;padding-left:36px;width:100%}.page-edit-employee input,.page-edit-employee select,.page-edit-employee textarea{background-color:#fff;border:1px solid #000;border-radius:6px;box-sizing:border-box;color:#1a1a1a;font-family:Arial,sans-serif;font-size:14px;padding:10px 12px;transition:all .2s ease;width:100%}.page-edit-employee select option{background-color:#fff;color:#1a1a1a;font-family:Arial,sans-serif;font-size:14px}.page-edit-employee input:hover,.page-edit-employee select:hover,.page-edit-employee textarea:hover{background-color:#f0f0f0;border-color:#999}.page-edit-employee input:focus,.page-edit-employee select:focus,.page-edit-employee textarea:focus{background-color:#fff;border-color:#006ce4;box-shadow:0 0 0 2px #006ce426;outline:none}.page-edit-employee .textarea{height:30px;min-height:20px;resize:vertical}.page-edit-employee select{background-color:#fff;color:#000}.page-edit-employee select.placeholder{color:#666}.page-edit-employee select:focus{background-color:#fff;border-color:#006ce4;box-shadow:0 0 0 2px #006ce426;outline:none}.page-edit-employee .address-input{height:40px}.page-edit-employee .avatar-picker-container{justify-content:center;margin-bottom:16px}.page-edit-employee .avatar-picker-container,.page-edit-employee .avatar-wrapper{align-items:center;display:flex;flex-direction:column}.page-edit-employee .avatar-circle{align-items:center;background:#f4f4f4;border:2px solid #e5e7eb;border-radius:50%;display:flex;height:90px;justify-content:center;overflow:visible;position:relative;width:90px}.page-edit-employee .avatar-circle img{border-radius:50%;display:block;height:100%;object-fit:cover;width:100%}.page-edit-employee .avatar-placeholder{align-items:center;color:#9ca3af;display:flex;justify-content:center}.page-edit-employee .avatar-overlay{align-items:center;background:#0000008c;display:flex;inset:0;justify-content:center;position:absolute}.page-edit-employee .spinner-small{animation:spin 1s linear infinite;border:3px solid #fff;border-radius:50%;border-top-color:#0000;height:22px;width:22px}.page-edit-employee .avatar-plus-btn{align-items:center;background-color:#3b82f6;border:none;border-radius:50%;bottom:-6px;box-shadow:0 3px 6px #00000040;color:#fff;cursor:pointer;display:flex;font-size:20px;font-weight:700;height:25px;justify-content:center;position:absolute;right:-6px;transition:background-color .2s ease,transform .2s ease;width:25px;z-index:3}.page-edit-employee .avatar-plus-btn:hover:not(:disabled){background-color:#2563eb}.page-edit-employee .avatar-plus-btn:disabled{background-color:#9ca3af;cursor:not-allowed}.page-edit-employee .hidden-file-input{display:none}.page-edit-employee .header-divider{border:none;border-bottom:1px solid #e5e7eb;margin:2px 0 20px}.page-edit-employee .submit-btn.disabled,.page-edit-employee .submit-btn:disabled{background-color:#b0b0b0;cursor:not-allowed;opacity:.7;transition:all .3s ease}.page-edit-employee .form-field label{color:#4b5563;display:inline-block;font-weight:500;font-weight:600;margin-bottom:4px;position:relative;white-space:nowrap}.page-edit-employee .form-field label:after{content:""}.page-edit-employee .form-field label *,.page-edit-employee .form-field label span{color:#d32f2f!important}.page-edit-employee .field-error{color:#d32f2f;font-size:13px;margin-top:2px}.page-edit-employee input.field-error-border,.page-edit-employee select.field-error-border,.page-edit-employee textarea.field-error-border{border-color:#d32f2f!important;box-shadow:0 0 0 1px #d32f2f66}.page-edit-employee .employee-name-below{margin-top:10px;text-align:center;width:100%}.page-edit-employee .employee-name-below h3{color:#1a1a1a;font-size:18px;font-weight:600;letter-spacing:.3px;margin:0;text-align:center}.page-edit-employee .employee-name-below h3:first-letter{text-transform:capitalize}.page-edit-employee .form-row{display:flex;gap:20px}.page-edit-employee .form-field{display:flex;flex:1 1;flex-direction:column}.page-edit-employee .datepicker-container{position:relative;width:100%}.page-edit-employee .react-datepicker-wrapper,.page-edit-employee .react-datepicker__input-container{display:block;width:100%}.page-edit-employee .datepicker-input-with-icon{background-color:#fff;border:1px solid #000;border-radius:6px;box-sizing:border-box;color:#1a1a1a;display:block;font-family:Roboto,sans-serif;font-size:14px;height:40px;line-height:1.5;padding:10px 40px 10px 10px;width:100%}.page-edit-employee .calendar-icon-inside{align-items:center;color:#000;cursor:pointer;display:flex;height:20px;justify-content:center;position:absolute;right:12px;top:50%;transform:translateY(-50%);transition:color .2s ease;width:20px}.page-edit-employee .calendar-icon-inside:hover{color:#000}.page-edit-employee .calendar-icon-inside svg{height:18px;width:18px}.page-edit-employee .react-datepicker-popper{z-index:9999!important}.page-edit-employee .custom-calendar,.page-edit-employee .react-datepicker{border-radius:8px;box-shadow:0 2px 8px #00000026;font-family:inherit}@media (max-width:480px){.page-edit-employee .modal{border-radius:12px;padding:16px;width:95%}@media (max-width:480px){.page-edit-employee .modal-header{align-items:center;flex-direction:row;padding:16px 16px 8px}.page-edit-employee .modal-header h2{font-size:18px}.page-edit-employee .close-btn{font-size:26px;height:28px;margin-left:8px;width:28px}.page-edit-employee .modal-header:after{width:calc(100% - 32px)}}.page-edit-employee .form-row{flex-direction:column;gap:8px;margin-bottom:8px}.page-edit-employee .form-field label{font-size:13px}.page-edit-employee input,.page-edit-employee select,.page-edit-employee textarea{font-size:13px;padding:8px 10px}.page-edit-employee .datepicker-input-with-icon{font-size:13px;height:36px;padding:8px 32px 8px 8px}.page-edit-employee .calendar-icon-inside{height:16px;right:8px;width:16px}.page-edit-employee .calendar-icon-inside svg{height:14px;width:14px}.page-edit-employee .form-buttons{align-items:stretch;flex-direction:column;gap:10px;margin-top:16px}.page-edit-employee .cancel-btn,.page-edit-employee .submit-btn{border-radius:10px;font-size:14px;padding:10px;text-align:center;width:100%}.page-edit-employee .cancel-btn{background-color:#f7f7f7;border:1px solid #ccc}.page-edit-employee .submit-btn{background-color:#2e7d32}.page-edit-employee .avatar-circle{height:70px;width:70px}.page-edit-employee .avatar-plus-btn{bottom:-5px;font-size:18px;height:22px;right:-5px;width:22px}.page-edit-employee .address-input{min-height:60px}.page-edit-employee .employee-name-below h3{font-size:16px}.page-edit-employee .form-buttons{align-items:stretch!important;flex-direction:column!important;gap:10px!important;margin-top:16px!important}.page-edit-employee .cancel-btn,.page-edit-employee .submit-btn{border-radius:10px!important;font-size:15px!important;padding:12px!important;text-align:center!important;width:100%!important}.page-edit-employee .cancel-btn{background-color:#f7f7f7!important;border:1px solid #ccc!important;color:#333!important}.page-edit-employee .submit-btn{background-color:#2e7d32!important;color:#fff!important}}@media (max-width:768px){.page-edit-employee .modal{padding:20px;width:90%}.page-edit-employee .form-row{flex-direction:column;gap:10px}.page-edit-employee .datepicker-input-with-icon{width:100%}.page-edit-employee .form-buttons{flex-direction:row;gap:10px;justify-content:space-between}.page-edit-employee .cancel-btn,.page-edit-employee .submit-btn{border-radius:8px;flex:1 1;font-size:14px;padding:10px}.page-edit-employee .cancel-btn{background-color:#f7f7f7;border:1px solid #ccc}.page-edit-employee .avatar-circle{height:80px;width:80px}.page-edit-employee .employee-name-below h3{font-size:17px}}@media (max-width:1024px){.page-edit-employee .modal{width:80%}.page-edit-employee .form-row{gap:12px}.page-edit-employee .datepicker-input-with-icon{width:100%}.page-edit-employee .avatar-circle{height:85px;width:85px}.page-edit-employee .form-buttons{gap:10px;justify-content:flex-end}}@media (min-width:1440px){.page-edit-employee .modal{width:700px}}.employeespage{align-items:stretch;background-color:#f0f0f0;display:flex;font-family:Arial,sans-serif;height:100vh;justify-content:center;overflow:hidden}.employeespage .employees-page{background-color:#fff;border-radius:12px;box-sizing:border-box;display:flex;flex-direction:column;height:auto;max-width:100%;overflow:hidden;padding:24px;width:100%}.employeespage .employees-toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:30px}.employeespage .title{color:#1a1a1a;font-size:1.5rem;font-weight:700;margin:0}.employeespage .title-count{color:#555;font-size:1rem;font-weight:500}.employeespage .employees-toolbar-right{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.employeespage .search-input .MuiOutlinedInput-root{background-color:#fff;border-radius:8px}.employeespage .new-btn{background-color:#1976d2;border:1px solid #1976d2;border-radius:5px;color:#fff;height:36px;padding:6px 14px;text-transform:none}.employeespage .table-container{margin-top:10px;overflow:visible}.employeespage .MuiDataGrid-root{background-color:#f8f9fa;border:1px solid #ddd;border-radius:8px}.employeespage .MuiDataGrid-columnHeaders{background-color:#d6d6d6;border-bottom:2px solid #b0b0b0;color:#424242;font-size:16px;font-weight:700}.employeespage .MuiDataGrid-columnHeaderTitle{color:#000!important;font-weight:700!important}.employeespage .MuiDataGrid-cell{color:#333;font-size:14px}.employeespage .MuiDataGrid-footerContainer{background-color:#f1f1f1}.employees-toast{animation:toastSlideFade 4s ease forwards;background-color:#cdfee1;border-radius:10px;box-shadow:0 4px 12px #00000040;font-size:15px;font-weight:500;left:50%!important;opacity:0;padding:14px 28px;pointer-events:none;position:fixed!important;top:25px!important;transform:translateX(-50%)!important;z-index:6000!important}@media (max-width:480px){.employeespage{height:auto;overflow-y:auto;padding:0}.employeespage .employees-page{border-radius:0;height:auto;overflow-y:visible;padding:12px}.employeespage .employees-toolbar{align-items:stretch;flex-direction:column;gap:10px}.employeespage .title{font-size:1.2rem;text-align:center}.employeespage .title-count{font-size:.9rem}.employeespage .employees-toolbar-right{align-items:stretch;flex-direction:column;gap:8px}.employeespage .search-input{width:100%}.employeespage .new-btn{font-size:14px;height:40px;width:100%}.employeespage .table-container{margin-top:12px;overflow-x:auto}.employeespage .MuiDataGrid-root{border-radius:6px;font-size:12px}.employeespage .MuiDataGrid-columnHeaders{font-size:13px}}@media (max-width:768px){.employeespage .employees-page{padding:16px}.employeespage .employees-toolbar{flex-wrap:wrap;gap:10px}.employeespage .employees-toolbar-right{flex-wrap:wrap;justify-content:flex-start}.employeespage .search-input{flex:1 1;min-width:180px}.employeespage .new-btn{flex-shrink:0;height:38px}.employeespage .MuiDataGrid-root{font-size:13px}}@media (max-width:1024px){.employeespage .employees-page{padding:20px}.employeespage .employees-toolbar{gap:14px}.employeespage .search-input{flex:1 1}}.addmedical-page .medical-overlay{align-items:center;background:#00000080!important;display:flex;height:100vh!important;inset:0!important;justify-content:center;padding:0!important;position:fixed!important;width:100vw!important;z-index:999999!important}.addmedical-page .medical-modal{background:#fff!important;border-radius:16px!important;max-width:90%;overflow-x:hidden!important;position:relative;width:600px}.addmedical-page .medical-modal::-webkit-scrollbar{width:8px}.addmedical-page .medical-modal::-webkit-scrollbar-track{background:#f5f5f5;border-radius:8px}.addmedical-page .medical-modal::-webkit-scrollbar-thumb{background-color:#bdbdbd;border-radius:8px;-webkit-transition:background-color .2s;transition:background-color .2s}.addmedical-page .medical-modal::-webkit-scrollbar-thumb:hover{background-color:#9e9e9e}.addmedical-page .medical-header{align-items:center;background:#fff;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:24px 24px 10px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.addmedical-page .medical-header h2{color:#111827;font-size:20px;font-weight:700;margin:0}.addmedical-page .close-btn{align-items:center;background:#0000;border:none;border-radius:50%;color:#888;cursor:pointer;display:flex;font-size:30px;height:32px;justify-content:center;transition:transform .2s,background-color .2s,color .2s;width:32px}.addmedical-page .close-btn:hover{background-color:#f2f2f2;transform:scale(1.1)}.addmedical-page .header-divider{border:none;border-bottom:1px solid #fff;margin-bottom:5px}.addmedical-page .medical-form{display:flex;flex:1 1;flex-direction:column;gap:11px;max-height:70vh;overflow-y:auto;padding:24px!important;scrollbar-color:#bdbdbd #f5f5f5;scrollbar-width:thin}.addmedical-page .medical-form::-webkit-scrollbar{width:8px}.addmedical-page .medical-form::-webkit-scrollbar-track{background:#f5f5f5;border-radius:8px}.addmedical-page .medical-form::-webkit-scrollbar-thumb{background-color:#bdbdbd;border-radius:8px;-webkit-transition:background-color .2s;transition:background-color .2s}.addmedical-page .medical-form::-webkit-scrollbar-thumb:hover{background-color:#9e9e9e}.addmedical-page .row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.addmedical-page .field{display:flex;flex-direction:column;gap:6px}.addmedical-page .field label{color:#4b5563;font-size:14px;font-weight:500;font-weight:600;margin-bottom:1px}.addmedical-page input,.addmedical-page select,.addmedical-page textarea{background-color:#fff;border:1px solid #000;border-radius:6px;box-sizing:border-box;color:#1a1a1a;font-family:Arial,sans-serif;font-size:14px;padding:10px 12px;transition:all .2s ease;width:100%}.addmedical-page input:hover,.addmedical-page select:hover,.addmedical-page textarea:hover{background-color:#f0f0f0;border-color:#999}.addmedical-page input:focus,.addmedical-page select:focus,.addmedical-page textarea:focus{background-color:#fff;border-color:#006ce4;box-shadow:0 0 0 2px #006ce426;outline:none}.addmedical-page input,.addmedical-page select{background-color:#fff;color:#000}.addmedical-page input.placeholder,.addmedical-page select.placeholder{color:#666}.addmedical-page select option{background-color:#fff;color:#1a1a1a}.addmedical-page select option[disabled],.addmedical-page select option[hidden]{color:#9ca3af}.addmedical-page .dropzone-medical{background-color:#f9f9f9;border:2px dashed #000;border-radius:8px;cursor:pointer;height:80px;padding:0;text-align:center;transition:background-color .3s,border-color .3s}.addmedical-page .dropzone-medical:hover{background-color:#f0f0f0;border-color:#000}.addmedical-page .file-preview{background-color:#f1f1f1;border-radius:4px;cursor:pointer;gap:8px;margin-top:4px;transition:background-color .2s}.addmedical-page .file-preview:hover{background-color:#e9e9e9}.addmedical-page .remove-file-btn{align-items:center;background:none;border:none;color:#d32f2f;cursor:pointer;display:flex;margin-left:auto;padding:0}.addmedical-page .remove-file-btn:hover{color:#a30000}.addmedical-page .actions{display:flex;gap:12px;justify-content:flex-end;margin-top:16px}.addmedical-page .cancel-btn,.addmedical-page .done-btn{border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s ease-in-out}.addmedical-page .cancel-btn{background:#0000;border:1px solid #e0e0e0;color:#666}.addmedical-page .cancel-btn:hover{background-color:#f5f5f5;border-color:#bdbdbd;transform:translateY(-1px)}.addmedical-page .done-btn{background:#2e7d32;border:none;color:#fff}.addmedical-page .done-btn:hover{background:#276627;box-shadow:0 3px 8px #0003;transform:translateY(-1px)}.addmedical-page .checkbox{align-items:center;display:flex;font-size:14px;gap:8px;margin-top:6px}.addmedical-page .checkbox input{accent-color:#10b981;cursor:pointer;height:16px;width:16px}.addmedical-page .success-snackbar{background-color:#2e7d32}.addmedical-page .error-snackbar,.addmedical-page .success-snackbar{animation:toastSlideFade 4s ease forwards;border-radius:10px;box-shadow:0 4px 12px #00000040;color:#fff;font-size:15px;font-weight:500;left:50%;opacity:0;padding:14px 28px;pointer-events:none;position:fixed;top:30px;transform:translateX(-50%);z-index:5000}.addmedical-page .error-snackbar{background-color:#d32f2f}.addmedical-page .error-notification{animation:fadeinout 3s forwards;background-color:#d32f2f;border-radius:5px;box-shadow:0 2px 6px #0000004d;color:#fff;font-weight:600;padding:12px 20px;position:fixed;right:30px;top:115px;z-index:9999}@media (max-width:540px){.addmedical-page .medical-modal{padding:20px;width:90%}.addmedical-page .row{grid-template-columns:1fr}}.addmedical-page input:focus,.addmedical-page select:focus{background-color:#fff;border-color:#006ce4;box-shadow:0 0 0 2px #006ce426;outline:none}.addmedical-page .alert{border-radius:4px;font-size:14px;margin-bottom:16px;padding:8px 12px}.addmedical-page .alert.error{background:#ffe6e6;color:#c80000}.addmedical-page .alert.success{background:#e6ffe6;color:#0a8a0a}.addmedical-page .field-error{color:#d32f2f;font-size:13px;margin-top:2px}.addmedical-page .required{color:#d32f2f;font-weight:600}.addmedical-page .dropzone-medical.field-error-border,.addmedical-page input.field-error-border,.addmedical-page select.field-error-border,.addmedical-page textarea.field-error-border{border-color:#d32f2f!important;box-shadow:0 0 0 1px #d32f2f66}.addmedical-page .datepicker-container{align-items:center;display:flex;position:relative;width:100%}.addmedical-page .datepicker-input-with-icon{height:38px;padding:8px 36px 8px 10px}.addmedical-page .calendar-icon-inside{align-items:center;color:#000;cursor:pointer;display:flex;justify-content:center;position:absolute;right:10px;top:50%;transform:translateY(-50%);transition:color .2s ease}.addmedical-page .calendar-icon-inside:hover{color:#000}.addmedical-page .react-datepicker-popper{z-index:9999!important}.addmedical-page .react-datepicker{border-radius:8px;box-shadow:0 2px 8px #00000026;font-family:inherit}.addmedical-page .datepicker-input-with-icon{background-color:#fff;border:1px solid #000;border-radius:6px;box-sizing:border-box;color:#1a1a1a;display:block;font-family:Arial,sans-serif;font-size:14px;height:40px;line-height:1.5;padding:10px 40px 10px 10px;width:100%}.addmedical-page .react-datepicker-wrapper,.addmedical-page .react-datepicker__input-container{display:block;width:100%}.addmedical-page .clinic-select{background-color:#fff;color:#999!important}.addmedical-page .clinic-select option[disabled],.addmedical-page .clinic-select option[hidden]{color:#b3b3b3!important}.addmedical-page .clinic-select.filled{color:#000!important}.addmedical-page .file-preview{align-items:center;background:#f8f9fa;border-radius:8px;display:flex;justify-content:space-between;margin-top:8px;padding:6px 10px}.addmedical-page .file-preview-clickable{align-items:center;cursor:pointer;display:flex;gap:8px;transition:color .2s}.addmedical-page .file-preview-clickable:hover .file-name-link{color:#1976d2;text-decoration:underline}.addmedical-page .file-name-link{color:#333;font-size:14px}@media (max-width:1800px){.addmedical-page .medical-overlay{align-items:stretch!important;padding-top:auto!important}.addmedical-page .medical-modal{height:auto!important;margin-top:20px!important;max-height:88vh!important;overflow-y:hidden!important}.addmedical-page .row{gap:14px;grid-template-columns:1fr 1fr}.addmedical-page .field label,.addmedical-page input,.addmedical-page select{font-size:13.5px}.addmedical-page .cancel-btn,.addmedical-page .done-btn{font-size:13.5px;padding:8px 14px}}@media (max-width:500px){.addmedical-page .medical-overlay{align-items:flex-start;padding-top:40px}.addmedical-page .medical-modal{max-height:100vh;overflow:hidden!important;padding:20px 16px;width:92%}.addmedical-page .medical-header h2{font-size:18px;font-weight:700!important;letter-spacing:-.9px!important}.addmedical-page .row{gap:10px;grid-template-columns:1fr}.addmedical-page .field label{font-size:13px}.addmedical-page .datepicker-input-with-icon,.addmedical-page input,.addmedical-page select{font-size:13px;padding:9px 10px}.addmedical-page .dropzone-medical{padding:12px}.addmedical-page .file-preview{align-items:flex-start;flex-direction:column;gap:4px}.addmedical-page .remove-file-btn{align-self:flex-end;margin-top:4px}.addmedical-page .actions{flex-direction:column;gap:8px;margin-top:20px}.addmedical-page .cancel-btn,.addmedical-page .done-btn{font-size:14px;padding:10px;width:100%}.addmedical-page .datepicker-container{width:100%}.addmedical-page .field-error{font-size:12.5px}}@media (max-width:480px){.addmedical-page .medical-modal{border-radius:12px;padding:16px;width:95%}.addmedical-page .medical-header h2{font-size:17px}.addmedical-page .close-btn{font-size:26px}.addmedical-page .field label{font-size:12.5px}.addmedical-page .datepicker-input-with-icon,.addmedical-page input,.addmedical-page select{font-size:12.5px;padding:8px}.addmedical-page .dropzone-medical p{font-size:12px}.addmedical-page .actions{gap:6px;margin-top:14px}.addmedical-page .cancel-btn,.addmedical-page .done-btn{font-size:13px;padding:8px}.addmedical-page .field-error,.addmedical-page .file-preview-clickable .file-name-link{font-size:12px}}@media (max-width:360px){.addmedical-page .medical-modal{padding:12px}.addmedical-page .medical-header h2{font-size:15px}.addmedical-page input,.addmedical-page select{font-size:12px}.addmedical-page .cancel-btn,.addmedical-page .done-btn{font-size:12px;padding:7px}.addmedical-page .dropzone-medical p{font-size:11px}}@media (min-width:500px) and (max-width:1800px){.addmedical-page .medical-modal{margin-top:0!important}.addmedical-page .medical-overlay{align-items:center!important}}.page-addssm{color:#1a1a1a;font-family:Arial,sans-serif;font-size:14px}.page-addssm .ssm-modal-overlay{align-items:center;background:#00000080;display:flex;inset:0;justify-content:center;overflow-y:auto;padding:20px;position:fixed;z-index:1000}.page-addssm .ssm-modal{background:#fff;border-radius:16px;box-shadow:0 6px 25px #00000040;color:#1a1a1a;display:flex;flex-direction:column;font-family:Arial,sans-serif;max-height:90vh;max-width:90%;overflow:hidden;position:relative;width:600px}.page-addssm .ssm-modal::-webkit-scrollbar{width:8px}.page-addssm .ssm-modal::-webkit-scrollbar-track{background:#f5f5f5;border-radius:8px}.page-addssm .ssm-modal::-webkit-scrollbar-thumb{background-color:#bdbdbd;border-radius:8px;-webkit-transition:background-color .2s;transition:background-color .2s}.page-addssm .ssm-modal::-webkit-scrollbar-thumb:hover{background-color:#9e9e9e}.page-addssm .ssm-header{align-items:center;background:#fff;border-bottom:1px solid #e5e7eb;border-top-left-radius:16px;border-top-right-radius:16px;display:flex;justify-content:space-between;padding:20px 24px 16px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.page-addssm .header-left{align-items:center;display:flex;flex:1 1;justify-content:flex-start;margin-bottom:-10px}.page-addssm .header-title{text-align:left}.page-addssm .header-title,.page-addssm .ssm-header h2{color:#111827;font-size:20px;font-weight:600;margin:2px 0}.page-addssm .close-btn{align-items:center;background:#0000;border:none;border-radius:50%;color:#888;cursor:pointer;display:flex;font-size:30px;height:32px;justify-content:center;transition:transform .2s,background-color .2s,color .2s;width:32px}.page-addssm .close-btn:hover{background-color:#f2f2f2;transform:scale(1.1)}.page-addssm form{display:flex;flex:1 1;flex-direction:column;gap:11px;overflow-y:auto;padding:0 24px 24px;scrollbar-color:#bdbdbd #f5f5f5;scrollbar-width:thin}.page-addssm form::-webkit-scrollbar{width:8px}.page-addssm form::-webkit-scrollbar-track{background:#f5f5f5;border-radius:8px}.page-addssm form::-webkit-scrollbar-thumb{background-color:#bdbdbd;border-radius:8px;-webkit-transition:background-color .2s;transition:background-color .2s}.page-addssm form::-webkit-scrollbar-thumb:hover{background-color:#9e9e9e}.page-addssm .form-group label{color:#4b5563;display:block;font-weight:600;margin-bottom:1px;text-align:left}.page-addssm select{position:relative;top:-6px}.page-addssm input,.page-addssm select{background-color:#fff;border:1px solid #000;border-radius:4px;box-sizing:border-box;color:#1a1a1a;font-family:Arial,sans-serif;font-size:14px;height:38px;padding:8px 12px;transition:all .2s ease;width:100%}.page-addssm input:hover,.page-addssm select:hover{background-color:#f0f0f0;border-color:#999}.page-addssm input:focus,.page-addssm select:focus{background-color:#fff;border-color:#006ce4;box-shadow:0 0 0 2px #006ce426;outline:none}.page-addssm select.placeholder{color:#666}.page-addssm select:not(.placeholder){color:#000}.page-addssm select option[disabled],.page-addssm select option[hidden]{color:#9ca3af}.page-addssm .form-row{display:flex;gap:10px;margin-bottom:10px}.page-addssm .form-group{display:flex;flex:1 1;flex-direction:column;margin-bottom:4px}.page-addssm .actions{display:flex;gap:12px;justify-content:flex-end;margin-top:20px}.page-addssm .cancel-btn{background:#0000;border:1px solid #e0e0e0;border-radius:8px;color:#666;cursor:pointer;padding:8px 16px;transition:all .2s ease-in-out}.page-addssm .cancel-btn:hover{background-color:#f5f5f5;border-color:#bdbdbd;transform:translateY(-1px)}.page-addssm .create-btn{background:#2e7d32;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;transition:all .2s ease-in-out}.page-addssm .create-btn:hover{background-color:#276627;box-shadow:0 4px 8px #0003;transform:translateY(-1px)}.page-addssm .create-btn:disabled{background-color:#b0b0b0;cursor:not-allowed;opacity:.7}.page-addssm .spinner{animation:spin 1s linear infinite;display:inline-block;margin-right:6px;vertical-align:middle}.page-addssm input[type=date]:not(:valid){color:#9ca3af}.page-addssm input[type=date]:valid{color:#111827}.page-addssm .field-error{color:#d32f2f;font-size:13px;line-height:1.1;margin-bottom:0;margin-top:1px;position:relative;top:-5px}.page-addssm .required{color:#d32f2f;font-weight:600}.page-addssm input.field-error-border,.page-addssm select.field-error-border,.page-addssm textarea.field-error-border{border-color:#d32f2f!important;box-shadow:0 0 0 1px #d32f2f66}.page-addssm .datepicker-container{position:relative;width:100%}.page-addssm .react-datepicker-wrapper,.page-addssm .react-datepicker__input-container{display:block;width:100%}.page-addssm .datepicker-input-with-icon{background-color:#fff;border:1px solid #000;border-radius:6px;box-sizing:border-box;color:#1a1a1a;display:block;font-family:Roboto,sans-serif;font-size:14px;height:40px;line-height:1.5;padding:10px 40px 10px 10px;width:100%}.page-addssm .calendar-icon-inside{align-items:center;color:#000;cursor:pointer;display:flex;justify-content:center;position:absolute;right:10px;top:50%;transform:translateY(-50%);transition:color .2s ease}.page-addssm .calendar-icon-inside:hover{color:#000}.page-addssm .react-datepicker-popper{z-index:9999!important}.page-addssm .react-datepicker{border-radius:8px;box-shadow:0 2px 8px #00000026;font-family:inherit}.page-addssm select{background-color:#fff;color:#999!important}.page-addssm select option{background-color:#fff;color:#1a1a1a}.page-addssm select option[disabled],.page-addssm select option[hidden]{color:#b3b3b3!important}.page-addssm select.filled{color:#000!important}@media (max-width:1024px){.page-addssm .ssm-modal{max-height:95vh;overflow-y:auto;width:90%}.page-addssm .form-row{flex-wrap:wrap;gap:12px}.page-addssm .datepicker-input-with-icon,.page-addssm .form-group label,.page-addssm input,.page-addssm select{font-size:13.5px}.page-addssm .cancel-btn,.page-addssm .create-btn{font-size:13.5px;padding:8px 14px}}@media (max-width:450px){.page-addssm .ssm-modal-overlay{align-items:flex-start;padding-top:40px}.page-addssm .ssm-modal{max-height:90vh;overflow-y:auto;padding:20px 16px;width:92%}.page-addssm .ssm-header .header-title{font-size:18px}.page-addssm .form-row{flex-direction:column;gap:8px}.page-addssm .form-group label{font-size:13px}.page-addssm .datepicker-input-with-icon,.page-addssm input,.page-addssm select{font-size:13px;padding:9px 10px}.page-addssm .datepicker-container{width:100%}.page-addssm .field-error{font-size:12.5px}.page-addssm .actions{align-items:stretch;flex-direction:column;gap:10px;margin-top:24px}.page-addssm .cancel-btn,.page-addssm .create-btn{font-size:14px;padding:10px;width:100%}.page-addssm .error-box{font-size:13px;padding:10px}}@media (max-width:480px){.page-addssm .datepicker-input-with-icon{font-size:12.5px;height:36px;padding:8px 32px 8px 8px}.page-addssm .calendar-icon-inside svg{height:16px;width:16px}.page-addssm .calendar-icon-inside{right:8px}}@media (max-width:360px){.page-addssm .ssm-modal{padding:12px}.page-addssm .header-title{font-size:15px}.page-addssm .datepicker-input-with-icon,.page-addssm input,.page-addssm select{font-size:12px}.page-addssm .cancel-btn,.page-addssm .create-btn{font-size:12px;padding:7px}.page-addssm .form-group label{font-size:12px}.page-addssm .error-box{font-size:12px;padding:6px}}.page-employeesdetails .employees-details-container{font-family:Arial,sans-serif}.page-employeesdetails .error-container,.page-employeesdetails .loading-container{padding:20px;text-align:center}.page-employeesdetails .error-message{color:#ef4444;margin-bottom:20px}.page-employeesdetails .back-button-header{align-items:center;background:none;border:none;color:#333;cursor:pointer;display:flex;font-size:22px;font-weight:700;gap:8px;margin-bottom:35px;margin-left:-20px;margin-top:-15px;transition:color .2s ease}.page-employeesdetails .back-button-header:hover{color:#374151}.page-employeesdetails .main-card{background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.page-employeesdetails .card-content{padding:40px}.page-employeesdetails .employee-header{align-items:flex-start;display:flex;gap:24px;margin-bottom:0}.page-employeesdetails .avatar-section{position:relative}.page-employeesdetails .avatar-container{align-items:center;background-color:#f9f9f9;border:2px solid #f1f1f1;border-radius:50%;display:flex;flex-shrink:0;height:120px;justify-content:center;overflow:hidden;position:relative;transition:border-color .2s ease;width:120px}.page-employeesdetails .avatar-overlay{align-items:center;background-color:#000000b3;border-radius:50%;bottom:0;display:flex;flex-direction:column;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:2}.page-employeesdetails .spinner{animation:spin 1s linear infinite;border:2px solid #fff;border-radius:50%;border-top-color:#0000;height:24px;margin-bottom:8px;width:24px}.page-employeesdetails .uploading-text{color:#fff;font-size:12px;text-align:center}.page-employeesdetails .avatar-image{height:100%;object-fit:cover;width:100%}.page-employeesdetails .avatar-placeholder{align-items:center;color:#9ca3af;display:flex;flex-direction:column}.page-employeesdetails .avatar-edit-button{background-color:#3b82f6;bottom:0;box-shadow:0 2px 4px #0000001a;color:#fff;height:32px;position:absolute;right:0;transition:all .2s ease;width:32px}.page-employeesdetails .avatar-edit-button:hover{background-color:#2563eb;transform:scale(1.05)}.page-employeesdetails .avatar-edit-button:disabled{background-color:#9ca3af;color:#fff}.page-employeesdetails .file-input{display:none}.page-employeesdetails .employee-info{flex:1 1}.page-employeesdetails .name-section{align-items:center;display:flex;gap:16px;margin-bottom:24px}.page-employeesdetails .employee-name{color:#111827;font-size:30px;font-weight:700;margin:0}.page-employeesdetails .info-grid{display:flex;flex-direction:column;gap:12px}.page-employeesdetails .info-item{align-items:center;display:flex;gap:12px}.page-employeesdetails .info-text{color:#303030;font-size:16px}.page-employeesdetails .info-text.phone{color:#303030;font-weight:400}.page-employeesdetails .tabs-container{border-bottom:1px solid #e5e7eb;margin:0 -20px;padding:0 40px}.page-employeesdetails .tabs-header{align-items:stretch;padding-top:25px}.page-employeesdetails .tab-button{align-items:flex-end;background-color:initial;border-bottom:4px solid #0000;color:#6b7280;display:flex;font-size:14px;font-weight:500;padding:16px 24px 12px;transition:all .2s ease}.page-employeesdetails .tab-button:hover{background-color:#f9fafb;color:#374151}.page-employeesdetails .tab-button.active{background-color:#fff;border-bottom-color:#3b82f6;color:#111827;margin-bottom:10px}.page-employeesdetails .tab-content{margin-top:24px}.page-employeesdetails .section-header{align-items:center;display:flex;gap:12px;margin-bottom:24px}.page-employeesdetails .no-records-container{border-radius:8px;padding:40px 20px;text-align:center}.page-employeesdetails .no-records-text{color:#000;font-size:16px;font-weight:500;margin:0 0 8px}.page-employeesdetails .no-records-description{color:#9ca3af;font-size:14px;margin:0 0 24px}.page-employeesdetails .create-record-btn{background-color:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:background-color .2s}.page-employeesdetails .create-record-btn:hover{background-color:#2563eb}@media (max-width:768px){.page-employeesdetails .employees-details-container{padding:10px}.page-employeesdetails .card-content{padding:20px}.page-employeesdetails .employee-header{align-items:center;flex-direction:column;text-align:center}.page-employeesdetails .name-section{flex-direction:column;gap:12px}.page-employeesdetails .employee-name{font-size:24px}.page-employeesdetails .tabs-container{margin:0 -20px;padding:0 20px}.page-employeesdetails .tab-button{font-size:13px;padding:12px 16px}}@media (max-width:480px){.page-employeesdetails .card-content{padding:16px}.page-employeesdetails .employee-name{font-size:20px}.page-employeesdetails .avatar-container{height:100px;width:100px}.page-employeesdetails .info-text{font-size:14px}}.page-employeesdetails .tabs-container{border-bottom:2px solid #e5e7eb;margin-bottom:1rem}.page-employeesdetails .tabs-header{align-items:center;display:flex;justify-content:space-between}.page-employeesdetails .tabs-left{display:flex;gap:1rem}.page-employeesdetails .tab-button{background:none;border:none;border-bottom:2px solid #0000;color:#444;cursor:pointer;font-size:1rem;font-weight:600;padding-bottom:.4rem;transition:color .2s,border-bottom-color .2s}.page-employeesdetails .tab-button.active{border-bottom-color:#2563eb;color:#2563eb}.page-employeesdetails .tab-button:hover{color:#1163bf}.page-employeesdetails .tab-add-btn{align-items:center;background-color:#006ce4;border:none;border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:10px;line-height:1;padding:.45rem 1rem;transition:background-color .2s ease}.page-employeesdetails .tab-add-btn span.plus{font-size:22px;font-weight:700;line-height:0;margin-top:-1px}.page-employeesdetails .tab-add-btn:hover{background-color:#1163bf}.page-employeesdetails .employees-toast{animation:employeesToastFade 4s ease forwards;background-color:#2e7d32;border-radius:10px;box-shadow:0 4px 12px #00000040;color:#fff;font-size:15px;font-weight:500;left:50%;opacity:0;padding:14px 28px;position:fixed;top:30px;transform:translateX(-50%);z-index:4000}@keyframes employeesToastFade{0%{opacity:0;transform:translate(-50%,-25px)}10%{opacity:1;transform:translate(-50%)}85%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-25px)}}@media (max-width:800px){.page-employeesdetails .card-content{padding:18px}.page-employeesdetails .employee-name{font-size:22px}.page-employeesdetails .info-text{font-size:14px}.page-employeesdetails .avatar-container{height:100px;width:100px}.page-employeesdetails .avatar-edit-button{height:28px;width:28px}.page-employeesdetails .tabs-header{align-items:center;flex-direction:column}.page-employeesdetails .tabs-left{gap:12px}.page-employeesdetails .tab-button{font-size:13px;padding:10px 14px}.page-employeesdetails .tab-add-btn{font-size:13px;justify-content:center;width:100%}.page-employeesdetails .info-grid{gap:8px}}@media (max-width:480px){.page-employeesdetails .employees-details-container{padding:8px}.page-employeesdetails .card-content{padding:14px}.page-employeesdetails .back-button-header{font-size:14px}.page-employeesdetails .employee-name{font-size:20px}.page-employeesdetails .info-item{flex-direction:row;gap:8px;justify-content:flex-start}.page-employeesdetails .info-text{font-size:13px}.page-employeesdetails .tab-button{font-size:12px;padding:8px 10px}.page-employeesdetails .tab-add-btn{font-size:12px;padding:.35rem .75rem}.page-employeesdetails .avatar-container{height:90px;width:90px}.page-employeesdetails .employee-header{gap:14px}.page-employeesdetails .info-grid{gap:6px}.page-employeesdetails .tabs-container{margin:0 -10px;padding:0 10px}.page-employeesdetails .employees-toast{font-size:13px;padding:10px 16px;top:20px;width:90%}}@media (max-width:360px){.page-employeesdetails .employee-name{font-size:18px}.page-employeesdetails .tab-add-btn{font-size:11px;padding:.3rem .6rem}.page-employeesdetails .info-text{font-size:12px}}.editmedical-page .medical-overlay{align-items:center;background:#00000080;display:flex;inset:0;justify-content:center;overflow-y:auto;padding:20px;position:fixed;z-index:1000}.editmedical-page .medical-modal{background:#fff;border-radius:16px;box-shadow:0 6px 25px #00000040;color:#1a1a1a;display:flex;flex-direction:column;font-family:Arial,sans-serif;max-width:90%;overflow:hidden;position:relative;width:600px}.editmedical-page .medical-modal::-webkit-scrollbar{width:8px}.editmedical-page .medical-modal::-webkit-scrollbar-track{background:#f5f5f5;border-radius:8px}.editmedical-page .medical-modal::-webkit-scrollbar-thumb{background-color:#bdbdbd;border-radius:8px;-webkit-transition:background-color .2s;transition:background-color .2s}.editmedical-page .medical-modal::-webkit-scrollbar-thumb:hover{background-color:#9e9e9e}.editmedical-page .medical-header{align-items:center;background:#fff;border-bottom:1px solid #e5e7eb;border-top-left-radius:16px;border-top-right-radius:16px;display:flex;padding:24px 24px 10px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.editmedical-page .medical-header h2{color:#111827;font-size:20px;font-weight:600;margin:0}.editmedical-page .close-btn{align-items:center;background:#0000;border:none;border-radius:50%;color:#888;cursor:pointer;display:flex;font-size:30px;height:32px;justify-content:center;margin-left:auto;transition:transform .2s,background-color .2s,color .2s;width:32px}.editmedical-page .close-btn:hover{background-color:#f2f2f2;transform:scale(1.1)}.editmedical-page .header-divider{border:none;border-bottom:1px solid #e5e7eb;margin-bottom:20px}.editmedical-page .medical-form{display:flex;flex:1 1;flex-direction:column;gap:11px;overflow-y:auto;padding:0 24px 24px;scrollbar-color:#bdbdbd #f5f5f5;scrollbar-width:thin}.editmedical-page .medical-form::-webkit-scrollbar{width:8px}.editmedical-page .medical-form::-webkit-scrollbar-track{background:#f5f5f5;border-radius:8px}.editmedical-page .medical-form::-webkit-scrollbar-thumb{background-color:#bdbdbd;border-radius:8px;-webkit-transition:background-color .2s;transition:background-color .2s}.editmedical-page .medical-form::-webkit-scrollbar-thumb:hover{background-color:#9e9e9e}.editmedical-page .row{grid-gap:11px;display:grid;gap:11px;grid-template-columns:1fr 1fr}.editmedical-page .field{display:flex;flex-direction:column;gap:6px}.editmedical-page .field label{color:#4b5563;font-size:14px;font-weight:500;font-weight:600;margin-bottom:1px}.editmedical-page input,.editmedical-page select,.editmedical-page textarea{background-color:#fff;border:1px solid #000;border-radius:6px;box-sizing:border-box;color:#1a1a1a;font-family:Arial,sans-serif;font-size:14px;padding:10px 12px;transition:all .2s ease;width:100%}.editmedical-page input:hover,.editmedical-page select:hover,.editmedical-page textarea:hover{background-color:#f0f0f0;border-color:#999}.editmedical-page input:focus,.editmedical-page select:focus,.editmedical-page textarea:focus{background-color:#fff;border-color:#006ce4;box-shadow:0 0 0 2px #006ce426;outline:none}.editmedical-page input.placeholder,.editmedical-page select.placeholder{color:#666}.editmedical-page select option{background-color:#fff;color:#1a1a1a}.editmedical-page select option[disabled],.editmedical-page select option[hidden]{color:#9ca3af}.editmedical-page .dropzone-medical{background-color:#f9f9f9;border:2px dashed #000;border-radius:8px;cursor:pointer;padding:16px;text-align:center;transition:background-color .3s,border-color .3s}.editmedical-page .dropzone-medical:hover{background-color:#f0f0f0;border-color:#000}.editmedical-page .file-preview,.editmedical-page .file-preview-container{align-items:center;background-color:#f1f1f1;border-radius:4px;cursor:pointer;display:flex;gap:8px;margin-top:4px;padding:6px 10px;transition:background-color .2s}.editmedical-page .file-preview:hover{background-color:#e9e9e9}.editmedical-page .remove-file-btn{align-items:center;background:none;border:none;color:#d32f2f;cursor:pointer;display:flex;margin-left:auto;padding:0}.editmedical-page .remove-file-btn:hover{color:#a30000}.editmedical-page .checkbox{align-items:center;display:flex;font-size:14px;gap:8px;margin-top:6px}.editmedical-page .checkbox input{accent-color:#10b981;cursor:pointer;height:16px;width:16px}.editmedical-page .actions{display:flex;gap:12px;justify-content:flex-end;margin-top:16px}.editmedical-page .cancel-btn,.editmedical-page .done-btn{border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s ease-in-out}.editmedical-page .cancel-btn{background:#0000;border:1px solid #e0e0e0;color:#666}.editmedical-page .cancel-btn:hover{background-color:#f5f5f5;border-color:#bdbdbd;transform:translateY(-1px)}.editmedical-page .done-btn{background:#2e7d32;border:none;color:#fff}.editmedical-page .done-btn:hover{background:#276627;box-shadow:0 3px 8px #0003;transform:translateY(-1px)}.editmedical-page .success-snackbar{background-color:#2e7d32}.editmedical-page .error-snackbar,.editmedical-page .success-snackbar{animation:toastSlideFade 4s ease forwards;border-radius:10px;box-shadow:0 4px 12px #00000040;color:#fff;font-size:15px;font-weight:500;left:50%;opacity:0;padding:14px 28px;pointer-events:none;position:fixed;top:30px;transform:translateX(-50%);z-index:5000}.editmedical-page .error-snackbar{background-color:#d32f2f}.editmedical-page .error-notification{animation:fadeinout 3s forwards;background-color:#d32f2f;border-radius:5px;box-shadow:0 2px 6px #0000004d;color:#fff;font-weight:600;padding:12px 20px;position:fixed;right:30px;top:115px;z-index:9999}@keyframes fadeinout{0%{opacity:0;transform:translateY(-10px)}10%{opacity:1;transform:translateY(0)}90%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}@media (max-width:540px){.editmedical-page .medical-modal{padding:20px;width:90%}.editmedical-page .row{grid-template-columns:1fr}}.editmedical-page .medical-modal{max-height:90vh;overflow-y:auto}.editmedical-page .field-error{color:#d32f2f;font-size:13px;margin-top:2px}.editmedical-page .field label span{color:#d32f2f!important}.editmedical-page .dropzone-medical.field-error-border,.editmedical-page input.field-error-border,.editmedical-page select.field-error-border,.editmedical-page textarea.field-error-border{border-color:#d32f2f!important;box-shadow:0 0 0 1px #d32f2f66}.editmedical-page .datepicker-container{align-items:center;display:flex;position:relative;width:100%}.editmedical-page .datepicker-input-with-icon{font-family:Arial,sans-serif;height:38px;padding:8px 36px 8px 10px}.editmedical-page .calendar-icon-inside{align-items:center;color:#000;cursor:pointer;display:flex;justify-content:center;position:absolute;right:10px;top:50%;transform:translateY(-50%);transition:color .2s ease}.editmedical-page .calendar-icon-inside:hover{color:#000}.editmedical-page .react-datepicker-popper{z-index:9999!important}.editmedical-page .react-datepicker{border-radius:8px;box-shadow:0 2px 8px #00000026;font-family:inherit}.editmedical-page .datepicker-input-with-icon{background-color:#fff;border:1px solid #000;border-radius:6px;box-sizing:border-box;color:#1a1a1a;display:block;font-family:Roboto,sans-serif;font-size:14px;height:40px;line-height:1.5;padding:10px 40px 10px 10px;width:100%}.editmedical-page .react-datepicker-wrapper,.editmedical-page .react-datepicker__input-container{display:block;width:100%}.editmedical-page .file-preview{align-items:center;background:#f8f9fa;border-radius:8px;cursor:default;display:flex;justify-content:space-between;margin-top:8px;padding:6px 10px}.editmedical-page .file-preview-clickable{align-items:center;cursor:pointer;display:flex;gap:8px;transition:color .2s}.editmedical-page .file-preview-clickable:hover .file-name-link{color:#1976d2;text-decoration:underline}.editmedical-page .file-name-link{color:#333;cursor:pointer;font-size:14px}@media (max-width:1024px){.editmedical-page .medical-modal{max-height:95vh;overflow-y:auto;width:90%}.editmedical-page .row{gap:14px;grid-template-columns:1fr 1fr}.editmedical-page .field label,.editmedical-page input,.editmedical-page select{font-size:13.5px}.editmedical-page .cancel-btn,.editmedical-page .done-btn{font-size:13.5px;padding:8px 14px}}@media (max-width:500px){.editmedical-page .medical-overlay{align-items:flex-start;padding-top:40px}.editmedical-page .medical-modal{max-height:90vh;overflow-y:auto;padding:20px 16px;width:92%}.editmedical-page .medical-header h2{font-size:18px}.editmedical-page .row{gap:10px;grid-template-columns:1fr}.editmedical-page .field label{font-size:13px}.editmedical-page .datepicker-input-with-icon,.editmedical-page input,.editmedical-page select{font-size:13px;padding:9px 10px}.editmedical-page .dropzone-medical{padding:12px}.editmedical-page .file-preview{align-items:flex-start;flex-direction:column;gap:4px}.editmedical-page .remove-file-btn{align-self:flex-end;margin-top:4px}.editmedical-page .actions{flex-direction:column;gap:8px;margin-top:20px}.editmedical-page .cancel-btn,.editmedical-page .done-btn{font-size:14px;padding:10px;width:100%}.editmedical-page .datepicker-container{width:100%}.editmedical-page .field-error{font-size:12.5px}}@media (max-width:480px){.editmedical-page .medical-modal{border-radius:12px;padding:16px;width:95%}.editmedical-page .medical-header h2{font-size:17px}.editmedical-page .close-btn{font-size:26px}.editmedical-page .field label{font-size:12.5px}.editmedical-page .datepicker-input-with-icon,.editmedical-page input,.editmedical-page select{font-size:12.5px;padding:8px}.editmedical-page .dropzone-medical p{font-size:12px}.editmedical-page .actions{gap:6px;margin-top:14px}.editmedical-page .cancel-btn,.editmedical-page .done-btn{font-size:13px;padding:8px}.editmedical-page .field-error,.editmedical-page .file-preview-clickable .file-name-link{font-size:12px}}@media (max-width:360px){.editmedical-page .medical-modal{padding:12px}.editmedical-page .medical-header h2{font-size:15px}.editmedical-page input,.editmedical-page select{font-size:12px}.editmedical-page .cancel-btn,.editmedical-page .done-btn{font-size:12px;padding:7px}.editmedical-page .dropzone-medical p{font-size:11px}}.page-medical{display:flex;font-family:Arial,sans-serif;justify-content:flex-start}.page-medical .medical-container{background-color:#fff;max-width:600px;padding:0;position:relative;width:100%}.page-medical .medical-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 2px #0000000d;margin-bottom:20px;padding:20px;width:100%}.page-medical .medical-row{align-items:center;border-bottom:1px solid #f3f4f6;display:flex;justify-content:space-between;padding:8px 0}.page-medical .medical-label{color:#1f2937;font-size:14px;font-weight:700;letter-spacing:.2px;width:200px}.page-medical .medical-text{color:#111827;font-size:14px}.page-medical .medical-docs{display:flex;flex-wrap:wrap;gap:10px}.page-medical .medical-link{align-items:center;color:#3b82f6;cursor:pointer;display:flex;font-size:15px!important;gap:6px}.page-medical .medical-link:hover{text-decoration:underline}.page-medical .medical-countdown{color:#10b981;font-weight:500}.page-medical .medical-countdown.expired{color:#ef4444;font-weight:600}.page-medical .medical-header{display:flex;justify-content:flex-end;margin-bottom:24px}.page-medical .medical-create-btn{background-color:#006ce4;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:.2s ease}.page-medical .medical-create-btn:hover{background-color:#1163bf;box-shadow:0 4px 12px #006ce44d;transform:translateY(-1px)}.page-medical .medical-inline-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem;padding:0 .5rem}.page-medical .medical-inline-title{color:#333;font-size:1.2rem;font-weight:600}.page-medical .medical-inline-btn{background-color:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;padding:.45rem 1rem;transition:background-color .2s ease}.page-medical .medical-inline-btn:hover{background-color:#2563eb}.page-medical .medical-empty{color:#6b7280;margin:0 auto;padding:40px;text-align:center}.page-medical .medical-empty-icon{color:#d1d5db;margin-bottom:16px}.page-medical .medical-empty h3{color:#374151;font-size:18px;font-weight:500;margin-bottom:8px}.page-medical .medical-empty p{font-size:14px;margin-bottom:16px}.page-medical .medical-loading{align-items:center;display:flex;font-family:Inter,system-ui,-apple-system,sans-serif;justify-content:center;padding:40px}.page-medical .medical-loader-icon{animation:spin 1s linear infinite;margin-right:8px}.page-medical .medical-footer{display:flex;justify-content:flex-end;margin-top:20px}.page-medical .medical-edit-btn{align-items:center;background-color:#006ce4;border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:8px;padding:8px 16px;transition:background-color .2s ease,transform .2s ease,box-shadow .2s ease}.page-medical .medical-edit-btn:hover{background-color:#1163bf}.page-medical .medical-edit-btn svg{color:#fff;height:18px;width:18px}.page-medical:has(.medical-empty){justify-content:center}@media (max-width:1024px){.page-medical .medical-container{margin:0 auto;max-width:90%}.page-medical .medical-card{padding:16px}.page-medical .medical-label{width:160px}.page-medical .medical-text{font-size:13px}}@media (max-width:768px){.page-medical{justify-content:center}.page-medical .medical-container{max-width:100%;padding:0 12px}.page-medical .medical-card{border-radius:10px;margin-bottom:16px;padding:14px}.page-medical .medical-row{align-items:flex-start;flex-direction:column;gap:4px}.page-medical .medical-label{color:#555;font-size:13px;width:100%}.page-medical .medical-text{font-size:14px;width:100%}.page-medical .medical-link{font-size:14px}.page-medical .medical-footer{justify-content:center}.page-medical .medical-edit-btn{justify-content:center;width:100%}.page-medical .medical-create-btn{font-size:15px;padding:10px;width:100%}.page-medical .medical-empty{padding:30px 16px}.page-medical .medical-empty h3{font-size:17px}.page-medical .medical-empty p{font-size:13px}}@media (max-width:480px){.page-medical .medical-container{padding:0 8px}.page-medical .medical-card{padding:12px}.page-medical .medical-label,.page-medical .medical-link,.page-medical .medical-text{font-size:12px}.page-medical .medical-create-btn{font-size:13px;padding:8px}.page-medical .medical-edit-btn{font-size:12px;padding:6px 8px}.page-medical .medical-empty{padding:24px 12px}.page-medical .medical-empty h3{font-size:16px}.page-medical .medical-empty p{font-size:12px}}@media (max-width:360px){.page-medical .medical-label,.page-medical .medical-link,.page-medical .medical-text{font-size:11px}.page-medical .medical-card{padding:10px}}.page-editssm{color:#1a1a1a;font-family:Arial,sans-serif;font-size:14px}.page-editssm .ssm-modal-overlay{align-items:center;background:#00000080;display:flex;inset:0;justify-content:center;overflow-y:auto;padding:20px;position:fixed;z-index:1000}.page-editssm .ssm-modal{background:#fff;border-radius:16px;box-shadow:0 6px 25px #00000040;color:#1a1a1a;display:flex;flex-direction:column;font-family:Arial,sans-serif;max-height:90vh;max-width:90%;overflow:hidden;position:relative;width:600px}.page-editssm .ssm-modal::-webkit-scrollbar{width:8px}.page-editssm .ssm-modal::-webkit-scrollbar-track{background:#f5f5f5;border-radius:8px}.page-editssm .ssm-modal::-webkit-scrollbar-thumb{background-color:#bdbdbd;border-radius:8px;-webkit-transition:background-color .2s;transition:background-color .2s}.page-editssm .ssm-modal::-webkit-scrollbar-thumb:hover{background-color:#9e9e9e}.page-editssm .ssm-header{align-items:center;background:#fff;border-bottom:none;border-top-left-radius:16px;border-top-right-radius:16px;display:flex;justify-content:space-between;margin-bottom:0;padding:24px 24px 10px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.page-editssm .header-left{align-items:center;display:flex;flex:1 1;justify-content:flex-start}.page-editssm .header-title{color:#111827;font-size:20px;font-weight:600;margin:2px 0;text-align:left}.page-editssm .close-btn{align-items:center;background:#0000;border:none;border-radius:50%;color:#888;cursor:pointer;display:flex;font-size:30px;height:32px;justify-content:center;transition:transform .2s,background-color .2s,color .2s;width:32px}.page-editssm .close-btn:hover{background-color:#f2f2f2;transform:scale(1.1)}.page-editssm .header-divider{border:none;border-bottom:1px solid #e5e7eb;margin:-20px 0 20px}.page-editssm form{display:flex;flex:1 1;flex-direction:column;gap:11px;overflow-y:auto;padding:0 24px 24px;scrollbar-color:#bdbdbd #f5f5f5;scrollbar-width:thin}.page-editssm form::-webkit-scrollbar{width:8px}.page-editssm form::-webkit-scrollbar-track{background:#f5f5f5;border-radius:8px}.page-editssm form::-webkit-scrollbar-thumb{background-color:#bdbdbd;border-radius:8px;-webkit-transition:background-color .2s;transition:background-color .2s}.page-editssm form::-webkit-scrollbar-thumb:hover{background-color:#9e9e9e}.page-editssm .form-group label{color:#4b5563;font-weight:600;margin-bottom:1px}.page-editssm select{margin-bottom:4px;position:relative;top:-6px}.page-editssm input,.page-editssm select{background-color:#fff;border:1px solid #000;border-radius:4px;box-sizing:border-box;color:#1a1a1a;font-family:Arial,sans-serif;font-size:14px;height:38px;padding:8px 12px;transition:all .2s ease;width:100%}.page-editssm input:hover,.page-editssm select:hover{background-color:#f0f0f0;border-color:#999}.page-editssm input:focus,.page-editssm select:focus{background-color:#fff;border-color:#006ce4;box-shadow:0 0 0 2px #006ce426;outline:none}.page-editssm select.placeholder{color:#666}.page-editssm select:not(.placeholder){color:#000}.page-editssm select option{background-color:#fff;color:#1a1a1a}.page-editssm select option[disabled],.page-editssm select option[hidden]{color:#9ca3af}.page-editssm .form-row{display:flex;gap:10px;margin-bottom:10px}.page-editssm .form-group{display:flex;flex:1 1;flex-direction:column}.page-editssm .actions{display:flex;gap:12px;justify-content:flex-end;margin-top:20px}.page-editssm .cancel-btn{background:#0000;border:1px solid #e0e0e0;border-radius:8px;color:#666;cursor:pointer;padding:8px 16px;transition:all .2s ease-in-out}.page-editssm .cancel-btn:hover{background-color:#f5f5f5;border-color:#bdbdbd;transform:translateY(-1px)}.page-editssm .create-btn{background:#2e7d32;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;transition:all .2s ease-in-out}.page-editssm .create-btn:hover{background-color:#276627;box-shadow:0 4px 8px #0003;transform:translateY(-1px)}.page-editssm .create-btn:disabled{background-color:#b0b0b0;cursor:not-allowed;opacity:.7}.page-editssm .spinner{animation:spin 1s linear infinite;display:inline-block;margin-right:6px;vertical-align:middle}.page-editssm input[type=date]:not(:valid){color:#9ca3af}.page-editssm input[type=date]:valid{color:#111827}.page-editssm .required{color:#d32f2f;font-weight:600}.page-editssm .field-error{color:#d32f2f;font-size:13px;line-height:1.1;margin-bottom:0;margin-top:2px;position:relative;top:-3px}.page-editssm .success-snackbar{animation:fadeInOut 3s ease-in-out;background-color:#2e7d32;border-radius:8px;box-shadow:0 4px 12px #00000040;color:#fff;font-size:14px;font-weight:500;padding:12px 18px;position:fixed;right:24px;top:24px;z-index:2000}.page-editssm input.field-error-border,.page-editssm select.field-error-border,.page-editssm textarea.field-error-border{border-color:#d32f2f!important;box-shadow:0 0 0 1px #d32f2f66}.page-editssm .datepicker-container{position:relative;width:100%}.page-editssm .react-datepicker-wrapper,.page-editssm .react-datepicker__input-container{display:block;width:100%}.page-editssm .calendar-icon-inside{align-items:center;color:#000;cursor:pointer;display:flex;height:18px;justify-content:center;position:absolute;right:10px;top:50%;transform:translateY(-50%);width:18px;z-index:10}.page-editssm .datepicker-input-with-icon{background-color:#fff;border:1px solid #000;border-radius:4px;box-sizing:border-box;color:#1a1a1a;font-family:Arial,sans-serif;font-size:14px;height:38px;line-height:1.5;padding:8px 36px 8px 10px;width:100%}@media (max-width:1024px){.page-editssm .ssm-modal{max-height:95vh;overflow-y:auto;width:90%}.page-editssm .form-row{flex-wrap:wrap;gap:12px}.page-editssm .datepicker-input-with-icon,.page-editssm .form-group label,.page-editssm input,.page-editssm select{font-size:13.5px}.page-editssm .cancel-btn,.page-editssm .create-btn{font-size:13.5px;padding:8px 14px}}@media (max-width:450px){.page-editssm .ssm-modal-overlay{align-items:flex-start;padding-top:40px}.page-editssm .ssm-modal{max-height:90vh;overflow-y:auto;padding:20px 16px;width:92%}.page-editssm .ssm-header .header-title{font-size:18px}.page-editssm .form-row{flex-direction:column;gap:8px}.page-editssm .form-group label{font-size:13px}.page-editssm .datepicker-input-with-icon,.page-editssm input,.page-editssm select{font-size:13px;padding:9px 10px}.page-editssm .datepicker-container{width:100%}.page-editssm .field-error{font-size:12.5px}.page-editssm .actions{align-items:stretch;flex-direction:column;gap:10px;margin-top:24px}.page-editssm .cancel-btn,.page-editssm .create-btn{font-size:14px;padding:10px;width:100%}.page-editssm .error-box{font-size:13px;padding:10px}}@media (max-width:440px){.page-editssm .ssm-modal{border-radius:12px;padding:16px;width:95%}.page-editssm .header-title{font-size:17px}.page-editssm .close-btn{font-size:26px}.page-editssm .form-group label{font-size:12.5px}.page-editssm .datepicker-input-with-icon,.page-editssm input,.page-editssm select{font-size:12.5px;padding:8px}.page-editssm .datepicker-input-with-icon{padding:8px 32px 8px 8px}.page-editssm .calendar-icon-inside svg{height:16px;width:16px}.page-editssm .actions{gap:8px;margin-top:16px}.page-editssm .cancel-btn,.page-editssm .create-btn{font-size:13px;padding:8px}.page-editssm .field-error{font-size:12px}.page-editssm .error-box{font-size:12.5px;padding:8px}}@media (max-width:360px){.page-editssm .ssm-modal{padding:12px}.page-editssm .header-title{font-size:15px}.page-editssm .datepicker-input-with-icon,.page-editssm input,.page-editssm select{font-size:12px}.page-editssm .cancel-btn,.page-editssm .create-btn{font-size:12px;padding:7px}.page-editssm .form-group label{font-size:12px}.page-editssm .error-box{font-size:12px;padding:6px}}.page-ssm .ssm-container{background-color:#fff;font-family:Arial,sans-serif;max-width:600px;padding:0;position:relative}.page-ssm .ssm-header{display:flex;justify-content:flex-end;margin-bottom:24px}.page-ssm .ssm-create-btn{background-color:#006ce4;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:.2s ease}.page-ssm .ssm-create-btn:hover{background-color:#1163bf;box-shadow:0 4px 12px #006ce44d;transform:translateY(-1px)}.page-ssm .ssm-details{display:flex;flex-direction:column;gap:24px}.page-ssm .ssm-row{align-items:center;border-bottom:1px solid #f3f4f6;display:flex;padding-bottom:16px}.page-ssm .ssm-label{color:#374151;flex-shrink:0;font-size:14px;font-weight:500;width:140px}.page-ssm .ssm-text{color:#111827;gap:16px}.page-ssm .ssm-link,.page-ssm .ssm-text{align-items:center;display:flex;font-size:14px}.page-ssm .ssm-link{color:#3b82f6;cursor:pointer;gap:8px}.page-ssm .ssm-link:hover{text-decoration:underline}.page-ssm .ssm-empty{color:#6b7280;padding:40px;text-align:center}.page-ssm .ssm-empty-icon{color:#d1d5db;margin-bottom:16px}.page-ssm .ssm-empty h3{color:#374151;font-size:18px;font-weight:500;margin-bottom:8px}.page-ssm .ssm-empty p{font-size:14px;margin-bottom:16px}.page-ssm .ssm-loading{align-items:center;display:flex;font-family:Inter,system-ui,-apple-system,sans-serif;justify-content:center;padding:40px}.page-ssm .ssm-loader-icon{animation:spin 1s linear infinite;margin-right:8px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.page-ssm .ssm-edit-btn:hover{color:#0d6efd;transform:scale(1.1);transition:.15s ease}.page-ssm .MuiDataGrid-columnHeaderTitle{color:#000!important;font-size:15px;font-weight:700!important}.page-ssm .MuiDataGrid-columnHeaders{background-color:#f5f5f5!important}@media (max-width:1024px){.page-ssm .ssm-container{margin:0 auto;max-width:90%}.page-ssm .table-container{padding:0 12px}.page-ssm .MuiDataGrid-root{font-size:13px}.page-ssm .MuiDataGrid-columnHeaderTitle{font-size:14px!important}}@media (max-width:768px){.page-ssm{align-items:flex-start;display:flex;justify-content:center;padding:0 8px}.page-ssm .ssm-container,.page-ssm .table-container{max-width:100%;padding:0;width:100%}.page-ssm .MuiDataGrid-root{font-size:12px}.page-ssm .MuiDataGrid-columnHeaderTitle{font-size:13px!important}.page-ssm .MuiDataGrid-columnHeaders{background-color:#fafafa!important}.page-ssm .MuiDataGrid-cell{overflow-wrap:break-word!important;padding:6px;white-space:normal!important;word-break:break-word}.page-ssm .MuiDataGrid-virtualScroller{overflow-x:auto}.page-ssm .MuiDataGrid-row{min-height:40px!important}.page-ssm .ssm-create-btn{border-radius:10px;font-size:14px;padding:10px;width:100%}.page-ssm .ssm-empty{padding:30px 16px}.page-ssm .ssm-empty h3{font-size:17px}.page-ssm .ssm-empty p{font-size:13px}}@media (max-width:480px){.page-ssm{padding:0 6px}.page-ssm .MuiDataGrid-root{font-size:11.5px}.page-ssm .MuiDataGrid-columnHeaderTitle{font-size:12px!important}.page-ssm .MuiDataGrid-columnHeaders{padding:0 4px}.page-ssm .MuiDataGrid-cell{padding:4px 6px!important}.page-ssm .ssm-create-btn{font-size:13px;padding:8px}.page-ssm .ssm-empty{padding:24px 10px}.page-ssm .ssm-empty h3{font-size:15px}.page-ssm .ssm-empty p{font-size:12px}}@media (max-width:360px){.page-ssm .MuiDataGrid-root{font-size:10.5px}.page-ssm .MuiDataGrid-columnHeaderTitle{font-size:11px!important}.page-ssm .ssm-create-btn{font-size:12px;padding:7px}.page-ssm .ssm-empty h3{font-size:14px}.page-ssm .ssm-empty p{font-size:11px}}.page-allautovehicles .vehicles-toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:10px}.page-allautovehicles .title{color:#1a1a1a;font-size:1.5rem;font-weight:700}.page-allautovehicles .title-count{color:#555;font-size:1rem;font-weight:500}.page-allautovehicles .vehicles-toolbar-right{align-items:center;display:flex;gap:10px}.page-allautovehicles .search-input .MuiOutlinedInput-root{background-color:#fff;border-radius:8px}.page-allautovehicles .new-btn{background-color:#1976d2;border:1px solid #1976d2;border-radius:5px;color:#fff;height:36px;padding:6px 14px;text-transform:none}.page-allautovehicles .table-container{margin-top:10px;overflow:visible}.page-allautovehicles .MuiDataGrid-root{background-color:#f8f9fa;border:1px solid #ddd;border-radius:8px}.page-allautovehicles .MuiDataGrid-columnHeaders{background-color:#d6d6d6;border-bottom:2px solid #b0b0b0;color:#424242;font-size:16px;font-weight:700}.page-allautovehicles .MuiDataGrid-columnHeaderTitle{color:#000!important;font-weight:700!important}.page-allautovehicles .MuiDataGrid-cell{color:#333;font-size:14px}.page-allautovehicles .status-dot{border-radius:50%;height:10px;margin-right:6px;width:10px}.page-allautovehicles .status-active{background-color:#4caf50}.page-allautovehicles .status-warning{background-color:#ff9800}.page-allautovehicles .status-expired{background-color:#e53935}.page-allautovehicles-toast{animation:toastFade 4s ease forwards;background-color:#cdfee1;border-radius:10px;box-shadow:0 4px 12px #00000040;font-size:15px;font-weight:500;left:50%;padding:14px 28px;position:fixed;top:25px;transform:translateX(-50%);z-index:6000}.page-allautovehicles .MuiDataGrid-columnHeaders:after,.page-allautovehicles .MuiDataGrid-columnHeaders:before{display:none!important}@keyframes toastFade{0%{opacity:0;transform:translate(-50%,-25px)}10%{opacity:1;transform:translate(-50%)}85%{opacity:1}to{opacity:0;transform:translate(-50%,-25px)}}@media (max-width:1024px){.page-allautovehicles .vehicles-toolbar{align-items:flex-start;flex-direction:column;gap:16px}.page-allautovehicles .vehicles-toolbar-right{justify-content:space-between;width:100%}.page-allautovehicles .search-input{flex:1 1;width:100%}.page-allautovehicles .new-btn{width:auto}.page-allautovehicles .MuiDataGrid-columnHeaders{font-size:14px}}@media (max-width:768px){.page-allautovehicles .title{font-size:1.2rem}.page-allautovehicles .vehicles-toolbar{align-items:stretch;flex-direction:column;gap:12px}.page-allautovehicles .vehicles-toolbar-right{flex-direction:column;gap:12px;width:100%}.page-allautovehicles .search-input{width:100%}.page-allautovehicles .new-btn{height:40px;text-align:center;width:100%}.page-allautovehicles .MuiDataGrid-root{font-size:12px}.page-allautovehicles .MuiDataGrid-columnHeaders{font-size:13px}.page-allautovehicles .MuiDataGrid-cell{font-size:12px;padding-left:4px;padding-right:4px}}@media (max-width:480px){.page-allautovehicles .vehicles-toolbar-right{flex-direction:column;gap:10px}.page-allautovehicles .search-input input{font-size:13px;height:36px}.page-allautovehicles .new-btn{font-size:14px;height:38px;padding:10px}.page-allautovehicles .status-dot{height:8px;width:8px}.page-allautovehicles .MuiDataGrid-row{height:36px!important}}.addautovehicles-page{font-family:Arial,sans-serif!important}.addautovehicles-page .add-autovehicle-container{box-sizing:border-box;font-family:Arial,sans-serif!important;padding:20px clamp(15px,4vw,50px);width:100%}.addautovehicles-page .cancel-btn,.addautovehicles-page .save-btn{border-radius:20px;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:.2s;white-space:nowrap}.addautovehicles-page .cancel-btn{background:#fff;border:1px solid #dcdcdc}.addautovehicles-page .cancel-btn:hover{background:#f2f2f2}.addautovehicles-page .save-btn{background:#4caf50;border:none;color:#fff}.addautovehicles-page .save-btn:hover{background:#43a047}.addautovehicles-page .form-sections{grid-gap:40px;align-items:stretch;display:grid;gap:40px;grid-template-columns:380px 1fr;min-height:600px}.addautovehicles-page .vehicle-form{display:flex;flex-direction:column;height:100%}.addautovehicles-page .page-title{font-size:22px;font-weight:600;margin:0 0 15px}.addautovehicles-page .top-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:25px}.addautovehicles-page .top-header .page-title{font-size:30px;font-weight:700;left:-35px;margin:0;position:relative}.addautovehicles-page .form-card{background:#f4f4f4ec;border-radius:18px;box-shadow:0 2px 8px #0000000f;box-sizing:border-box;display:flex;flex-direction:column;gap:22px!important;height:auto;padding:22px}.addautovehicles-page .row1,.addautovehicles-page .row2{grid-gap:15px;display:grid;gap:15px}.addautovehicles-page .row2{grid-template-columns:1fr 1fr}.addautovehicles-page .field input,.addautovehicles-page .field select{background:#fafafa;border:1px solid #dcdcdc;border-radius:8px;box-sizing:border-box;font-size:14px;padding:10px;width:100%}.addautovehicles-page .right-side{display:flex;flex-direction:column;gap:40px;height:100%}.addautovehicles-page .right-fields,.addautovehicles-page .top-3-dates{grid-gap:20px;background:#f4f4f4ec;border-radius:18px;box-shadow:0 2px 8px #0000000f;box-sizing:border-box;display:grid;gap:20px;grid-template-columns:repeat(3,1fr);height:auto!important;margin-bottom:-8px;min-height:0!important;min-height:auto!important;padding:12px 18px;width:100%}.addautovehicles-page .bottom-forms{display:flex;flex:1 1;flex-direction:row;gap:20px;min-height:0}.addautovehicles-page .distribution-card,.addautovehicles-page .review-card{background:#e6eeff;border-radius:18px;box-shadow:0 2px 10px #0000000f;box-sizing:border-box;display:flex;flex:1 1;flex-direction:column;min-height:0;padding:28px}.addautovehicles-page .distribution-card h3,.addautovehicles-page .review-card h3{border-bottom:1px solid #cecece;flex-shrink:0;font-size:20px;font-weight:600;margin-bottom:20px;padding-bottom:8px;text-align:center}.addautovehicles-page .distribution-card h4,.addautovehicles-page .review-card h4{color:#333;display:inline-flex;font-size:16px;font-weight:600;margin:2px 0 15px!important;padding:0;position:relative;width:-webkit-fit-content;width:fit-content}.addautovehicles-page .distribution-card h4:after,.addautovehicles-page .review-card h4:after{background-color:#cecece;bottom:-6px;content:"";height:2px;left:0;position:absolute;width:100%}.addautovehicles-page .distribution-row,.addautovehicles-page .review-row{display:grid;grid-template-columns:1fr .8fr .8fr;margin-top:4px!important;padding-bottom:23px}.addautovehicles-page .distribution-field .react-datepicker-wrapper input,.addautovehicles-page .distribution-field input,.addautovehicles-page .review-field .react-datepicker-wrapper input,.addautovehicles-page .review-field input{background:#fafafa;border:1px solid #d8d8d8;border-radius:8px;box-sizing:border-box;font-size:13px;padding:9px 11px;width:100%}.addautovehicles-page .required{color:#d32f2f!important;font-weight:700;margin-left:3px}.addautovehicles-page .field-error{color:#d32f2f;font-size:12px;margin-top:2px}.addautovehicles-page .page-title-with-back{align-items:center;display:flex;gap:12px;margin-bottom:25px}.addautovehicles-page .back-button-header-autovehicles{align-items:center;background:none;border:none;color:#333;cursor:pointer;display:flex;font-size:20px;font-weight:700;gap:8px;margin-left:-15px;transition:color .2s ease}.addautovehicles-page .back-button-header-autovehicles:hover{color:#374151}.addautovehicles-page .page-title{margin:0;padding:0}.addautovehicles-page .addauto-header{align-items:flex-end;display:flex;justify-content:space-between;margin-bottom:10px;margin-top:25px;padding-left:0}.addautovehicles-page .header-left{align-items:center;display:flex;gap:10px;margin-left:-20px}.addautovehicles-page .back-icon-autovehicles{color:#555;cursor:pointer;transition:color .2s}.addautovehicles-page .back-icon-autovehicles:hover{color:#000}.addautovehicles-page .header-title-autovehicles{font-size:25px;font-weight:600;margin:0;padding:0}.addautovehicles-page .header-divider-autovehicles{border:none;border-bottom:1px solid #ccc;margin-bottom:25px;margin-left:-20px;width:calc(100% + 40px)}.addautovehicles-page .header-actions{display:flex;gap:12px}.addautovehicles-page select:invalid{color:#999}.addautovehicles-page .empty-input,.addautovehicles-page .empty-select,.addautovehicles-page .placeholder-select,.addautovehicles-page select option[value=""],.addautovehicles-page select.error-input option[value=""]{color:#999!important}.addautovehicles-page select{color:#000}.addautovehicles-page .error-border{border:1px solid red!important;box-shadow:none!important}.addautovehicles-page select option{color:#000}.addautovehicles-page select option[disabled]{color:#999}.addautovehicles-page .error-input{border:1.5px solid #e63946!important;box-shadow:0 0 0 2px #e6394626}.addautovehicles-page input[type=date]:invalid{color:#999!important}.addautovehicles-page input[type=date]{color:#000}.addautovehicles-page input[type=date]::-webkit-datetime-edit,.addautovehicles-page input[type=date]::-webkit-datetime-edit-fields-wrapper{color:inherit}.addautovehicles-page input[type=date]::-webkit-datetime-edit-day-field,.addautovehicles-page input[type=date]::-webkit-datetime-edit-month-field,.addautovehicles-page input[type=date]::-webkit-datetime-edit-text,.addautovehicles-page input[type=date]::-webkit-datetime-edit-year-field{color:inherit}.addautovehicles-page .react-datepicker-wrapper{width:100%}.addautovehicles-page .react-datepicker__input-container input{background:#fafafa;border:1px solid #dcdcdc;border-radius:8px;font-size:14px;padding:10px;width:100%}.addautovehicles-page .datepicker-wrapper{position:relative;width:100%}.addautovehicles-page .datepicker-wrapper .input{padding-right:38px;width:100%}.addautovehicles-page .calendar-icon{color:#555;cursor:pointer;font-size:18px;pointer-events:none;position:absolute;right:12px;top:50%;transform:translateY(-50%)}.addautovehicles-page .datepicker-wrapper .calendar-icon:hover{color:#000}.addautovehicles-page .datepicker-container{position:relative;width:100%}.addautovehicles-page .react-datepicker-wrapper,.addautovehicles-page .react-datepicker__input-container{width:100%}.addautovehicles-page .datepicker-input-with-icon{background-color:#fff;border:1px solid #000;border-radius:6px;box-sizing:border-box;color:#1a1a1a;display:block;font-family:Arial,sans-serif!important;font-size:10px;height:35px;line-height:1.5;padding:6px 38px 6px 10px;width:100%}.addautovehicles-page .calendar-icon-inside{height:20px;right:12px;width:20px}.addautovehicles-page .calendar-icon-inside,.addautovehicles-page .calendar-icon-inside svg{align-items:center;color:#000;cursor:pointer;display:flex;justify-content:center;position:absolute;top:50%;transform:translateY(-50%)}.addautovehicles-page .calendar-icon-inside svg{height:15px;left:10px;width:15px}.addautovehicles-page .react-datepicker-popper{z-index:9999!important}.addautovehicles-page .save-btn.disabled,.addautovehicles-page .save-btn:disabled{background-color:#76e28c!important;cursor:not-allowed!important;opacity:.6}.addautovehicles-page label{color:#444;display:block;font-size:13px;font-weight:750;margin-bottom:5px}.global-toast{animation:toastSlideFade 4s ease forwards;background-color:#cdfee1;border-radius:10px;box-shadow:0 4px 12px #00000040;font-size:15px;font-weight:500;left:50%!important;opacity:0;padding:14px 28px;pointer-events:none;position:fixed!important;top:25px!important;transform:translateX(-50%)!important;z-index:6000!important}@keyframes fadeInOut{0%{opacity:0;transform:translateY(-10px)}10%{opacity:1;transform:translateY(0)}90%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}@media (max-width:1535px) and (min-width:1137px){.addautovehicles-page .form-card{grid-gap:20px!important;display:grid!important;gap:20px!important;grid-template-columns:1fr 1fr!important}.addautovehicles-page .form-card>.row1,.addautovehicles-page .form-card>.row2{display:contents!important}.addautovehicles-page .form-card>div:first-child{grid-column:1}.addautovehicles-page .form-card>div:nth-child(2){grid-column:2}.addautovehicles-page .form-card>div:nth-child(3){grid-column:1}.addautovehicles-page .form-card>div:nth-child(3) .field+.field{grid-column:2}.addautovehicles-page .form-card>div:nth-child(4){grid-column:1}.addautovehicles-page .form-card>div:nth-child(5){grid-column:2}.addautovehicles-page .form-card>div:nth-child(6){grid-column:1/3!important}.addautovehicles-page .form-sections{display:flex!important;flex-direction:column!important;gap:25px!important}.addautovehicles-page .top-3-dates{grid-gap:20px!important;display:grid!important;gap:20px!important;grid-template-columns:1fr 1fr!important;width:100%!important}.addautovehicles-page .right-side{display:flex!important;flex-direction:column!important;gap:25px!important;width:100%!important}.addautovehicles-page .distribution-card,.addautovehicles-page .review-card{width:100%!important}}@media (max-width:1137px) and (min-width:458px){.addautovehicles-page .form-card{grid-gap:20px!important;display:grid!important;gap:20px!important;grid-template-columns:1fr 1fr!important}.addautovehicles-page .form-card>.row1,.addautovehicles-page .form-card>.row2{display:contents!important}.addautovehicles-page .form-card>div:first-child{grid-column:1}.addautovehicles-page .form-card>div:nth-child(2){grid-column:2}.addautovehicles-page .form-card>div:nth-child(3){grid-column:1}.addautovehicles-page .form-card>div:nth-child(3) .field+.field{grid-column:2}.addautovehicles-page .form-card>div:nth-child(4){grid-column:1}.addautovehicles-page .form-card>div:nth-child(5){grid-column:2}.addautovehicles-page .form-card>div:nth-child(6){grid-column:1/3!important}}@media (max-width:1137px){.addautovehicles-page .add-autovehicle-container{padding:20px 30px}.addautovehicles-page .form-sections{gap:30px;grid-template-columns:1fr}.addautovehicles-page .right-side,.addautovehicles-page .vehicle-form{height:auto}.addautovehicles-page .top-3-dates{grid-template-columns:1fr 1fr}.addautovehicles-page .bottom-forms{flex-direction:column}.addautovehicles-page .problems-layout{flex-direction:column!important}.addautovehicles-page .problems-info-card,.addautovehicles-page .problems-table-card{max-width:100%!important;width:100%!important}.addautovehicles-page .problems-table-card{width:100%;width:100%!important}.addautovehicles-page .problems-table-card .table-container{padding:0}}@media (min-width:992px){.addautovehicles-page .distribution-card,.addautovehicles-page .form-card,.addautovehicles-page .review-card,.addautovehicles-page .top-3-dates{border-radius:14px!important;padding:15px!important}.addautovehicles-page .row1,.addautovehicles-page .row2{gap:10px!important}.addautovehicles-page .top-3-dates{gap:15px!important;padding:15px!important}.addautovehicles-page .distribution-card h3,.addautovehicles-page .review-card h3{font-size:16px!important;margin-bottom:12px!important;padding-bottom:6px!important}.addautovehicles-page .form-sections{gap:20px!important}.addautovehicles-page .right-side{gap:18px!important}.addautovehicles-page .distribution-row,.addautovehicles-page .review-row{gap:10px!important}.addautovehicles-page .top-header{margin-bottom:12px!important}.addautovehicles-page .page-title{font-size:20px!important}.addautovehicles-page .header-actions button{font-size:13px!important;padding:7px 16px!important}}@media (max-width:768px){.addautovehicles-page .problems-info-card,.addautovehicles-page .problems-table-card{padding:15px}.addautovehicles-page .problems-layout{gap:15px}.addautovehicles-page .problems-table-card h3{font-size:15px}.MuiDataGrid-root .MuiDataGrid-cell{font-size:12px!important}}@media (max-width:576px){.addautovehicles-page .add-autovehicle-container{padding:15px}.addautovehicles-page .page-title{font-size:20px}.addautovehicles-page .distribution-card,.addautovehicles-page .form-card,.addautovehicles-page .review-card,.addautovehicles-page .top-3-dates{padding:18px}.addautovehicles-page .header-actions button{text-align:center;width:100%}.addautovehicles-page .top-header{align-items:flex-start!important;flex-direction:column!important;gap:10px!important}.addautovehicles-page .header-actions{flex-direction:column!important;gap:10px!important;width:100%!important}.addautovehicles-page .header-actions button{width:100%!important}.addautovehicles-page .calendar-icon-inside{right:10px}.addautovehicles-page .problems-layout{flex-direction:column}.addautovehicles-page .problems-info-card,.addautovehicles-page .problems-table-card{max-width:100%!important;width:100%!important}.addautovehicles-page .problems-info-card p{font-size:13px}.addautovehicles-page .MuiDataGrid-root{font-size:12px!important}}@media (max-width:458px){.addautovehicles-page .distribution-row,.addautovehicles-page .review-row,.addautovehicles-page .row1,.addautovehicles-page .row2,.addautovehicles-page .top-3-dates{grid-template-columns:1fr!important}}.addautovehicles-page .tab-buttons-autovehicles{display:flex;gap:12px;margin-bottom:25px;margin-left:-5px}.addautovehicles-page .tab-btn{background:#fff;border:1px solid #000;border-radius:20px;color:#030303;cursor:pointer;font-size:14px;font-weight:500;padding:7px 18px;transition:all .2s ease}.addautovehicles-page .tab-btn:hover{background:#e6eeff}.addautovehicles-page .tab-btn.active{background:#fff!important;border:2px solid #1976d2!important;color:#1976d2!important;font-weight:600}.addautovehicles-page .edit-btn{align-items:center;background:#1976d2;border:none;border-radius:20px;color:#fff;cursor:pointer;display:flex;font-weight:500;gap:6px;padding:10px 20px;padding:8px 18px;transition:.2s}.addautovehicles-page .edit-btn:hover{background:#125da3}.addautovehicles-page .problems-layout{display:flex;gap:40px;margin-top:10px}.addautovehicles-page .problems-info-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;font-size:14px;padding:20px;width:260px}.addautovehicles-page .info-title{background:#f4f4f4;border-radius:8px;display:inline-block;font-weight:700;margin-bottom:15px;padding:6px 12px}.addautovehicles-page .problems-table-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;padding:20px}.addautovehicles-page .problems-table-card h3{font-size:16px;margin-bottom:15px}.addautovehicles-page .problems-table{background:#fff;border-collapse:collapse;font-size:14px;width:100%}.addautovehicles-page .problems-table th{background:#f5f5f5;border:1px solid #ccc;font-weight:600;padding:10px;text-align:left}.addautovehicles-page .problems-table td{border:1px solid #ccc;padding:10px}.addautovehicles-page .problems-table input[type=checkbox]{height:18px;width:18px}.addautovehicles-page .tab-buttons-autovehicles .addautovehicles-page .tab-btn.active{background:#fff!important;border:2px solid #1976d2!important;color:#1976d2!important;font-weight:600}.addautovehicles-page .problems-table-card{flex:1 1;min-width:0!important}.addautovehicles-page .problems-table-card .table-container{min-width:0!important;overflow-x:auto!important;width:100%!important}.addautovehicles-page .problems-table-card .MuiDataGrid-root{min-width:650px!important;width:100%!important}.addautovehicles-page .MuiDataGrid-root{background-color:#f8f9fa!important;border:1px solid #ddd!important;border-radius:8px!important;font-family:Arial,sans-serif!important}.addautovehicles-page .MuiDataGrid-columnHeaders{background-color:#d6d6d6!important;border-bottom:2px solid #b0b0b0!important;color:#424242!important;font-size:15px!important;font-weight:700!important}.addautovehicles-page .MuiDataGrid-columnHeaderTitle{color:#000!important;font-weight:700!important}.addautovehicles-page .MuiDataGrid-cell{align-items:center!important;color:#333!important;display:flex!important;font-size:14px!important}.addautovehicles-page .MuiDataGrid-cell:focus,.addautovehicles-page .MuiDataGrid-cell:focus-within{outline:none!important}.addautovehicles-page .MuiTablePagination-root{font-size:13px!important}.addautovehicles-page input[type=checkbox]{cursor:pointer;height:18px;transform:scale(1.1);width:18px}.addautovehicles-page .add-expense{background:#1976d2;border:none;border-radius:20px;color:#fff;cursor:pointer;font-weight:500;padding:10px 20px;transition:.2s}.addproblems-page .modal-overlay{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000059;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:999999}.addproblems-page .modal-box{background:#fff;border-radius:16px;box-shadow:0 4px 18px #00000026;font-family:Arial,sans-serif;padding:22px 24px;width:380px}.addproblems-page .modal-header{margin-bottom:10px}.addproblems-page .modal-title{font-size:20px;font-weight:600;margin:0 0 10px}.addproblems-page .modal-divider{border:none;border-bottom:1px solid #ccc;margin-bottom:15px;margin-left:-10px;width:calc(100% + 20px)}.addproblems-page .modal-label{display:block;font-size:14px;font-weight:600;margin-bottom:6px}.addproblems-page .modal-textarea{background:#fafafa;border:1px solid #ccc;border-radius:10px;font-size:14px;height:100px;margin-bottom:15px;padding:10px;resize:none;width:94%}.addproblems-page .modal-input{background:#fafafa;border:1px solid #ccc;border-radius:8px;font-size:14px;margin-bottom:20px;padding:8px 12px;width:94%}.addproblems-page .modal-buttons{display:flex;gap:12px;justify-content:flex-end;margin-top:10px}.addproblems-page .modal-btn-cancel{background:#eee;border:1px solid #ccc;border-radius:8px;cursor:pointer;font-size:14px;padding:8px 16px}.addproblems-page .modal-btn-cancel:hover{background:#e2e2e2}.addproblems-page .modal-btn-done{background:#4caf50;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;padding:8px 18px}.addproblems-page .modal-btn-done:hover{background:#43a047}.addproblems-page .modal-btn-done.disabled{opacity:.5;pointer-events:none}.global-toast-on-top{animation:toastSlideFade 4s ease forwards;background-color:#cdfee1;border-radius:10px;box-shadow:0 4px 12px #00000040;font-size:15px;font-weight:500;left:50%!important;opacity:0;padding:14px 28px;pointer-events:none;position:fixed!important;top:25px!important;transform:translateX(-50%)!important;z-index:999999!important}@keyframes toastSlideFade{0%{opacity:0;transform:translate(-50%,-20px)}10%{opacity:1;transform:translate(-50%)}90%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-20px)}}
/*# sourceMappingURL=main.cc65e521.css.map*/