@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}.budget-structure-page .table-container{height:auto;overflow-x:auto;width:100%}.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:1080px;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:220px}.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:725px}.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%}}.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%}}.project-budget .table-container{height:auto;overflow-x:auto;width:100%}#budget-structure-table{min-width:1200px}.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%}}.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-short{display:flex;flex-direction:column;gap:8px;width:15%}.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}}.offer-registry-page{background-color:#fff;border-radius:8px;display:flex;flex-direction:column;gap:24px;height:100%}.offer-registry-page .title-separator-or{background-color:#ccc;border:none;height:2px;margin-bottom:-5px;margin-top:-20px;position:relative;width:100%}.offer-registry-page .header-container{align-items:center;display:flex;flex-direction:row;height:4em;padding-top:3px;width:100%;z-index:inherit}.offer-registry-page .reg-header{justify-content:space-between}.offer-registry-page .frm-header{justify-content:left}.offer-registry-page .leftside-title{font-size:1.5em;font-style:bold;font-weight:700;height:auto;text-align:center}.offer-registry-page .frm-title{margin-left:.2em}.offer-registry-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}.offer-registry-page .btn-back:hover{cursor:pointer}.offer-registry-page .main-container{height:auto;overflow-x:auto;width:100%}.offer-registry-page .frm-container{background-color:#fff;border-color:#0000;border-radius:8px;display:flex;height:100%;overflow-y:hidden;width:100%;z-index:inherit}.offer-registry-page .frm-div{align-items:center;display:flex;flex-direction:column;gap:10px;height:auto;margin:16px;max-width:500px;overflow:auto;width:100%}.offer-registry-page .frm-double{display:flex;flex-direction:row;gap:6px;height:auto;width:100%}.offer-registry-page .frm-entry{display:flex;flex-direction:column;gap:4px;height:auto;width:100%;z-index:inherit}.offer-registry-page .frm-entry>label{font-size:14px;-webkit-user-select:none;user-select:none}.offer-registry-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%}.offer-registry-page .frm-date:focus-within{border:1px solid #000}.offer-registry-page .frm-date:focus{outline:none}.offer-registry-page .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%}.offer-registry-page .frm-entry>input:focus-within{border:1px solid #000}.offer-registry-page .frm-entry>input:focus{outline:none}.offer-registry-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%}.offer-registry-page .frm-entry>select:focus-within{border:1px solid #000}.offer-registry-page .frm-entry>select:focus{outline:none}.offer-registry-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}.offer-registry-page .frm-entry>textarea:focus-within{border:1px solid #000}.offer-registry-page .frm-entry>textarea:focus{outline:none}.offer-registry-page .short{height:40px;overflow:hidden;white-space:nowrap}.offer-registry-page .long{height:80px}.offer-registry-page .currency-wrapper{align-items:center;display:flex;position:relative}.offer-registry-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}.offer-registry-page .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%}.offer-registry-page .currency-wrapper>input:focus-within{border:1px solid #000}.offer-registry-page .currency-wrapper>input:focus{outline:none}.offer-registry-page .frm-buttons{display:flex;flex-direction:row-reverse;gap:6px;height:auto;margin-bottom:2px;width:100%}.offer-registry-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}.offer-registry-page .cancel{background-color:#6c757d;color:#fff}.offer-registry-page .cancel:hover{background-color:#899197;cursor:pointer}.offer-registry-page .saved{background-color:#28a745;color:#fff}.offer-registry-page .saved:hover{background-color:#53b86a;cursor:pointer}.offer-registry-page label{color:#2e2e2e;font-size:14px;font-weight:520;text-align:left}.offer-registry-page .datepicker-container{margin-bottom:15px;position:relative;width:100%}.offer-registry-page .datepicker-input{background-color:#fff;border:1px solid #ccc;border-radius:8px;box-sizing:border-box;color:#333;font-family:Arial,sans-serif;font-size:14px;height:40px;padding:8px 40px 8px 12px;width:100%}.offer-registry-page .calendar-icon{align-items:center;color:#666;display:flex;justify-content:center;pointer-events:none;position:absolute;right:12px;top:50%!important;transform:translateY(-50%)}.offer-registry-page .react-datepicker-wrapper,.offer-registry-page .react-datepicker__input-container{width:100%}.offer-registry-page .datepicker-input:focus{border-color:#000!important;outline:none}.offer-registry-page .datepicker-input.input-error{border-color:#d32f2f}.offer-registry-page .datepicker-input.input-error:focus{border-color:#d32f2f!important;box-shadow:0 0 0 2px #d32f2f33!important}.offer-registry-page .react-datepicker{border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 4px 12px #00000026;font-family:Arial,sans-serif;font-size:14px;z-index:9999}.offer-registry-page .react-datepicker__header{background-color:#f8f9fa;border-bottom:1px solid #e0e0e0;border-top-left-radius:8px;border-top-right-radius:8px;padding-top:12px}.offer-registry-page .react-datepicker__current-month{color:#333;font-size:15px;font-weight:600}.offer-registry-page .react-datepicker__day-name{color:#666;font-weight:500;height:32px;line-height:32px;margin:2px;width:32px}.offer-registry-page .react-datepicker__day{border-radius:50%;color:#333;font-size:13px;height:32px;line-height:32px;margin:2px;width:32px}.offer-registry-page .react-datepicker__day--outside-month{color:#ccc}.offer-registry-page .react-datepicker__navigation{height:24px;top:16px;width:24px}.offer-registry-page .react-datepicker__navigation-icon:before{border-width:2px 2px 0 0;height:8px;width:8px}.offer-registry-page .react-datepicker__navigation--previous{border-right-color:#666;left:12px}.offer-registry-page .react-datepicker__navigation--next{border-left-color:#666;right:12px}.offer-registry-page .react-datepicker__navigation:hover :before{border-color:#06c}.offer-registry-page .frm-entry .datepicker-container{margin-top:4px}.offer-registry-page .frm-entry label{color:#333;display:block;font-size:14px;font-weight:500;margin-bottom:6px}.offer-registry-page .frm-entry label span[style*="color: red"]{color:#d32f2f!important;margin-left:2px}.offer-registry-page .status-pill{align-items:center;border-radius:20px;color:#fff;display:inline-flex;font-size:13px;font-weight:500;gap:6px;height:32px;justify-content:center;min-width:120px;padding:0 12px}.offer-registry-page .status-under-review{background:#9e9e9e}.offer-registry-page .status-signed{background:#4caf50}.offer-registry-page .status-on-hold{background:#ff9800}.offer-registry-page .status-closed{background:#f44336}@media (max-width:768px){.offer-registry-page .datepicker-input{font-size:16px;height:44px}.offer-registry-page .react-datepicker{font-size:16px}.offer-registry-page .react-datepicker__day{font-size:15px;height:36px;line-height:36px;width:36px}}.offer-registry-page .datepicker-input::placeholder{color:#999;opacity:1}.offer-registry-page .datepicker-input:disabled{background-color:#f5f5f5;color:#999;cursor:not-allowed}@media screen and (max-width:600px){.offer-registry-page .leftside-title{font-size:1.1em}}@media screen and (max-width:400px){.offer-registry-page .leftside-title{font-size:.9em}}.offer-registry-page .MuiButtonBase{height:auto}.offer-registry-page .MuiDataGrid-root{background-color:#f8f9fa;border:1px solid #ddd;border-radius:8px;overflow-x:auto;width:100%}.offer-registry-page .MuiDataGrid-columnHeaders{background-color:#d6d6d6;border-bottom:2px solid #b0b0b0;color:#424242;font-size:16px;font-weight:700}.offer-registry-page .MuiDataGrid-cell{color:#333;font-size:14px}.offer-registry-page .MuiDataGrid-row:hover{background-color:initial}.offer-registry-page .MuiDataGrid-footerContainer{background-color:#f1f1f1}.offer-registry-page .buton-edit{background-color:#f8f9fa;border:none;margin-top:10px}.offer-registry-page .MuiDataGrid-cell--textLeft{color:#000}.offer-registry-page .MuiDataGrid-columnHeaderTitle{color:#000!important;font-weight:700!important}.offer-registry-page .MuiDataGrid-cell .MuiIconButton-root{margin-right:2px}.FormOfferRegistry{--primary-color:#1565c0;--primary-light:#e3f2fd;--primary-dark:#0d47a1;--secondary-color:#28a745;--secondary-dark:#218838;--danger-color:#d32f2f;--danger-light:#ffebee;--gray-50:#fafbfc;--gray-100:#f5f5f5;--gray-200:#e0e0e0;--gray-300:#d9d9d9;--gray-400:#999;--gray-500:#706f6f;--gray-600:#666;--gray-700:#4a4a4a;--gray-800:#333;--gray-900:#2e2e2e;--shadow-sm:0 1px 3px #0000000d;--shadow-md:0 4px 6px #0000001a;--shadow-lg:0 10px 15px #0000001a;--transition:all 0.2s ease;background:#fff;color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;line-height:1.5;margin-left:10px;margin-right:10px}.FormOfferRegistry .FormOfferRegistry-header{align-items:center;display:flex;gap:10px;margin-bottom:10px;margin-top:20px}.FormOfferRegistry .back-arrow{border-radius:50%;color:#333;cursor:pointer;font-size:20px!important;padding:4px;transition:var(--transition)}.FormOfferRegistry .back-arrow:hover{background:var(--primary-light);color:var(--primary-color)}.FormOfferRegistry .header-title{color:#333;flex:1 1;font-size:24px;font-weight:700;margin-bottom:0;margin-top:-4px}.FormOfferRegistry .offer-code{background:#1565c0;border-radius:14px;box-shadow:var(--shadow-sm);color:#fff;font-size:16px;font-weight:700;padding:4px 12px;white-space:nowrap}.FormOfferRegistry .title-separator{background-color:#ccc;border:none;height:1px;margin-bottom:20px;margin-top:20px;width:100%}.FormOfferRegistry .FormOfferRegistry-form{display:flex;flex-direction:column;gap:8px}.FormOfferRegistry .FormOfferRegistry-section{background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;margin-bottom:13px;overflow:hidden;transition:var(--transition)}.FormOfferRegistry .FormOfferRegistry-section:hover{border-color:var(--primary-light);box-shadow:var(--shadow-sm)}.FormOfferRegistry .FormOfferRegistry-section-header{align-items:center;background:linear-gradient(90deg,#e3f2fd,#e9f0f8);border-bottom:1px solid #e0e0e0;cursor:pointer;display:flex;justify-content:space-between;padding:7px 16px}.FormOfferRegistry .section-header-content{align-items:center;display:flex;gap:10px}.FormOfferRegistry .section-icon-wrapper{align-items:center;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000000d;color:#1565c0;display:flex;font-size:16px;height:28px;justify-content:center;width:28px}.FormOfferRegistry .FormOfferRegistry-section-header h2{color:#0d47a1;font-size:16px;font-weight:700;margin:0}.FormOfferRegistry .toggle-btn{align-items:center;background:#0000;border:none;border-radius:4px;color:#666;cursor:pointer;display:flex;padding:4px;transition:var(--transition)}.FormOfferRegistry .toggle-btn:hover{background:#fff;color:#1976d2}.FormOfferRegistry .section-content{background:#fff;padding:16px}.FormOfferRegistry .form-row{align-items:stretch;display:flex;gap:10px;margin-bottom:8px}@media (max-width:600px){.FormOfferRegistry .form-row{flex-direction:column;gap:10px}}.FormOfferRegistry .form-group{display:flex;flex-direction:column;gap:8px;width:100%}.FormOfferRegistry .form-group.full-width{width:100%}.FormOfferRegistry .form-label{color:#2e2e2e;font-size:14px;font-weight:520;text-align:left}.FormOfferRegistry .required{color:#d32f2f}.FormOfferRegistry .FormOfferRegistry-date-input,.FormOfferRegistry .FormOfferRegistry-description,.FormOfferRegistry .amount-input,.FormOfferRegistry .react-datepicker__input-container input,.FormOfferRegistry .readonly-field{background-color:#fff;border:1px solid #d9d9d9;border-radius:8px;box-sizing:border-box;font-family:Arial,sans-serif;font-size:14px;height:38px;outline:none;padding:8px 12px;transition:var(--transition);width:100%}.FormOfferRegistry .FormOfferRegistry-description{height:auto;min-height:80px;resize:vertical}.FormOfferRegistry .FormOfferRegistry-date-input:hover,.FormOfferRegistry .FormOfferRegistry-description:hover,.FormOfferRegistry .amount-input:hover,.FormOfferRegistry .react-datepicker__input-container input:hover{background-color:var(--gray-50);border-color:var(--primary-color)}.FormOfferRegistry .FormOfferRegistry-date-input:focus,.FormOfferRegistry .FormOfferRegistry-description:focus,.FormOfferRegistry .amount-input:focus,.FormOfferRegistry .react-datepicker__input-container input:focus{border-color:#1976d2!important;box-shadow:0 0 0 3px #1565c01a;outline:none}.FormOfferRegistry .readonly-field{background-color:#f5f5f5;color:#706f6f;cursor:not-allowed}.FormOfferRegistry .FormOfferRegistry-select__control{border:1px solid #d9d9d9!important;border-radius:8px!important;box-shadow:none!important;font-family:Arial,sans-serif!important;font-size:14px;min-height:38px!important;transition:var(--transition)!important}.FormOfferRegistry .FormOfferRegistry-select__control:hover{background-color:var(--gray-50)!important;border-color:var(--primary-color)!important}.FormOfferRegistry .FormOfferRegistry-select__control--is-focused,.FormOfferRegistry .FormOfferRegistry-select__control--menu-is-open{border-color:#1976d2!important;box-shadow:0 0 0 3px #1565c01a!important}.FormOfferRegistry .FormOfferRegistry-select__placeholder{color:#999!important;font-family:Arial,sans-serif!important;font-size:14px}.FormOfferRegistry .FormOfferRegistry-select__single-value{color:#333!important;font-family:Arial,sans-serif!important;font-size:14px}.FormOfferRegistry .FormOfferRegistry-select__menu{border:1px solid #e0e0e0!important;border-radius:8px!important;box-shadow:0 4px 12px #00000026!important}.FormOfferRegistry .FormOfferRegistry-select__option{font-size:14px!important;line-height:1.2!important;padding:10px 12px!important}.FormOfferRegistry .FormOfferRegistry-select__option--is-focused{background-color:#e3f2fd!important}.FormOfferRegistry .FormOfferRegistry-select__option--is-selected{background-color:#1976d2!important;color:#fff!important}.FormOfferRegistry .FormOfferRegistry-select__multi-value{background-color:#e3f2fd!important;border-radius:4px!important}.FormOfferRegistry .FormOfferRegistry-select__multi-value__label{color:#0d47a1!important;font-family:Arial,sans-serif!important;font-size:13px!important}.FormOfferRegistry .FormOfferRegistry-select__multi-value__remove:hover{background-color:#d32f2f!important;color:#fff!important}.FormOfferRegistry .no-opportunities-message{align-items:center;background:#0000;border:2px dashed #e0e0e0;border-radius:8px;color:#999;display:flex;font-size:14px;font-style:italic;gap:8px;justify-content:center;margin-top:12px;padding:24px}.FormOfferRegistry .hint-icon{color:#ccc;font-size:20px!important}.FormOfferRegistry .opportunities-grid{display:flex;flex-direction:column;gap:12px;margin-top:12px}.FormOfferRegistry .opportunity-item{animation:FormOfferRegistryFadeIn .3s ease-out;background:#fff;border:1px solid #e0e0e0;border-radius:8px;overflow:hidden;transition:var(--transition)}.FormOfferRegistry .opportunity-item:hover{border-color:#1976d2;box-shadow:var(--shadow-sm)}@keyframes FormOfferRegistryFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.FormOfferRegistry .opportunity-item-header{align-items:center;background:linear-gradient(to right,var(--gray-100),#f9f9f9);border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:7px 16px}.FormOfferRegistry .item-title{align-items:center;display:flex;flex:1 1;gap:10px;min-width:0}.FormOfferRegistry .opportunity-icon{align-items:center;background:#fff;border-radius:6px;box-shadow:0 2px 4px #00000008;color:#1565c0;display:flex;font-size:14px;height:24px;justify-content:center;width:24px}.FormOfferRegistry .item-title h3{color:#000;font-size:15px;font-weight:700;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.FormOfferRegistry .remove-btn{align-items:center;background:#0000;border:none;border-radius:4px;color:#d32f2f;cursor:pointer;display:flex;padding:4px;transition:var(--transition)}.FormOfferRegistry .remove-btn:hover{background:#ffebee;transform:scale(1.1)}.FormOfferRegistry .opportunity-details{padding:16px}.FormOfferRegistry .detail-row{display:flex;gap:10px;margin-bottom:12px}@media (max-width:600px){.FormOfferRegistry .detail-row{flex-direction:column;gap:10px}}.FormOfferRegistry .detail-field{display:flex;flex-direction:column;gap:4px;width:100%}.FormOfferRegistry .pricing-row{background:var(--gray-50);border:1px solid #e0e0e0;border-radius:6px;display:flex;flex-wrap:wrap;gap:10px;padding:12px}.FormOfferRegistry .pricing-field{display:flex;flex:1 1 200px;flex-direction:column;gap:4px;min-width:150px}.FormOfferRegistry .amount-input[readOnly]{background-color:#f5f5f5;color:#706f6f;cursor:not-allowed}.FormOfferRegistry .offer-total-preview{align-items:center;background:linear-gradient(135deg,#0d47a1,#1565c0 40%,#1976d2);border-radius:30px;box-shadow:var(--shadow-md);display:flex;gap:5px;justify-content:flex-end;margin:16px 0;padding:12px 16px}.FormOfferRegistry .offer-total-label{color:#fffffff2;font-size:16px;font-weight:600}.FormOfferRegistry .offer-total-value{background:#fff3;border-radius:20px;color:#fff;font-size:16px;font-weight:700;padding:4px 16px}.FormOfferRegistry .FormOfferRegistry-error{align-items:center;color:#d32f2f;display:flex;font-size:12px;gap:4px;margin-top:2px}.FormOfferRegistry .error-icon{font-size:12px}.FormOfferRegistry .form-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:20px;width:100%}.FormOfferRegistry .primary-btn,.FormOfferRegistry .secondary-btn{border:none;border-radius:14px;box-shadow:var(--shadow-sm);cursor:pointer;font-family:inherit;font-size:12px;font-weight:700;padding:10px 20px;transition:var(--transition)}.FormOfferRegistry .primary-btn{background:#28a745;color:#fff}.FormOfferRegistry .primary-btn:hover:not(:disabled){background:#218838;box-shadow:var(--shadow-md);transform:translateY(-1px)}.FormOfferRegistry .secondary-btn{background:#6c757d;color:#fff}.FormOfferRegistry .secondary-btn:hover:not(:disabled){background:#5a6268;box-shadow:var(--shadow-md);transform:translateY(-1px)}.FormOfferRegistry .primary-btn:disabled,.FormOfferRegistry .secondary-btn:disabled{cursor:not-allowed;opacity:.5}.FormOfferRegistry .loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:400px;width:100%}.FormOfferRegistry .loading-spinner{animation:FormOfferRegistry-spin .8s linear infinite;border:3px solid #f0f0f0;border-radius:50%;border-top-color:#1976d2;height:40px;margin-bottom:16px;width:40px}@keyframes FormOfferRegistry-spin{to{transform:rotate(1turn)}}.FormOfferRegistry .spinner{animation:FormOfferRegistry-spin .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;display:inline-block;height:16px;margin-right:8px;width:16px}.FormOfferRegistry .react-datepicker-wrapper,.FormOfferRegistry .react-datepicker__input-container{display:block;width:100%}.FormOfferRegistry ::-webkit-scrollbar{height:8px;width:8px}.FormOfferRegistry ::-webkit-scrollbar-track{background:var(--gray-100);border-radius:8px}.FormOfferRegistry ::-webkit-scrollbar-thumb{background:var(--gray-300);border:2px solid var(--gray-100);border-radius:8px}.FormOfferRegistry ::-webkit-scrollbar-thumb:hover{background:var(--primary-color)}@media screen and (max-width:600px){.FormOfferRegistry{font-size:13px;height:100vh;line-height:1.4;margin-left:8px;margin-right:8px;overflow-y:auto}.FormOfferRegistry .FormOfferRegistry-header{flex-wrap:wrap;gap:8px;margin-bottom:8px;margin-top:15px}.FormOfferRegistry .header-title{font-size:20px;order:1;width:calc(100% - 50px)}.FormOfferRegistry .offer-code{border-radius:20px;font-size:14px;order:2;padding:6px 12px;text-align:center;white-space:normal;width:100%;word-break:break-word}.FormOfferRegistry .form-row{flex-direction:column;gap:10px;margin-bottom:5px;margin-top:15px}.FormOfferRegistry .FormOfferRegistry-date-input,.FormOfferRegistry .FormOfferRegistry-description,.FormOfferRegistry .amount-input,.FormOfferRegistry .react-datepicker__input-container input,.FormOfferRegistry .readonly-field{font-size:13px;height:42px;padding:10px 12px}.FormOfferRegistry .FormOfferRegistry-description{min-height:100px}.FormOfferRegistry .pricing-row{flex-direction:column;gap:12px}.FormOfferRegistry .pricing-field{flex:none;min-width:100%;width:100%}.FormOfferRegistry .form-actions{background-color:#fff;bottom:0;box-shadow:0 -4px 10px #0000000d;gap:8px;padding:15px 0;position:-webkit-sticky;position:sticky;z-index:100}.FormOfferRegistry .primary-btn,.FormOfferRegistry .secondary-btn{border-radius:14px;flex:1 1;font-size:12px;padding:10px}.FormOfferRegistry .offer-total-preview{align-items:stretch;border-radius:14px;flex-direction:column;padding:12px;text-align:center}.FormOfferRegistry .offer-total-value{font-size:16px;padding:4px 12px}.FormOfferRegistry .section-icon-wrapper{font-size:14px;height:24px;width:24px}.FormOfferRegistry .opportunity-icon{font-size:13px;height:22px;width:22px}.FormOfferRegistry .FormOfferRegistry-select__input-container,.FormOfferRegistry .FormOfferRegistry-select__placeholder,.FormOfferRegistry .FormOfferRegistry-select__single-value{font-size:13px!important}.FormOfferRegistry .FormOfferRegistry-select__option{font-size:12px!important;line-height:1.2!important;padding:10px 12px!important}.FormOfferRegistry .FormOfferRegistry-select__menu-list{padding:4px!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}.offer-delete-dialog,.offer-delete-dialog *{font-family:Arial,Helvetica,sans-serif!important}.offer-delete-dialog .MuiDialog-paper{animation:offerDeleteDialogSlideUp .3s ease-out;background:linear-gradient(135deg,#fff,#fafafa);border-radius:16px!important;box-shadow:0 25px 50px -12px #00000040!important;max-width:480px;width:100%}@keyframes offerDeleteDialogSlideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.offer-delete-dialog .od-header{border-bottom:1px solid #00000014;margin:0;padding:24px 24px 16px}.offer-delete-dialog .od-header-content{align-items:center;display:flex;font-size:20px;justify-content:space-between}.offer-delete-dialog .od-title-section{align-items:center;display:flex;gap:12px}.offer-delete-dialog .od-warning-icon{animation:offerDeleteDialogPulse 2s infinite;color:#f59e0b;font-size:28px}@keyframes offerDeleteDialogPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.offer-delete-dialog .od-title{color:#1e293b;font-size:22px!important;font-weight:600!important;letter-spacing:-.02em;line-height:1.3}.offer-delete-dialog .od-close-btn{background:#f1f5f9;color:#64748b;transition:all .2s ease}.offer-delete-dialog .od-close-btn:hover{background:#e2e8f0;color:#334155;transform:rotate(90deg)}.offer-delete-dialog .od-content{font-size:15px;line-height:1.5;padding:24px!important}.offer-delete-dialog .od-error-alert{background:linear-gradient(135deg,#fef2f2,#fee2e2);border:1px solid #fecaca;border-radius:12px;padding:16px}.offer-delete-dialog .od-error-alert .MuiAlert-icon{color:#dc2626;font-size:24px}.offer-delete-dialog .od-error-message{color:#991b1b;font-size:14px;line-height:1.5;margin-top:4px}.offer-delete-dialog .od-confirm-content{display:flex;flex-direction:column;gap:20px}.offer-delete-dialog .od-client-container,.offer-delete-dialog .od-code-container{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px dashed #cbd5e1;border-radius:12px;padding:8px;text-align:center;transition:all .2s ease}.offer-delete-dialog .od-client-container:hover,.offer-delete-dialog .od-code-container:hover{background:#f1f5f9;border-color:#94a3b8}.offer-delete-dialog .od-client-label,.offer-delete-dialog .od-code-label{color:#64748b;font-size:12px;font-weight:500;letter-spacing:.05em;margin-bottom:8px;text-transform:uppercase}.offer-delete-dialog .od-client-value,.offer-delete-dialog .od-code-value{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000000d;color:#0f172a;display:inline-block;font-weight:700!important;max-width:100%;padding:8px 16px;word-break:break-word}.offer-delete-dialog .od-code-value{font-size:15px}.offer-delete-dialog .od-client-value{font-size:14px;font-weight:500!important}.offer-delete-dialog .od-warning-text{background:#fee2e2;border-left:4px solid #dc2626;border-radius:8px;color:#b91c1c;font-size:14px;font-weight:500;line-height:1.5;padding:12px;text-align:center}.offer-delete-dialog .od-consequences{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:16px}.offer-delete-dialog .od-consequence-item{border-bottom:1px solid #e2e8f0;color:#334155;font-size:14px;line-height:1.45;padding:8px 0}.offer-delete-dialog .od-consequence-item:last-child{border-bottom:none}.offer-delete-dialog .od-actions{background:#fff;border-top:1px solid #00000014;display:flex;gap:12px;padding:16px 24px 24px!important}.offer-delete-dialog .od-btn{border-radius:8px!important;font-size:14px!important;font-weight:600!important;height:44px;letter-spacing:.02em;min-width:120px;text-transform:none!important;transition:all .2s ease!important}.offer-delete-dialog .od-btn-cancel{background:#5a6268!important;border:2px solid #e2e8f0!important;color:#fff!important}.offer-delete-dialog .od-btn-cancel:hover{box-shadow:0 4px 8px #0000000d!important;transform:translateY(-2px)}.offer-delete-dialog .od-btn-delete{background:linear-gradient(135deg,#dc2626,#b91c1c)!important;border:none!important;box-shadow:0 4px 12px #dc26264d!important;color:#fff!important}.offer-delete-dialog .od-btn-delete:hover{background:linear-gradient(135deg,#b91c1c,#991b1b)!important;box-shadow:0 6px 16px #dc262666!important;transform:translateY(-2px)}.offer-delete-dialog .od-btn-delete:active{box-shadow:0 2px 8px #dc26264d!important;transform:translateY(0)}.offer-delete-dialog .od-btn-ok{background:linear-gradient(135deg,#3b82f6,#2563eb)!important;border:none!important;box-shadow:0 4px 12px #3b82f64d!important;color:#fff!important}.offer-delete-dialog .od-btn-ok:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8)!important;box-shadow:0 6px 16px #3b82f666!important;transform:translateY(-2px)}@media (max-width:768px){.offer-delete-dialog .MuiDialog-paper{margin:16px;max-width:calc(100% - 32px)}.offer-delete-dialog .od-header{padding:20px 20px 14px}.offer-delete-dialog .od-content{font-size:14px;padding:20px!important}.offer-delete-dialog .od-actions{padding:14px 20px 20px!important}.offer-delete-dialog .od-title{font-size:20px!important}.offer-delete-dialog .od-header-content{font-size:18px}.offer-delete-dialog .od-warning-icon{font-size:24px}.offer-delete-dialog .od-client-value,.offer-delete-dialog .od-code-value{font-size:14px;padding:8px 14px}.offer-delete-dialog .od-consequence-item,.offer-delete-dialog .od-error-message,.offer-delete-dialog .od-warning-text{font-size:13px}.offer-delete-dialog .od-btn{font-size:13px!important;height:42px}}@media (max-width:600px){.offer-delete-dialog .MuiDialog-paper{border-radius:14px!important;margin:12px;max-width:calc(100% - 24px)}.offer-delete-dialog .od-header{padding:16px 16px 12px}.offer-delete-dialog .od-content{font-size:13px;padding:16px!important}.offer-delete-dialog .od-actions{flex-direction:column-reverse;gap:10px;padding:12px 16px 16px!important}.offer-delete-dialog .od-title{font-size:18px!important}.offer-delete-dialog .od-header-content{font-size:16px}.offer-delete-dialog .od-title-section{gap:8px}.offer-delete-dialog .od-warning-icon{font-size:22px}.offer-delete-dialog .od-client-label,.offer-delete-dialog .od-code-label{font-size:11px}.offer-delete-dialog .od-client-value,.offer-delete-dialog .od-code-value{font-size:13px;padding:7px 12px}.offer-delete-dialog .od-consequence-item,.offer-delete-dialog .od-error-message,.offer-delete-dialog .od-warning-text{font-size:12px;line-height:1.4}.offer-delete-dialog .od-consequences{padding:12px}.offer-delete-dialog .od-confirm-content{gap:16px}.offer-delete-dialog .od-btn{font-size:13px!important;height:40px;min-width:100%;width:100%}}@media (max-width:400px){.offer-delete-dialog .MuiDialog-paper{margin:8px;max-width:calc(100% - 16px)}.offer-delete-dialog .od-header{padding:14px 14px 10px}.offer-delete-dialog .od-content{font-size:12px;padding:14px!important}.offer-delete-dialog .od-actions{padding:10px 14px 14px!important}.offer-delete-dialog .od-title{font-size:16px!important}.offer-delete-dialog .od-header-content{font-size:15px}.offer-delete-dialog .od-warning-icon{font-size:20px}.offer-delete-dialog .od-client-value,.offer-delete-dialog .od-code-value{font-size:12px;padding:6px 10px}.offer-delete-dialog .od-consequence-item,.offer-delete-dialog .od-error-message,.offer-delete-dialog .od-warning-text{font-size:11px}.offer-delete-dialog .od-btn{font-size:12px!important;height:38px}}.history-offer-page{-ms-overflow-style:none;animation:pageReveal .6s cubic-bezier(.2,.9,.4,1.1);background:#fff;border-radius:32px;box-sizing:border-box;display:flex;flex-direction:column;font-family:Arial,sans-serif;gap:24px;min-height:100%;overflow-x:hidden;overflow-y:auto;padding:clamp(10px,2vw,28px);position:relative;scrollbar-width:none;width:100%}.history-offer-page::-webkit-scrollbar{display:none}.history-offer-page *{box-sizing:border-box;font-family:Arial,sans-serif!important;min-width:0}@keyframes pageRevealhistory-offer-page{0%{opacity:0;transform:scale(.985)}to{opacity:1;transform:scale(1)}}.history-offer-page .history-offer-header{align-items:flex-start;display:flex;flex-shrink:0;justify-content:space-between;margin-bottom:0;padding-top:4px;position:relative;width:100%;z-index:2}.history-offer-page .history-offer-header-left{align-items:flex-start;display:flex;flex-direction:row;flex-wrap:nowrap;gap:12px;margin-top:-9px;min-width:0;width:100%}.history-offer-page .back-arrow{align-self:flex-start;background:#0000;border-radius:50%;color:#333;cursor:pointer;flex-shrink:0;font-size:clamp(28px,3vw,40px)!important;padding:8px;transition:all .3s ease}.history-offer-page .back-arrow:hover{background:#e3f2fd;color:#1565c0;transform:scale(1.05)}.history-offer-page .history-offer-title-wrap{display:flex;flex:1 1 auto;flex-direction:column;gap:6px;min-width:0;position:relative;width:100%}.history-offer-page .history-offer-title{color:#333;font-size:clamp(18px,2.2vw,24px);font-weight:700;line-height:1.15;margin:0;overflow-wrap:anywhere;word-break:break-word}.history-offer-page .history-offer-subtitle{grid-column-gap:8px;align-items:start;color:#64748b;column-gap:8px;display:grid;font-size:clamp(12px,1.4vw,14px);grid-template-columns:auto minmax(0,1fr);line-height:1.45;margin:0;width:100%}.history-offer-page .history-offer-subtitle-icon{animation:sparkle 2s ease-in-out infinite;display:block;font-size:.95rem;line-height:1.2;margin-top:1px;transform-origin:center}.history-offer-page .history-offer-subtitle-text{min-width:0;overflow-wrap:anywhere;word-break:break-word}@keyframes sparkle-history-offer-page{0%,to{opacity:.9;transform:scale(1)}50%{opacity:1;transform:scale(1.15)}}.history-offer-page .history-offer-header-divider{background:linear-gradient(90deg,#e2e8f0,#cbd5e1,#e2e8f0);height:1px;margin:-4px 0 0!important;width:100%}.history-offer-page .history-offer-loading{align-items:center;background:#fff;border-radius:28px;box-shadow:0 20px 35px -10px #0000000d;display:flex;justify-content:center;min-height:clamp(280px,45vh,500px)}.history-offer-page .history-offer-tabs-card{-ms-overflow-style:none;background:#fff!important;border:1px solid #e2e8f0!important;border-radius:18px!important;box-shadow:0 10px 30px #0f172a0f,0 2px 8px #0f172a0a!important;flex-shrink:0;margin-bottom:-14px;margin-top:-6px;max-width:100%;overflow-x:auto;overflow-y:hidden;padding:6px 10px;position:relative;scrollbar-width:none;transition:all .3s ease;width:100%}.history-offer-page .history-offer-tabs-card::-webkit-scrollbar{display:none}.history-offer-page .history-offer-tabs{min-height:50px;position:relative}.history-offer-page .history-offer-tab{border-radius:14px!important;color:#64748b!important;flex-shrink:0;font-size:clamp(.78rem,1.5vw,.92rem)!important;font-weight:600!important;letter-spacing:.2px!important;margin-right:6px!important;min-height:46px!important;padding:0 18px!important;position:relative!important;text-transform:none!important;transition:all .2s ease!important;white-space:nowrap!important}.history-offer-page .history-offer-tab:hover{background:#f8fafc!important;color:#0f172a!important}.history-offer-page .history-offer-tab.Mui-selected{color:#2563eb!important;font-weight:700!important}.history-offer-page .history-offer-tab.Mui-selected:after{background:linear-gradient(90deg,#3b82f6,#8b5cf6);border-radius:999px;bottom:4px;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:34px}.history-offer-page .history-offer-tabs .MuiTabs-indicator{display:none!important}.history-offer-page .history-offer-content-card{background:#fff!important;border:1px solid #e2e8f0!important;border-radius:20px!important;box-shadow:0 18px 40px #0f172a14,0 4px 12px #0f172a0a!important;flex:initial;height:auto;max-width:100%;min-height:auto;overflow:hidden;padding:14px 30px;position:relative;transition:all .3s ease;width:100%;z-index:1}.history-offer-page .history-offer-top{align-items:flex-start;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:8px;width:100%}.history-offer-page .history-offer-top-left{align-items:flex-start;display:flex;flex:1 1 260px;flex-direction:column;min-width:0}.history-offer-page .history-offer-top-right{align-items:flex-start;display:flex;flex:0 0 auto;justify-content:flex-end;margin-left:auto;max-width:100%;text-align:right}.history-offer-page .history-offer-code{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1e293b,#3b82f6);-webkit-background-clip:text;background-clip:text;display:inline-block;font-size:20px;font-weight:800!important;letter-spacing:-.02em;margin:0!important;overflow-wrap:anywhere;position:relative;word-break:break-word}.history-offer-page .history-offer-current-tag{align-items:center;border:1px solid #0000;border-radius:999px;box-shadow:0 10px 20px #0f172a14,inset 0 1px 0 #ffffff40;display:inline-flex;font-size:clamp(.68rem,1.1vw,.8rem)!important;font-weight:800!important;justify-content:center;letter-spacing:.02em;margin-left:auto;max-width:100%;padding:8px 18px;text-align:center;transition:all .3s ease;white-space:nowrap;width:-webkit-fit-content;width:fit-content}.history-offer-page .history-offer-current-tag--current{background:linear-gradient(135deg,#ecfdf5,#d1fae5);border-color:#a7f3d0;color:#065f46!important}.history-offer-page .history-offer-current-tag--current:before{color:#10b981;content:"●";font-size:10px;margin-right:8px}.history-offer-page .history-offer-current-tag--historical{background:linear-gradient(135deg,#fff7ed,#ffedd5);border-color:#fdba74;color:#92400e!important}.history-offer-page .history-offer-current-tag--historical:before{color:#f59e0b;content:"●";font-size:10px;margin-right:8px}.history-offer-page .history-offer-current-tag:hover{box-shadow:0 14px 26px #0f172a1f,inset 0 1px 0 #ffffff47;transform:translateY(-1px)}.history-offer-page .history-offer-divider{height:1px;margin:12px 0 18px!important}.history-offer-page .history-offer-grid,.history-offer-page .history-offer-grid-description{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(12,minmax(0,1fr));margin-bottom:24px;width:100%}.history-offer-page .history-offer-grid-description{margin-top:-10px}.history-offer-page .history-offer-grid .history-offer-card,.history-offer-page .history-offer-grid-description .history-offer-card{grid-column:span 4}.history-offer-page .history-offer-grid-description .history-offer-card:only-child{grid-column:1/-1}.history-offer-page .history-offer-card{background:#fff;border:1px solid #edf2f7;border-radius:16px;box-shadow:0 8px 18px #0f172a0a,0 2px 6px #0f172a08;display:flex;flex-direction:column;gap:5px;min-width:0;overflow:hidden;padding:10px 20px;position:relative;transition:all .25s ease;width:100%}.history-offer-page .history-offer-card:hover{box-shadow:0 12px 24px #0f172a12,0 4px 12px #0f172a0a;transform:translateY(-2px)}.history-offer-page .history-offer-label{align-items:center;color:#3b82f6;display:flex;font-size:clamp(11px,1vw,14px);font-weight:700;gap:6px;letter-spacing:.08em;line-height:1.3;text-transform:uppercase}.history-offer-page .history-offer-label:before{content:"●";flex-shrink:0;font-size:12px;opacity:.8}.history-offer-page .history-offer-value{color:#0f172a;font-size:clamp(13px,1.15vw,15px);font-weight:700;letter-spacing:-.01em;line-height:1.6;overflow-wrap:anywhere;padding-left:14px;word-break:break-word}.history-offer-page .history-offer-section{margin-top:28px;width:100%}.history-offer-page .history-offer-section h3{align-items:center;color:#0f172a;display:flex;flex-wrap:wrap;font-size:clamp(15px,1.5vw,17px);font-weight:700;gap:10px;letter-spacing:-.3px;line-height:1.3;margin:0 0 16px}.history-offer-page .history-offer-section h3:before{background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:4px;content:"";display:inline-block;flex-shrink:0;height:20px;width:6px}.history-offer-page .history-offer-readonly-box{background:#fafcff;border:1px solid #f1f5f9;border-radius:20px;box-shadow:inset 0 1px 0 #ffffffb3,0 4px 10px #0f172a08;color:#334155;font-size:.95rem;line-height:1.7;min-height:100px;padding:20px;transition:all .3s ease;white-space:pre-wrap;word-break:break-word}.history-offer-page .history-offer-readonly-box:hover{border-color:#3b82f633}.history-offer-page .history-offer-table-wrapper{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;background:#fff;border:1px solid #f1f5f9;border-radius:16px;box-shadow:0 8px 18px #0f172a0a,0 2px 6px #0f172a08;max-width:100%;overflow-x:auto;overflow-y:visible;scrollbar-width:none;width:100%}.history-offer-page .history-offer-table-wrapper::-webkit-scrollbar{display:none}.history-offer-page .history-offer-table{border-collapse:collapse;margin-bottom:0;min-width:820px;width:100%}.history-offer-page .history-offer-table thead tr{background:#f8fafc}.history-offer-page .history-offer-table th{border-bottom:2px solid #e2e8f0;color:#1e293b;font-size:clamp(11px,1vw,14px);font-weight:700;letter-spacing:.08em;padding:14px;text-align:left;text-transform:uppercase;white-space:nowrap}.history-offer-page .history-offer-table td{border-bottom:1px solid #f1f5f9;color:#334155;font-size:clamp(12px,1vw,14px);padding:14px 16px;text-align:left;vertical-align:top;word-break:break-word}.history-offer-page .history-offer-table tbody tr{transition:all .2s ease}.history-offer-page .history-offer-table tbody tr:hover{background:#3b82f605}.history-offer-page .history-offer-empty-row{color:#94a3b8!important;font-style:italic;font-weight:500!important;padding:50px 20px!important;text-align:center!important}.history-offer-page .history-offer-table .col-sum,.history-offer-page .history-offer-table .col-system-sum{min-width:140px;width:160px}.history-offer-page .MuiAlert-root{border:none;border-radius:20px;box-shadow:0 12px 24px -12px #00000014;font-weight:500;width:100%}@media screen and (max-width:1400px){.history-offer-page .history-offer-grid .history-offer-card,.history-offer-page .history-offer-grid-description .history-offer-card{grid-column:span 6}.history-offer-page .history-offer-grid-description .history-offer-card:only-child{grid-column:1/-1}}@media screen and (max-width:1024px){.history-offer-page{border-radius:24px;gap:20px}.history-offer-page .history-offer-content-card{border-radius:18px!important}.history-offer-page .history-offer-grid .history-offer-card,.history-offer-page .history-offer-grid-description .history-offer-card{grid-column:span 6}.history-offer-page .history-offer-table{min-width:760px}}@media screen and (max-width:768px){.history-offer-page{border-radius:20px;gap:16px;padding:14px}.history-offer-page .history-offer-header-left{align-items:flex-start;flex-direction:row;flex-wrap:nowrap;gap:10px}.history-offer-page .history-offer-content-card{border-radius:18px!important;padding:18px}.history-offer-page .history-offer-current-tag{margin-left:0;white-space:normal}.history-offer-page .history-offer-grid,.history-offer-page .history-offer-grid-description{gap:12px;margin-bottom:18px}.history-offer-page .history-offer-grid .history-offer-card,.history-offer-page .history-offer-grid-description .history-offer-card{grid-column:1/-1}.history-offer-page .history-offer-tab{min-height:44px!important;padding:0 14px!important}.history-offer-page .history-offer-table{min-width:700px}.history-offer-page .history-offer-table td,.history-offer-page .history-offer-table th{padding:12px}}@media screen and (max-width:480px){.history-offer-page{border-radius:16px;gap:12px;padding:10px}.history-offer-page .history-offer-header-left{align-items:flex-start;flex-direction:row;flex-wrap:nowrap;gap:10px}.history-offer-page .history-offer-header-left .back-arrow{width:auto}.history-offer-page .history-offer-title-wrap{flex:1 1 auto;min-width:0}.history-offer-page .history-offer-tabs-card{border-radius:16px!important;margin-bottom:-6px;padding:4px 6px}.history-offer-page .history-offer-content-card{border-radius:16px!important;padding:14px}.history-offer-page .history-offer-top{gap:10px;margin-bottom:4px}.history-offer-page .history-offer-top-left,.history-offer-page .history-offer-top-right{flex:none;min-height:0;min-height:auto}.history-offer-page .history-offer-card{border-radius:14px;padding:14px}.history-offer-page .history-offer-value{padding-left:0}.history-offer-page .history-offer-tab{font-size:.78rem!important;margin-right:4px!important;min-height:42px!important;padding:0 12px!important}.history-offer-page .history-offer-table{min-width:620px}.history-offer-page .history-offer-empty-row{padding:38px 14px!important}}@media screen and (max-width:360px){.history-offer-page{padding:8px}.history-offer-page .history-offer-header-left{gap:8px}.history-offer-page .history-offer-content-card{padding:12px}.history-offer-page .history-offer-tab{font-size:.74rem!important;padding:0 10px!important}.history-offer-page .history-offer-table{min-width:560px}.history-offer-page .history-offer-table td,.history-offer-page .history-offer-table th{font-size:.72rem;padding:9px 10px}.history-offer-page .history-offer-current-tag{padding:6px 10px}}@media screen and (min-width:1600px){.history-offer-page{padding:32px}.history-offer-page .history-offer-content-card{padding:30px 32px}}@media screen and (max-height:600px) and (orientation:landscape){.history-offer-page{gap:12px}.history-offer-page .history-offer-content-card{padding:16px}.history-offer-page .history-offer-grid,.history-offer-page .history-offer-grid-description{gap:12px}.history-offer-page .history-offer-grid .history-offer-card,.history-offer-page .history-offer-grid-description .history-offer-card{grid-column:span 6}.history-offer-page .history-offer-top-left,.history-offer-page .history-offer-top-right{flex:0 0 auto}}@media (hover:none) and (pointer:coarse){.history-offer-page .history-offer-tab:hover{background:#0000!important}.history-offer-page .history-offer-card:hover{transform:none}.history-offer-page .back-arrow:hover{background:#0000!important;transform:none!important}.history-offer-page .history-offer-current-tag:hover{transform:none}}.clients-page{background-color:#fff;border-radius:8px;display:flex;flex-direction:column;gap:24px;height:100%}.clients-page .header-container{align-items:center;display:flex;flex-direction:row;height:4em;padding-top:3px;width:100%;z-index:inherit}.clients-page .reg-header{justify-content:space-between}.clients-page .leftside-title{color:#000;font-size:1.5em;font-weight:700;height:auto;margin:0;text-align:center}.clients-page .main-container{height:auto;overflow-x:auto;width:100%}.clients-page .MuiButtonBase-root{height:auto}.clients-page .MuiDataGrid-root{background-color:#f8f9fa;border:1px solid #ddd;border-radius:8px;overflow-x:auto;width:100%}.clients-page .MuiDataGrid-columnHeaders{background-color:#d6d6d6;border-bottom:2px solid #b0b0b0;color:#424242;font-size:16px;font-weight:700}.clients-page .MuiDataGrid-columnHeaderTitle{color:#000!important;font-weight:700!important}.clients-page .MuiDataGrid-cell{color:#333;font-size:14px}.clients-page .MuiDataGrid-row:hover{background-color:initial}.clients-page .MuiDataGrid-footerContainer{background-color:#f1f1f1}.clients-page .MuiDataGrid-cell--textLeft{color:#000}.clients-page .status-pill{align-items:center;border-radius:20px;color:#fff;display:inline-flex;font-size:13px;font-weight:500;gap:6px;height:32px;justify-content:center;min-width:90px;padding:0 12px}.clients-page .status-active{background:#4caf50}.clients-page .status-inactive{background:#f44336}.clients-page .clients-popup-overlay{align-items:center;background-color:#0006;bottom:0;box-sizing:border-box;display:flex;height:100%;justify-content:center;left:0;position:fixed;right:0;top:0;width:100%;z-index:1000}.clients-page .clients-popup{background-color:#fff;border-radius:10px;box-shadow:0 4px 10px #0000004d;display:flex;flex-direction:column;height:auto;margin:0 auto;max-height:95vh;max-width:95%;min-width:280px;overflow-x:hidden;overflow-y:auto;padding:20px;position:relative;scrollbar-color:#888 #f1f1f1;scrollbar-width:thin;width:auto;width:500px}.clients-page .clients-popup::-webkit-scrollbar{width:8px}.clients-page .clients-popup::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.clients-page .clients-popup::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.clients-page .clients-popup::-webkit-scrollbar-thumb:hover{background:#555}.clients-page .clients-popup-form{display:flex;flex-direction:column;gap:1rem;max-height:85vh;overflow-y:auto;padding-right:5px}.clients-page .clients-popup-form label{color:#333;display:flex;flex-direction:column;font-family:Arial,sans-serif;font-size:14px;font-weight:600}.clients-page .clients-popup-form input,.clients-page .clients-popup-form select,.clients-page .clients-popup-form textarea{background-color:#fff;border:1px solid #ecedec;border-radius:10px;box-sizing:border-box;font-family:Arial,sans-serif;font-size:14px;margin-top:5px;padding:10px 12px;width:100%}.clients-page .clients-popup-form input:focus,.clients-page .clients-popup-form select:focus,.clients-page .clients-popup-form textarea:focus{border:1px solid #000;outline:none}.clients-page .clients-popup-form .full-width{grid-column:span 2}.clients-page .clients-popup-buttons{display:flex;gap:10px;justify-content:flex-end;margin-top:1rem}.clients-page .clients-btn-close,.clients-page .clients-btn-submit{border:none;border-radius:8px;cursor:pointer;font-size:12px;padding:10px 20px}.clients-page .clients-btn-close{background-color:#6c757d;color:#fff}.clients-page .clients-btn-submit{background-color:#28a745;color:#fff}.clients-page .clients-btn-close:hover{background-color:#899197}.clients-page .clients-btn-submit:hover{background-color:#53b86a}.clients-page button:disabled{cursor:not-allowed;opacity:.5}.clients-page .error-message{color:red;font-size:12px;margin-top:2px}.clients-page .client-star-required{color:red;display:inline;margin-left:1px}.clients-page .form-group-row{align-items:flex-end;display:flex;gap:5px;margin-bottom:5px;margin-top:3px!important}.clients-page .label{color:#333;display:block;font-weight:500;line-height:1;margin-bottom:3px!important}.clients-page .multiselect-field{width:100%}.clients-page .button.add-contact{background-color:#007bff;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;margin-top:25px;padding:10px 20px;transition:background-color .3s}.clients-page .button.add-contact:hover{background-color:#5993ff}.clients-page .add-client-page{background-color:#f8f9fa;min-height:calc(100vh - 60px);padding:20px}.clients-page .add-client-form{background-color:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;margin-top:20px;padding:30px}.clients-page .form-section{border-bottom:1px solid #e0e0e0;margin-bottom:40px;padding-bottom:30px}.clients-page .form-section:last-child{border-bottom:none;margin-bottom:20px}.clients-page .form-section h3{color:#333;font-size:18px;font-weight:600;margin-bottom:20px}.clients-page .form-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.clients-page .form-group.full-width{grid-column:1/-1}.clients-page .back-button-container,.clients-page .section-header{align-items:center;display:flex}.clients-page .section-header{justify-content:space-between;margin-bottom:20px}.clients-page .section-header h3{margin-bottom:0}.clients-page .contacts-container{background-color:#f8f9fa;border-radius:8px;padding:20px}.clients-page .contacts-list{margin-top:30px}.clients-page .contacts-list h4{color:#555;font-size:16px;font-weight:500;margin-bottom:15px}.clients-page .contacts-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.clients-page .contact-card{background-color:#fff;border:1px solid #e0e0e0;border-radius:6px;padding:15px;transition:transform .2s,box-shadow .2s}.clients-page .contact-card:hover{box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.clients-page .contact-info{display:flex;flex-direction:column;gap:5px}.clients-page .contact-name{color:#333;font-size:14px;font-weight:600}.clients-page .contact-position{color:#666;font-size:13px}.clients-page .contact-email,.clients-page .contact-phone{color:#888;font-size:12px}.clients-page .form-actions{border-top:1px solid #e0e0e0;display:flex;gap:15px;justify-content:flex-end;margin-top:20px;padding-top:30px}@media screen and (max-width:600px){.clients-page .leftside-title{font-size:1.1em}}@media screen and (max-width:400px){.clients-page .leftside-title{font-size:.9em}}@media screen and (max-width:500px){.clients-page .clients-popup{min-width:260px;padding:15px;width:95%}.clients-page .form-group-row{align-items:stretch;flex-direction:column;gap:10px}.clients-page .button.add-contact{margin-left:0!important;margin-top:0!important;width:100%}.clients-page .clients-popup-buttons{flex-direction:column-reverse;gap:10px}.clients-page .clients-btn-close,.clients-page .clients-btn-submit{margin:0;text-align:center;width:100%}.clients-page .clients-popup-form input,.clients-page .clients-popup-form select{font-size:14px;padding:8px}}@media screen and (min-width:320px) and (max-width:400px){.clients-page .clients-popup{min-width:300px;padding:12px}.clients-page .button.add-contact{overflow:hidden;padding:10px;text-overflow:ellipsis;white-space:nowrap}.clients-page .multiselect-field,.clients-page .select-field{width:100%}}@media screen and (max-height:500px) and (orientation:landscape){.clients-page .clients-popup{max-height:90vh;padding:10px}.clients-page .clients-popup-form{gap:.5rem}}@media screen and (max-width:320px){.clients-page .header-container{align-items:center;flex-direction:column;gap:10px;height:auto}}.add-client-contacts-dialog{background-color:initial;border-radius:0;box-shadow:none;font-family:Arial,sans-serif;padding:10px}.add-client-contacts-dialog,.add-client-contacts-dialog *,.add-client-contacts-dialog .MuiDialogActions-root,.add-client-contacts-dialog .MuiDialogContent-root,.add-client-contacts-dialog .MuiDialogTitle-root,.add-client-contacts-dialog .MuiTypography-root,.add-client-contacts-dialog .accd-header-title,.add-client-contacts-dialog .accd-input,.add-client-contacts-dialog .accd-label,.add-client-contacts-dialog .accd-react-select__control,.add-client-contacts-dialog .accd-react-select__option,.add-client-contacts-dialog .accd-react-select__placeholder,.add-client-contacts-dialog .accd-react-select__single-value,.add-client-contacts-dialog button,.add-client-contacts-dialog input,.add-client-contacts-dialog textarea{font-family:Arial,sans-serif!important}.add-client-contacts-dialog .MuiDialog-paper{animation:addClientContactsDialogFadeIn .3s ease-out;border-radius:20px!important;box-shadow:0 25px 50px -12px #00000040!important;overflow:hidden!important}@keyframes addClientContactsDialogFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.add-client-contacts-dialog .accd-title{background:linear-gradient(135deg,#fff,#f8fafc);border-bottom:1px solid #e5e7eb;padding:20px 24px 16px}.add-client-contacts-dialog .accd-header-title{color:#1e293b;display:inline-block;font-size:20px;font-weight:700;letter-spacing:.4px;text-transform:uppercase}.add-client-contacts-dialog .accd-content{background:#fff;padding:20px!important;position:relative}.add-client-contacts-dialog .accd-form{display:flex;flex-direction:column}.add-client-contacts-dialog .accd-form-group{animation:addClientContactsDialogSlideIn .3s ease-out forwards;display:flex;flex-direction:column;gap:8px;opacity:0;padding-top:12px;transform:translateX(-10px)}.add-client-contacts-dialog .accd-form-group:first-child{animation-delay:.05s}.add-client-contacts-dialog .accd-form-group:nth-child(2){animation-delay:.1s}.add-client-contacts-dialog .accd-form-group:nth-child(3){animation-delay:.15s}.add-client-contacts-dialog .accd-form-group:nth-child(4){animation-delay:.2s}.add-client-contacts-dialog .accd-form-group:nth-child(5){animation-delay:.25s}.add-client-contacts-dialog .accd-form-group:nth-child(6){animation-delay:.3s}@keyframes addClientContactsDialogSlideIn{to{opacity:1;transform:translateX(0)}}.add-client-contacts-dialog .accd-label{align-items:center;color:#334155;display:flex;font-size:13px;font-weight:600;gap:4px;letter-spacing:.3px;text-align:left}.add-client-contacts-dialog .accd-label span[style*="color: red"]{animation:addClientContactsDialogPulse 2s infinite}@keyframes addClientContactsDialogPulse{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.add-client-contacts-dialog .accd-input{background:#fff;border:1.5px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 4px #00000005;box-sizing:border-box;font-size:14px;height:40px!important;outline:none;padding:8px 12px!important;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.add-client-contacts-dialog .accd-input:focus,.add-client-contacts-dialog .accd-input:focus-visible{border-color:#3b82f6!important;box-shadow:0 0 0 4px #3b82f61a,0 4px 8px -4px #3b82f64d!important;transform:translateY(-1px)}.add-client-contacts-dialog .accd-input:hover{border-color:#3b82f6}.add-client-contacts-dialog .accd-input:disabled,.add-client-contacts-dialog .accd-input[readOnly],.add-client-contacts-dialog .accd-input[readonly]{background-color:#f5f5f5!important;background:#f5f5f5!important;border-color:#e0e0e0!important;color:#666!important;cursor:default;opacity:1}.add-client-contacts-dialog .accd-input:disabled:focus,.add-client-contacts-dialog .accd-input[readOnly]:focus,.add-client-contacts-dialog .accd-input[readonly]:focus{box-shadow:none!important;transform:none}.add-client-contacts-dialog .accd-react-select__control{background:#fff!important;border:1.5px solid #e2e8f0!important;border-radius:12px!important;box-shadow:0 2px 4px #00000005!important;min-height:40px!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important}.add-client-contacts-dialog .accd-react-select__control:hover{border-color:#3b82f6!important}.add-client-contacts-dialog .accd-react-select__control--is-focused{border-color:#3b82f6!important;box-shadow:0 0 0 4px #3b82f61a,0 4px 8px -4px #3b82f64d!important}.add-client-contacts-dialog .accd-react-select__control--is-disabled{background-color:#f5f5f5!important;background:#f5f5f5!important;border-color:#e0e0e0!important;cursor:not-allowed!important;opacity:1!important}.add-client-contacts-dialog .accd-react-select__value-container{min-height:38px!important;padding:0 8px!important}.add-client-contacts-dialog .accd-react-select__single-value{color:#1e293b!important;font-size:14px;font-weight:500}.add-client-contacts-dialog .accd-react-select__placeholder{color:#94a3b8!important;font-size:14px}.add-client-contacts-dialog .accd-react-select__input-container{color:#1e293b!important}.add-client-contacts-dialog .accd-react-select__indicators{min-height:38px!important}.add-client-contacts-dialog .accd-react-select__indicator-separator{background-color:#e2e8f0!important}.add-client-contacts-dialog .accd-react-select__menu{border-radius:12px!important;box-shadow:0 20px 30px -10px #0003,0 0 0 1px #3b82f61a!important;overflow:hidden!important;z-index:20000!important}.add-client-contacts-dialog .accd-react-select__menu-list{padding:6px 0!important}.add-client-contacts-dialog .accd-react-select__option{font-size:14px;padding:10px 14px!important;transition:all .2s ease!important}.add-client-contacts-dialog .accd-react-select__option--is-focused{background:linear-gradient(90deg,#f0f9ff,#e6f0fe)!important}.add-client-contacts-dialog .accd-react-select__option--is-selected{background:linear-gradient(135deg,#3b82f6,#2563eb)!important;color:#fff!important}.add-client-contacts-dialog .accd-field-error{align-items:center;animation:addClientContactsDialogShake .5s ease-in-out;color:#ef4444;display:flex;font-size:12px;font-weight:500;gap:4px;margin-bottom:4px;margin-top:-6px;padding-left:8px;text-align:left}.add-client-contacts-dialog .accd-field-error:before{content:"⚠️";font-size:10px}@keyframes addClientContactsDialogShake{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}.add-client-contacts-dialog .accd-submit-error{animation:addClientContactsDialogSlideInError .3s ease-out;background:linear-gradient(135deg,#fee2e2,#fecaca);border-left:4px solid #ef4444;border-radius:12px;box-shadow:0 4px 10px -4px #ef444433;color:#b91c1c;font-size:13px;font-weight:500;margin-top:16px;padding:12px 16px}@keyframes addClientContactsDialogSlideInError{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.add-client-contacts-dialog .accd-input.accd-input-error{animation:addClientContactsDialogErrorPulse .5s ease-out;background-color:#fff8f8!important;border-color:#ef4444!important;box-shadow:0 0 0 2px #ef44441a!important}.add-client-contacts-dialog .accd-input.accd-input-error:hover{border-color:#dc2626!important;box-shadow:0 0 0 3px #ef444426!important;transform:translateY(-1px)}.add-client-contacts-dialog .accd-input.accd-input-error:focus,.add-client-contacts-dialog .accd-input.accd-input-error:focus-visible{border-color:#ef4444!important;box-shadow:0 0 0 4px #ef444433!important}@keyframes addClientContactsDialogErrorPulse{0%{box-shadow:0 0 0 0 #ef444466;transform:scale(1)}50%{box-shadow:0 0 0 4px #ef444433;transform:scale(1.01)}to{box-shadow:0 0 0 0 #ef444400;transform:scale(1)}}.add-client-contacts-dialog .accd-actions{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-top:1px solid #e5e7eb;padding:20px 24px}.add-client-contacts-dialog .accd-btn{border:none;border-radius:14px;cursor:pointer;font-size:12px;font-weight:600;height:40px;letter-spacing:.5px;min-width:120px;overflow:hidden;padding:10px 20px;position:relative;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1)!important}.add-client-contacts-dialog .accd-btn-cancel{background-color:#6c757d;border:none;box-shadow:0 4px 10px -4px #6c757d66;color:#fff}.add-client-contacts-dialog .accd-btn-cancel:hover{background-color:#5a6268;box-shadow:0 10px 20px -8px #6c757d99;transform:translateY(-2px)}.add-client-contacts-dialog .accd-btn-create{background-color:#28a745;border:none;box-shadow:0 4px 10px -4px #28a74566;color:#fff}.add-client-contacts-dialog .accd-btn-create:hover{background-color:#218838;box-shadow:0 10px 20px -8px #28a74599;transform:translateY(-2px)}.add-client-contacts-dialog .accd-btn:disabled{box-shadow:none!important;cursor:not-allowed;opacity:.7;transform:none!important}.add-client-contacts-dialog ::-webkit-scrollbar{height:8px;width:8px}.add-client-contacts-dialog ::-webkit-scrollbar-track{background:#f1f5f9;border-radius:10px}.add-client-contacts-dialog ::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#cbd5e1,#94a3b8);border:2px solid #f1f5f9;border-radius:10px}.add-client-contacts-dialog ::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#94a3b8,#64748b)}.add-client-contacts-dialog :focus-visible{outline:none}@media (max-width:600px){.add-client-contacts-dialog .accd-actions{flex-direction:column-reverse;gap:10px}.add-client-contacts-dialog .accd-btn{margin:0!important;width:100%}.add-client-contacts-dialog .accd-form-group{animation:none;opacity:1;transform:none}}.add-client-dialog{background-color:initial;border-radius:0;box-shadow:none;font-family:Arial,sans-serif;padding:10px}.add-client-dialog,.add-client-dialog *,.add-client-dialog .MuiDialogActions-root,.add-client-dialog .MuiDialogContent-root,.add-client-dialog .MuiDialogTitle-root,.add-client-dialog .MuiTypography-root,.add-client-dialog .acd-header-title,.add-client-dialog .acd-input,.add-client-dialog .acd-label,.add-client-dialog .acd-react-select__control,.add-client-dialog .acd-react-select__option,.add-client-dialog .acd-react-select__placeholder,.add-client-dialog .acd-react-select__single-value,.add-client-dialog button,.add-client-dialog input,.add-client-dialog select,.add-client-dialog textarea{font-family:Arial,sans-serif!important}.add-client-dialog .MuiDialog-paper{animation:addClientDialogFadeIn .3s ease-out;border-radius:20px!important;box-shadow:0 25px 50px -12px #00000040!important;overflow:hidden!important}@keyframes addClientDialogFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.add-client-dialog .acd-title{background:linear-gradient(135deg,#fff,#f8fafc);border-bottom:1px solid #e5e7eb;padding:20px 24px 16px}.add-client-dialog .acd-header-title{color:#1e293b;display:inline-block;font-size:20px;font-weight:700;letter-spacing:.4px;text-transform:uppercase}.add-client-dialog .acd-content{background:#fff;padding:20px!important;position:relative}.add-client-dialog .acd-form{display:flex;flex-direction:column}.add-client-dialog .acd-form-group{animation:addClientDialogSlideIn .3s ease-out forwards;display:flex;flex-direction:column;gap:8px;opacity:0;padding-top:12px;transform:translateX(-10px)}.add-client-dialog .acd-form-group:first-child{animation-delay:.05s}.add-client-dialog .acd-form-group:nth-child(2){animation-delay:.1s}.add-client-dialog .acd-form-group:nth-child(3){animation-delay:.15s}.add-client-dialog .acd-form-group:nth-child(4){animation-delay:.2s}.add-client-dialog .acd-form-group:nth-child(5){animation-delay:.25s}.add-client-dialog .acd-form-group:nth-child(6){animation-delay:.3s}.add-client-dialog .acd-form-group:nth-child(7){animation-delay:.35s}@keyframes addClientDialogSlideIn{to{opacity:1;transform:translateX(0)}}.add-client-dialog .acd-label{align-items:center;color:#334155;display:flex;flex-wrap:wrap;font-size:13px;font-weight:600;gap:4px;letter-spacing:.3px;text-align:left}.add-client-dialog .acd-label-hint{color:#64748b;font-size:11px;font-weight:500;margin-left:4px}.add-client-dialog .acd-label span[style*="color: red"]{animation:addClientDialogPulse 2s infinite}@keyframes addClientDialogPulse{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.add-client-dialog .acd-input{background:#fff;border:1.5px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 4px #00000005;box-sizing:border-box;font-size:14px;height:40px!important;outline:none;padding:8px 12px!important;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.add-client-dialog .acd-input:focus,.add-client-dialog .acd-input:focus-visible{border-color:#3b82f6!important;box-shadow:0 0 0 4px #3b82f61a,0 4px 8px -4px #3b82f64d!important;transform:translateY(-1px)}.add-client-dialog .acd-input:hover{border-color:#3b82f6}.add-client-dialog .acd-input:disabled,.add-client-dialog .acd-react-select__control--is-disabled{background:linear-gradient(135deg,#f8fafc,#f1f5f9)!important;cursor:not-allowed;filter:grayscale(30%);opacity:.7}.add-client-dialog .acd-react-select__control{border:1.5px solid #e2e8f0!important;border-radius:12px!important;box-shadow:0 2px 4px #00000005!important;min-height:40px!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important}.add-client-dialog .acd-react-select__control:hover{border-color:#3b82f6!important}.add-client-dialog .acd-react-select__control--is-focused{border-color:#3b82f6!important;box-shadow:0 0 0 4px #3b82f61a,0 4px 8px -4px #3b82f64d!important}.add-client-dialog .acd-react-select__value-container{min-height:38px!important;padding:0 8px!important}.add-client-dialog .acd-react-select__single-value{color:#1e293b!important;font-size:14px;font-weight:500}.add-client-dialog .acd-react-select__placeholder{color:#94a3b8!important;font-size:14px}.add-client-dialog .acd-react-select__menu{border-radius:12px!important;box-shadow:0 20px 30px -10px #0003,0 0 0 1px #3b82f61a!important;overflow:hidden!important}.add-client-dialog .acd-react-select__option{padding:10px 14px!important;transition:all .2s ease!important}.add-client-dialog .acd-react-select__option--is-focused{background:linear-gradient(90deg,#f0f9ff,#e6f0fe)!important}.add-client-dialog .acd-react-select__option--is-selected{background:linear-gradient(135deg,#3b82f6,#2563eb)!important;color:#fff!important}.add-client-dialog .acd-contact-row{align-items:flex-end;display:flex;gap:10px}.add-client-dialog .acd-contact-select{flex:1 1}.add-client-dialog .acd-field-error{align-items:center;animation:addClientDialogShake .5s ease-in-out;color:#ef4444;display:flex;font-size:12px;font-weight:500;gap:4px;margin-bottom:4px;margin-top:-6px;padding-left:8px;text-align:left}.add-client-dialog .acd-field-error:before{content:"⚠️";font-size:10px}@keyframes addClientDialogShake{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}.add-client-dialog .acd-submit-error{background:linear-gradient(135deg,#fee2e2,#fecaca);border-left:4px solid #ef4444;border-radius:12px;box-shadow:0 4px 10px -4px #ef444433;color:#b91c1c;font-size:13px;font-weight:500;margin-top:16px;padding:12px 16px}.add-client-dialog .acd-input.acd-input-error{background-color:#fff8f8!important;border-color:#ef4444!important;box-shadow:0 0 0 2px #ef44441a!important}.add-client-dialog .acd-input.acd-input-error:focus,.add-client-dialog .acd-input.acd-input-error:focus-visible{border-color:#ef4444!important;box-shadow:0 0 0 4px #ef444433!important}.add-client-dialog .acd-select-error .acd-react-select__control{background-color:#fff8f8!important;border-color:#ef4444!important;box-shadow:0 0 0 2px #ef44441a!important}.add-client-dialog .acd-select-error .acd-react-select__control--is-focused{border-color:#ef4444!important;box-shadow:0 0 0 4px #ef444433!important}.add-client-dialog .acd-actions{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-top:1px solid #e5e7eb;padding:20px 24px}.add-client-dialog .acd-btn{border:none;border-radius:14px;cursor:pointer;font-size:12px;font-weight:600;height:40px;letter-spacing:.5px;min-width:120px;padding:10px 20px;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1)!important}.add-client-dialog .acd-btn-cancel{background-color:#6c757d;box-shadow:0 4px 10px -4px #6c757d66;color:#fff}.add-client-dialog .acd-btn-cancel:hover{background-color:#5a6268;box-shadow:0 10px 20px -8px #6c757d99;transform:translateY(-2px)}.add-client-dialog .acd-btn-add-contact,.add-client-dialog .acd-btn-create{background-color:#28a745;box-shadow:0 4px 10px -4px #28a74566;color:#fff}.add-client-dialog .acd-btn-add-contact:hover,.add-client-dialog .acd-btn-create:hover{background-color:#218838;box-shadow:0 10px 20px -8px #28a74599;transform:translateY(-2px)}.add-client-dialog .acd-btn:disabled{box-shadow:none!important;cursor:not-allowed;opacity:.7;transform:none!important}.add-client-dialog ::-webkit-scrollbar{height:8px;width:8px}.add-client-dialog ::-webkit-scrollbar-track{background:#f1f5f9;border-radius:10px}.add-client-dialog ::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#cbd5e1,#94a3b8);border:2px solid #f1f5f9;border-radius:10px}.add-client-dialog ::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#94a3b8,#64748b)}.add-client-dialog :focus-visible{outline:none}@media (max-width:600px){.add-client-dialog .acd-actions{flex-direction:column-reverse;gap:10px}.add-client-dialog .acd-btn{margin:0!important;width:100%}.add-client-dialog .acd-form-group{animation:none;opacity:1;transform:none}.add-client-dialog .acd-contact-row{align-items:stretch;flex-direction:column}}.client-contacts-modal{font-family:Arial,sans-serif}.client-contacts-modal__overlay{align-items:center;background-color:#00000080;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.client-contacts-modal__popup{animation:client-contacts-modal-slide-in .3s ease-out;background-color:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;display:flex;flex-direction:column;max-height:100vh;max-width:1000px;width:100%}@keyframes client-contacts-modal-slide-in{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.client-contacts-modal__header{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:20px 24px}.client-contacts-modal__title{color:#333;font-size:1.5rem;margin:0}.client-contacts-modal__close{align-items:center;background:none;border:none;border-radius:4px;color:#666;cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;padding:0;transition:background-color .2s ease;width:32px}.client-contacts-modal__close:hover{background-color:#f0f0f0;color:#333}.client-contacts-modal__content{max-height:calc(90vh - 140px);overflow-y:auto;padding:24px}.client-contacts-modal__table{border-collapse:collapse;width:100%}.client-contacts-modal__table th{background-color:#f8f9fa;border-bottom:2px solid #dee2e6;color:#495057;font-weight:600;padding:12px;text-align:left}.client-contacts-modal__table td{border-bottom:1px solid #e9ecef;padding:12px}.client-contacts-modal__table tr:hover{background-color:#f8f9fa}.client-contacts-modal__status-badge{border-radius:12px;display:inline-block;font-size:.85rem;font-weight:500;min-width:60px;padding:4px 8px;text-align:center}.client-contacts-modal__status-badge--active{background-color:#4caf50;color:#fff}.client-contacts-modal__status-badge--inactive{background-color:#f44336;color:#fff}.client-contacts-modal__empty{color:#6c757d;font-size:1.1rem;padding:40px 20px;text-align:center}.client-contacts-modal__footer{border-top:1px solid #e0e0e0;display:flex;justify-content:flex-end;padding:16px 24px}.client-contacts-modal__button-close{background-color:#6c757d;border:none;border-radius:14px;box-shadow:0 4px 10px -4px #6c757d66;color:#fff;cursor:pointer;font-size:12px;font-weight:600;height:40px;letter-spacing:.5px;min-width:120px;padding:10px 20px;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1)!important}.client-contacts-modal__button-close:hover{background-color:#5a6268;box-shadow:0 10px 20px -8px #6c757d99;transform:translateY(-2px)}@media (max-width:768px){.client-contacts-modal__popup{max-width:none;width:95%}.client-contacts-modal__table{font-size:.9rem}.client-contacts-modal__table td,.client-contacts-modal__table th{padding:8px}}.client-delete-dialog,.client-delete-dialog *{font-family:Arial,Helvetica,sans-serif!important}.client-delete-dialog .MuiDialog-paper{animation:clientDeleteDialogSlideUp .3s ease-out;background:linear-gradient(135deg,#fff,#fafafa);border-radius:16px!important;box-shadow:0 25px 50px -12px #00000040!important;max-width:480px;width:100%}@keyframes clientDeleteDialogSlideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.client-delete-dialog .cld-header{border-bottom:1px solid #00000014;margin:0;padding:24px 24px 16px}.client-delete-dialog .cld-header-content{align-items:center;display:flex;font-size:20px;justify-content:space-between}.client-delete-dialog .cld-title-section{align-items:center;display:flex;gap:12px}.client-delete-dialog .cld-warning-icon{animation:clientDeleteDialogPulse 2s infinite;color:#f59e0b;font-size:28px}@keyframes clientDeleteDialogPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.client-delete-dialog .cld-title{color:#1e293b;font-size:22px!important;font-weight:600!important;letter-spacing:-.02em;line-height:1.3}.client-delete-dialog .cld-close-btn{background:#f1f5f9;color:#64748b;transition:all .2s ease}.client-delete-dialog .cld-close-btn:hover{background:#e2e8f0;color:#334155;transform:rotate(90deg)}.client-delete-dialog .cld-content{font-size:15px;line-height:1.5;padding:24px!important}.client-delete-dialog .cld-error-alert{background:linear-gradient(135deg,#fef2f2,#fee2e2);border:1px solid #fecaca;border-radius:12px;padding:16px}.client-delete-dialog .cld-error-alert .MuiAlert-icon{color:#dc2626;font-size:24px}.client-delete-dialog .cld-error-message{color:#991b1b;font-size:14px;line-height:1.5;margin-top:4px}.client-delete-dialog .cld-confirm-content{display:flex;flex-direction:column;gap:20px}.client-delete-dialog .cld-client-container{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px dashed #cbd5e1;border-radius:12px;padding:8px;text-align:center;transition:all .2s ease}.client-delete-dialog .cld-client-container:hover{background:#f1f5f9;border-color:#94a3b8}.client-delete-dialog .cld-client-label{color:#64748b;font-size:12px;font-weight:500;letter-spacing:.05em;margin-bottom:8px;text-transform:uppercase}.client-delete-dialog .cld-client-value{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000000d;color:#0f172a;display:inline-block;font-size:15px;font-weight:700!important;max-width:100%;padding:8px 16px;word-break:break-word}.client-delete-dialog .cld-warning-text{background:#fee2e2;border-left:4px solid #dc2626;border-radius:8px;color:#b91c1c;font-size:14px;font-weight:500;line-height:1.5;padding:12px;text-align:center}.client-delete-dialog .cld-consequences{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:16px}.client-delete-dialog .cld-consequence-item{border-bottom:1px solid #e2e8f0;color:#334155;font-size:14px;line-height:1.45;padding:8px 0}.client-delete-dialog .cld-consequence-item:last-child{border-bottom:none}.client-delete-dialog .cld-actions{background:#fff;border-top:1px solid #00000014;display:flex;gap:12px;padding:16px 24px 24px!important}.client-delete-dialog .cld-btn{border-radius:8px!important;font-size:14px!important;font-weight:600!important;height:44px;letter-spacing:.02em;min-width:120px;text-transform:none!important;transition:all .2s ease!important}.client-delete-dialog .cld-btn-cancel{background:#5a6268!important;border:2px solid #e2e8f0!important;color:#fff!important}.client-delete-dialog .cld-btn-cancel:hover{box-shadow:0 4px 8px #0000000d!important;transform:translateY(-2px)}.client-delete-dialog .cld-btn-delete{background:linear-gradient(135deg,#dc2626,#b91c1c)!important;border:none!important;box-shadow:0 4px 12px #dc26264d!important;color:#fff!important}.client-delete-dialog .cld-btn-delete:hover{background:linear-gradient(135deg,#b91c1c,#991b1b)!important;box-shadow:0 6px 16px #dc262666!important;transform:translateY(-2px)}.client-delete-dialog .cld-btn-delete:active{box-shadow:0 2px 8px #dc26264d!important;transform:translateY(0)}.client-delete-dialog .cld-btn-ok{background:linear-gradient(135deg,#3b82f6,#2563eb)!important;border:none!important;box-shadow:0 4px 12px #3b82f64d!important;color:#fff!important}.client-delete-dialog .cld-btn-ok:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8)!important;box-shadow:0 6px 16px #3b82f666!important;transform:translateY(-2px)}@media (max-width:768px){.client-delete-dialog .MuiDialog-paper{margin:16px;max-width:calc(100% - 32px)}.client-delete-dialog .cld-header{padding:20px 20px 14px}.client-delete-dialog .cld-content{font-size:14px;padding:20px!important}.client-delete-dialog .cld-actions{padding:14px 20px 20px!important}.client-delete-dialog .cld-title{font-size:20px!important}.client-delete-dialog .cld-header-content{font-size:18px}.client-delete-dialog .cld-warning-icon{font-size:24px}.client-delete-dialog .cld-client-value{font-size:14px;padding:8px 14px}.client-delete-dialog .cld-consequence-item,.client-delete-dialog .cld-error-message,.client-delete-dialog .cld-warning-text{font-size:13px}.client-delete-dialog .cld-btn{font-size:13px!important;height:42px}}@media (max-width:600px){.client-delete-dialog .MuiDialog-paper{border-radius:14px!important;margin:12px;max-width:calc(100% - 24px)}.client-delete-dialog .cld-header{padding:16px 16px 12px}.client-delete-dialog .cld-content{font-size:13px;padding:16px!important}.client-delete-dialog .cld-actions{flex-direction:column-reverse;gap:10px;padding:12px 16px 16px!important}.client-delete-dialog .cld-title{font-size:18px!important}.client-delete-dialog .cld-header-content{font-size:16px}.client-delete-dialog .cld-title-section{gap:8px}.client-delete-dialog .cld-warning-icon{font-size:22px}.client-delete-dialog .cld-client-label{font-size:11px}.client-delete-dialog .cld-client-value{font-size:13px;padding:7px 12px}.client-delete-dialog .cld-consequence-item,.client-delete-dialog .cld-error-message,.client-delete-dialog .cld-warning-text{font-size:12px;line-height:1.4}.client-delete-dialog .cld-consequences{padding:12px}.client-delete-dialog .cld-confirm-content{gap:16px}.client-delete-dialog .cld-btn{font-size:13px!important;height:40px;min-width:100%;width:100%}}@media (max-width:400px){.client-delete-dialog .MuiDialog-paper{margin:8px;max-width:calc(100% - 16px)}.client-delete-dialog .cld-header{padding:14px 14px 10px}.client-delete-dialog .cld-content{font-size:12px;padding:14px!important}.client-delete-dialog .cld-actions{padding:10px 14px 14px!important}.client-delete-dialog .cld-title{font-size:16px!important}.client-delete-dialog .cld-header-content{font-size:15px}.client-delete-dialog .cld-warning-icon{font-size:20px}.client-delete-dialog .cld-client-value{font-size:12px;padding:6px 10px}.client-delete-dialog .cld-consequence-item,.client-delete-dialog .cld-error-message,.client-delete-dialog .cld-warning-text{font-size:11px}.client-delete-dialog .cld-btn{font-size:12px!important;height:38px}}.opportunities_page{--field-height:40px;--field-font:14px;--label-font:14px;--radius:8px;--border:1px solid #ccc;--focus:#1976d2;--gap:10px;color:#333;font-family:Arial,sans-serif;font-size:var(--field-font)}.opportunities_page .opportunities-header-container{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.opportunities_page .opportunities-content-container{display:flex;flex-direction:column;height:100vh}.opportunities_page .opportunities-actions{display:flex;flex-grow:1;gap:10px;justify-content:flex-end}.opportunities_page .opportunities-header h2{font-size:1.5rem;margin:0}.opportunities_page .opportunities-box{height:400px;width:100%}.opportunities_page .opportunities-datagrid{border:none}.opportunities_page .opportunities-action-button{line-height:0;margin:0;min-width:0;padding:0}.opportunities_page .opportunities-box-subcontainer{height:100%;max-height:80vh;overflow-y:auto}.opportunities_page .opportunities-datagrid-subsubcontainer{border-radius:10px;height:auto;overflow:hidden;width:100%}.opportunities_page .opportunities-page{height:100%;overflow:hidden;position:relative;width:100%}.opportunities_page .opportunities-page .MuiDataGrid-root{border-radius:10px;overflow:hidden;width:100%}.opportunities_page .opportunities-datagrid .MuiDataGrid-columnHeaders{border-bottom:2px solid #d3d3d3}.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 .MuiDataGrid-cell{word-wrap:break-word!important;height:auto!important;line-height:1.5!important;white-space:normal!important}.opportunities_page .opportunities-datagrid .MuiDataGrid-footerContainer{background-color:#f1f1f1}.opportunities_page .opportunities-popup-overlay{align-items:center;background-color:#0006;display:flex;height:100vh;inset:0;justify-content:center;overflow:hidden;position:fixed;width:100vw;z-index:1000}.opportunities_page .opportunities-popup{background-color:#fff;border-radius:10px;box-shadow:0 4px 10px #0000004d;max-height:90vh;max-width:700px;min-width:320px;overflow-y:auto;padding:15px;width:90%}.opportunities_page .popup-header h2{margin:10px 0 20px}.opportunities_page .opportunities-popup-form{grid-gap:var(--gap);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr}.opportunities_page .opportunities-popup-form .full-width{grid-column:span 2}.opportunities_page .opportunities-popup-form label{color:#333;display:flex;flex-direction:column;font-size:var(--label-font);font-weight:600;margin-top:3px}.opportunities_page .react-datepicker__input-container input,.opportunities_page .react-select__control,.opportunities_page .react-select__input-container,.opportunities_page .react-select__placeholder,.opportunities_page .react-select__single-value,.opportunities_page input,.opportunities_page select,.opportunities_page textarea{box-sizing:border-box;color:inherit;font-family:inherit;font-size:var(--field-font);line-height:1.4}.opportunities_page .opportunities-popup-form input,.opportunities_page .opportunities-popup-form select,.opportunities_page .opportunities-popup-form textarea,.opportunities_page .react-datepicker__input-container input{background:#fff;border:var(--border);border-radius:var(--radius);margin-top:2px;width:100%}.opportunities_page .opportunities-popup-form input,.opportunities_page .opportunities-popup-form select,.opportunities_page .react-datepicker__input-container input{height:var(--field-height);padding:8px 12px}.opportunities_page .opportunities-popup-form textarea{min-height:90px;padding:8px 12px;resize:vertical}.opportunities_page .opportunities-popup-form input:focus,.opportunities_page .opportunities-popup-form input:focus-visible,.opportunities_page .opportunities-popup-form textarea:focus,.opportunities_page .opportunities-popup-form textarea:focus-visible,.opportunities_page .react-datepicker__input-container input:focus,.opportunities_page .react-datepicker__input-container input:focus-visible{border-color:var(--focus)!important;box-shadow:none!important;outline:none!important}.opportunities_page .react-select__control{border:var(--border);border-radius:var(--radius);box-shadow:none;height:var(--field-height);min-height:var(--field-height)}.opportunities_page .react-select__value-container{align-items:center;display:flex;height:var(--field-height);padding:0 12px}.opportunities_page .react-select__indicators{height:var(--field-height)}.opportunities_page .react-select__indicator{padding:0 8px}.opportunities_page .react-select__single-value{color:#333;font-weight:400}.opportunities_page .react-select__placeholder{color:#9e9e9e;font-weight:400;opacity:1}.opportunities_page .react-select__input-container{margin:0;padding:0}.opportunities_page .react-select__control--menu-is-open .react-select__placeholder{display:none}.opportunities_page .react-select__control--is-focused,.opportunities_page .react-select__control--menu-is-open{border-color:var(--focus)!important;box-shadow:none!important}.opportunities_page .react-select__menu{border-radius:10px;overflow:hidden;z-index:2000}.opportunities_page .react-select__option{font-family:inherit;font-size:var(--field-font);font-weight:400}.opportunities_page .datepicker-container{padding-bottom:5px;position:relative;width:100%}.opportunities_page .opportunities-datepicker .datepicker-input{border:var(--border);border-radius:var(--radius);box-sizing:border-box;font-size:var(--field-font);height:var(--field-height);padding:8px 40px 8px 12px;width:100%}.opportunities_page .opportunities-datepicker .calendar-icon{color:#666;pointer-events:none;position:absolute;right:12px;top:65%;transform:translateY(-50%)}.opportunities_page .react-datepicker-wrapper,.opportunities_page .react-datepicker__input-container{width:100%}.opportunities_page .opportunities-popup-buttons{display:flex;gap:10px;grid-column:span 2;justify-content:flex-end;margin-top:5px}.opportunities_page .opportunities-btn-close,.opportunities_page .opportunities-btn-submit{border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:12px;padding:10px 20px}.opportunities_page .opportunities-btn-close{background-color:#6c757d}.opportunities_page .opportunities-btn-submit{background-color:#28a745}.opportunities_page .opportunities-btn-close:hover,.opportunities_page .opportunities-btn-submit:hover{opacity:.8}.opportunities_page .opportunities-star-required{color:red;display:inline;margin-left:1px}.opportunities_page .chance-materialization-blue,.opportunities_page .chance-materialization-green,.opportunities_page .chance-materialization-red,.opportunities_page .chance-materialization-yellow{align-items:center;display:flex;height:100%;justify-content:center;text-align:center;width:100%}.opportunities_page .chance-materialization-yellow{background-color:rgba(248,244,11,.685);color:#000}.opportunities_page .chance-materialization-blue{background-color:blue;color:#fff}.opportunities_page .chance-materialization-red{background-color:red;color:#fff}.opportunities_page .chance-materialization-green{background-color:#2e7d32;color:#fff}.opportunities_page .opportunities-status-badge{align-items:center;border-radius:20px;color:#000;display:inline-flex;height:25px;justify-content:center;line-height:normal;min-width:80px;padding:0 10px;text-align:center;width:200px}.opportunities_page .status-cell{align-items:center;display:flex;padding:5px 10px}.opportunities_page .opportunities-status-badge.open{background-color:#9e9e9e;color:#fff}.opportunities_page .opportunities-status-badge.approved{background-color:#4caf50;color:#fff}.opportunities_page .opportunities-status-badge.on-hold{background-color:#ff9800;color:#fff}.opportunities_page .opportunities-status-badge.declined{background-color:#f44336;color:#fff}.opportunities_page .disabled-input{background-color:#f2f2f2!important;color:#666;cursor:not-allowed;opacity:1;pointer-events:none}@media (max-width:768px){.opportunities_page{--field-font:13px;--label-font:13px;--field-height:40px;--gap:10px}.opportunities_page .opportunities-actions button{font-size:12px;min-width:auto;padding:5px 10px}.opportunities_page .opportunities-page .MuiDataGrid-columnHeaderTitle{font-size:.85rem!important}.opportunities_page .opportunities-popup{max-width:650px}}@media (max-width:520px){.opportunities_page{--field-font:12px;--label-font:12px;--field-height:38px;--gap:8px}.opportunities_page .opportunities-popup{min-width:0;min-width:auto;padding:12px;width:94%}.opportunities_page .popup-header h2{font-size:15px}.opportunities_page .opportunities-popup-form{gap:var(--gap);grid-template-columns:1fr}.opportunities_page .opportunities-popup-form .full-width{grid-column:span 1}.opportunities_page .opportunities-popup-buttons{grid-column:span 1;justify-content:space-between}.opportunities_page .opportunities-btn-close,.opportunities_page .opportunities-btn-submit{font-size:12px;padding:10px 12px;width:48%}}@media (max-width:360px){.opportunities_page .opportunities-btn-close,.opportunities_page .opportunities-btn-submit{width:100%}.opportunities_page .opportunities-popup-buttons{flex-direction:column}}.opportunities-dialog{background-color:initial;border-radius:0;box-shadow:none;font-family:Arial,sans-serif;padding:10px}.opportunities-dialog,.opportunities-dialog *,.opportunities-dialog .MuiDialogActions-root,.opportunities-dialog .MuiDialogContent-root,.opportunities-dialog .MuiDialogTitle-root,.opportunities-dialog .MuiTypography-root,.opportunities-dialog .opp-header-title,.opportunities-dialog .opp-input,.opportunities-dialog .opp-label,.opportunities-dialog .opp-react-select__control,.opportunities-dialog .opp-react-select__option,.opportunities-dialog .opp-react-select__placeholder,.opportunities-dialog .opp-react-select__single-value,.opportunities-dialog .react-datepicker__input-container input,.opportunities-dialog button,.opportunities-dialog input,.opportunities-dialog select,.opportunities-dialog textarea{font-family:Arial,sans-serif!important}.opportunities-dialog .MuiDialog-paper{animation:dialogFadeIn .3s ease-out;border-radius:22px!important;box-shadow:0 25px 50px -12px #00000040!important;overflow:hidden!important}@keyframes dialogFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.opportunities-dialog .opp-title{background:linear-gradient(135deg,#fff,#f8fafc);border-bottom:1px solid #d9dee7;padding:22px 24px 18px}.opportunities-dialog .opp-header-title{color:#0f2747;display:inline-block;font-size:20px;font-weight:700;letter-spacing:.4px;text-transform:uppercase}.opportunities-dialog .opp-content{background:#fff;padding:18px 20px!important}.opportunities-dialog .opp-grid{grid-gap:14px 18px;display:grid;gap:14px 18px;grid-template-columns:repeat(2,minmax(0,1fr))}.opportunities-dialog .opp-full-width{grid-column:1/-1}.opportunities-dialog .opp-form-group{display:flex;flex-direction:column;gap:8px}.opportunities-dialog .opp-label{align-items:center;color:#2f3e57;display:flex;font-size:13px;font-weight:700;gap:4px;letter-spacing:.2px;line-height:1.2;text-align:left}.opportunities-dialog .opp-input{background:#fff;border:1px solid #cfd8e3;border-radius:12px;box-shadow:none;box-sizing:border-box;color:#334155;font-size:14px;font-weight:400;height:40px!important;line-height:40px!important;min-height:40px!important;outline:none;padding:0 14px!important;transition:all .25s ease;width:100%}.opportunities-dialog .opp-input::placeholder{color:#8ea0bb!important;opacity:1}.opportunities-dialog .opp-input:focus,.opportunities-dialog .opp-input:focus-visible,.opportunities-dialog textarea.opp-input:focus,.opportunities-dialog textarea.opp-input:focus-visible{border-color:#3b82f6!important;box-shadow:0 0 0 4px #3b82f61a!important;transform:none}.opportunities-dialog .opp-textarea{height:90px!important;line-height:1.45!important;min-height:90px!important;padding:12px 14px!important;resize:vertical}.opportunities-dialog .opp-react-select__control{background:#fff!important;border:1px solid #cfd8e3!important;border-radius:12px!important;box-shadow:none!important;height:40px!important;min-height:40px!important;transition:all .25s ease!important}.opportunities-dialog .opp-react-select__control:hover{border-color:#cfd8e3!important;box-shadow:none!important}.opportunities-dialog .opp-react-select__control--is-focused{border-color:#3b82f6!important;box-shadow:0 0 0 4px #3b82f61a!important}.opportunities-dialog .opp-react-select__value-container{align-items:center!important;display:flex!important;height:38px!important;min-height:38px!important;padding:0 12px!important}.opportunities-dialog .opp-react-select__input-container{color:#334155!important;margin:0!important;padding:0!important}.opportunities-dialog .opp-react-select__single-value{color:#334155!important;font-size:14px;font-weight:400;margin:0!important}.opportunities-dialog .opp-react-select__placeholder{color:#8ea0bb!important;font-size:14px;font-weight:400;margin:0!important}.opportunities-dialog .opp-react-select__indicators{height:38px!important}.opportunities-dialog .opp-react-select__indicator-separator{background-color:#d2d9e4!important;margin-bottom:6px!important;margin-top:6px!important}.opportunities-dialog .opp-react-select__indicator{color:#b0b9c7!important;padding:8px!important}.opportunities-dialog .opp-react-select__indicator:hover{color:#8fa0b8!important}.opportunities-dialog .opp-react-select__menu{border-radius:12px!important;box-shadow:0 18px 30px -10px #0000002e,0 0 0 1px #3b82f60f!important;overflow:hidden!important;z-index:20000!important}.opportunities-dialog .opp-react-select__menu-list{padding:6px!important}.opportunities-dialog .opp-react-select__option{border-radius:8px;font-size:14px;padding:10px 12px!important;transition:all .2s ease!important}.opportunities-dialog .opp-react-select__option--is-focused{background:#eef5ff!important;color:#334155!important}.opportunities-dialog .opp-react-select__option--is-selected{background:#3b82f6!important;color:#fff!important}.opportunities-dialog .opp-datepicker-wrapper{align-items:center;background:#fff;border:1px solid #cfd8e3;border-radius:12px;box-sizing:border-box;display:flex;height:40px!important;min-height:40px!important;padding:0 14px;transition:all .25s ease;width:100%}.opportunities-dialog .opp-datepicker-wrapper:hover{border-color:#cfd8e3}.opportunities-dialog .opp-datepicker-wrapper:focus-within{border-color:#3b82f6!important;box-shadow:0 0 0 4px #3b82f61a!important}.opportunities-dialog .react-datepicker-wrapper{display:block;width:100%}.opportunities-dialog .react-datepicker__input-container{align-items:center;display:flex;height:100%;width:100%}.opportunities-dialog .opp-datepicker-input,.opportunities-dialog .react-datepicker__input-container input{background:#0000!important;border:none!important;box-sizing:border-box;color:#334155!important;font-size:14px!important;font-weight:400!important;height:38px!important;line-height:38px!important;margin:0!important;min-height:38px!important;outline:none!important;padding:0!important;vertical-align:middle;width:100%!important}.opportunities-dialog .opp-datepicker-input::placeholder,.opportunities-dialog .react-datepicker__input-container input::placeholder{color:#8ea0bb!important;opacity:1!important}.opportunities-dialog .react-datepicker-popper{z-index:20001!important}.opportunities-dialog .react-datepicker{border:1px solid #d8e1ec!important;border-radius:12px!important;box-shadow:0 16px 30px -12px #0000002e!important;font-family:Arial,sans-serif!important;overflow:hidden!important}.opportunities-dialog .react-datepicker__header{background:#f8fbff!important;border-bottom:1px solid #e2e8f0!important}.opportunities-dialog .react-datepicker-time__header,.opportunities-dialog .react-datepicker-year-header,.opportunities-dialog .react-datepicker__current-month{color:#1e293b!important;font-weight:700!important}.opportunities-dialog .react-datepicker__day,.opportunities-dialog .react-datepicker__day-name,.opportunities-dialog .react-datepicker__time-name{color:#334155!important}.opportunities-dialog .react-datepicker__day--keyboard-selected,.opportunities-dialog .react-datepicker__day--selected{background-color:#3b82f6!important;border-radius:8px!important;color:#fff!important}.opportunities-dialog .opp-field-error{align-items:center;color:#ef4444;display:flex;font-size:12px;font-weight:500;gap:4px;margin-top:-2px;padding-left:4px;text-align:left}.opportunities-dialog .opp-field-error:before{content:"⚠️";font-size:10px}.opportunities-dialog .opp-input-error,.opportunities-dialog .opp-select-error .opp-react-select__control{background-color:#fff8f8!important;border-color:#ef4444!important;box-shadow:0 0 0 2px #ef444414!important}.opportunities-dialog .opp-select-error .opp-react-select__indicator,.opportunities-dialog .opp-select-error .opp-react-select__placeholder{color:#ef4444!important}.opportunities-dialog .opp-actions{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-top:1px solid #d9dee7;display:flex;gap:8px;justify-content:flex-end;padding:18px 22px}.opportunities-dialog .opp-btn{border:none;border-radius:12px;box-shadow:none!important;cursor:pointer;font-size:12px;font-weight:700;height:40px;letter-spacing:.7px;line-height:40px;min-width:140px;padding:0 20px;text-transform:uppercase;transition:all .25s ease!important}.opportunities-dialog .opp-btn-cancel{background-color:#6b7280!important;color:#fff!important}.opportunities-dialog .opp-btn-cancel:hover{background-color:#5b6471!important}.opportunities-dialog .opp-btn-create{background-color:#28a745!important;color:#fff!important}.opportunities-dialog .opp-btn-create:hover{background-color:#218838!important}.opportunities-dialog :focus-visible{outline:none}.opportunities-dialog ::-webkit-scrollbar{height:8px;width:8px}.opportunities-dialog ::-webkit-scrollbar-track{background:#f1f5f9;border-radius:10px}.opportunities-dialog ::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#cbd5e1,#94a3b8);border:2px solid #f1f5f9;border-radius:10px}.opportunities-dialog ::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#94a3b8,#64748b)}.opportunities-dialog .opp-estimation-row{grid-gap:14px 18px;align-items:start;display:grid;gap:14px 18px;grid-template-columns:repeat(4,minmax(0,1fr));width:100%}.opportunities-dialog .opp-estimation-col{display:flex;flex-direction:column;gap:8px;min-width:0}.opportunities-dialog .opp-estimation-col .opp-input,.opportunities-dialog .opp-estimation-col .opp-react-select__control{width:100%}.opportunities-dialog .opp-readonly-input{background-color:#f5f5f5;cursor:not-allowed}@media (max-width:1100px){.opportunities-dialog .opp-estimation-row{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:700px){.opportunities-dialog .opp-estimation-row{grid-template-columns:1fr}}@media (max-width:900px){.opportunities-dialog .opp-grid{grid-template-columns:1fr}.opportunities-dialog .opp-full-width{grid-column:auto}}@media (max-width:600px){.opportunities-dialog .MuiDialog-paper{margin:12px!important;width:calc(100% - 24px)!important}.opportunities-dialog .opp-title{padding:18px 16px 14px}.opportunities-dialog .opp-content{padding:16px!important}.opportunities-dialog .opp-actions{flex-direction:column-reverse;padding:16px}.opportunities-dialog .opp-btn{width:100%}}.opportunity-delete-dialog,.opportunity-delete-dialog *{font-family:Arial,Helvetica,sans-serif!important}.opportunity-delete-dialog .MuiDialog-paper{animation:opportunityDeleteDialogSlideUp .3s ease-out;background:linear-gradient(135deg,#fff,#fafafa);border-radius:16px!important;box-shadow:0 25px 50px -12px #00000040!important;max-width:480px;width:100%}@keyframes opportunityDeleteDialogSlideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.opportunity-delete-dialog .od-header{border-bottom:1px solid #00000014;margin:0;padding:24px 24px 16px}.opportunity-delete-dialog .od-header-content{align-items:center;display:flex;font-size:20px;justify-content:space-between}.opportunity-delete-dialog .od-title-section{align-items:center;display:flex;gap:12px}.opportunity-delete-dialog .od-warning-icon{animation:opportunityDeleteDialogPulse 2s infinite;color:#f59e0b;font-size:28px}@keyframes opportunityDeleteDialogPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.opportunity-delete-dialog .od-title{color:#1e293b;font-size:22px!important;font-weight:600!important;letter-spacing:-.02em;line-height:1.3}.opportunity-delete-dialog .od-close-btn{background:#f1f5f9;color:#64748b;transition:all .2s ease}.opportunity-delete-dialog .od-close-btn:hover{background:#e2e8f0;color:#334155;transform:rotate(90deg)}.opportunity-delete-dialog .od-content{font-size:15px;line-height:1.5;padding:24px!important}.opportunity-delete-dialog .od-error-alert{background:linear-gradient(135deg,#fef2f2,#fee2e2);border:1px solid #fecaca;border-radius:12px;padding:16px}.opportunity-delete-dialog .od-error-alert .MuiAlert-icon{color:#dc2626;font-size:24px}.opportunity-delete-dialog .od-error-message{color:#991b1b;font-size:14px;line-height:1.5;margin-top:4px}.opportunity-delete-dialog .od-confirm-content{display:flex;flex-direction:column;gap:20px}.opportunity-delete-dialog .od-opportunity-container{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px dashed #cbd5e1;border-radius:12px;padding:8px;text-align:center;transition:all .2s ease}.opportunity-delete-dialog .od-opportunity-container:hover{background:#f1f5f9;border-color:#94a3b8}.opportunity-delete-dialog .od-opportunity-label{color:#64748b;font-size:12px;font-weight:500;letter-spacing:.05em;margin-bottom:8px;text-transform:uppercase}.opportunity-delete-dialog .od-opportunity-value{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000000d;color:#0f172a;display:inline-block;font-size:15px;font-weight:700!important;max-width:100%;padding:8px 16px;word-break:break-word}.opportunity-delete-dialog .od-warning-text{background:#fee2e2;border-left:4px solid #dc2626;border-radius:8px;color:#b91c1c;font-size:14px;font-weight:500;line-height:1.5;padding:12px;text-align:center}.opportunity-delete-dialog .od-consequences{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:16px}.opportunity-delete-dialog .od-consequence-item{border-bottom:1px solid #e2e8f0;color:#334155;font-size:14px;line-height:1.45;padding:8px 0}.opportunity-delete-dialog .od-consequence-item:last-child{border-bottom:none}.opportunity-delete-dialog .od-actions{background:#fff;border-top:1px solid #00000014;display:flex;gap:12px;padding:16px 24px 24px!important}.opportunity-delete-dialog .od-btn{border-radius:8px!important;font-size:14px!important;font-weight:600!important;height:44px;letter-spacing:.02em;min-width:120px;text-transform:none!important;transition:all .2s ease!important}.opportunity-delete-dialog .od-btn-cancel{background:#5a6268!important;border:2px solid #e2e8f0!important;color:#fff!important}.opportunity-delete-dialog .od-btn-cancel:hover{box-shadow:0 4px 8px #0000000d!important;transform:translateY(-2px)}.opportunity-delete-dialog .od-btn-delete{background:linear-gradient(135deg,#dc2626,#b91c1c)!important;border:none!important;box-shadow:0 4px 12px #dc26264d!important;color:#fff!important}.opportunity-delete-dialog .od-btn-delete:hover{background:linear-gradient(135deg,#b91c1c,#991b1b)!important;box-shadow:0 6px 16px #dc262666!important;transform:translateY(-2px)}.opportunity-delete-dialog .od-btn-delete:active{box-shadow:0 2px 8px #dc26264d!important;transform:translateY(0)}.opportunity-delete-dialog .od-btn-ok{background:linear-gradient(135deg,#3b82f6,#2563eb)!important;border:none!important;box-shadow:0 4px 12px #3b82f64d!important;color:#fff!important}.opportunity-delete-dialog .od-btn-ok:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8)!important;box-shadow:0 6px 16px #3b82f666!important;transform:translateY(-2px)}@media (max-width:768px){.opportunity-delete-dialog .MuiDialog-paper{margin:16px;max-width:calc(100% - 32px)}.opportunity-delete-dialog .od-header{padding:20px 20px 14px}.opportunity-delete-dialog .od-content{font-size:14px;padding:20px!important}.opportunity-delete-dialog .od-actions{padding:14px 20px 20px!important}.opportunity-delete-dialog .od-title{font-size:20px!important}.opportunity-delete-dialog .od-header-content{font-size:18px}.opportunity-delete-dialog .od-warning-icon{font-size:24px}.opportunity-delete-dialog .od-opportunity-value{font-size:14px;padding:8px 14px}.opportunity-delete-dialog .od-consequence-item,.opportunity-delete-dialog .od-error-message,.opportunity-delete-dialog .od-warning-text{font-size:13px}.opportunity-delete-dialog .od-btn{font-size:13px!important;height:42px}}@media (max-width:600px){.opportunity-delete-dialog .MuiDialog-paper{border-radius:14px!important;margin:12px;max-width:calc(100% - 24px)}.opportunity-delete-dialog .od-header{padding:16px 16px 12px}.opportunity-delete-dialog .od-content{font-size:13px;padding:16px!important}.opportunity-delete-dialog .od-actions{flex-direction:column-reverse;gap:10px;padding:12px 16px 16px!important}.opportunity-delete-dialog .od-title{font-size:18px!important}.opportunity-delete-dialog .od-header-content{font-size:16px}.opportunity-delete-dialog .od-title-section{gap:8px}.opportunity-delete-dialog .od-warning-icon{font-size:22px}.opportunity-delete-dialog .od-opportunity-label{font-size:11px}.opportunity-delete-dialog .od-opportunity-value{font-size:13px;padding:7px 12px}.opportunity-delete-dialog .od-consequence-item,.opportunity-delete-dialog .od-error-message,.opportunity-delete-dialog .od-warning-text{font-size:12px;line-height:1.4}.opportunity-delete-dialog .od-consequences{padding:12px}.opportunity-delete-dialog .od-confirm-content{gap:16px}.opportunity-delete-dialog .od-btn{font-size:13px!important;height:40px;min-width:100%;width:100%}}@media (max-width:400px){.opportunity-delete-dialog .MuiDialog-paper{margin:8px;max-width:calc(100% - 16px)}.opportunity-delete-dialog .od-header{padding:14px 14px 10px}.opportunity-delete-dialog .od-content{font-size:12px;padding:14px!important}.opportunity-delete-dialog .od-actions{padding:10px 14px 14px!important}.opportunity-delete-dialog .od-title{font-size:16px!important}.opportunity-delete-dialog .od-header-content{font-size:15px}.opportunity-delete-dialog .od-warning-icon{font-size:20px}.opportunity-delete-dialog .od-opportunity-value{font-size:12px;padding:6px 10px}.opportunity-delete-dialog .od-consequence-item,.opportunity-delete-dialog .od-error-message,.opportunity-delete-dialog .od-warning-text{font-size:11px}.opportunity-delete-dialog .od-btn{font-size:12px!important;height:38px}}.opportunity-history-dialog .MuiDialog-paper{border-radius:18px;overflow:hidden}.opportunity-history-dialog .MuiDialogTitle-root{background:linear-gradient(135deg,#1976d2,#1565c0);color:#fff;font-size:1.2rem;font-weight:700;padding:18px 24px}.opportunity-history-content{background:#f7f9fc;padding:20px}.opportunity-history-empty,.opportunity-history-loading{align-items:center;color:#5f6b7a;display:flex;font-size:15px;justify-content:center;min-height:180px}.opportunity-history-list{display:flex;flex-direction:column;gap:16px}.opportunity-history-card{background:#fff;border:1px solid #e6ebf2;border-left:5px solid #1976d2;border-radius:14px;box-shadow:0 4px 14px #0f172a0f;padding:18px 20px;transition:transform .18s ease,box-shadow .18s ease}.opportunity-history-card:hover{box-shadow:0 8px 22px #0f172a1a;transform:translateY(-2px)}.opportunity-history-title{color:#1f2937;font-size:16px;font-weight:700;line-height:1.4;margin-bottom:12px;word-break:break-word}.opportunity-history-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,minmax(180px,1fr))}.opportunity-history-field{background:#f8fafc;border:1px solid #edf2f7;border-radius:10px;padding:10px 12px}.opportunity-history-label{color:#64748b;display:block;font-size:12px;font-weight:700;letter-spacing:.4px;margin-bottom:6px;text-transform:uppercase}.opportunity-history-value{color:#1e293b;font-size:14px;font-weight:500;word-break:break-word}.opportunity-history-code-badge{align-items:center;background:#e3f2fd;border-radius:999px;color:#1565c0;display:inline-flex;font-size:12px;font-weight:700;justify-content:center;padding:5px 10px}.opportunity-history-footer{background:#fff;border-top:1px solid #e6ebf2;padding:14px 20px}.opportunity-history-close-btn{border-radius:10px!important;font-weight:600!important;padding:8px 18px!important;text-transform:none!important}@media (max-width:600px){.opportunity-history-card,.opportunity-history-content{padding:14px}.opportunity-history-grid{grid-template-columns:1fr}.opportunity-history-title{font-size:15px}}.supplier{font-family:Arial,sans-serif}.supplier .supplier-actions{display:flex;flex-grow:1;justify-content:flex-end;margin-bottom:15px;margin-top:-52px}.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}.project-code-page .table-container{height:auto;overflow-x:auto;width:100%}.project-code-page #project-code-table{min-width:1200px}.project-code-page .MuiButtonBase-root{height:auto}.project-code-page .MuiDataGrid-root{background-color:#f8f9fa;border:1px solid #ddd;border-radius:8px;overflow-x:auto;width:100%}.project-code-page .MuiDataGrid-columnHeaders{background-color:#d6d6d6;border-bottom:2px solid #b0b0b0;color:#424242;font-size:16px;font-weight:700}.project-code-page .MuiDataGrid-cell{color:#333;font-size:14px}.project-code-page .MuiDataGrid-row:hover{background-color:initial}.project-code-page .MuiDataGrid-footerContainer{background-color:#f1f1f1}.project-code-page .buton-edit{background-color:#f8f9fa;border:none;margin-top:10px}.project-code-page .MuiDataGrid-cell--textLeft{color:#000}.project-code-page .MuiDataGrid-columnHeaderTitle{color:#000!important;font-weight:700!important}.project-code-page .title{font-size:1.5rem;margin-top:20px}.project-code-page .add-button-matrix{display:flex;height:auto;justify-content:flex-end;margin-bottom:1px;margin-top:-55px}.project-code-page .add-button-matrix button{background-color:#1976d2;border:1px solid #1976d2;border-radius:5px;color:#fff;height:36px;padding:10px 20px}.project-code-page .stat-active{background-color:#2e7d32}.project-code-page .stat-active,.project-code-page .stat-completed{align-items:center;border-radius:10px;color:#fff;display:inline-flex;font-weight:500;height:28px;justify-content:center;padding:0 10px;width:80px}.project-code-page .stat-completed{background-color:#1976d2}.project-code-page .status-badge{align-items:center;border-radius:20px;color:#fff;display:inline-flex;font-size:13px;font-weight:500;gap:6px;height:32px;justify-content:center;min-width:100px;padding:0 12px}.project-code-page .status-badge.completed{background-color:#1976d2}.project-code-page .status-badge.active{background-color:#2e7d32}.project-code-page .status-badge .status-icon{align-items:center;color:#fff;display:inline-flex;font-size:18px;justify-content:center}@media (max-width:1000px){.project-code-page .add-button-matrix{margin-top:30px}.project-code-page .add-button-matrix button{background-color:#1976d2;border:1px solid #1976d2;border-radius:5px;color:#fff;height:30px;margin-bottom:15px;padding:10px;width:100%}.project-code-page .MuiDataGrid-columnHeaders{font-size:13px}.project-code-page .MuiDataGrid-cell{font-size:12px}.project-code-page .MuiDataGrid-root{height:auto;width:100%}.project-code-page .status-badge{font-size:12px;height:28px;min-width:90px;padding:0 8px}.project-code-page .status-badge .status-icon{font-size:16px}}.project-code-dialog{background-color:initial;border-radius:0;box-shadow:none;font-family:Arial,sans-serif;padding:10px}.project-code-dialog,.project-code-dialog *,.project-code-dialog .MuiDialogActions-root,.project-code-dialog .MuiDialogContent-root,.project-code-dialog .MuiDialogTitle-root,.project-code-dialog .MuiTypography-root,.project-code-dialog .cmd-input,.project-code-dialog .cmd-label,.project-code-dialog .cmd-react-select__control,.project-code-dialog .cmd-react-select__option,.project-code-dialog .cmd-react-select__placeholder,.project-code-dialog .cmd-react-select__single-value,.project-code-dialog .spc-header-sub-label,.project-code-dialog .spc-header-sub-value,.project-code-dialog .spc-header-title,.project-code-dialog button,.project-code-dialog input,.project-code-dialog select,.project-code-dialog textarea{font-family:Arial,sans-serif!important}.project-code-dialog .MuiDialog-paper{animation:projectCodeDialogFadeIn .3s ease-out;border-radius:20px!important;box-shadow:0 25px 50px -12px #00000040!important;overflow:hidden!important}@keyframes projectCodeDialogFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.project-code-dialog .spc-title{background:linear-gradient(135deg,#fff,#f8fafc);border-bottom:1px solid #e5e7eb;padding:20px 24px 16px}.project-code-dialog .spc-header-title{color:#1e293b;display:inline-block;font-size:20px;font-weight:700;letter-spacing:.4px;text-transform:uppercase}.project-code-dialog .spc-header-sub{align-items:center;background:#3b82f60d;border:1px solid #3b82f61a;border-radius:30px;display:flex;font-size:13px;gap:8px;padding:6px 12px;transition:all .3s ease}.project-code-dialog .spc-header-sub:hover{background:#3b82f61a;border-color:#3b82f64d;transform:translateX(5px)}.project-code-dialog .spc-header-sub-label{color:#3b82f6;font-size:12px;font-weight:700;letter-spacing:.8px;text-transform:uppercase}.project-code-dialog .spc-header-sub-value{color:#3b82f6;font-size:12px;font-weight:600;max-width:520px;overflow:hidden;text-overflow:ellipsis;transition:all .3s ease;white-space:nowrap}.project-code-dialog .spc-header-sub-value:hover{color:#3b82f6}.project-code-dialog .cmd-content{background:#fff;padding:20px!important;position:relative}.project-code-dialog .cmd-form-group{animation:projectCodeDialogSlideIn .3s ease-out forwards;display:flex;flex-direction:column;gap:8px;opacity:0;padding-top:12px;transform:translateX(-10px)}.project-code-dialog .cmd-form-group:first-child{animation-delay:.05s}.project-code-dialog .cmd-form-group:nth-child(2){animation-delay:.1s}.project-code-dialog .cmd-form-group:nth-child(3){animation-delay:.15s}.project-code-dialog .cmd-form-group:nth-child(4){animation-delay:.2s}.project-code-dialog .cmd-form-group:nth-child(5){animation-delay:.25s}.project-code-dialog .cmd-form-group:nth-child(6){animation-delay:.3s}.project-code-dialog .cmd-form-group:nth-child(7){animation-delay:.35s}.project-code-dialog .cmd-form-group:nth-child(8){animation-delay:.4s}.project-code-dialog .cmd-form-group:nth-child(9){animation-delay:.45s}.project-code-dialog .cmd-form-group:nth-child(10){animation-delay:.5s}@keyframes projectCodeDialogSlideIn{to{opacity:1;transform:translateX(0)}}.project-code-dialog .cmd-label{align-items:center;color:#334155;display:flex;font-size:13px;font-weight:600;gap:4px;letter-spacing:.3px;text-align:left;transition:all .2s ease}.project-code-dialog .cmd-label span[style*="color: red"]{animation:projectCodeDialogPulse 2s infinite}@keyframes projectCodeDialogPulse{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.project-code-dialog .cmd-input{background:#fff;border:1.5px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 4px #00000005;box-sizing:border-box;font-size:14px;height:40px!important;outline:none;padding:8px 12px!important;transition:all .3s cubic-bezier(.4,0,.2,1)}.project-code-dialog .cmd-input:focus,.project-code-dialog .cmd-input:focus-visible,.project-code-dialog textarea.cmd-input:focus,.project-code-dialog textarea.cmd-input:focus-visible{border-color:#3b82f6!important;box-shadow:0 0 0 4px #3b82f61a,0 4px 8px -4px #3b82f64d!important;transform:translateY(-1px)}.project-code-dialog .cmd-input[readOnly]{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-color:#cbd5e1;color:#1e293b;cursor:default;font-weight:700;height:40px!important}.project-code-dialog .cmd-input[readOnly]:focus,.project-code-dialog .cmd-input[readOnly]:focus-visible,.project-code-dialog .cmd-input[readOnly]:hover{border-color:#94a3b8;box-shadow:0 2px 8px -4px #3b82f633;transform:none}.project-code-dialog textarea.cmd-input{height:60px!important;line-height:1.4!important;max-height:120px;min-height:60px!important;padding:10px 12px!important;resize:vertical}.project-code-dialog .cmd-input:disabled,.project-code-dialog .cmd-react-select__control--is-disabled{background:linear-gradient(135deg,#f8fafc,#f1f5f9)!important;cursor:not-allowed;filter:grayscale(30%);opacity:.7}.project-code-dialog .cmd-react-select__control{border:1.5px solid #e2e8f0!important;border-radius:12px!important;box-shadow:0 2px 4px #00000005!important;box-sizing:border-box;height:40px!important;min-height:40px!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important}.project-code-dialog .cmd-react-select__control:hover{border-color:#3b82f6!important;box-shadow:0 8px 16px -8px #3b82f64d!important;transform:translateY(-1px)}.project-code-dialog .cmd-react-select__control--is-focused{border-color:#3b82f6!important;box-shadow:0 0 0 4px #3b82f61a,0 4px 8px -4px #3b82f64d!important}.project-code-dialog .cmd-react-select__value-container{height:38px!important;padding:0 8px!important}.project-code-dialog .cmd-react-select__single-value{color:#1e293b!important;font-size:14px;font-weight:500;line-height:38px!important}.project-code-dialog .cmd-react-select__placeholder{color:#94a3b8!important;font-size:14px;font-weight:400;line-height:38px!important}.project-code-dialog .cmd-react-select__indicators{height:38px!important}.project-code-dialog .cmd-react-select__menu{animation:projectCodeDialogMenuFadeIn .2s ease-out;border-radius:12px!important;box-shadow:0 20px 30px -10px #0003,0 0 0 1px #3b82f61a!important;overflow:hidden!important}@keyframes projectCodeDialogMenuFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.project-code-dialog .cmd-react-select__option{padding:10px 14px!important;transition:all .2s ease!important}.project-code-dialog .cmd-react-select__option--is-focused{background:linear-gradient(90deg,#f0f9ff,#e6f0fe)!important;transform:translateX(5px)}.project-code-dialog .cmd-react-select__option--is-selected{background:linear-gradient(135deg,#3b82f6,#2563eb)!important;color:#fff!important}.project-code-dialog .cmd-react-select__control.cmd-react-select__control--status{height:40px!important;min-height:40px!important}.project-code-dialog .cmd-react-select__control--is-disabled .cmd-react-select__single-value{color:#666!important}.project-code-dialog .cmd-input[readOnly],.project-code-dialog .cmd-input[readonly],.project-code-dialog .cmd-react-select__control--is-disabled,.project-code-dialog input[readOnly],.project-code-dialog input[readonly],.project-code-dialog select[readOnly],.project-code-dialog select[readonly],.project-code-dialog textarea[readOnly],.project-code-dialog textarea[readonly]{background-color:#f5f5f5!important;background:#f5f5f5!important;border-color:#e0e0e0!important;color:#666!important;cursor:default;opacity:1}.project-code-dialog .cmd-input[readOnly]::placeholder,.project-code-dialog .cmd-input[readonly]::placeholder{color:#999}.project-code-dialog .cmd-field-error{align-items:center;animation:projectCodeDialogShake .5s ease-in-out;color:#ef4444;display:flex;font-size:12px;font-weight:500;gap:4px;margin-bottom:4px;margin-top:-6px;padding-left:8px;text-align:left}.project-code-dialog .cmd-field-error:before{content:"⚠️";font-size:10px}@keyframes projectCodeDialogShake{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}.project-code-dialog .cmd-submit-error{animation:projectCodeDialogSlideInError .3s ease-out;background:linear-gradient(135deg,#fee2e2,#fecaca);border-left:4px solid #ef4444;border-radius:12px;box-shadow:0 4px 10px -4px #ef444433;color:#b91c1c;font-size:13px;font-weight:500;margin-top:16px;padding:12px 16px}@keyframes projectCodeDialogSlideInError{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.project-code-dialog .cmd-input.cmd-input-error{animation:projectCodeDialogErrorPulse .5s ease-out;background-color:#fff8f8!important;border-color:#ef4444!important;box-shadow:0 0 0 2px #ef44441a!important}.project-code-dialog .cmd-input.cmd-input-error:hover{border-color:#dc2626!important;box-shadow:0 0 0 3px #ef444426!important;transform:translateY(-1px)}.project-code-dialog .cmd-input.cmd-input-error:focus,.project-code-dialog .cmd-input.cmd-input-error:focus-visible{border-color:#ef4444!important;box-shadow:0 0 0 4px #ef444433!important;outline:none}.project-code-dialog .cmd-input.cmd-input-error::placeholder{color:#ef4444;opacity:.7}.project-code-dialog .cmd-select-error .cmd-react-select__control{animation:projectCodeDialogErrorPulse .5s ease-out;background-color:#fff8f8!important;border-color:#ef4444!important;box-shadow:0 0 0 2px #ef44441a!important}.project-code-dialog .cmd-select-error .cmd-react-select__control:hover{border-color:#dc2626!important;box-shadow:0 0 0 3px #ef444426,0 4px 8px -4px #ef444433!important;transform:translateY(-1px)}.project-code-dialog .cmd-select-error .cmd-react-select__control--is-focused{border-color:#ef4444!important;box-shadow:0 0 0 4px #ef444433!important}.project-code-dialog .cmd-select-error .cmd-react-select__indicator svg{color:#ef4444!important}.project-code-dialog textarea.cmd-input.cmd-input-error{background-color:#fff8f8!important;border-color:#ef4444!important}.project-code-dialog .cmd-input[readonly].cmd-input-error{background-color:#fff0f0!important;border-color:#ef4444!important}@keyframes projectCodeDialogErrorPulse{0%{box-shadow:0 0 0 0 #ef444466;transform:scale(1)}50%{box-shadow:0 0 0 4px #ef444433;transform:scale(1.01)}to{box-shadow:0 0 0 0 #ef444400;transform:scale(1)}}.project-code-dialog .cmd-actions{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-top:1px solid #e5e7eb;padding:20px 24px}.project-code-dialog .cmd-btn{border:none;border-radius:14px;cursor:pointer;font-size:12px;font-weight:600;height:40px;letter-spacing:.5px;min-width:120px;overflow:hidden;padding:10px 20px;position:relative;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1)!important}.project-code-dialog .cmd-btn-cancel{background-color:#6c757d;border:none;box-shadow:0 4px 10px -4px #6c757d66;color:#fff}.project-code-dialog .cmd-btn-cancel:hover{background-color:#5a6268;box-shadow:0 10px 20px -8px #6c757d99;transform:translateY(-2px)}.project-code-dialog .cmd-btn-cancel:active{box-shadow:0 5px 10px -4px #6c757d66;transform:translateY(1px)}.project-code-dialog .cmd-btn-create{background-color:#28a745;border:none;box-shadow:0 4px 10px -4px #28a74566;color:#fff}.project-code-dialog .cmd-btn-create:hover{background-color:#218838;box-shadow:0 10px 20px -8px #28a74599;transform:translateY(-2px)}.project-code-dialog .cmd-btn-create:active{box-shadow:0 5px 10px -4px #28a74566;transform:translateY(1px)}.project-code-dialog .cmd-btn-create:not(:disabled):active{animation:projectCodeDialogSaveSuccess .3s ease}@keyframes projectCodeDialogSaveSuccess{0%{transform:scale(1)}50%{box-shadow:0 0 0 4px #28a7454d;transform:scale(1.05)}to{transform:scale(1)}}.project-code-dialog .cmd-loading{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:300px}.project-code-dialog .cmd-loading .MuiCircularProgress-root{animation:projectCodeDialogLoadingPulse 1.5s ease-in-out infinite;color:#3b82f6!important;filter:drop-shadow(0 4px 6px rgba(59,130,246,.3))}@keyframes projectCodeDialogLoadingPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}.project-code-dialog ::-webkit-scrollbar{height:8px;width:8px}.project-code-dialog ::-webkit-scrollbar-track{background:#f1f5f9;border-radius:10px}.project-code-dialog ::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#cbd5e1,#94a3b8);border:2px solid #f1f5f9;border-radius:10px}.project-code-dialog ::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#94a3b8,#64748b)}.project-code-dialog :focus-visible{outline:none}@media (max-width:600px){.project-code-dialog .spc-header-sub-value{max-width:100%}.project-code-dialog .cmd-actions{flex-direction:column-reverse;gap:10px}.project-code-dialog .cmd-btn{margin:0!important;width:100%}.project-code-dialog .cmd-form-group{animation:none;opacity:1;transform:none}}.subproject-delete-dialog,.subproject-delete-dialog *{font-family:Arial,Helvetica,sans-serif!important}.subproject-delete-dialog .MuiDialog-paper{animation:subprojectDeleteDialogSlideUp .3s ease-out;background:linear-gradient(135deg,#fff,#fafafa);border-radius:16px!important;box-shadow:0 25px 50px -12px #00000040!important;max-width:480px;width:100%}@keyframes subprojectDeleteDialogSlideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.subproject-delete-dialog .spd-header{border-bottom:1px solid #00000014;margin:0;padding:24px 24px 16px}.subproject-delete-dialog .spd-header-content{align-items:center;display:flex;font-size:20px;justify-content:space-between}.subproject-delete-dialog .spd-title-section{align-items:center;display:flex;gap:12px}.subproject-delete-dialog .spd-warning-icon{animation:subprojectDeleteDialogPulse 2s infinite;color:#f59e0b;font-size:28px}@keyframes subprojectDeleteDialogPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.subproject-delete-dialog .spd-title{color:#1e293b;font-size:22px!important;font-weight:600!important;letter-spacing:-.02em;line-height:1.3}.subproject-delete-dialog .spd-close-btn{background:#f1f5f9;color:#64748b;transition:all .2s ease}.subproject-delete-dialog .spd-close-btn:hover{background:#e2e8f0;color:#334155;transform:rotate(90deg)}.subproject-delete-dialog .spd-content{font-size:15px;line-height:1.5;padding:24px!important}.subproject-delete-dialog .spd-error-alert{background:linear-gradient(135deg,#fef2f2,#fee2e2);border:1px solid #fecaca;border-radius:12px;padding:16px}.subproject-delete-dialog .spd-error-alert .MuiAlert-icon{color:#dc2626;font-size:24px}.subproject-delete-dialog .spd-error-message{color:#991b1b;font-size:14px;line-height:1.5;margin-top:4px}.subproject-delete-dialog .spd-confirm-content{display:flex;flex-direction:column;gap:20px}.subproject-delete-dialog .spd-code-container{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px dashed #cbd5e1;border-radius:12px;padding:8px;text-align:center;transition:all .2s ease}.subproject-delete-dialog .spd-code-container:hover{background:#f1f5f9;border-color:#94a3b8}.subproject-delete-dialog .spd-code-label{color:#64748b;font-size:12px;font-weight:500;letter-spacing:.05em;margin-bottom:8px;text-transform:uppercase}.subproject-delete-dialog .spd-code-value{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000000d;color:#0f172a;display:inline-block;font-size:15px;font-weight:700!important;max-width:100%;padding:8px 16px;word-break:break-word}.subproject-delete-dialog .spd-warning-text{background:#fee2e2;border-left:4px solid #dc2626;border-radius:8px;color:#b91c1c;font-size:14px;font-weight:500;line-height:1.5;padding:12px;text-align:center}.subproject-delete-dialog .spd-consequences{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:16px}.subproject-delete-dialog .spd-consequence-item{border-bottom:1px solid #e2e8f0;color:#334155;font-size:14px;line-height:1.45;padding:8px 0}.subproject-delete-dialog .spd-consequence-item:last-child{border-bottom:none}.subproject-delete-dialog .spd-actions{background:#fff;border-top:1px solid #00000014;display:flex;gap:12px;padding:16px 24px 24px!important}.subproject-delete-dialog .spd-btn{border-radius:8px!important;font-size:14px!important;font-weight:600!important;height:44px;letter-spacing:.02em;min-width:120px;text-transform:none!important;transition:all .2s ease!important}.subproject-delete-dialog .spd-btn-cancel{background:#5a6268!important;border:2px solid #e2e8f0!important;color:#fff!important}.subproject-delete-dialog .spd-btn-cancel:hover{box-shadow:0 4px 8px #0000000d!important;transform:translateY(-2px)}.subproject-delete-dialog .spd-btn-delete{background:linear-gradient(135deg,#dc2626,#b91c1c)!important;border:none!important;box-shadow:0 4px 12px #dc26264d!important;color:#fff!important}.subproject-delete-dialog .spd-btn-delete:hover{background:linear-gradient(135deg,#b91c1c,#991b1b)!important;box-shadow:0 6px 16px #dc262666!important;transform:translateY(-2px)}.subproject-delete-dialog .spd-btn-delete:active{box-shadow:0 2px 8px #dc26264d!important;transform:translateY(0)}.subproject-delete-dialog .spd-btn-ok{background:linear-gradient(135deg,#3b82f6,#2563eb)!important;border:none!important;box-shadow:0 4px 12px #3b82f64d!important;color:#fff!important}.subproject-delete-dialog .spd-btn-ok:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8)!important;box-shadow:0 6px 16px #3b82f666!important;transform:translateY(-2px)}@media (max-width:768px){.subproject-delete-dialog .MuiDialog-paper{margin:16px;max-width:calc(100% - 32px)}.subproject-delete-dialog .spd-header{padding:20px 20px 14px}.subproject-delete-dialog .spd-content{font-size:14px;padding:20px!important}.subproject-delete-dialog .spd-actions{padding:14px 20px 20px!important}.subproject-delete-dialog .spd-title{font-size:20px!important}.subproject-delete-dialog .spd-header-content{font-size:18px}.subproject-delete-dialog .spd-warning-icon{font-size:24px}.subproject-delete-dialog .spd-code-value{font-size:14px;padding:8px 14px}.subproject-delete-dialog .spd-consequence-item,.subproject-delete-dialog .spd-error-message,.subproject-delete-dialog .spd-warning-text{font-size:13px}.subproject-delete-dialog .spd-btn{font-size:13px!important;height:42px}}@media (max-width:600px){.subproject-delete-dialog .MuiDialog-paper{border-radius:14px!important;margin:12px;max-width:calc(100% - 24px)}.subproject-delete-dialog .spd-header{padding:16px 16px 12px}.subproject-delete-dialog .spd-content{font-size:13px;padding:16px!important}.subproject-delete-dialog .spd-actions{flex-direction:column-reverse;gap:10px;padding:12px 16px 16px!important}.subproject-delete-dialog .spd-title{font-size:18px!important}.subproject-delete-dialog .spd-header-content{font-size:16px}.subproject-delete-dialog .spd-title-section{gap:8px}.subproject-delete-dialog .spd-warning-icon{font-size:22px}.subproject-delete-dialog .spd-code-label{font-size:11px}.subproject-delete-dialog .spd-code-value{font-size:13px;padding:7px 12px}.subproject-delete-dialog .spd-consequence-item,.subproject-delete-dialog .spd-error-message,.subproject-delete-dialog .spd-warning-text{font-size:12px;line-height:1.4}.subproject-delete-dialog .spd-consequences{padding:12px}.subproject-delete-dialog .spd-confirm-content{gap:16px}.subproject-delete-dialog .spd-btn{font-size:13px!important;height:40px;min-width:100%;width:100%}}@media (max-width:400px){.subproject-delete-dialog .MuiDialog-paper{margin:8px;max-width:calc(100% - 16px)}.subproject-delete-dialog .spd-header{padding:14px 14px 10px}.subproject-delete-dialog .spd-content{font-size:12px;padding:14px!important}.subproject-delete-dialog .spd-actions{padding:10px 14px 14px!important}.subproject-delete-dialog .spd-title{font-size:16px!important}.subproject-delete-dialog .spd-header-content{font-size:15px}.subproject-delete-dialog .spd-warning-icon{font-size:20px}.subproject-delete-dialog .spd-code-value{font-size:12px;padding:6px 10px}.subproject-delete-dialog .spd-consequence-item,.subproject-delete-dialog .spd-error-message,.subproject-delete-dialog .spd-warning-text{font-size:11px}.subproject-delete-dialog .spd-btn{font-size:12px!important;height:38px}}.code-matrix-page .table-container{height:auto;overflow-x:auto;width:100%}.code-matrix-page #code-matrix-table{min-width:1200px}.code-matrix-page .MuiButtonBase{height:auto}.code-matrix-page .MuiDataGrid-root{background-color:#f8f9fa;border:1px solid #ddd;border-radius:8px;overflow-x:auto;width:100%}.code-matrix-page .MuiDataGrid-columnHeaders{background-color:#d6d6d6;border-bottom:2px solid #b0b0b0;color:#424242;font-size:16px;font-weight:700}.code-matrix-page .MuiDataGrid-cell{color:#333;font-size:14px}.code-matrix-page .MuiDataGrid-row:hover{background-color:initial}.code-matrix-page .MuiDataGrid-footerContainer{background-color:#f1f1f1}.code-matrix-page .buton-edit{background-color:#f8f9fa;border:none;margin-top:10px}.code-matrix-page .MuiDataGrid-cell--textLeft{color:#000}.code-matrix-page .MuiDataGrid-columnHeaderTitle{color:#000!important;font-weight:700!important}.code-matrix-page .header-page{align-items:center;display:flex;justify-content:space-between}.code-matrix-page .title{font-size:1.5rem;margin-top:20px}.code-matrix-page .add-button-matrix{display:flex;height:auto;justify-content:flex-end;margin-bottom:1px;margin-top:-55px}.code-matrix-page .add-button-matrix button{background-color:#1976d2;border:1px solid #1976d2;border-radius:5px;color:#fff;height:36px;padding:10px 20px}@media (max-width:1000px){.code-matrix-page .add-button-matrix{margin-top:30px}.code-matrix-page .add-button-matrix button{background-color:#1976d2;border:1px solid #1976d2;border-radius:5px;color:#fff;height:30px;margin-bottom:15px;padding:10px;width:100%}.code-matrix-page .MuiDataGrid-columnHeaders{font-size:13px}.code-matrix-page .MuiDataGrid-cell{font-size:12px}.code-matrix-page .MuiDataGrid-root{height:auto;width:100%}}.code-matrix-dialog{background-color:initial;border-radius:0;box-shadow:none;padding:10px}.code-matrix-dialog .cmd-title{color:#000;font-size:20px;font-weight:700}.code-matrix-dialog .cmd-content{padding-top:3px}.code-matrix-dialog .cmd-alert{border-radius:8px;margin-bottom:5px;margin-top:10px}.code-matrix-dialog .cmd-form-group{display:flex;flex-direction:column;gap:8px;padding-top:10px}.code-matrix-dialog .cmd-label{color:#444;font-size:14px;font-weight:520;text-align:left}.code-matrix-dialog .cmd-field-error{color:red;font-size:12px;margin-top:-7px;text-align:left}.code-matrix-dialog .cmd-submit-error{background:#fee2e2;border-radius:10px;color:#b91c1c;font-size:13px;margin-top:8px;padding:10px;word-break:break-word}.code-matrix-dialog .cmd-spinner{color:#fff!important}.code-matrix-dialog .cmd-input-error{border-color:red!important;box-shadow:none!important}.code-matrix-dialog .cmd-input-error:focus{border-color:red!important;box-shadow:0 0 0 1px #d32f2f33!important}.code-matrix-dialog .cmd-select-error .cmd-react-select__control{border-color:red!important;box-shadow:none!important}.code-matrix-dialog .cmd-select-error .cmd-react-select__control--is-focused{border-color:red!important;box-shadow:0 0 0 1px #d32f2f33!important}.code-matrix-dialog input[type=date],.code-matrix-dialog input[type=number],.code-matrix-dialog input[type=text],.code-matrix-dialog textarea{font-family:Arial,sans-serif;font-size:14px}.code-matrix-dialog .cmd-input{border:1px solid #d1d5db;border-radius:8px;font-size:14px;height:22px;outline:none;padding:8px 10px}.code-matrix-dialog .cmd-input:disabled{background-color:#f0f0f0;cursor:not-allowed}.code-matrix-dialog .cmd-react-select__control{border:1px solid #d1d5db;border-radius:8px;box-shadow:none;font-family:Arial,sans-serif;font-size:14px;min-height:38px}.code-matrix-dialog .cmd-react-select__single-value{color:#000;font-size:14px}.code-matrix-dialog .cmd-react-select__placeholder{color:#6b7280;font-size:14px}.code-matrix-dialog .cmd-react-select__input,.code-matrix-dialog .cmd-react-select__menu{font-size:14px}.code-matrix-dialog .cmd-react-select__option{font-size:14px;line-height:1.1;padding:6px 10px}.cmd-react-select__menu-portal{z-index:20000!important}.cmd-react-select__menu-portal .cmd-react-select__menu{font-size:14px}.cmd-react-select__menu-portal .cmd-react-select__option{font-size:14px;line-height:1.1;padding:6px 10px}.cmd-react-select__menu-portal .cmd-react-select__option--is-focused{background-color:#f3f4f6}.cmd-react-select__menu-portal .cmd-react-select__option--is-selected{background-color:#1976d2;color:#fff}.code-matrix-dialog .cmd-react-select__option--is-focused{background-color:#f3f4f6}.code-matrix-dialog .cmd-react-select__option--is-selected{background-color:#1976d2;color:#fff}.code-matrix-dialog .cmd-input:focus,.code-matrix-dialog textarea:focus{border-color:#1976d2;box-shadow:0 0 0 1px #1976d233;outline:none}.code-matrix-dialog .cmd-react-select__control--is-focused{border-color:#1976d2!important;box-shadow:0 0 0 1px #1976d233!important;outline:none}.code-matrix-dialog .cmd-input:hover:not(:focus),.code-matrix-dialog .cmd-react-select__control:hover:not(.cmd-react-select__control--is-focused){border-color:#b0b7c3}.code-matrix-dialog .cmd-react-select__input input,.code-matrix-dialog .cmd-react-select__input input:focus,.code-matrix-dialog .cmd-react-select__input input:focus-visible{border:none!important;box-shadow:none!important;outline:none!important}.code-matrix-dialog .cmd-react-select__input-container,.code-matrix-dialog .cmd-react-select__value-container,.code-matrix-dialog .cmd-react-select__value-container:focus,.code-matrix-dialog .cmd-react-select__value-container:focus-within{box-shadow:none!important;outline:none!important}.code-matrix-dialog .cmd-actions{display:flex;gap:12px;justify-content:flex-end;padding:16px 24px}.code-matrix-dialog .cmd-btn{border:none;border-radius:20px;box-shadow:0 2px 6px #00000026;cursor:pointer;font-size:13px;height:40px;min-width:100px;padding:0 24px;text-transform:uppercase;transition:background-color .2s ease,box-shadow .2s ease}.code-matrix-dialog .cmd-btn-cancel{background-color:#6c757d;border:none;border-radius:14px;color:#fff;cursor:pointer;font-size:12px;padding:10px 20px}.code-matrix-dialog .cmd-btn-cancel:hover{background-color:#5a6268!important}.code-matrix-dialog .cmd-btn-create{background-color:#28a745;border:none;border-radius:14px;color:#fff;cursor:pointer;font-size:12px;padding:10px 20px}.code-matrix-dialog .cmd-btn-create:hover{background-color:#218838!important}.code-matrix-dialog .cmdel-paper{border-radius:4px;box-shadow:0 8px 24px #00000040}.code-matrix-dialog .cmdel-title{color:#000;font-size:22px;padding:18px 22px 10px}.code-matrix-dialog .cmdel-content{padding:8px 22px 10px}.code-matrix-dialog .cmdel-text{color:#313131;font-size:16px}.code-matrix-dialog .cmdel-alert{border-radius:4px;margin-bottom:12px}.code-matrix-dialog .cmdel-actions{display:flex;gap:4px;justify-content:flex-end;padding:14px 18px 18px}.code-matrix-dialog .cmdel-btn{border-radius:4px!important;box-shadow:none!important;letter-spacing:.3px;min-width:92px;padding:8px 16px!important;text-transform:uppercase!important}.code-matrix-dialog .cmdel-cancel{background-color:#e0e0e0!important;color:#424242!important}.code-matrix-dialog .cmdel-cancel:hover{background-color:#bdbdbd!important}.code-matrix-dialog .cmdel-delete{background-color:#d32f2f!important;color:#fff!important}.code-matrix-dialog .cmdel-delete:hover{background-color:#b71c1c!important}.code-matrix-dialog .cmdel-spinner{color:#fff!important}.matrix-delete-dialog,.matrix-delete-dialog *{font-family:Arial,Helvetica,sans-serif!important}.matrix-delete-dialog .MuiDialog-paper{animation:matrixDeleteDialogSlideUp .3s ease-out;background:linear-gradient(135deg,#fff,#fafafa);border-radius:16px!important;box-shadow:0 25px 50px -12px #00000040!important;max-width:480px;width:100%}@keyframes matrixDeleteDialogSlideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.matrix-delete-dialog .mdel-header{border-bottom:1px solid #00000014;margin:0;padding:24px 24px 16px}.matrix-delete-dialog .mdel-header-content{align-items:center;display:flex;font-size:20px;justify-content:space-between}.matrix-delete-dialog .mdel-title-section{align-items:center;display:flex;gap:12px}.matrix-delete-dialog .mdel-warning-icon{animation:matrixDeleteDialogPulse 2s infinite;color:#f59e0b;font-size:28px}@keyframes matrixDeleteDialogPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.matrix-delete-dialog .mdel-title{color:#1e293b;font-size:22px!important;font-weight:600!important;letter-spacing:-.02em;line-height:1.3}.matrix-delete-dialog .mdel-close-btn{background:#f1f5f9;color:#64748b;transition:all .2s ease}.matrix-delete-dialog .mdel-close-btn:hover{background:#e2e8f0;color:#334155;transform:rotate(90deg)}.matrix-delete-dialog .mdel-content{font-size:15px;line-height:1.5;padding:24px!important}.matrix-delete-dialog .mdel-error-alert{background:linear-gradient(135deg,#fef2f2,#fee2e2);border:1px solid #fecaca;border-radius:12px;padding:16px}.matrix-delete-dialog .mdel-error-alert .MuiAlert-icon{color:#dc2626;font-size:24px}.matrix-delete-dialog .mdel-error-message{color:#991b1b;font-size:14px;line-height:1.5;margin-top:4px}.matrix-delete-dialog .mdel-confirm-content{display:flex;flex-direction:column;gap:20px}.matrix-delete-dialog .mdel-code-container{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px dashed #cbd5e1;border-radius:12px;padding:8px;text-align:center;transition:all .2s ease}.matrix-delete-dialog .mdel-code-container:hover{background:#f1f5f9;border-color:#94a3b8}.matrix-delete-dialog .mdel-code-label{color:#64748b;font-size:12px;font-weight:500;letter-spacing:.05em;margin-bottom:8px;text-transform:uppercase}.matrix-delete-dialog .mdel-code-value{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000000d;color:#0f172a;display:inline-block;font-size:15px;font-weight:700!important;max-width:100%;padding:8px 16px;word-break:break-word}.matrix-delete-dialog .mdel-warning-text{background:#fee2e2;border-left:4px solid #dc2626;border-radius:8px;color:#b91c1c;font-size:14px;font-weight:500;line-height:1.5;padding:12px;text-align:center}.matrix-delete-dialog .mdel-consequences{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:16px}.matrix-delete-dialog .mdel-consequence-item{border-bottom:1px solid #e2e8f0;color:#334155;font-size:14px;line-height:1.45;padding:8px 0}.matrix-delete-dialog .mdel-consequence-item:last-child{border-bottom:none}.matrix-delete-dialog .mdel-actions{background:#fff;border-top:1px solid #00000014;display:flex;gap:12px;padding:16px 24px 24px!important}.matrix-delete-dialog .mdel-btn{border-radius:8px!important;font-size:14px!important;font-weight:600!important;height:44px;letter-spacing:.02em;min-width:120px;text-transform:none!important;transition:all .2s ease!important}.matrix-delete-dialog .mdel-btn-cancel{background:#5a6268!important;border:2px solid #e2e8f0!important;color:#fff!important}.matrix-delete-dialog .mdel-btn-cancel:hover{box-shadow:0 4px 8px #0000000d!important;transform:translateY(-2px)}.matrix-delete-dialog .mdel-btn-delete{background:linear-gradient(135deg,#dc2626,#b91c1c)!important;border:none!important;box-shadow:0 4px 12px #dc26264d!important;color:#fff!important}.matrix-delete-dialog .mdel-btn-delete:hover{background:linear-gradient(135deg,#b91c1c,#991b1b)!important;box-shadow:0 6px 16px #dc262666!important;transform:translateY(-2px)}.matrix-delete-dialog .mdel-btn-delete:active{box-shadow:0 2px 8px #dc26264d!important;transform:translateY(0)}.matrix-delete-dialog .mdel-btn-ok{background:linear-gradient(135deg,#3b82f6,#2563eb)!important;border:none!important;box-shadow:0 4px 12px #3b82f64d!important;color:#fff!important}.matrix-delete-dialog .mdel-btn-ok:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8)!important;box-shadow:0 6px 16px #3b82f666!important;transform:translateY(-2px)}@media (max-width:768px){.matrix-delete-dialog .MuiDialog-paper{margin:16px;max-width:calc(100% - 32px)}.matrix-delete-dialog .mdel-header{padding:20px 20px 14px}.matrix-delete-dialog .mdel-content{font-size:14px;padding:20px!important}.matrix-delete-dialog .mdel-actions{padding:14px 20px 20px!important}.matrix-delete-dialog .mdel-title{font-size:20px!important}.matrix-delete-dialog .mdel-header-content{font-size:18px}.matrix-delete-dialog .mdel-warning-icon{font-size:24px}.matrix-delete-dialog .mdel-code-value{font-size:14px;padding:8px 14px}.matrix-delete-dialog .mdel-consequence-item,.matrix-delete-dialog .mdel-error-message,.matrix-delete-dialog .mdel-warning-text{font-size:13px}.matrix-delete-dialog .mdel-btn{font-size:13px!important;height:42px}}@media (max-width:600px){.matrix-delete-dialog .MuiDialog-paper{border-radius:14px!important;margin:12px;max-width:calc(100% - 24px)}.matrix-delete-dialog .mdel-header{padding:16px 16px 12px}.matrix-delete-dialog .mdel-content{font-size:13px;padding:16px!important}.matrix-delete-dialog .mdel-actions{flex-direction:column-reverse;gap:10px;padding:12px 16px 16px!important}.matrix-delete-dialog .mdel-title{font-size:18px!important}.matrix-delete-dialog .mdel-header-content{font-size:16px}.matrix-delete-dialog .mdel-title-section{gap:8px}.matrix-delete-dialog .mdel-warning-icon{font-size:22px}.matrix-delete-dialog .mdel-code-label{font-size:11px}.matrix-delete-dialog .mdel-code-value{font-size:13px;padding:7px 12px}.matrix-delete-dialog .mdel-consequence-item,.matrix-delete-dialog .mdel-error-message,.matrix-delete-dialog .mdel-warning-text{font-size:12px;line-height:1.4}.matrix-delete-dialog .mdel-consequences{padding:12px}.matrix-delete-dialog .mdel-confirm-content{gap:16px}.matrix-delete-dialog .mdel-btn{font-size:13px!important;height:40px;min-width:100%;width:100%}}@media (max-width:400px){.matrix-delete-dialog .MuiDialog-paper{margin:8px;max-width:calc(100% - 16px)}.matrix-delete-dialog .mdel-header{padding:14px 14px 10px}.matrix-delete-dialog .mdel-content{font-size:12px;padding:14px!important}.matrix-delete-dialog .mdel-actions{padding:10px 14px 14px!important}.matrix-delete-dialog .mdel-title{font-size:16px!important}.matrix-delete-dialog .mdel-header-content{font-size:15px}.matrix-delete-dialog .mdel-warning-icon{font-size:20px}.matrix-delete-dialog .mdel-code-value{font-size:12px;padding:6px 10px}.matrix-delete-dialog .mdel-consequence-item,.matrix-delete-dialog .mdel-error-message,.matrix-delete-dialog .mdel-warning-text{font-size:11px}.matrix-delete-dialog .mdel-btn{font-size:12px!important;height:38px}}.project-summary{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border:1px solid #0000000d;border-radius:100px;box-shadow:0 2px 10px #00000005;display:flex;flex-wrap:wrap;gap:20px;margin:8px 0;padding:8px 16px}.project-summary .summary-item{align-items:center;border-radius:40px;cursor:default;display:flex;gap:10px;padding:4px 0;position:relative;transition:background-color .2s ease}.project-summary .summary-content{align-items:baseline;display:flex;gap:6px}.project-summary .summary-label{font-feature-settings:"ss02" on;color:#6b7280;font-size:13px;font-weight:400;letter-spacing:.3px;text-transform:uppercase}.project-summary .summary-value{font-feature-settings:"tnum" on;color:#1e293b;font-size:13px;font-weight:600;letter-spacing:-.01em}.project-summary .summary-dot{border-radius:50%;display:inline-block;height:8px;transition:transform .2s ease;width:8px}.project-summary .summary-item:hover .summary-dot{transform:scale(1.2)}.project-summary .total-dot{background:#64748b;box-shadow:0 0 0 1px #64748b33}.project-summary .active-dot{background:#2e7d32;box-shadow:0 0 0 1px #10b98133}.project-summary .completed-dot{background:#1976d2;box-shadow:0 0 0 1px #3b82f633}.project-summary .summary-divider{background:linear-gradient(180deg,#0000,#e2e8f0,#0000);height:24px;width:1px}.project-summary .summary-item:hover{background-color:#00000005}.project-summary .summary-skeleton{animation:projectSummaryShimmer 1.5s infinite;background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0 50%,#f1f5f9 75%);background-size:200% 100%;border-radius:100px;height:40px;width:300px}@keyframes projectSummaryShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (max-width:768px){.project-summary{border-radius:40px;gap:12px;padding:6px 12px}.project-summary .summary-label{font-size:.7rem}.project-summary .summary-value{font-size:1rem}.project-summary .summary-divider{height:20px}}@media (max-width:480px){.project-summary{border-radius:20px;gap:8px;justify-content:space-around;width:100%}.project-summary .summary-divider{display:none}.project-summary .summary-item{flex:1 1;flex-direction:column;gap:4px;padding:8px 0}.project-summary .summary-content{align-items:center;flex-direction:column;gap:2px}.project-summary .summary-dot{height:6px;width:6px}.project-summary .summary-label{font-size:.65rem}.project-summary .summary-value{font-size:1rem}}@media (max-width:545px){.project-summary .label-project{display:none}}.project-code-page{margin-bottom:-80px;margin-left:-20px;margin-right:-20px}.project-code-page .header-page{align-items:center;display:flex;justify-content:space-between}.project-code-page .title-pc{font-size:1.5rem;margin-top:20px}.project-code-page .tabs-pc{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:17px;padding-top:15px}.project-code-page .tabs-pc a{padding-top:4px;text-decoration:none}.project-code-page .tabs-pc .tab-pc-button{background-color:#fff;border:1px dashed #000;border-radius:20px;color:#000;cursor:pointer;font-size:14px;font-weight:700;height:25px;padding-left:10px;padding-right:10px}.project-code-page .tabs-pc .tab-pc-button.active{background-color:#e0e0e0;border-color:#0000;color:#000}.project-code-page .tabs-pc .tab-pc-button:hover{background-color:inherit;color:inherit}.project-code-page .tabs-pc .tab-pc-button.active:hover{background-color:#e0e0e0;color:#000}.project-code-page .project-summary{animation:slideFade .3s ease}.project-code-page .header-with-summary{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:5px}@media (max-width:545px){.project-code-page .tabs-pc{gap:6px}.project-code-page .tabs-pc a{flex:1 1 100%;width:100%}.project-code-page .tabs-pc .tab-pc-button{margin:0;text-align:center;width:100%}.project-code-page .title-pc{font-size:1.15rem;margin-top:20px}.project-code-page .header-with-summary{gap:5px}}@keyframes slideFade{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.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}.add-price-page .datepicker-container{position:relative;width:100%}.add-price-page .datepicker-input{border:1px solid #ccc;border-radius:8px;box-sizing:border-box;font-family:Arial,sans-serif;font-size:14px;height:40px;padding:8px 40px 8px 12px;width:100%}.add-price-page .calendar-icon{color:#666;pointer-events:none;position:absolute;right:12px;top:55%;transform:translateY(-50%)}.add-price-page .react-datepicker-wrapper,.add-price-page .react-datepicker__input-container{width:100%}.add-price-page .datepicker-input:focus{border-color:#06c!important;outline:none}.add-price-page .datepicker-input.input-error{border-color:#d32f2f}.add-price-page .datepicker-input.input-error:focus{border-color:#d32f2f!important;box-shadow:0 0 0 2px #d32f2f33!important}.add-price-page .input-error{border-color:red!important;border-width:2px!important}.add-price-page .react-select__control--is-focused.input-error{border-color:red!important;border-width:2px!important;box-shadow:0 0 0 1px red!important}.add-price-page .datepicker-input.input-error{border-color:red!important;border-width:2px!important}@media screen and (max-width:600px){.add-price-page .datepicker-input{font-size:12px;height:36px;padding:6px 36px 6px 10px}.add-price-page .calendar-icon{right:10px}.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}.edit-price-page .datepicker-container{position:relative;width:100%}.edit-price-page .datepicker-input{border:1px solid #ccc;border-radius:8px;box-sizing:border-box;font-family:Arial,sans-serif;font-size:14px;height:40px;padding:8px 40px 8px 12px;width:100%}.edit-price-page .calendar-icon{color:#666;pointer-events:none;position:absolute;right:12px;top:55%;transform:translateY(-50%)}.edit-price-page .react-datepicker-wrapper,.edit-price-page .react-datepicker__input-container{width:100%}.edit-price-page .datepicker-input:focus{border-color:#06c!important;box-shadow:0 0 0 2px #06c3!important;outline:none}.edit-price-page .datepicker-input.input-error{border-color:#d32f2f}.edit-price-page .datepicker-input.input-error:focus{border-color:#d32f2f!important;box-shadow:0 0 0 2px #d32f2f33!important}.edit-price-page .input-error{border-color:red!important;border-width:2px!important}.edit-price-page .react-select__control--is-focused.input-error{border-color:red!important;border-width:2px!important;box-shadow:0 0 0 1px red!important}.edit-price-page .datepicker-input.input-error{border-color:red!important;border-width:2px!important}@media screen and (max-width:600px){.edit-price-page .datepicker-input{font-size:12px;height:36px;padding:6px 36px 6px 10px}.edit-price-page .calendar-icon{right:10px}.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}}.FormClientContract{--primary-color:#1565c0;--primary-light:#e3f2fd;--primary-dark:#0d47a1;--secondary-color:#28a745;--secondary-dark:#218838;--danger-color:#d32f2f;--danger-light:#ffebee;--gray-50:#fafbfc;--gray-100:#f5f5f5;--gray-200:#e0e0e0;--gray-300:#d9d9d9;--gray-400:#999;--gray-500:#706f6f;--gray-600:#666;--gray-700:#4a4a4a;--gray-800:#333;--gray-900:#2e2e2e;--shadow-sm:0 1px 3px #0000000d;--shadow-md:0 4px 6px #0000001a;--shadow-lg:0 10px 15px #0000001a;--transition:all 0.2s ease;background:#fff;color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;line-height:1.5;margin-left:10px;margin-right:10px}.FormClientContract .FormClientContract-header{align-items:center;display:flex;gap:10px;margin-bottom:10px;margin-top:20px}.FormClientContract .back-arrow{border-radius:50%;color:#333;cursor:pointer;font-size:20px!important;padding:4px;transition:var(--transition)}.FormClientContract .back-arrow:hover{background:var(--primary-light);color:var(--primary-color)}.FormClientContract .header-title{color:#333;flex:1 1;font-size:24px;font-weight:700;margin-bottom:0;margin-top:-4px}.FormClientContract .contract-number-pill{background:#1565c0;border-radius:14px;box-shadow:var(--shadow-sm);color:#fff;font-size:16px;font-weight:700;padding:4px 12px;white-space:nowrap}.FormClientContract .title-separator{background-color:#ccc;border:none;height:1px;margin-bottom:20px;margin-top:20px;width:100%}.FormClientContract .FormClientContract-form{display:flex;flex-direction:column;gap:8px}.FormClientContract .FormClientContract-section{background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;margin-bottom:13px;overflow:hidden;transition:var(--transition)}.FormClientContract .FormClientContract-section:hover{border-color:var(--primary-light);box-shadow:var(--shadow-sm)}.FormClientContract .FormClientContract-section-header{align-items:center;background:linear-gradient(90deg,#e3f2fd,#e9f0f8);border-bottom:1px solid #e0e0e0;cursor:pointer;display:flex;justify-content:space-between;padding:7px 16px}.FormClientContract .FormClientContract-section-header h2{color:#0d47a1;font-size:16px;font-weight:700;margin:0}.FormClientContract .toggle-btn{align-items:center;background:#0000;border:none;border-radius:4px;color:#666;cursor:pointer;display:flex;padding:4px;transition:var(--transition)}.FormClientContract .toggle-btn:hover{background:#fff;color:#1976d2}.FormClientContract .section-content{background:#fff;padding:16px}.FormClientContract .form-row{align-items:stretch;display:flex;gap:10px;margin-bottom:8px}.FormClientContract .form-group{display:flex;flex-direction:column;gap:8px;width:100%}.FormClientContract .form-group.full-width{width:100%}.FormClientContract .form-label{color:#2e2e2e;font-size:14px;font-weight:520;text-align:left}.FormClientContract .required{color:#d32f2f}.FormClientContract .FormClientContract-date-input,.FormClientContract .FormClientContract-description,.FormClientContract .FormClientContract-input,.FormClientContract .amount-input,.FormClientContract .react-datepicker__input-container input,.FormClientContract .readonly-field{background-color:#fff;border:1px solid #d9d9d9;border-radius:8px;box-sizing:border-box;font-family:Arial,sans-serif;font-size:14px;height:38px;outline:none;padding:8px 12px;transition:var(--transition);width:100%}.FormClientContract .FormClientContract-description{height:auto;min-height:80px;resize:vertical}.FormClientContract .FormClientContract-date-input:hover,.FormClientContract .FormClientContract-description:hover,.FormClientContract .FormClientContract-input:hover,.FormClientContract .amount-input:hover,.FormClientContract .react-datepicker__input-container input:hover{background-color:var(--gray-50);border-color:var(--primary-color)}.FormClientContract .FormClientContract-date-input:focus,.FormClientContract .FormClientContract-description:focus,.FormClientContract .FormClientContract-input:focus,.FormClientContract .amount-input:focus,.FormClientContract .react-datepicker__input-container input:focus{border-color:#1976d2!important;box-shadow:0 0 0 3px #1565c01a;outline:none}.FormClientContract .readonly-field{background-color:#f5f5f5;color:#706f6f;cursor:not-allowed}.FormClientContract .FormClientContract-select__control{border:1px solid #d9d9d9!important;border-radius:8px!important;box-shadow:none!important;font-family:Arial,sans-serif!important;font-size:14px;min-height:38px!important;transition:var(--transition)!important}.FormClientContract .FormClientContract-select__control:hover{background-color:var(--gray-50)!important;border-color:var(--primary-color)!important}.FormClientContract .FormClientContract-select__control--is-focused,.FormClientContract .FormClientContract-select__control--menu-is-open{border-color:#1976d2!important;box-shadow:0 0 0 3px #1565c01a!important}.FormClientContract .FormClientContract-select__placeholder{color:#999!important;font-family:Arial,sans-serif!important;font-size:14px}.FormClientContract .FormClientContract-select__single-value{color:#333!important;font-family:Arial,sans-serif!important;font-size:14px}.FormClientContract .FormClientContract-select__menu{border:1px solid #e0e0e0!important;border-radius:8px!important;box-shadow:0 4px 12px #00000026!important}.FormClientContract .FormClientContract-select__option{font-size:14px!important;line-height:1.2!important;padding:10px 12px!important}.FormClientContract .FormClientContract-select__option--is-focused{background-color:#e3f2fd!important}.FormClientContract .FormClientContract-select__option--is-selected{background-color:#1976d2!important;color:#fff!important}.FormClientContract .FormClientContract-select__multi-value{background-color:#e3f2fd!important;border-radius:4px!important}.FormClientContract .FormClientContract-select__multi-value__label{color:#0d47a1!important;font-family:Arial,sans-serif!important;font-size:13px!important}.FormClientContract .FormClientContract-select__multi-value__remove:hover{background-color:#d32f2f!important;color:#fff!important}.FormClientContract .no-opportunities-message{align-items:center;background:#0000;border:2px dashed #e0e0e0;border-radius:8px;color:#999;display:flex;font-size:14px;font-style:italic;gap:8px;justify-content:center;margin-top:12px;padding:24px}.FormClientContract .hint-icon{color:#ccc;font-size:20px!important}.FormClientContract .opportunities-grid{display:flex;flex-direction:column;gap:12px;margin-top:12px}.FormClientContract .opportunity-item{animation:FormClientContract-fadeIn .3s ease-out;background:#fff;border:1px solid #e0e0e0;border-radius:8px;overflow:hidden;transition:var(--transition)}.FormClientContract .opportunity-item:hover{border-color:#1976d2;box-shadow:var(--shadow-sm)}@keyframes FormClientContract-fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.FormClientContract .opportunity-item-header{align-items:center;background:linear-gradient(to right,var(--gray-100),#f9f9f9);border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:7px 16px}.FormClientContract .item-title{align-items:center;display:flex;flex:1 1;gap:10px;min-width:0}.FormClientContract .item-title h3{color:#000;font-size:15px;font-weight:700;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.FormClientContract .remove-btn{align-items:center;background:#0000;border:none;border-radius:4px;color:#d32f2f;cursor:pointer;display:flex;padding:4px;transition:var(--transition)}.FormClientContract .remove-btn:hover{background:#ffebee;transform:scale(1.1)}.FormClientContract .opportunity-details{padding:16px}.FormClientContract .detail-row{display:flex;gap:10px;margin-bottom:12px}.FormClientContract .single-detail-row .detail-field{width:100%}.FormClientContract .detail-field{display:flex;flex-direction:column;gap:4px;width:100%}.FormClientContract .pricing-row{background:var(--gray-50);border:1px solid #e0e0e0;border-radius:6px;display:flex;flex-wrap:wrap;gap:10px;padding:12px}.FormClientContract .pricing-field{display:flex;flex:1 1 200px;flex-direction:column;gap:4px;min-width:160px}.FormClientContract .amount-input[readOnly]{background-color:#f5f5f5;color:#706f6f;cursor:not-allowed}.FormClientContract .dropzone-wrapper{margin-top:4px}.FormClientContract .dropzone{background:#fafcff;border:2px dashed #d0d7de;border-radius:10px;cursor:pointer;padding:22px;transition:var(--transition)}.FormClientContract .dropzone:hover{background:#f4f9ff;border-color:#1976d2}.FormClientContract .dropzone-content{align-items:center;color:#5f6b7a;display:flex;flex-direction:column;gap:10px;text-align:center}.FormClientContract .files-preview-container{background:#fff;border:1px solid #e8edf3;border-radius:10px;margin-top:14px;padding:14px}.FormClientContract .files-preview-container h4{color:#0d47a1;font-size:14px;margin:0 0 10px}.FormClientContract .files-list{display:flex;flex-direction:column;gap:8px}.FormClientContract .file-preview-item{align-items:center;background:#f9fafc;border:1px solid #eef2f6;border-radius:8px;display:flex;gap:10px;justify-content:space-between;padding:10px 12px}.FormClientContract .file-info{align-items:center;display:flex;flex:1 1;gap:10px;min-width:0}.FormClientContract .file-name{color:#1f2d3d;cursor:pointer;font-size:13px;word-break:break-word}.FormClientContract .file-name.clickable:hover{color:#1565c0;text-decoration:underline}.FormClientContract .file-size{color:#7b8794;font-size:12px;white-space:nowrap}.FormClientContract .remove-file-button{background:#0000;border:none;border-radius:6px;color:#d32f2f;cursor:pointer;padding:6px;transition:var(--transition)}.FormClientContract .remove-file-button:hover{background:#ffebee}.FormClientContract .file-hint{color:#666;font-size:12px;margin-top:10px}.FormClientContract .contract-total-preview{align-items:flex-end;background:linear-gradient(135deg,#0d47a1,#1565c0 40%,#1976d2);border-radius:24px;box-shadow:var(--shadow-md);display:flex;flex-direction:column;gap:8px;margin:16px 0;padding:14px 18px}.FormClientContract .preview-line{align-items:center;display:flex;gap:8px}.FormClientContract .contract-total-label{color:#fffffff2;font-size:15px;font-weight:600}.FormClientContract .contract-total-value{background:#fff3;border-radius:18px;color:#fff;font-size:15px;font-weight:700;padding:4px 14px}.FormClientContract .FormClientContract-error{align-items:center;color:#d32f2f;display:flex;font-size:12px;gap:4px;margin-top:2px}.FormClientContract .FormClientContract-top-error{background:#ffebee;border:1px solid #ffcdd2;border-radius:8px;color:#b71c1c;font-size:13px;margin-bottom:12px;padding:10px 14px}.FormClientContract .error-icon{font-size:12px}.FormClientContract .form-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:20px;width:100%}.FormClientContract .primary-btn,.FormClientContract .secondary-btn{border:none;border-radius:14px;box-shadow:var(--shadow-sm);cursor:pointer;font-family:inherit;font-size:12px;font-weight:700;padding:10px 20px;transition:var(--transition)}.FormClientContract .primary-btn{background:#28a745;color:#fff}.FormClientContract .primary-btn:hover:not(:disabled){background:#218838;box-shadow:var(--shadow-md);transform:translateY(-1px)}.FormClientContract .secondary-btn{background:#6c757d;color:#fff}.FormClientContract .secondary-btn:hover:not(:disabled){background:#5a6268;box-shadow:var(--shadow-md);transform:translateY(-1px)}.FormClientContract .primary-btn:disabled,.FormClientContract .secondary-btn:disabled{cursor:not-allowed;opacity:.5}.FormClientContract .loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:400px;width:100%}.FormClientContract .loading-spinner{animation:FormClientContract-spin .8s linear infinite;border:3px solid #f0f0f0;border-radius:50%;border-top-color:#1976d2;height:40px;margin-bottom:16px;width:40px}@keyframes FormClientContract-spin{to{transform:rotate(1turn)}}.FormClientContract .spinner{animation:FormClientContract-spin .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;display:inline-block;height:16px;margin-right:8px;width:16px}.FormClientContract .react-datepicker-wrapper,.FormClientContract .react-datepicker__input-container{display:block;width:100%}.FormClientContract ::-webkit-scrollbar{height:8px;width:8px}.FormClientContract ::-webkit-scrollbar-track{background:var(--gray-100);border-radius:8px}.FormClientContract ::-webkit-scrollbar-thumb{background:var(--gray-300);border:2px solid var(--gray-100);border-radius:8px}.FormClientContract ::-webkit-scrollbar-thumb:hover{background:var(--primary-color)}@media screen and (max-width:1100px){.FormClientContract .form-row{flex-wrap:wrap}}@media screen and (max-width:600px){.FormClientContract{font-size:13px;height:100vh;line-height:1.4;margin-left:8px;margin-right:8px;overflow-y:auto}.FormClientContract .FormClientContract-header{flex-wrap:wrap;gap:8px;margin-bottom:8px;margin-top:15px}.FormClientContract .header-title{font-size:20px;order:1;width:calc(100% - 50px)}.FormClientContract .contract-number-pill{border-radius:20px;font-size:14px;order:2;padding:6px 12px;text-align:center;white-space:normal;width:100%;word-break:break-word}.FormClientContract .form-row{flex-direction:column;gap:10px;margin-bottom:5px;margin-top:15px}.FormClientContract .FormClientContract-date-input,.FormClientContract .FormClientContract-description,.FormClientContract .FormClientContract-input,.FormClientContract .amount-input,.FormClientContract .react-datepicker__input-container input,.FormClientContract .readonly-field{font-size:13px;height:42px;padding:10px 12px}.FormClientContract .FormClientContract-description{min-height:100px}.FormClientContract .pricing-row{flex-direction:column;gap:12px}.FormClientContract .pricing-field{flex:none;min-width:100%;width:100%}.FormClientContract .form-actions{background-color:#fff;bottom:0;box-shadow:0 -4px 10px #0000000d;gap:8px;padding:15px 0;position:-webkit-sticky;position:sticky;z-index:100}.FormClientContract .primary-btn,.FormClientContract .secondary-btn{border-radius:14px;flex:1 1;font-size:12px;padding:10px}.FormClientContract .FormClientContract-select__input-container,.FormClientContract .FormClientContract-select__placeholder,.FormClientContract .FormClientContract-select__single-value{font-size:13px!important}.FormClientContract .FormClientContract-select__option{font-size:12px!important;line-height:1.2!important;padding:10px 12px!important}.FormClientContract .contract-total-preview{align-items:stretch;border-radius:14px;padding:12px;text-align:center}.FormClientContract .preview-line{flex-wrap:wrap;justify-content:center}}.contract-delete-dialog,.contract-delete-dialog *{font-family:Arial,Helvetica,sans-serif!important}.contract-delete-dialog .MuiDialog-paper{animation:contractDeleteSlideUp .3s ease-out;background:linear-gradient(135deg,#fff,#fafafa);border-radius:16px!important;box-shadow:0 25px 50px -12px #00000040!important;max-width:480px;width:100%}@keyframes contractDeleteSlideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.contract-delete-dialog .cd-header{border-bottom:1px solid #00000014;margin:0;padding:24px 24px 16px}.contract-delete-dialog .cd-header-content{align-items:center;display:flex;font-size:20px;justify-content:space-between}.contract-delete-dialog .cd-title-section{align-items:center;display:flex;gap:12px}.contract-delete-dialog .cd-warning-icon{animation:contractDeletePulse 2s infinite;color:#f59e0b;font-size:28px}@keyframes contractDeletePulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.contract-delete-dialog .cd-title{color:#1e293b;font-size:22px!important;font-weight:600!important;letter-spacing:-.02em;line-height:1.3}.contract-delete-dialog .cd-close-btn{background:#f1f5f9;color:#64748b;transition:all .2s ease}.contract-delete-dialog .cd-close-btn:hover{background:#e2e8f0;color:#334155;transform:rotate(90deg)}.contract-delete-dialog .cd-content{font-size:15px;line-height:1.5;padding:24px!important}.contract-delete-dialog .cd-error-alert{background:linear-gradient(135deg,#fef2f2,#fee2e2);border:1px solid #fecaca;border-radius:12px;padding:16px}.contract-delete-dialog .cd-error-alert .MuiAlert-icon{color:#dc2626;font-size:24px}.contract-delete-dialog .cd-error-message{color:#991b1b;font-size:14px;line-height:1.5;margin-top:4px}.contract-delete-dialog .cd-confirm-content{display:flex;flex-direction:column;gap:20px}.contract-delete-dialog .cd-client-container,.contract-delete-dialog .cd-number-container,.contract-delete-dialog .cd-object-container{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px dashed #cbd5e1;border-radius:12px;padding:8px;text-align:center;transition:all .2s ease}.contract-delete-dialog .cd-client-container:hover,.contract-delete-dialog .cd-number-container:hover,.contract-delete-dialog .cd-object-container:hover{background:#f1f5f9;border-color:#94a3b8}.contract-delete-dialog .cd-client-label,.contract-delete-dialog .cd-number-label,.contract-delete-dialog .cd-object-label{color:#64748b;font-size:12px;font-weight:500;letter-spacing:.05em;margin-bottom:8px;text-transform:uppercase}.contract-delete-dialog .cd-client-value,.contract-delete-dialog .cd-number-value,.contract-delete-dialog .cd-object-value{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000000d;color:#0f172a;display:inline-block;font-weight:700!important;max-width:100%;padding:8px 16px;word-break:break-word}.contract-delete-dialog .cd-number-value{font-size:15px}.contract-delete-dialog .cd-client-value{font-size:14px;font-weight:500!important}.contract-delete-dialog .cd-object-value{font-size:13px;font-weight:400!important;max-height:80px;overflow-y:auto;text-align:left}.contract-delete-dialog .cd-warning-text{background:#fee2e2;border-left:4px solid #dc2626;border-radius:8px;color:#b91c1c;font-size:14px;font-weight:500;line-height:1.5;padding:12px;text-align:center}.contract-delete-dialog .cd-consequences{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:16px}.contract-delete-dialog .cd-consequence-item{border-bottom:1px solid #e2e8f0;color:#334155;font-size:14px;line-height:1.45;padding:8px 0}.contract-delete-dialog .cd-consequence-item:last-child{border-bottom:none}.contract-delete-dialog .cd-actions{background:#fff;border-top:1px solid #00000014;display:flex;gap:12px;padding:16px 24px 24px!important}.contract-delete-dialog .cd-btn{border-radius:8px!important;font-size:14px!important;font-weight:600!important;height:44px;letter-spacing:.02em;min-width:120px;text-transform:none!important;transition:all .2s ease!important}.contract-delete-dialog .cd-btn-cancel{background:#5a6268!important;border:2px solid #e2e8f0!important;color:#fff!important}.contract-delete-dialog .cd-btn-cancel:hover{box-shadow:0 4px 8px #0000000d!important;transform:translateY(-2px)}.contract-delete-dialog .cd-btn-delete{background:linear-gradient(135deg,#dc2626,#b91c1c)!important;border:none!important;box-shadow:0 4px 12px #dc26264d!important;color:#fff!important}.contract-delete-dialog .cd-btn-delete:hover{background:linear-gradient(135deg,#b91c1c,#991b1b)!important;box-shadow:0 6px 16px #dc262666!important;transform:translateY(-2px)}.contract-delete-dialog .cd-btn-delete:active{box-shadow:0 2px 8px #dc26264d!important;transform:translateY(0)}.contract-delete-dialog .cd-btn-ok{background:linear-gradient(135deg,#3b82f6,#2563eb)!important;border:none!important;box-shadow:0 4px 12px #3b82f64d!important;color:#fff!important}.contract-delete-dialog .cd-btn-ok:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8)!important;box-shadow:0 6px 16px #3b82f666!important;transform:translateY(-2px)}@media (max-width:768px){.contract-delete-dialog .MuiDialog-paper{margin:16px;max-width:calc(100% - 32px)}.contract-delete-dialog .cd-header{padding:20px 20px 14px}.contract-delete-dialog .cd-content{font-size:14px;padding:20px!important}.contract-delete-dialog .cd-actions{padding:14px 20px 20px!important}.contract-delete-dialog .cd-title{font-size:20px!important}.contract-delete-dialog .cd-header-content{font-size:18px}.contract-delete-dialog .cd-warning-icon{font-size:24px}.contract-delete-dialog .cd-client-value,.contract-delete-dialog .cd-number-value,.contract-delete-dialog .cd-object-value{font-size:14px;padding:8px 14px}.contract-delete-dialog .cd-consequence-item,.contract-delete-dialog .cd-error-message,.contract-delete-dialog .cd-warning-text{font-size:13px}.contract-delete-dialog .cd-btn{font-size:13px!important;height:42px}}@media (max-width:600px){.contract-delete-dialog .MuiDialog-paper{border-radius:14px!important;margin:12px;max-width:calc(100% - 24px)}.contract-delete-dialog .cd-header{padding:16px 16px 12px}.contract-delete-dialog .cd-content{font-size:13px;padding:16px!important}.contract-delete-dialog .cd-actions{flex-direction:column-reverse;gap:10px;padding:12px 16px 16px!important}.contract-delete-dialog .cd-title{font-size:18px!important}.contract-delete-dialog .cd-header-content{font-size:16px}.contract-delete-dialog .cd-title-section{gap:8px}.contract-delete-dialog .cd-warning-icon{font-size:22px}.contract-delete-dialog .cd-client-label,.contract-delete-dialog .cd-number-label,.contract-delete-dialog .cd-object-label{font-size:11px}.contract-delete-dialog .cd-client-value,.contract-delete-dialog .cd-number-value,.contract-delete-dialog .cd-object-value{font-size:13px;padding:7px 12px}.contract-delete-dialog .cd-consequence-item,.contract-delete-dialog .cd-error-message,.contract-delete-dialog .cd-warning-text{font-size:12px;line-height:1.4}.contract-delete-dialog .cd-consequences{padding:12px}.contract-delete-dialog .cd-confirm-content{gap:16px}.contract-delete-dialog .cd-btn{font-size:13px!important;height:40px;min-width:100%;width:100%}}@media (max-width:400px){.contract-delete-dialog .MuiDialog-paper{margin:8px;max-width:calc(100% - 16px)}.contract-delete-dialog .cd-header{padding:14px 14px 10px}.contract-delete-dialog .cd-content{font-size:12px;padding:14px!important}.contract-delete-dialog .cd-actions{padding:10px 14px 14px!important}.contract-delete-dialog .cd-title{font-size:16px!important}.contract-delete-dialog .cd-header-content{font-size:15px}.contract-delete-dialog .cd-warning-icon{font-size:20px}.contract-delete-dialog .cd-client-value,.contract-delete-dialog .cd-number-value,.contract-delete-dialog .cd-object-value{font-size:12px;padding:6px 10px}.contract-delete-dialog .cd-consequence-item,.contract-delete-dialog .cd-error-message,.contract-delete-dialog .cd-warning-text{font-size:11px}.contract-delete-dialog .cd-btn{font-size:12px!important;height:38px}}.client-contracts-page .table-container{height:auto;overflow-x:auto;width:100%}.client-contracts-page #supplier-contract-table{min-width:1200px}.client-contracts-page .price-header-container{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.client-contracts-page .MuiButtonBase{height:auto}.client-contracts-page .MuiDataGrid-root{background-color:#f8f9fa;border:1px solid #ddd;border-radius:8px;overflow-x:auto;width:100%}.client-contracts-page .MuiDataGrid-columnHeaders{background-color:#d6d6d6;border-bottom:2px solid #b0b0b0;color:#424242;font-size:16px;font-weight:700}.client-contracts-page .MuiDataGrid-cell{color:#333;font-size:14px}.client-contracts-page .MuiDataGrid-row:hover{background-color:initial}.client-contracts-page .MuiDataGrid-footerContainer{background-color:#f1f1f1}.client-contracts-page .buton-edit{background-color:#f8f9fa;border:none;margin-top:10px}.client-contracts-page .MuiDataGrid-cell--textLeft{color:#000}.client-contracts-page .MuiDataGrid-columnHeaderTitle{color:#000!important;font-weight:700!important}.client-contracts-page .header-page{align-items:center;display:flex;justify-content:space-between}.client-contracts-page .title{font-size:1.5rem;margin-top:20px}.client-contracts-page .add-button-container{display:flex;height:auto;justify-content:flex-end;margin-bottom:1px;margin-top:-55px}.client-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){.client-contracts-page .title{font-size:1.2rem;margin-top:20px}.client-contracts-page .add-button-container{margin-top:30px}.client-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}.client-contracts-page .MuiDataGrid-columnHeaders{font-size:13px}.client-contracts-page .MuiDataGrid-cell{font-size:12px}.client-contracts-page .MuiDataGrid-root{height:auto;width:100%}.client-contracts-page .price-header-container{flex-direction:column}}.FormInvoiceRegister{--primary-color:#1565c0;--primary-light:#e3f2fd;--primary-dark:#0d47a1;--secondary-color:#28a745;--secondary-dark:#218838;--danger-color:#d32f2f;--danger-light:#ffebee;--gray-50:#fafbfc;--gray-100:#f5f5f5;--gray-200:#e0e0e0;--gray-300:#d9d9d9;--gray-400:#999;--gray-500:#706f6f;--gray-600:#666;--gray-700:#4a4a4a;--gray-800:#333;--gray-900:#2e2e2e;--shadow-sm:0 1px 3px #0000000d;--shadow-md:0 4px 6px #0000001a;--shadow-lg:0 10px 15px #0000001a;--transition:all 0.2s ease;--row-gap:18px;background:#fff;color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;line-height:1.5;margin-left:10px;margin-right:10px}.FormInvoiceRegister .FormInvoiceRegister-header{align-items:center;display:flex;gap:10px;margin-bottom:10px;margin-top:20px}.FormInvoiceRegister .back-arrow{border-radius:50%;color:#333;cursor:pointer;font-size:20px!important;padding:4px;transition:var(--transition)}.FormInvoiceRegister .back-arrow:hover{background:var(--primary-light);color:var(--primary-color)}.FormInvoiceRegister .header-title{color:#333;flex:1 1;font-size:24px;font-weight:700;margin-bottom:0;margin-top:-4px}.FormInvoiceRegister .invoice-number-pill{background:#1565c0;border-radius:14px;box-shadow:var(--shadow-sm);color:#fff;font-size:16px;font-weight:700;padding:4px 12px;white-space:nowrap}.FormInvoiceRegister .title-separator{background-color:#ccc;border:none;height:1px;margin-bottom:20px;margin-top:20px;width:100%}.FormInvoiceRegister .FormInvoiceRegister-form{display:flex;flex-direction:column;gap:8px}.FormInvoiceRegister .FormInvoiceRegister-section{background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;margin-bottom:13px;overflow:hidden;transition:var(--transition)}.FormInvoiceRegister .FormInvoiceRegister-section:hover{border-color:var(--primary-light);box-shadow:var(--shadow-sm)}.FormInvoiceRegister .FormInvoiceRegister-section-header{align-items:center;background:linear-gradient(90deg,#e3f2fd,#e9f0f8);border-bottom:1px solid #e0e0e0;cursor:pointer;display:flex;justify-content:space-between;padding:7px 16px}.FormInvoiceRegister .FormInvoiceRegister-section-header h2{color:#0d47a1;font-size:16px;font-weight:700;margin:0}.FormInvoiceRegister .toggle-btn{align-items:center;background:#0000;border:none;border-radius:4px;color:#666;cursor:pointer;display:flex;padding:4px;transition:var(--transition)}.FormInvoiceRegister .toggle-btn:hover{background:#fff;color:#1976d2}.FormInvoiceRegister .section-content{display:flex;flex-direction:column;gap:var(--row-gap);padding:16px}.FormInvoiceRegister .form-row{align-items:flex-start;display:flex;gap:10px;margin:0}.FormInvoiceRegister .form-group{display:flex;flex-direction:column;gap:6px;margin:0;min-width:0;width:100%}.FormInvoiceRegister .form-group.full-width{width:100%}.FormInvoiceRegister .form-label{color:#2e2e2e;font-size:14px;font-weight:520;line-height:1.3;margin:0 0 2px;min-height:18px;text-align:left}.FormInvoiceRegister .required{color:#d32f2f}.FormInvoiceRegister .FormInvoiceRegister-date-input,.FormInvoiceRegister .FormInvoiceRegister-description,.FormInvoiceRegister .FormInvoiceRegister-input,.FormInvoiceRegister .amount-input,.FormInvoiceRegister .react-datepicker__input-container input,.FormInvoiceRegister .readonly-field{background-color:#fff;border:1px solid #d9d9d9;border-radius:8px;box-sizing:border-box;font-family:Arial,sans-serif;font-size:14px;height:38px;outline:none;padding:8px 12px;transition:var(--transition);width:100%}.FormInvoiceRegister .FormInvoiceRegister-description{height:auto;min-height:80px;resize:vertical}.FormInvoiceRegister .FormInvoiceRegister-date-input:hover,.FormInvoiceRegister .FormInvoiceRegister-description:hover,.FormInvoiceRegister .FormInvoiceRegister-input:hover,.FormInvoiceRegister .amount-input:hover,.FormInvoiceRegister .react-datepicker__input-container input:hover{background-color:var(--gray-50);border-color:var(--primary-color)}.FormInvoiceRegister .FormInvoiceRegister-date-input:focus,.FormInvoiceRegister .FormInvoiceRegister-description:focus,.FormInvoiceRegister .FormInvoiceRegister-input:focus,.FormInvoiceRegister .amount-input:focus,.FormInvoiceRegister .react-datepicker__input-container input:focus{border-color:#1976d2!important;box-shadow:0 0 0 3px #1565c01a;outline:none}.FormInvoiceRegister .readonly-field{background-color:#f5f5f5;color:#706f6f;cursor:not-allowed}.FormInvoiceRegister .FormInvoiceRegister-select__control{border:1px solid #d9d9d9!important;border-radius:8px!important;box-shadow:none!important;font-family:Arial,sans-serif!important;font-size:14px;min-height:38px!important;transition:var(--transition)!important}.FormInvoiceRegister .FormInvoiceRegister-select__control:hover{background-color:var(--gray-50)!important;border-color:var(--primary-color)!important}.FormInvoiceRegister .FormInvoiceRegister-select__control--is-focused,.FormInvoiceRegister .FormInvoiceRegister-select__control--menu-is-open{border-color:#1976d2!important;box-shadow:0 0 0 3px #1565c01a!important}.FormInvoiceRegister .FormInvoiceRegister-select__placeholder{color:#999!important;font-family:Arial,sans-serif!important;font-size:14px}.FormInvoiceRegister .FormInvoiceRegister-select__single-value{color:#333!important;font-family:Arial,sans-serif!important;font-size:14px}.FormInvoiceRegister .FormInvoiceRegister-select__menu{border:1px solid #e0e0e0!important;border-radius:8px!important;box-shadow:0 4px 12px #00000026!important}.FormInvoiceRegister .FormInvoiceRegister-select__option{font-size:14px!important;line-height:1.2!important;padding:10px 12px!important}.FormInvoiceRegister .FormInvoiceRegister-select__option--is-focused{background-color:#e3f2fd!important}.FormInvoiceRegister .FormInvoiceRegister-select__option--is-selected{background-color:#1976d2!important;color:#fff!important}.FormInvoiceRegister .FormInvoiceRegister-select__multi-value{background-color:#e3f2fd!important;border-radius:4px!important}.FormInvoiceRegister .FormInvoiceRegister-select__multi-value__label{color:#0d47a1!important;font-family:Arial,sans-serif!important;font-size:13px!important}.FormInvoiceRegister .FormInvoiceRegister-select__multi-value__remove:hover{background-color:#d32f2f!important;color:#fff!important}.FormInvoiceRegister .no-opportunities-message{align-items:center;background:#0000;border:2px dashed #e0e0e0;border-radius:8px;color:#999;display:flex;font-size:14px;font-style:italic;gap:8px;justify-content:center;margin-top:0;padding:24px}.FormInvoiceRegister .hint-icon{color:#ccc;font-size:20px!important}.FormInvoiceRegister .opportunities-grid{display:flex;flex-direction:column;gap:12px;margin-top:0}.FormInvoiceRegister .opportunity-item{animation:FormInvoiceRegister-fadeIn .3s ease-out;background:#fff;border:1px solid #e0e0e0;border-radius:8px;overflow:hidden;transition:var(--transition)}.FormInvoiceRegister .opportunity-item:hover{border-color:#1976d2;box-shadow:var(--shadow-sm)}@keyframes FormInvoiceRegister-fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.FormInvoiceRegister .opportunity-item-header{align-items:center;background:linear-gradient(to right,var(--gray-100),#f9f9f9);border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:7px 16px}.FormInvoiceRegister .item-title{align-items:center;display:flex;flex:1 1;gap:10px;min-width:0}.FormInvoiceRegister .item-title-text{display:flex;flex-direction:column;min-width:0}.FormInvoiceRegister .item-title h3{color:#000;font-size:15px;font-weight:700;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.FormInvoiceRegister .item-subtitle{color:#666;font-size:12px;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.FormInvoiceRegister .remove-btn{align-items:center;background:#0000;border:none;border-radius:4px;color:#d32f2f;cursor:pointer;display:flex;padding:4px;transition:var(--transition)}.FormInvoiceRegister .remove-btn:hover{background:#ffebee;transform:scale(1.1)}.FormInvoiceRegister .opportunity-details{padding:16px}.FormInvoiceRegister .detail-row{display:flex;gap:10px;margin-bottom:12px}.FormInvoiceRegister .single-detail-row .detail-field{width:100%}.FormInvoiceRegister .detail-field{display:flex;flex-direction:column;gap:6px;width:100%}.FormInvoiceRegister .pricing-row{background:var(--gray-50);border:1px solid #e0e0e0;border-radius:6px;display:flex;flex-wrap:wrap;gap:10px;padding:12px}.FormInvoiceRegister .pricing-field{display:flex;flex:1 1 200px;flex-direction:column;gap:6px;min-width:160px}.FormInvoiceRegister .amount-input[readOnly]{background-color:#f5f5f5;color:#706f6f;cursor:not-allowed}.FormInvoiceRegister .date-input-wrapper{position:relative;width:100%}.FormInvoiceRegister .calendar-icon{align-items:center;color:#666;display:flex;pointer-events:none;position:absolute;right:12px;top:50%;transform:translateY(-50%)}.FormInvoiceRegister .invoice-total-preview{align-items:flex-end;background:linear-gradient(135deg,#0d47a1,#1565c0 40%,#1976d2);border-radius:24px;box-shadow:var(--shadow-md);display:flex;flex-direction:column;gap:8px;margin:16px 0 0;padding:14px 18px}.FormInvoiceRegister .preview-line{align-items:center;display:flex;gap:8px}.FormInvoiceRegister .invoice-total-label{color:#fffffff2;font-size:15px;font-weight:600}.FormInvoiceRegister .invoice-total-value{background:#fff3;border-radius:18px;color:#fff;font-size:15px;font-weight:700;padding:4px 14px}.FormInvoiceRegister .FormInvoiceRegister-error{align-items:center;color:#d32f2f;display:flex;font-size:12px;gap:4px;line-height:1.2;margin-top:0;min-height:18px;white-space:normal;word-break:break-word}.FormInvoiceRegister .FormInvoiceRegister-top-error{background:#ffebee;border:1px solid #ffcdd2;border-radius:8px;color:#b71c1c;font-size:13px;margin-bottom:12px;padding:10px 14px}.FormInvoiceRegister .error-icon{flex-shrink:0;font-size:12px}.FormInvoiceRegister .form-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:20px;width:100%}.FormInvoiceRegister .primary-btn,.FormInvoiceRegister .secondary-btn{border:none;border-radius:14px;box-shadow:var(--shadow-sm);cursor:pointer;font-family:inherit;font-size:12px;font-weight:700;padding:10px 20px;transition:var(--transition)}.FormInvoiceRegister .primary-btn{background:#28a745;color:#fff}.FormInvoiceRegister .primary-btn:hover:not(:disabled){background:#218838;box-shadow:var(--shadow-md);transform:translateY(-1px)}.FormInvoiceRegister .secondary-btn{background:#6c757d;color:#fff}.FormInvoiceRegister .secondary-btn:hover:not(:disabled){background:#5a6268;box-shadow:var(--shadow-md);transform:translateY(-1px)}.FormInvoiceRegister .primary-btn:disabled,.FormInvoiceRegister .secondary-btn:disabled{cursor:not-allowed;opacity:.5}.FormInvoiceRegister .loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:400px;width:100%}.FormInvoiceRegister .loading-spinner{animation:FormInvoiceRegister-spin .8s linear infinite;border:3px solid #f0f0f0;border-radius:50%;border-top-color:#1976d2;height:40px;margin-bottom:16px;width:40px}@keyframes FormInvoiceRegister-spin{to{transform:rotate(1turn)}}.FormInvoiceRegister .spinner{animation:FormInvoiceRegister-spin .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;display:inline-block;height:16px;margin-right:8px;width:16px}.FormInvoiceRegister .react-datepicker-wrapper,.FormInvoiceRegister .react-datepicker__input-container{display:block;width:100%}.FormInvoiceRegister ::-webkit-scrollbar{height:8px;width:8px}.FormInvoiceRegister ::-webkit-scrollbar-track{background:var(--gray-100);border-radius:8px}.FormInvoiceRegister ::-webkit-scrollbar-thumb{background:var(--gray-300);border:2px solid var(--gray-100);border-radius:8px}.FormInvoiceRegister ::-webkit-scrollbar-thumb:hover{background:var(--primary-color)}@media screen and (max-width:1100px){.FormInvoiceRegister .form-row{flex-wrap:wrap}}@media screen and (max-width:600px){.FormInvoiceRegister{font-size:13px;height:100vh;line-height:1.4;margin-left:8px;margin-right:8px;overflow-y:auto}.FormInvoiceRegister .FormInvoiceRegister-header{flex-wrap:wrap;gap:8px;margin-bottom:8px;margin-top:15px}.FormInvoiceRegister .header-title{font-size:20px;order:1;width:calc(100% - 50px)}.FormInvoiceRegister .invoice-number-pill{border-radius:20px;font-size:14px;order:2;padding:6px 12px;text-align:center;white-space:normal;width:100%;word-break:break-word}.FormInvoiceRegister .section-content{gap:16px}.FormInvoiceRegister .form-row{flex-direction:column;gap:12px;margin:0}.FormInvoiceRegister .FormInvoiceRegister-date-input,.FormInvoiceRegister .FormInvoiceRegister-description,.FormInvoiceRegister .FormInvoiceRegister-input,.FormInvoiceRegister .amount-input,.FormInvoiceRegister .react-datepicker__input-container input,.FormInvoiceRegister .readonly-field{font-size:13px;height:42px;padding:10px 12px}.FormInvoiceRegister .FormInvoiceRegister-description{min-height:100px}.FormInvoiceRegister .pricing-row{flex-direction:column;gap:12px}.FormInvoiceRegister .pricing-field{flex:none;min-width:100%;width:100%}.FormInvoiceRegister .form-actions{background-color:#fff;bottom:0;box-shadow:0 -4px 10px #0000000d;gap:8px;padding:15px 0;position:-webkit-sticky;position:sticky;z-index:100}.FormInvoiceRegister .primary-btn,.FormInvoiceRegister .secondary-btn{border-radius:14px;flex:1 1;font-size:12px;padding:10px}.FormInvoiceRegister .FormInvoiceRegister-select__input-container,.FormInvoiceRegister .FormInvoiceRegister-select__placeholder,.FormInvoiceRegister .FormInvoiceRegister-select__single-value{font-size:13px!important}.FormInvoiceRegister .FormInvoiceRegister-select__option{font-size:12px!important;line-height:1.2!important;padding:10px 12px!important}.FormInvoiceRegister .invoice-total-preview{align-items:stretch;border-radius:14px;padding:12px;text-align:center}.FormInvoiceRegister .preview-line{flex-wrap:wrap;justify-content:center}.FormInvoiceRegister .item-subtitle{white-space:normal}}.invoice-details{font-family:Arial,Helvetica,sans-serif;min-height:100vh;overflow-x:hidden;width:100%}.invoice-details,.invoice-details *,.invoice-details :after,.invoice-details :before{box-sizing:border-box}.invoice-details .main-header-row{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:20px;width:100%}.invoice-details .main-header-left{flex:1 1;gap:12px}.invoice-details .main-header-left,.invoice-details .main-header-right{align-items:center;display:flex;min-width:0}.invoice-details .back-arrow{background:#0000;border-radius:8px;color:#1f2937;cursor:pointer;flex-shrink:0;font-size:26px;padding:4px;transition:all .2s ease}.invoice-details .back-arrow:hover{background:#0000;opacity:.6;transform:translateX(-2px)}.invoice-details .add-invoices-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1e293b,#0f172a);-webkit-background-clip:text;background-clip:text;color:#b4c1de;font-family:Arial,Helvetica,sans-serif;font-size:22px;font-weight:700;letter-spacing:-.02em;margin:0;min-width:0;overflow-wrap:anywhere;text-transform:uppercase}.invoice-details .invoice-number-header{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:40px;box-shadow:0 2px 8px #00000005;display:flex;gap:10px;max-width:100%;min-width:0;padding:8px 24px;transition:all .3s ease}.invoice-details .invoice-number-header:hover{border-color:#3b82f6;box-shadow:0 8px 20px -8px #3b82f626;transform:translateY(-2px)}.invoice-details .invoice-number-header-text{color:#1f2937;font-family:Arial,Helvetica,sans-serif;font-size:14px;font-weight:700;min-width:0;overflow-wrap:anywhere;word-break:break-word}.invoice-details .title-separator{background:#e5e7eb;border:none;height:1px;margin:0 0 20px}.invoice-details .info-header-row{align-items:center;background:#0000;display:flex;flex-wrap:wrap;gap:24px;justify-content:space-between;padding:0 0 24px;width:100%}.invoice-details .info-header-left{flex:1 1;flex-wrap:wrap;gap:24px}.invoice-details .client-supplier-compact,.invoice-details .info-header-left,.invoice-details .info-header-right{align-items:center;display:flex;min-width:0}.invoice-details .client-supplier-compact{background:#fff;border:1px solid #e5e7eb;border-radius:40px;box-shadow:0 2px 6px #00000005;flex-wrap:wrap;gap:24px;max-width:100%;padding:6px 20px;transition:all .3s ease}.invoice-details .client-supplier-compact:hover{border-color:#3b82f6;box-shadow:0 8px 20px -8px #3b82f61a;transform:translateY(-2px)}.invoice-details .compact-item{align-items:center;display:flex;font-size:13px;gap:8px;max-width:100%;min-width:0}.invoice-details .compact-label{color:#64748b;flex-shrink:0;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.invoice-details .compact-value{color:#1f2937;font-size:13px;font-weight:700;min-width:0;overflow-wrap:anywhere;word-break:break-word}.invoice-details .invoice-header-badges{align-items:center;display:flex;flex-wrap:wrap;gap:10px;min-width:0}.invoice-details .edit-invoice-btn{background:#3b82f6!important;border-radius:40px!important;box-shadow:0 2px 6px #3b82f633!important;font-size:13px!important;font-weight:700!important;max-width:100%;padding:8px 24px!important;text-transform:none!important;transition:all .3s ease!important}.invoice-details .edit-invoice-btn:hover{background:#2563eb!important;box-shadow:0 8px 16px -4px #3b82f64d!important;transform:translateY(-2px)}.invoice-details .chip-full-paid,.invoice-details .chip-partial-pay,.invoice-details .chip-status-neutral,.invoice-details .chip-unpaid{border:1px solid #fff3!important;border-radius:30px!important;cursor:default;font-family:Arial,Helvetica,sans-serif!important;font-size:12px!important;font-weight:700!important;max-width:100%;padding:6px 16px!important;transition:all .3s ease!important}.invoice-details .chip-full-paid .MuiChip-label,.invoice-details .chip-partial-pay .MuiChip-label,.invoice-details .chip-status-neutral .MuiChip-label,.invoice-details .chip-unpaid .MuiChip-label{overflow-wrap:anywhere;padding-left:10px!important;padding-right:10px!important;text-align:center;white-space:normal!important;word-break:break-word}.invoice-details .chip-full-paid{background:#2e7d32!important;box-shadow:0 4px 10px -4px #10b9814d!important;color:#fff!important}.invoice-details .chip-partial-pay{background:#ed6c02!important;box-shadow:0 4px 10px -4px #ed6c024d!important;color:#fff!important}.invoice-details .chip-unpaid{background:#c62828!important;box-shadow:0 4px 10px -4px #c628284d!important;color:#fff!important}.invoice-details .chip-status-neutral{background:#3b82f6!important;box-shadow:0 4px 10px -4px #3b82f64d!important;color:#fff!important}.invoice-details .chip-full-paid:hover,.invoice-details .chip-partial-pay:hover,.invoice-details .chip-status-neutral:hover,.invoice-details .chip-unpaid:hover{transform:translateY(-2px) scale(1.02)}.invoice-details .responsive-container{display:flex;flex-wrap:wrap;gap:32px;margin-top:16px;width:100%}.invoice-details .details-layout{align-items:stretch}.invoice-details .box{background:#0000;border:none;border-radius:0;box-shadow:none;flex:1 1;max-width:100%;min-width:320px;padding:0}.invoice-details .section-card{background:#fff;border:1px solid #e2e8f0;border-radius:18px;box-shadow:0 12px 20px -6px #0000001a;display:flex;flex-direction:column;height:100%;max-width:100%;min-width:0;overflow:hidden;position:relative;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.invoice-details .section-card:before{animation:invoiceDetailsGradientMove 8s ease infinite;background:linear-gradient(90deg,#3b82f6,#60a5fa,#93c5fd,#3b82f6);background-size:300% 100%;border-radius:18px 18px 0 0;content:"";height:6px;left:0;position:absolute;right:0;top:0;z-index:1}@keyframes invoiceDetailsGradientMove{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.invoice-details .section-card:hover{border-color:#0000;box-shadow:0 25px 40px -12px #3b82f64d,0 0 0 2px #3b82f633;transform:translateY(-8px) scale(1.01)}.invoice-details .section-card:after{background:radial-gradient(circle,#3b82f61a 0,#0000 70%);content:"";height:200%;left:-50%;opacity:0;pointer-events:none;position:absolute;top:-50%;transition:opacity .5s ease;width:200%;z-index:0}.invoice-details .section-card:hover:after{opacity:1}.invoice-details .card-header{align-items:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:1px solid #e2e8f099;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;min-width:0;overflow:hidden;padding:18px 24px;position:relative;z-index:2}.invoice-details .details-section-title{align-items:center;color:#1f2937;display:flex;font-family:Arial,Helvetica,sans-serif;font-size:18px;font-weight:700;gap:12px;letter-spacing:-.3px;min-width:0;overflow-wrap:anywhere}.invoice-details .add-payment-header-btn{background:#3b82f6!important;border-radius:30px!important;box-shadow:0 4px 10px -4px #3b82f64d!important;font-family:Arial,Helvetica,sans-serif!important;font-size:12px!important;font-weight:700!important;max-width:100%;padding:8px 20px!important;text-transform:none!important;transition:all .3s ease!important}.invoice-details .add-payment-header-btn:hover{background:#2563eb!important;box-shadow:0 12px 20px -8px #3b82f666!important;transform:translateY(-2px)}.invoice-details .card-content{background:#fff;flex:1 1;min-width:0;padding:24px;position:relative;z-index:2}.invoice-details .details-grid{grid-gap:16px 24px;align-items:center;display:grid;gap:16px 24px;grid-template-columns:minmax(170px,210px) minmax(0,1fr);width:100%}.invoice-details .details-label{color:#64748b!important;font-size:13px!important;font-weight:700!important;letter-spacing:.3px;text-transform:uppercase}.invoice-details .details-label,.invoice-details .details-value{align-items:center;display:flex;font-family:Arial,Helvetica,sans-serif!important;height:100%;margin-bottom:0!important;min-width:0;overflow-wrap:anywhere}.invoice-details .details-value{color:#1f2937!important;font-size:14px!important;font-weight:600!important;word-break:break-word}.invoice-details .payment-row-card{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:14px;display:flex;gap:16px;justify-content:space-between;margin-bottom:12px;min-width:0;overflow:hidden;padding:16px 20px;position:relative;transition:all .3s ease}.invoice-details .payment-row-card:before{background:linear-gradient(180deg,#3b82f6,#60a5fa);border-radius:4px;bottom:0;content:"";left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:4px}.invoice-details .payment-row-card:hover{border-color:#3b82f6;box-shadow:0 10px 18px -8px #3b82f633;transform:translateX(4px) translateY(-2px)}.invoice-details .payment-row-card:hover:before{opacity:1}.invoice-details .payment-row-main{align-items:baseline;display:flex;flex:1 1;flex-wrap:wrap;gap:24px;min-width:0}.invoice-details .payment-row-amount{align-items:baseline;display:flex;flex-wrap:wrap;gap:12px;min-width:0}.invoice-details .payment-amount-original{background:#f1f5f9;border-radius:30px;color:#1f2937;font-family:Arial,Helvetica,sans-serif;font-size:14px;font-weight:800;max-width:100%;overflow-wrap:anywhere;padding:4px 12px;word-break:break-word}.invoice-details .payment-amount-separator{color:#94a3b8;flex-shrink:0;font-size:14px;font-weight:500;margin:0 4px}.invoice-details .payment-amount-system{background:#eff6ff;border-radius:30px;color:#3b82f6;font-family:Arial,Helvetica,sans-serif;font-size:14px;font-weight:700;max-width:100%;overflow-wrap:anywhere;padding:4px 12px;word-break:break-word}.invoice-details .payment-row-date{align-items:center;color:#64748b;display:flex;font-family:Arial,Helvetica,sans-serif;font-size:13px;font-weight:500;gap:6px}.invoice-details .payment-row-date:before{content:"📅";flex-shrink:0;font-size:12px}.invoice-details .payment-row-actions{align-items:center;display:flex;flex-shrink:0;gap:4px;opacity:0;transition:opacity .3s ease}.invoice-details .payment-row-card:hover .payment-row-actions{opacity:1}.invoice-details .payment-row-actions button{border-radius:8px!important;min-width:32px!important;padding:4px 8px!important;transition:all .2s ease!important}.invoice-details .payment-row-actions button:hover{background:#f1f5f9!important;transform:scale(1.1)!important}.invoice-details .remaining-payment-card{align-items:center;background:linear-gradient(135deg,#f0f7ff,#e6f0fa);border:1px solid #d4e2f0;border-radius:14px;display:flex;flex-wrap:wrap;gap:24px;justify-content:space-between;margin-top:20px;min-width:0;padding:16px 24px;transition:all .3s ease}.invoice-details .remaining-payment-card:hover{border-color:#3b82f6;box-shadow:0 10px 18px -10px #3b82f626;transform:translateY(-2px)}.invoice-details .remaining-payment-header,.invoice-details .remaining-payment-header strong{align-items:center;display:flex;gap:8px;min-width:0}.invoice-details .remaining-payment-header strong{color:#2563eb;font-family:Arial,Helvetica,sans-serif;font-size:14px;font-weight:700;letter-spacing:.5px;overflow-wrap:anywhere;text-transform:uppercase}.invoice-details .remaining-payment-header strong:before{content:"💳";flex-shrink:0;font-size:14px;padding-bottom:5px}.invoice-details .remaining-payment-main{align-items:baseline;display:flex;flex:1 1;flex-wrap:wrap;gap:24px;justify-content:flex-end;min-width:0}.invoice-details .remaining-payment-amount{align-items:baseline;display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-end;max-width:100%;min-width:0}.invoice-details .remaining-payment-original{background:#fff;border-radius:30px;box-shadow:0 1px 3px #0000000d;color:#1f2937;font-family:Arial,Helvetica,sans-serif;font-size:16px;font-weight:800;max-width:100%;overflow-wrap:anywhere;padding:6px 16px;word-break:break-word}.invoice-details .remaining-payment-separator{color:#94a3b8;flex-shrink:0;font-size:16px;font-weight:600;margin:0 4px}.invoice-details .remaining-payment-system{background:#eff6ff;border-radius:30px;box-shadow:0 1px 3px #0000000d;color:#3b82f6;font-family:Arial,Helvetica,sans-serif;font-size:16px;font-weight:800;max-width:100%;overflow-wrap:anywhere;padding:6px 16px;word-break:break-word}.invoice-details .invoice-lines-section{margin-top:32px;width:100%}.invoice-details .invoice-lines-section .section-card{background:#fff;border:1px solid #e2e8f0;border-radius:18px;box-shadow:0 12px 20px -6px #0000001a;min-width:0;overflow:hidden;position:relative;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.invoice-details .invoice-lines-section .section-card:before{animation:invoiceDetailsGradientMove 8s ease infinite;background:linear-gradient(90deg,#3b82f6,#60a5fa,#93c5fd,#3b82f6);background-size:300% 100%;border-radius:18px 18px 0 0;content:"";height:6px;left:0;position:absolute;right:0;top:0;z-index:1}.invoice-details .invoice-lines-section .section-card:hover{border-color:#0000;box-shadow:0 25px 40px -12px #3b82f64d,0 0 0 2px #3b82f633;transform:translateY(-8px) scale(1.01)}.invoice-details .invoice-lines-section .section-card:after{background:radial-gradient(circle,#3b82f61a 0,#0000 70%);content:"";height:200%;left:-50%;opacity:0;pointer-events:none;position:absolute;top:-50%;transition:opacity .5s ease;width:200%;z-index:0}.invoice-details .invoice-lines-section .section-card:hover:after{opacity:1}.invoice-details .invoice-lines-list{display:flex;flex-direction:column;gap:20px;min-width:0}.invoice-details .invoice-line-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;min-width:0;overflow:hidden;position:relative;transition:all .3s ease}.invoice-details .invoice-line-card:before{background:linear-gradient(180deg,#3b82f6,#60a5fa);border-radius:4px;bottom:0;content:"";left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:4px}.invoice-details .invoice-line-card:hover{border-color:#3b82f6;box-shadow:0 10px 18px -8px #3b82f633;transform:translateX(4px) translateY(-2px)}.invoice-details .invoice-line-card:hover:before{opacity:1}.invoice-details .invoice-line-top{background:#fafcff;border-bottom:1px solid #f1f5f9;min-width:0;padding:16px 20px}.invoice-details .invoice-line-title{align-items:center;color:#1f2937;display:flex;font-family:Arial,Helvetica,sans-serif;font-size:14px;font-weight:700;gap:8px;min-width:0;overflow-wrap:anywhere;word-break:break-word}.invoice-details .invoice-line-grid{grid-gap:1px;background:#f1f5f9;display:grid;gap:1px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));min-width:0}.invoice-details .line-item{background:#fff;min-width:0;padding:12px 16px;transition:all .3s ease}.invoice-details .line-item-label{color:#94a3b8;display:block;font-family:Arial,Helvetica,sans-serif;font-size:11px;font-weight:700;letter-spacing:.5px;margin-bottom:4px;overflow-wrap:anywhere;text-transform:uppercase}.invoice-details .line-item-value{color:#1f2937;font-weight:600;word-break:break-word}.invoice-details .empty-state-box,.invoice-details .line-item-value{font-family:Arial,Helvetica,sans-serif;font-size:13px;overflow-wrap:anywhere}.invoice-details .empty-state-box{background:#fafcff;border:2px dashed #e2e8f0;border-radius:18px;color:#64748b;font-weight:500;padding:40px 24px;text-align:center;transition:all .3s ease}.invoice-details .empty-state-box:hover{border-color:#94a3b8}.invoice-details .invoice-loading-card{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:24px;box-shadow:0 12px 20px -6px #0000000d;display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:400px}.invoice-details .loading-spinner{animation:invoiceDetailsSpin .8s linear infinite;border-color:#3b82f6 #60a5fa #e2e8f0 #e2e8f0;border-radius:50%;border-style:solid;border-width:3px;height:44px;width:44px}@keyframes invoiceDetailsSpin{to{transform:rotate(1turn)}}.invoice-details .invoice-loading-card p{color:#64748b;font-family:Arial,Helvetica,sans-serif;font-size:13px;font-weight:500}@keyframes invoiceDetailsFadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.invoice-details .invoice-lines-section .section-card,.invoice-details .section-card{animation:invoiceDetailsFadeInUp .5s ease-out forwards;opacity:0}.invoice-details .section-card:first-child{animation-delay:.05s}.invoice-details .section-card:nth-child(2){animation-delay:.1s}.invoice-details .invoice-lines-section .section-card{animation-delay:.15s}@media (max-width:1100px){.invoice-details .responsive-container{flex-direction:column;gap:24px}.invoice-details .box{min-width:0;width:100%}.invoice-details .details-grid{gap:10px;grid-template-columns:1fr}.invoice-details .details-label{margin-bottom:2px!important}}@media (max-width:768px){.invoice-details .main-header-row{align-items:stretch;flex-direction:column;gap:12px}.invoice-details .main-header-left,.invoice-details .main-header-right{width:100%}.invoice-details .invoice-number-header{border-radius:18px;justify-content:center;padding:10px 14px;width:100%}.invoice-details .info-header-row{align-items:stretch;flex-direction:column;gap:16px}.invoice-details .info-header-left{align-items:stretch;flex-direction:column;gap:12px}.invoice-details .client-supplier-compact{align-items:flex-start;border-radius:18px;flex-direction:column;gap:12px;justify-content:flex-start;padding:12px 14px;width:100%}.invoice-details .compact-item{align-items:flex-start;flex-wrap:wrap;width:100%}.invoice-details .invoice-header-badges{gap:8px;width:100%}.invoice-details .info-header-right{justify-content:stretch;width:100%}.invoice-details .add-payment-header-btn,.invoice-details .edit-invoice-btn{justify-content:center;width:100%}.invoice-details .card-content,.invoice-details .card-header{padding:16px}.invoice-details .card-header,.invoice-details .payment-row-card{align-items:stretch;flex-direction:column}.invoice-details .payment-row-card{padding:14px}.invoice-details .payment-row-main{align-items:flex-start;flex-direction:column;gap:10px;width:100%}.invoice-details .payment-row-amount{align-items:flex-start;gap:8px;width:100%}.invoice-details .payment-row-actions{justify-content:flex-end;margin-top:8px;opacity:1;width:100%}.invoice-details .remaining-payment-card{align-items:stretch;flex-direction:column;gap:14px;padding:14px}.invoice-details .remaining-payment-header{justify-content:center}.invoice-details .remaining-payment-amount,.invoice-details .remaining-payment-main{justify-content:center;width:100%}.invoice-details .remaining-payment-original,.invoice-details .remaining-payment-system{font-size:14px;padding:6px 12px}.invoice-details .remaining-payment-separator{font-size:14px}.invoice-details .invoice-line-grid{grid-template-columns:1fr}.invoice-details .add-invoices-title{font-size:20px}.invoice-details .details-section-title{font-size:16px}}@media (max-width:480px){.invoice-details .main-header-left{gap:8px}.invoice-details .back-arrow{font-size:22px;padding:2px}.invoice-details .add-invoices-title{font-size:18px;line-height:1.25}.invoice-details .invoice-number-header{gap:8px;padding:10px 12px}.invoice-details .invoice-number-header-text{font-size:13px;text-align:center}.invoice-details .client-supplier-compact{padding:10px 12px}.invoice-details .compact-label{font-size:11px}.invoice-details .compact-value{font-size:12px}.invoice-details .card-content,.invoice-details .card-header{padding:12px}.invoice-details .details-section-title{font-size:15px;gap:8px}.invoice-details .details-label{font-size:11px!important}.invoice-details .details-value{font-size:13px!important}.invoice-details .payment-row-card{gap:10px;padding:12px}.invoice-details .payment-row-date{font-size:12px}.invoice-details .payment-amount-original,.invoice-details .payment-amount-system{border-radius:12px;font-size:12px;padding:6px 10px;width:100%}.invoice-details .payment-row-amount{align-items:stretch;flex-direction:column}.invoice-details .payment-amount-separator{display:none}.invoice-details .payment-amount-system:before{color:#94a3b8;content:"→ ";font-weight:600}.invoice-details .payment-row-actions{justify-content:space-between}.invoice-details .payment-row-actions button{flex:1 1;min-width:0!important}.invoice-details .remaining-payment-amount{align-items:stretch;flex-direction:column;gap:8px;width:100%}.invoice-details .remaining-payment-separator{display:none}.invoice-details .remaining-payment-original,.invoice-details .remaining-payment-system{border-radius:12px;font-size:13px;padding:8px 10px;text-align:center;width:100%}.invoice-details .remaining-payment-system:before{color:#94a3b8;content:"→ ";display:inline;font-weight:600}.invoice-details .invoice-line-top{padding:12px}.invoice-details .invoice-line-title{font-size:13px;line-height:1.35}.invoice-details .line-item{padding:10px 12px}.invoice-details .line-item-label{font-size:10px}.invoice-details .line-item-value{font-size:12px;line-height:1.35}.invoice-details .empty-state-box{font-size:12px;padding:24px 14px}}@media (max-width:390px){.invoice-details .main-header-row{gap:10px;margin-bottom:16px}.invoice-details .add-invoices-title{font-size:16px}.invoice-details .invoice-number-header{border-radius:14px;padding:8px 10px}.invoice-details .invoice-number-header-text{font-size:12px}.invoice-details .client-supplier-compact{border-radius:14px;gap:10px;padding:8px 10px}.invoice-details .invoice-header-badges{align-items:stretch;flex-direction:column}.invoice-details .chip-full-paid,.invoice-details .chip-partial-pay,.invoice-details .chip-status-neutral,.invoice-details .chip-unpaid{border-radius:12px!important;justify-content:center;width:100%}.invoice-details .details-section-title{font-size:14px}.invoice-details .card-content,.invoice-details .card-header{padding:10px}.invoice-details .payment-row-card,.invoice-details .remaining-payment-card{border-radius:12px;padding:10px}.invoice-details .payment-amount-original,.invoice-details .payment-amount-system,.invoice-details .remaining-payment-original,.invoice-details .remaining-payment-system{font-size:12px;padding:8px}.invoice-details .invoice-line-card{border-radius:12px}.invoice-details .invoice-line-top,.invoice-details .line-item{padding:10px}.invoice-details .add-payment-header-btn,.invoice-details .edit-invoice-btn{font-size:11px!important;padding:8px 12px!important}}@media (max-width:320px){.invoice-details{overflow-x:hidden}.invoice-details .add-invoices-title{font-size:15px}.invoice-details .compact-value,.invoice-details .details-value,.invoice-details .invoice-number-header-text,.invoice-details .line-item-value,.invoice-details .payment-row-date{font-size:11px!important}.invoice-details .compact-label,.invoice-details .details-label,.invoice-details .line-item-label{font-size:9px!important}.invoice-details .payment-amount-original,.invoice-details .payment-amount-system,.invoice-details .remaining-payment-original,.invoice-details .remaining-payment-system{font-size:11px;line-height:1.3}.invoice-details .invoice-header-badges .MuiChip-root{min-height:2px!important}}.partialpayment-dialog{background-color:initial;font-family:Arial,sans-serif;padding:10px;position:relative;z-index:1400}.partialpayment-dialog,.partialpayment-dialog *,.partialpayment-dialog .MuiDialogActions-root,.partialpayment-dialog .MuiDialogContent-root,.partialpayment-dialog .MuiDialogTitle-root,.partialpayment-dialog .MuiTypography-root,.partialpayment-dialog button,.partialpayment-dialog input,.partialpayment-dialog select,.partialpayment-dialog textarea{box-sizing:border-box;font-family:Arial,sans-serif!important}.partialpayment-dialog .MuiDialog-paper{animation:partialPaymentDialogFadeIn .3s ease-out;border-radius:20px!important;box-shadow:0 25px 50px -12px #00000040!important;overflow:visible!important;position:relative;z-index:1401}.partialpayment-dialog .MuiDialogContent-root{background:#fff;overflow:visible!important;padding:20px 24px!important;position:relative;z-index:1402}@keyframes partialPaymentDialogFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.partialpayment-dialog .MuiDialogTitle-root{background:linear-gradient(135deg,#fff,#f8fafc);border-bottom:1px solid #e5e7eb;color:#1e293b!important;font-size:20px!important;font-weight:700!important;letter-spacing:.4px;padding:20px 24px 16px!important;text-transform:uppercase}.partialpayment-dialog .payment-form{display:flex;flex-direction:column;gap:16px}.partialpayment-dialog .payment-inputGroup{animation:partialPaymentDialogSlideIn .3s ease-out forwards;display:flex;flex-direction:column;gap:8px;opacity:0;transform:translateX(-10px)}.partialpayment-dialog .payment-inputGroup:first-child{animation-delay:.05s}.partialpayment-dialog .payment-inputGroup:nth-child(2){animation-delay:.1s}.partialpayment-dialog .payment-inputGroup:nth-child(3){animation-delay:.15s}.partialpayment-dialog .payment-inputGroup:nth-child(4){animation-delay:.2s}@keyframes partialPaymentDialogSlideIn{to{opacity:1;transform:translateX(0)}}.partialpayment-dialog .payment-label{align-items:center;color:#334155;display:flex;font-size:13px;font-weight:600;gap:4px}.partialpayment-dialog .payment-required-star{color:#ef4444}.partialpayment-dialog .datepicker-input,.partialpayment-dialog .payment-input{background:#fff;border:1.5px solid #e2e8f0;border-radius:12px;color:#1e293b;font-size:14px;height:40px!important;outline:none;padding:8px 12px!important;transition:all .25s ease;width:100%}.partialpayment-dialog .datepicker-input:focus,.partialpayment-dialog .payment-input:focus{border-color:#3b82f6!important;box-shadow:0 0 0 4px #3b82f61f}.partialpayment-dialog .payment-input[readOnly],.partialpayment-dialog .payment-input[readonly]{background:#f1f5f9!important;border-color:#cbd5e1;font-weight:700}.partialpayment-dialog .datepicker-input::placeholder,.partialpayment-dialog .payment-input::placeholder{color:#94a3b8}.partialpayment-dialog .datepicker-container{position:relative;width:100%;z-index:1500}.partialpayment-dialog .datepicker-wrapper,.partialpayment-dialog .datepicker-wrapper .react-datepicker-wrapper,.partialpayment-dialog .datepicker-wrapper .react-datepicker__input-container{width:100%}.partialpayment-dialog .datepicker-input{padding-right:40px!important}.partialpayment-dialog .calendar-icon{color:#64748b;position:absolute;right:12px;top:50%;transform:translateY(-50%)}.partialpayment-dialog .react-datepicker-popper{z-index:999999!important}.partialpayment-dialog .react-datepicker{border-radius:12px!important;box-shadow:0 20px 30px -10px #0003!important;overflow:hidden;z-index:999999!important}.partialpayment-dialog .react-datepicker__header{background:#f3f4f6!important;border-bottom:1px solid #d1d5db!important}.partialpayment-dialog .react-datepicker__current-month{font-size:14px!important;font-weight:700!important}.partialpayment-dialog .react-datepicker__day{border-radius:8px!important}.partialpayment-dialog .react-datepicker__day--selected{background-color:#93c5fd!important;color:#111827!important;font-weight:700}.partialpayment-dialog .payment-error{background:#fee2e2;border-radius:10px;color:#b91c1c;font-size:13px;padding:10px}.partialpayment-dialog .MuiDialogActions-root{background:#f1f5f9;border-top:1px solid #e5e7eb;padding:20px 24px!important;z-index:1}.partialpayment-dialog .MuiButton-root{border-radius:12px;font-weight:600;height:40px;min-width:120px}.partialpayment-dialog .MuiButton-outlined{background-color:#6c757d!important;border:none!important;color:#fff!important}.partialpayment-dialog .MuiButton-contained{background-color:#28a745!important;color:#fff!important}.partialpayment-dialog ::-webkit-scrollbar{width:6px}.partialpayment-dialog ::-webkit-scrollbar-thumb{background:#94a3b8;border-radius:10px}@media (max-width:600px){.partialpayment-dialog .MuiDialog-paper{margin:10px;width:calc(100% - 20px)}.partialpayment-dialog .MuiDialogActions-root{flex-direction:column;gap:10px}.partialpayment-dialog .MuiButton-root{width:100%}}.payment-delete-dialog,.payment-delete-dialog *{font-family:Arial,Helvetica,sans-serif!important}.payment-delete-dialog .MuiDialog-paper{animation:paymentDeleteDialogSlideUp .3s ease-out;background:linear-gradient(135deg,#fff,#fafafa);border-radius:16px!important;box-shadow:0 25px 50px -12px #00000040!important;max-width:480px;width:100%}@keyframes paymentDeleteDialogSlideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.payment-delete-dialog .pd-header{border-bottom:1px solid #00000014;margin:0;padding:24px 24px 16px}.payment-delete-dialog .pd-header-content{align-items:center;display:flex;font-size:20px;justify-content:space-between}.payment-delete-dialog .pd-title-section{align-items:center;display:flex;gap:12px}.payment-delete-dialog .pd-warning-icon{animation:paymentDeleteDialogPulse 2s infinite;color:#f59e0b;font-size:28px}@keyframes paymentDeleteDialogPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.payment-delete-dialog .pd-title{color:#1e293b;font-size:22px!important;font-weight:600!important;letter-spacing:-.02em;line-height:1.3}.payment-delete-dialog .pd-close-btn{background:#f1f5f9;color:#64748b;transition:all .2s ease}.payment-delete-dialog .pd-close-btn:hover{background:#e2e8f0;color:#334155;transform:rotate(90deg)}.payment-delete-dialog .pd-content{font-size:15px;line-height:1.5;padding:24px!important}.payment-delete-dialog .pd-error-alert{background:linear-gradient(135deg,#fef2f2,#fee2e2);border:1px solid #fecaca;border-radius:12px;padding:16px}.payment-delete-dialog .pd-error-alert .MuiAlert-icon{color:#dc2626;font-size:24px}.payment-delete-dialog .pd-error-message{color:#991b1b;font-size:14px;line-height:1.5;margin-top:4px}.payment-delete-dialog .pd-confirm-content{display:flex;flex-direction:column;gap:20px}.payment-delete-dialog .pd-payment-details{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:12px;padding:20px;text-align:center}.payment-delete-dialog .pd-detail-item{margin-bottom:16px}.payment-delete-dialog .pd-detail-item:last-child{margin-bottom:0}.payment-delete-dialog .pd-payment-icon{color:#3b82f6;font-size:32px;margin-bottom:8px}.payment-delete-dialog .pd-detail-label{color:#64748b;font-size:11px;font-weight:500;letter-spacing:.05em;margin-bottom:4px;text-transform:uppercase}.payment-delete-dialog .pd-amount-value{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000000d;color:#0f172a;display:inline-block;font-size:20px!important;font-weight:700!important;margin-top:4px;padding:8px 16px}.payment-delete-dialog .pd-system-amount{color:#6b7280;font-size:13px;margin-top:4px}.payment-delete-dialog .pd-date-value{color:#1e293b;font-size:16px;font-weight:500;margin-top:4px}.payment-delete-dialog .pd-description-value{background:#fff;border-radius:8px;color:#334155;font-size:13px;margin-top:4px;padding:8px 12px;word-break:break-word}.payment-delete-dialog .pd-warning-text{background:#fee2e2;border-left:4px solid #dc2626;border-radius:8px;color:#b91c1c;font-size:14px;font-weight:500;line-height:1.5;padding:12px;text-align:center}.payment-delete-dialog .pd-consequences{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:16px}.payment-delete-dialog .pd-consequence-item{border-bottom:1px solid #e2e8f0;color:#334155;font-size:14px;line-height:1.45;padding:8px 0}.payment-delete-dialog .pd-consequence-item:last-child{border-bottom:none}.payment-delete-dialog .pd-actions{background:#fff;border-top:1px solid #00000014;display:flex;gap:12px;padding:16px 24px 24px!important}.payment-delete-dialog .pd-btn{border-radius:8px!important;font-size:14px!important;font-weight:600!important;height:44px;letter-spacing:.02em;min-width:120px;text-transform:none!important;transition:all .2s ease!important}.payment-delete-dialog .pd-btn-cancel{background:#5a6268!important;border:2px solid #e2e8f0!important;color:#fff!important}.payment-delete-dialog .pd-btn-cancel:hover{box-shadow:0 4px 8px #0000000d!important;transform:translateY(-2px)}.payment-delete-dialog .pd-btn-delete{background:linear-gradient(135deg,#dc2626,#b91c1c)!important;border:none!important;box-shadow:0 4px 12px #dc26264d!important;color:#fff!important}.payment-delete-dialog .pd-btn-delete:hover{background:linear-gradient(135deg,#b91c1c,#991b1b)!important;box-shadow:0 6px 16px #dc262666!important;transform:translateY(-2px)}.payment-delete-dialog .pd-btn-delete:active{box-shadow:0 2px 8px #dc26264d!important;transform:translateY(0)}.payment-delete-dialog .pd-btn-ok{background:linear-gradient(135deg,#3b82f6,#2563eb)!important;border:none!important;box-shadow:0 4px 12px #3b82f64d!important;color:#fff!important}.payment-delete-dialog .pd-btn-ok:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8)!important;box-shadow:0 6px 16px #3b82f666!important;transform:translateY(-2px)}@media (max-width:768px){.payment-delete-dialog .MuiDialog-paper{margin:16px;max-width:calc(100% - 32px)}.payment-delete-dialog .pd-header{padding:20px 20px 14px}.payment-delete-dialog .pd-content{font-size:14px;padding:20px!important}.payment-delete-dialog .pd-actions{padding:14px 20px 20px!important}.payment-delete-dialog .pd-title{font-size:20px!important}.payment-delete-dialog .pd-header-content{font-size:18px}.payment-delete-dialog .pd-warning-icon{font-size:24px}.payment-delete-dialog .pd-amount-value{font-size:18px!important}.payment-delete-dialog .pd-consequence-item,.payment-delete-dialog .pd-error-message,.payment-delete-dialog .pd-warning-text{font-size:13px}.payment-delete-dialog .pd-btn{font-size:13px!important;height:42px}}@media (max-width:600px){.payment-delete-dialog .MuiDialog-paper{border-radius:14px!important;margin:12px;max-width:calc(100% - 24px)}.payment-delete-dialog .pd-header{padding:16px 16px 12px}.payment-delete-dialog .pd-content{font-size:13px;padding:16px!important}.payment-delete-dialog .pd-actions{flex-direction:column-reverse;gap:10px;padding:12px 16px 16px!important}.payment-delete-dialog .pd-title{font-size:18px!important}.payment-delete-dialog .pd-header-content{font-size:16px}.payment-delete-dialog .pd-title-section{gap:8px}.payment-delete-dialog .pd-warning-icon{font-size:22px}.payment-delete-dialog .pd-payment-details{padding:16px}.payment-delete-dialog .pd-amount-value{font-size:16px!important;padding:6px 12px}.payment-delete-dialog .pd-date-value{font-size:14px}.payment-delete-dialog .pd-consequence-item,.payment-delete-dialog .pd-error-message,.payment-delete-dialog .pd-warning-text{font-size:12px;line-height:1.4}.payment-delete-dialog .pd-consequences{padding:12px}.payment-delete-dialog .pd-confirm-content{gap:16px}.payment-delete-dialog .pd-btn{font-size:13px!important;height:40px;min-width:100%;width:100%}}@media (max-width:400px){.payment-delete-dialog .MuiDialog-paper{margin:8px;max-width:calc(100% - 16px)}.payment-delete-dialog .pd-header{padding:14px 14px 10px}.payment-delete-dialog .pd-content{font-size:12px;padding:14px!important}.payment-delete-dialog .pd-actions{padding:10px 14px 14px!important}.payment-delete-dialog .pd-title{font-size:16px!important}.payment-delete-dialog .pd-header-content{font-size:15px}.payment-delete-dialog .pd-warning-icon{font-size:20px}.payment-delete-dialog .pd-amount-value{font-size:14px!important;padding:5px 10px}.payment-delete-dialog .pd-date-value{font-size:13px}.payment-delete-dialog .pd-consequence-item,.payment-delete-dialog .pd-error-message,.payment-delete-dialog .pd-warning-text{font-size:11px}.payment-delete-dialog .pd-btn{font-size:12px!important;height:38px}}.invoice-delete-dialog,.invoice-delete-dialog *{font-family:Arial,Helvetica,sans-serif!important}.invoice-delete-dialog .MuiDialog-paper{animation:invoiceDeleteDialogSlideUp .3s ease-out;background:linear-gradient(135deg,#fff,#fafafa);border-radius:16px!important;box-shadow:0 25px 50px -12px #00000040!important;max-width:480px;width:100%}@keyframes invoiceDeleteDialogSlideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.invoice-delete-dialog .id-header{border-bottom:1px solid #00000014;margin:0;padding:24px 24px 16px}.invoice-delete-dialog .id-header-content{align-items:center;display:flex;font-size:20px;justify-content:space-between}.invoice-delete-dialog .id-title-section{align-items:center;display:flex;gap:12px}.invoice-delete-dialog .id-warning-icon{animation:invoiceDeleteDialogPulse 2s infinite;color:#f59e0b;font-size:28px}@keyframes invoiceDeleteDialogPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.invoice-delete-dialog .id-title{color:#1e293b;font-size:22px!important;font-weight:600!important;letter-spacing:-.02em;line-height:1.3}.invoice-delete-dialog .id-close-btn{background:#f1f5f9;color:#64748b;transition:all .2s ease}.invoice-delete-dialog .id-close-btn:hover{background:#e2e8f0;color:#334155;transform:rotate(90deg)}.invoice-delete-dialog .id-content{font-size:15px;line-height:1.5;padding:24px!important}.invoice-delete-dialog .id-error-alert{background:linear-gradient(135deg,#fef2f2,#fee2e2);border:1px solid #fecaca;border-radius:12px;padding:16px}.invoice-delete-dialog .id-error-alert .MuiAlert-icon{color:#dc2626;font-size:24px}.invoice-delete-dialog .id-error-message{color:#991b1b;font-size:14px;line-height:1.5;margin-top:4px}.invoice-delete-dialog .id-confirm-content{display:flex;flex-direction:column;gap:20px}.invoice-delete-dialog .id-number-container{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px dashed #cbd5e1;border-radius:12px;padding:16px;text-align:center;transition:all .2s ease}.invoice-delete-dialog .id-number-container:hover{background:#f1f5f9;border-color:#94a3b8}.invoice-delete-dialog .id-number-label{color:#64748b;font-size:12px;font-weight:500;letter-spacing:.05em;margin-bottom:8px;text-transform:uppercase}.invoice-delete-dialog .id-number-value{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000000d;color:#0f172a;display:inline-block;font-size:16px;font-weight:700!important;max-width:100%;padding:8px 16px;word-break:break-word}.invoice-delete-dialog .id-warning-text{background:#fee2e2;border-left:4px solid #dc2626;border-radius:8px;color:#b91c1c;font-size:14px;font-weight:500;line-height:1.5;padding:12px;text-align:center}.invoice-delete-dialog .id-consequences{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:16px}.invoice-delete-dialog .id-consequence-item{border-bottom:1px solid #e2e8f0;color:#334155;font-size:14px;line-height:1.45;padding:8px 0}.invoice-delete-dialog .id-consequence-item:last-child{border-bottom:none}.invoice-delete-dialog .id-actions{background:#fff;border-top:1px solid #00000014;display:flex;gap:12px;padding:16px 24px 24px!important}.invoice-delete-dialog .id-btn{border-radius:8px!important;font-size:14px!important;font-weight:600!important;height:44px;letter-spacing:.02em;min-width:120px;text-transform:none!important;transition:all .2s ease!important}.invoice-delete-dialog .id-btn-cancel{background:#5a6268!important;border:2px solid #e2e8f0!important;color:#fff!important}.invoice-delete-dialog .id-btn-cancel:hover{box-shadow:0 4px 8px #0000000d!important;transform:translateY(-2px)}.invoice-delete-dialog .id-btn-delete{background:linear-gradient(135deg,#dc2626,#b91c1c)!important;border:none!important;box-shadow:0 4px 12px #dc26264d!important;color:#fff!important}.invoice-delete-dialog .id-btn-delete:hover{background:linear-gradient(135deg,#b91c1c,#991b1b)!important;box-shadow:0 6px 16px #dc262666!important;transform:translateY(-2px)}.invoice-delete-dialog .id-btn-delete:active{box-shadow:0 2px 8px #dc26264d!important;transform:translateY(0)}.invoice-delete-dialog .id-btn-ok{background:linear-gradient(135deg,#3b82f6,#2563eb)!important;border:none!important;box-shadow:0 4px 12px #3b82f64d!important;color:#fff!important}.invoice-delete-dialog .id-btn-ok:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8)!important;box-shadow:0 6px 16px #3b82f666!important;transform:translateY(-2px)}@media (max-width:768px){.invoice-delete-dialog .MuiDialog-paper{margin:16px;max-width:calc(100% - 32px)}.invoice-delete-dialog .id-header{padding:20px 20px 14px}.invoice-delete-dialog .id-content{font-size:14px;padding:20px!important}.invoice-delete-dialog .id-actions{padding:14px 20px 20px!important}.invoice-delete-dialog .id-title{font-size:20px!important}.invoice-delete-dialog .id-header-content{font-size:18px}.invoice-delete-dialog .id-warning-icon{font-size:24px}.invoice-delete-dialog .id-number-value{font-size:15px;padding:8px 14px}.invoice-delete-dialog .id-consequence-item,.invoice-delete-dialog .id-error-message,.invoice-delete-dialog .id-warning-text{font-size:13px}.invoice-delete-dialog .id-btn{font-size:13px!important;height:42px}}@media (max-width:600px){.invoice-delete-dialog .MuiDialog-paper{border-radius:14px!important;margin:12px;max-width:calc(100% - 24px)}.invoice-delete-dialog .id-header{padding:16px 16px 12px}.invoice-delete-dialog .id-content{font-size:13px;padding:16px!important}.invoice-delete-dialog .id-actions{flex-direction:column-reverse;gap:10px;padding:12px 16px 16px!important}.invoice-delete-dialog .id-title{font-size:18px!important}.invoice-delete-dialog .id-header-content{font-size:16px}.invoice-delete-dialog .id-title-section{gap:8px}.invoice-delete-dialog .id-warning-icon{font-size:22px}.invoice-delete-dialog .id-number-label{font-size:11px}.invoice-delete-dialog .id-number-value{font-size:14px;padding:7px 12px}.invoice-delete-dialog .id-consequence-item,.invoice-delete-dialog .id-error-message,.invoice-delete-dialog .id-warning-text{font-size:12px;line-height:1.4}.invoice-delete-dialog .id-consequences{padding:12px}.invoice-delete-dialog .id-confirm-content{gap:16px}.invoice-delete-dialog .id-btn{font-size:13px!important;height:40px;min-width:100%;width:100%}}@media (max-width:400px){.invoice-delete-dialog .MuiDialog-paper{margin:8px;max-width:calc(100% - 16px)}.invoice-delete-dialog .id-header{padding:14px 14px 10px}.invoice-delete-dialog .id-content{font-size:12px;padding:14px!important}.invoice-delete-dialog .id-actions{padding:10px 14px 14px!important}.invoice-delete-dialog .id-title{font-size:16px!important}.invoice-delete-dialog .id-header-content{font-size:15px}.invoice-delete-dialog .id-warning-icon{font-size:20px}.invoice-delete-dialog .id-number-value{font-size:13px;padding:6px 10px}.invoice-delete-dialog .id-consequence-item,.invoice-delete-dialog .id-error-message,.invoice-delete-dialog .id-warning-text{font-size:11px}.invoice-delete-dialog .id-btn{font-size:12px!important;height:38px}}.invoices-register-page .table-container{height:auto;overflow-x:auto;width:100%}.invoices-register-page #invoice-register-table{min-width:1800px}.invoices-register-page .MuiButtonBase{height:auto}.invoices-register-page .MuiDataGrid-root{background-color:#f8f9fa;border:1px solid #ddd;border-radius:8px;overflow-x:auto;width:100%}.invoices-register-page .MuiDataGrid-columnHeaders{background-color:#d6d6d6;border-bottom:2px solid #b0b0b0;color:#424242;font-size:16px;font-weight:700}.invoices-register-page .MuiDataGrid-cell{color:#333;font-size:14px}.invoices-register-page .MuiDataGrid-row:hover{background-color:initial}.invoices-register-page .MuiDataGrid-footerContainer{background-color:#f1f1f1}.invoices-register-page .MuiDataGrid-cell--textLeft{color:#000}.invoices-register-page .MuiDataGrid-columnHeaderTitle{color:#000!important;font-weight:700!important}.invoices-register-page .title{font-size:1.5rem;margin-top:20px}.invoices-register-page .add-button-container{display:flex;height:auto;justify-content:flex-end;margin-bottom:1px;margin-top:-55px}.invoices-register-page .add-button-container button{background-color:#1976d2;border:1px solid #1976d2;border-radius:5px;color:#fff;height:36px;padding:10px 20px}.invoices-register-page .cell-wrap{align-items:center;display:flex;height:100%;line-height:1.4;padding:4px 0;white-space:normal;width:100%;word-break:break-word}.invoices-register-page .amount-cell{font-weight:500}.invoices-register-page .payment-status-badge{align-items:center;border-radius:10px;box-sizing:border-box;color:#fff;display:flex;height:25px;justify-content:center;padding:4px 8px;text-align:center;width:100%}.invoices-register-page .payment-unpaid{background-color:#f44336;color:#fff}.invoices-register-page .payment-full{background-color:#4caf50;color:#fff}.invoices-register-page .payment-partial{background-color:#ff9800;color:#fff}.invoices-register-page .invoice-status-badge{align-items:center;border-radius:10px;color:#fff;display:inline-flex;height:25px;justify-content:center;line-height:normal;min-width:140px;text-align:center}.invoices-register-page .compliant-invoice{background-color:#4b93db;color:#fff}.invoices-register-page .invoice-issued{background-color:#ab64d6;color:#fff}@media (max-width:550px){.invoices-register-page .title{font-size:1.2rem;margin-top:20px}.invoices-register-page .add-button-container{margin-top:30px}.invoices-register-page .add-button-container button{background-color:#1976d2;border:1px solid #1976d2;border-radius:5px;color:#fff;height:30px;margin-bottom:15px;padding:10px}.invoices-register-page .MuiDataGrid-columnHeaders{font-size:13px}.invoices-register-page .MuiDataGrid-cell{font-size:12px}.invoices-register-page .MuiDataGrid-root{height:auto;width:100%}}.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}.add-supplier-contract-page .datepicker-container{padding-bottom:10px;position:relative;width:100%}.add-supplier-contract-page .addsuppliers-datepicker .datepicker-input{border:1px solid #ccc;border-radius:8px;box-sizing:border-box;font-size:14px;height:40px;padding:8px 40px 8px 12px;width:100%}.add-supplier-contract-page .addsuppliers-datepicker .calendar-icon{color:#666;pointer-events:none;position:absolute;right:12px;top:45%;transform:translateY(-50%)}.add-supplier-contract-page .react-datepicker-wrapper,.add-supplier-contract-page .react-datepicker__input-container{width:100%}.add-supplier-contract-page .rounded-input{border-radius:8px!important}.add-supplier-contract-page .addsuppliers-datepicker .datepicker-input,.add-supplier-contract-page .addsuppliers-popup-form input,.add-supplier-contract-page .addsuppliers-popup-form select{border:1px solid #ccc;border-radius:8px;box-sizing:border-box;font-size:14px;height:40px;padding:8px 12px}.add-supplier-contract-page .addsuppliers-popup-form textarea{border:1px solid #ccc;border-radius:8px;font-size:14px;padding:8px 12px;resize:vertical}.add-supplier-contract-page .addsuppliers-datepicker .datepicker-input:focus{border-color:#06c!important;outline:none}@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-contract-page .add-supplier-container .react-select__control,.add-supplier-contract-page .add-supplier-container .react-select__single-value,.add-supplier-contract-page .add-supplier-container input[type=date],.add-supplier-contract-page .add-supplier-container input[type=number],.add-supplier-contract-page .add-supplier-container input[type=text],.add-supplier-contract-page .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-contract-page .edit-supplier-container .react-select__control{box-shadow:none!important;font-size:14px}.edit-supplier-contract-page .edit-supplier-container .react-select__placeholder,.edit-supplier-contract-page .edit-supplier-container .react-select__single-value{font-size:14px}.edit-supplier-contract-page .edit-supplier-container input[type=date],.edit-supplier-contract-page .edit-supplier-container input[type=number],.edit-supplier-contract-page .edit-supplier-container input[type=text],.edit-supplier-contract-page .edit-supplier-container textarea,.edit-supplier-contract-page .edit-supplier-container.react-select__control,.edit-supplier-contract-page .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}.edit-supplier-contract-page .datepicker-container{padding-bottom:10px;position:relative;width:100%}.edit-supplier-contract-page .addsuppliers-datepicker .datepicker-input{border:1px solid #ccc;border-radius:8px;box-sizing:border-box;font-size:14px;height:40px;padding:8px 40px 8px 12px;width:100%}.edit-supplier-contract-page .addsuppliers-datepicker .calendar-icon{color:#666;pointer-events:none;position:absolute;right:12px;top:45%;transform:translateY(-50%)}.edit-supplier-contract-page .react-datepicker-wrapper,.edit-supplier-contract-page .react-datepicker__input-container{width:100%}.edit-supplier-contract-page .rounded-input{border-radius:8px!important}.edit-supplier-contract-page .addsuppliers-datepicker .datepicker-input,.edit-supplier-contract-page .addsuppliers-popup-form input,.edit-supplier-contract-page .addsuppliers-popup-form select{border:1px solid #ccc;border-radius:8px;box-sizing:border-box;font-size:14px;height:40px;padding:8px 12px}.edit-supplier-contract-page .addsuppliers-popup-form textarea{border:1px solid #ccc;border-radius:8px;font-size:14px;padding:8px 12px;resize:vertical}.edit-supplier-contract-page .addsuppliers-datepicker .datepicker-input:focus{border-color:#06c!important;outline:none}@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-contract-page .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-contract-page .edit-supplier-container .react-select__control{box-shadow:none!important;font-size:12px}.edit-supplier-contract-page .edit-supplier-container .react-select__placeholder,.edit-supplier-contract-page .edit-supplier-container .react-select__single-value{font-size:12px}.edit-supplier-contract-page .edit-supplier-container input[type=date],.edit-supplier-contract-page .edit-supplier-container input[type=number],.edit-supplier-contract-page .edit-supplier-container input[type=text] .edit-supplier-contract-page .edit-supplier-container.react-select__control,.edit-supplier-contract-page .edit-supplier-container textarea,.edit-supplier-contract-page .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-contracts-page .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}.add-orders-additional-pappers-page .datepicker-container{padding-bottom:8px}.add-orders-additional-pappers-page .addsuppliers-datepicker .datepicker-input{border:1px solid #ccc;border-radius:8px;font-size:14px;padding:8px 40px 8px 12px;width:100%}.add-orders-additional-pappers-page .addsuppliers-datepicker .calendar-icon{color:#666;pointer-events:none;position:absolute;right:12px;top:55%;transform:translateY(-50%)}.add-orders-additional-pappers-page .react-datepicker-wrapper,.add-orders-additional-pappers-page .react-datepicker__input-container{width:100%}.add-orders-additional-pappers-page .rounded-input{border-radius:8px!important}.add-orders-additional-pappers-page .addsuppliers-datepicker .datepicker-input,.add-orders-additional-pappers-page .addsuppliers-popup-form input,.add-orders-additional-pappers-page .addsuppliers-popup-form select{border:1px solid #ccc;border-radius:8px;box-sizing:border-box;font-size:14px;height:40px;padding:8px 12px}.add-orders-additional-pappers-page .addsuppliers-popup-form textarea{border:1px solid #ccc;border-radius:8px;font-size:14px;padding:8px 12px;resize:vertical}.add-orders-additional-pappers-page .addsuppliers-datepicker .datepicker-input:focus{border-color:#06c!important;outline:none}.add-orders-additional-pappers-page .form-group-row .form-group{flex:1 1}.add-orders-additional-pappers-page .react-select__control{min-height:40px}.add-orders-additional-pappers-page .datepicker-container{padding-bottom:0;position:relative;width:100%}.add-orders-additional-pappers-page .addsuppliers-datepicker .datepicker-input{box-sizing:border-box;height:40px}@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__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}.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}.edit-orders-additional-pappers-page .input-error{border-color:red}.edit-orders-additional-pappers-page .error-message{color:red;font-size:12px;margin-top:4px}.edit-orders-additional-pappers-page .datepicker-container{padding-bottom:8px}.edit-orders-additional-pappers-page .addsuppliers-datepicker .calendar-icon{color:#666;pointer-events:none;position:absolute;right:12px;top:55%;transform:translateY(-50%)}.edit-orders-additional-pappers-page .react-datepicker-wrapper,.edit-orders-additional-pappers-page .react-datepicker__input-container{width:100%}.edit-orders-additional-pappers-page .rounded-input{border-radius:8px!important}.edit-orders-additional-pappers-page .addsuppliers-datepicker .datepicker-input,.edit-orders-additional-pappers-page .addsuppliers-popup-form input,.edit-orders-additional-pappers-page .addsuppliers-popup-form select{border:1px solid #ccc;border-radius:8px;box-sizing:border-box;font-size:14px;height:40px;padding:8px 12px}.edit-orders-additional-pappers-page .addsuppliers-popup-form textarea{border:1px solid #ccc;border-radius:8px;font-size:14px;padding:8px 12px;resize:vertical}.edit-orders-additional-pappers-page .addsuppliers-datepicker .datepicker-input:focus{border-color:#06c!important;outline:none}.edit-orders-additional-pappers-page .form-group-row{align-items:flex-start;display:flex;gap:10px;width:100%}.edit-orders-additional-pappers-page .form-group-row .form-group{flex:1 1}.edit-orders-additional-pappers-page .react-select__control{box-shadow:none!important;font-size:14px;min-height:40px}.edit-orders-additional-pappers-page .datepicker-container{padding-bottom:0;position:relative;width:100%}.edit-orders-additional-pappers-page .addsuppliers-datepicker .datepicker-input{border:1px solid #ccc;border-radius:8px;box-sizing:border-box;font-size:14px;height:40px;padding:8px 40px 8px 12px;width:100%}@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}}.orders-additional-pappers-page .table-container{height:auto;overflow-x:auto;width:100%}#order-additional-table{min-width:1200px}.orders-additional-pappers-page .price-header-container{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.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: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}.add-ext-resource-invoice-page .datepicker-container,.add-ext-resource-invoice-page .edit-ext-resource-invoice-page .datepicker-container{height:35px!important;position:relative;width:100%}.add-ext-resource-invoice-page .datepicker-hidden,.add-ext-resource-invoice-page .edit-ext-resource-invoice-page .datepicker-hidden{height:100%;left:50%;opacity:0;pointer-events:auto!important;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%}.add-ext-resource-invoice-page .react-datepicker-wrapper{height:100%;left:0;position:absolute;top:0;width:100%}.add-ext-resource-invoice-page .react-datepicker__input-container{height:100%;width:100%}.add-ext-resource-invoice-page .react-datepicker__input-container input{cursor:pointer;height:100%;opacity:0;width:100%}.add-ext-resource-invoice-page .calendar-icon-inside,.add-ext-resource-invoice-page .edit-ext-resource-invoice-page .calendar-icon-inside{color:#666;cursor:pointer;margin-top:3px;opacity:.7;pointer-events:none;position:absolute;right:10px;top:50%;transform:translateY(-50%)}.add-ext-resource-invoice-page .calendar-icon-inside:hover{opacity:1}.add-ext-resource-invoice-page .datepicker-container input[readonly],.add-ext-resource-invoice-page .edit-ext-resource-invoice-page .datepicker-container input[readonly]{background-color:#fff;box-sizing:border-box;cursor:pointer;width:100%}.add-ext-resource-invoice-page .datepicker-container .input.input-error{border-color:#d32f2f}.add-ext-resource-invoice-page .datepicker-container .input.input-error:focus{border-color:#d32f2f;box-shadow:0 0 0 2px #d32f2f33}@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}.edit-ext-resource-invoice-page .datepicker-container{height:35px!important;position:relative;width:100%}.edit-ext-resource-invoice-page .datepicker-hidden{height:100%;left:50%;opacity:0;pointer-events:auto!important;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%}.edit-ext-resource-invoice-page .react-datepicker-wrapper{height:100%;left:0;position:absolute;top:0;width:100%}.edit-ext-resource-invoice-page .react-datepicker__input-container{height:100%;width:100%}.edit-ext-resource-invoice-page .react-datepicker__input-container input{cursor:pointer;height:100%;opacity:0;width:100%}.edit-ext-resource-invoice-page .calendar-icon-inside{color:#666;cursor:pointer;margin-top:3px;opacity:.7;pointer-events:none;position:absolute;right:10px;top:50%;transform:translateY(-50%)}.edit-ext-resource-invoice-page .calendar-icon-inside:hover{opacity:1}.edit-ext-resource-invoice-page .datepicker-container input[readonly]{background-color:#fff;box-sizing:border-box;cursor:pointer;width:100%}.edit-ext-resource-invoice-page .datepicker-container .input.input-error{border-color:#d32f2f}.edit-ext-resource-invoice-page .datepicker-container .input.input-error:focus{border-color:#d32f2f;box-shadow:0 0 0 2px #d32f2f33}@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 .payment-client-container .header{justify-content:space-between;margin-bottom:10px;width:100%}.payment-ext-resource-invoice-page .payment-client-container .supplier-info{align-items:center;display:flex;font-weight:500;gap:8px}.payment-ext-resource-invoice-page .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-ext-resource-invoice-page .payment-client-container .custom-button:hover{background-color:#0056b3}.payment-ext-resource-invoice-page .payment-client-container .add-icon{color:#fff!important;font-size:20px!important}.payment-ext-resource-invoice-page .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-grid table td{height:25px!important;line-height:2px!important;margin:0;padding:0}.payment-ext-resource-invoice-page .payment-grid table tr{height:2px!important;line-height:2px!important;margin:0;padding:0}.payment-ext-resource-invoice-page .add-payment-container{background-color:initial;border-radius:0;box-shadow:none;padding:10px}.payment-ext-resource-invoice-page .add-payment-container .button.discard{background-color:#6c757d;border:none;border-radius:14px;color:#fff;cursor:pointer;font-size:12px;padding:10px 20px}.payment-ext-resource-invoice-page .add-payment-container .button.save{background-color:#28a745;border:none;border-radius:14px;color:#fff;cursor:pointer;font-size:12px;padding:10px 20px}.payment-ext-resource-invoice-page .add-payment-container .title-popup{color:#000;font-size:20px;font-weight:700}.payment-ext-resource-invoice-page .add-payment-container .form-group{display:flex;flex-direction:column;gap:8px;padding-bottom:10px}.payment-ext-resource-invoice-page .add-payment-container .input:disabled{background-color:#f0f0f0}.payment-ext-resource-invoice-page .add-payment-container .label{color:#2e2e2e;font-size:14px;font-weight:520;text-align:left}@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-ext-resource-invoice-page .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-ext-resource-invoice-page .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}}.external-resource-page .table-container{height:auto;overflow-x:auto;width:100%}.external-resource-page .MuiButtonBase{height:auto}.external-resource-page .MuiDataGrid-root{background-color:#f8f9fa;border:1px solid #ddd;border-radius:8px;overflow-x:auto;width:100%}.external-resource-page .MuiDataGrid-columnHeaders{background-color:#d6d6d6;border-bottom:2px solid #b0b0b0;color:#424242;font-size:16px;font-weight:700}.external-resource-page .MuiDataGrid-cell{color:#333;font-size:14px}.external-resource-page .MuiDataGrid-row:hover{background-color:initial}.external-resource-page .MuiDataGrid-footerContainer{background-color:#f1f1f1}.external-resource-page .buton-edit{background-color:#f8f9fa;border:none;margin-top:10px}.external-resource-page .MuiDataGrid-cell--textLeft{color:#000}.external-resource-page .MuiDataGrid-columnHeaderTitle{color:#000!important;font-weight:700!important}.external-resource-page .header-page{align-items:center;display:flex;justify-content:space-between}.external-resource-page .title{font-size:1.5rem;margin-top:20px}.external-resource-page .add-button-container{display:flex;height:auto;justify-content:flex-end;margin-bottom:1px;margin-top:-55px}.external-resource-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){.external-resource-page .title{font-size:1.2rem;margin-top:10px}.external-resource-page .add-button-container{margin-top:10px}.external-resource-page .MuiDataGrid-columnHeaders{font-size:14px}.external-resource-page .MuiDataGrid-cell{font-size:12px}.external-resource-page .MuiDataGrid-root{height:auto;width:100%}.external-resource-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{-ms-overflow-style:none;display:flex;flex-direction:column;height:100%;overflow:hidden;scrollbar-width:none}.category-page::-webkit-scrollbar{display:none}.category-page>.category-box-subcontainer{flex:1 1;min-height:0}.category-page .header-container{align-items:center;display:flex;justify-content:space-between;margin-bottom:-8px}.category-page .category-actions{display:flex;flex-grow:1;justify-content:flex-end}.category-page .back-arrow{cursor:pointer;font-size:1.5rem}.category-page .category-header-container{align-items:center;display:flex;min-height:70px;padding:0 2rem}.category-page .separator-container{height:1px;margin:0;padding:0;width:100%}.category-page .category-box-subcontainer{-ms-overflow-style:none;display:flex;flex:1 1;flex-direction:column;min-height:0;overflow:hidden;scrollbar-width:none}.category-page .category-box-subcontainer::-webkit-scrollbar{display:none}.category-page .category-data-grid-container{-ms-overflow-style:none;flex:1 1;height:100%;overflow:auto;scrollbar-width:none;width:100%}.category-page .category-data-grid-container::-webkit-scrollbar{display:none}.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 .category-datagrid .MuiDataGrid-root{-ms-overflow-style:none;scrollbar-width:none}.category-page .category-datagrid .MuiDataGrid-root::-webkit-scrollbar{display:none}.category-page .category-datagrid .MuiDataGrid-virtualScroller{-ms-overflow-style:none;scrollbar-width:none}.category-page .category-datagrid .MuiDataGrid-virtualScroller::-webkit-scrollbar{display:none}.category-page .add-category-container,.category-page .edit-category-container{-ms-overflow-style:none;background-color:#fff;border-radius:0;box-shadow:none;box-sizing:border-box;margin-top:-20px;max-width:600px;overflow-y:auto;padding:2rem;scrollbar-width:none;width:100%}.category-page .add-category-container::-webkit-scrollbar,.category-page .edit-category-container::-webkit-scrollbar{display:none}.category-page .category-header{align-items:center;display:flex;gap:1rem;min-width:40px}.category-page .add-category-title,.category-page .edit-category-title{font-size:1.6rem;font-weight:500;margin:0}.category-page .title-separator{background-color:#ccc;border:none;height:1px;margin-bottom:15px;margin-top:0;position:relative;width:100%}.category-page .add-category-form .input,.category-page .title-separator{box-sizing:border-box;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 .input-inline{flex:1 1;min-width:200px}.category-page .category-required-star{color:red}.category-page .subcategory-row{-ms-overflow-style:none;display:flex;flex-direction:column;margin-bottom:12px;scrollbar-width:none;width:100%}.category-page .subcategory-row::-webkit-scrollbar{display:none}.category-page h4{border-left:4px solid #1976d2;color:#1976d2;font-size:1.1rem;font-weight:600;letter-spacing:.3px;margin:16px 0 12px;padding-left:10px}.category-page .MuiStack-root{background-color:#f5f5f5;border-radius:10px!important;box-sizing:border-box;margin-bottom:8px;padding:8px 12px!important;transition:background-color .2s ease;width:100%}.category-page .MuiStack-root:hover{background-color:#eee}.category-page .subcategory-title{color:#555;flex:1 1;font-size:14px;font-weight:500;padding-left:4px;text-align:left;word-break:break-word}.category-page .subcategory-controls,.category-page .subcategory-controls-inline,.category-page .subcategory-flex{align-items:center;background-color:#f9f9f9;border-radius:12px;box-sizing:border-box;display:flex;gap:10px;margin-bottom:8px;padding:12px;width:100%}.category-page .subcategory-controls-inline{flex-wrap:wrap}.category-page .subcategory-flex .label{font-size:13px;margin-bottom:0;min-width:60px}.category-page .subcategory-flex .input{border:1px solid #ddd;border-radius:8px;flex:1 1;font-size:14px;outline:none;padding:10px;transition:border-color .2s ease}.category-page .subcategory-flex .input:focus{border-color:#007bff}.category-page .subcategory-actions,.category-page .subcategory-buttons{display:flex;gap:8px;justify-content:flex-start}.category-page .subcategory-actions{justify-content:flex-start}.category-page .button.delete-subcat,.category-page .button.save-subcat,.category-page .delete-subcat,.category-page .save-subcat{align-items:center;border-radius:20px;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;height:36px;justify-content:center;padding:6px 12px;text-align:center;transition:all .2s ease}.category-page .button.save-subcat,.category-page .save-subcat{background-color:initial;border:1px solid green;color:green}.category-page .save-subcat:hover{background-color:#0080001a}.category-page .button.delete-subcat,.category-page .delete-subcat{background-color:initial;border:1px solid red;color:red}.category-page .delete-subcat:hover{background-color:#ff00001a}.category-page .add-subcat-button{background-color:#cbe7ff!important;border:none!important;border-radius:20px!important;box-shadow:0 2px 5px #0000001a!important;color:#0f0f0f!important;font-size:.9rem!important;font-weight:500!important;margin:16px 0!important;padding:4px 8px!important;text-transform:none!important;transition:all .2s ease!important}.category-page .add-subcat-button:hover{background-color:#86b1d1!important;box-shadow:0 4px 8px #00000026!important;transform:translateY(-1px)!important}.category-page .add-subcat-button .MuiButton-startIcon{margin-right:6px}.category-page .add-subcat-button .MuiSvgIcon-root{font-size:18px!important}.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 .edit-icon{color:#666!important;font-size:18px!important}.category-page .icon-desktop{display:inline}.category-page .icon-mobile{display:none}@media (max-width:768px){.category-page .add-category-container,.category-page .edit-category-container{margin-top:-10px;max-width:100%;padding:1.5rem}.category-page .add-category-title,.category-page .edit-category-title{font-size:1.4rem}.category-page .category-data-grid-container{-ms-overflow-style:none;height:calc(100vh - 250px);overflow:auto;scrollbar-width:none}.category-page .category-data-grid-container::-webkit-scrollbar{display:none}.category-page .MuiDataGrid-columnHeaderTitle{font-size:.9rem!important}.category-page .MuiDataGrid-root{min-width:auto!important}.category-page .MuiStack-root{padding:10px 14px!important}.category-page .subcategory-flex{padding:14px}.category-page .add-subcat-button{font-size:.95rem!important;padding:10px 18px!important}}@media (max-width:600px){.category-page .header-container{align-items:flex-start;flex-direction:column;gap:12px;width:100%}.category-page .header-container h2{font-size:1.5rem;margin-bottom:4px}.category-page .add-category-title,.category-page .edit-category-title{font-size:1.3rem;line-height:1.2;word-break:break-word}.category-page .full-width-separator-container{margin-top:5px}.category-page .title-separator{margin-bottom:10px;margin-top:-5px}.category-page .category-actions{justify-content:flex-start;width:100%}.category-page .category-actions button{font-size:.9rem!important;margin-bottom:15px;padding:4px 8px!important;width:100%}.category-page .add-category-container,.category-page .edit-category-container{-ms-overflow-style:none;box-sizing:border-box;margin-top:-5px;max-width:100%;overflow-y:auto;padding:1rem;scrollbar-width:none;width:100%}.category-page .add-category-container::-webkit-scrollbar,.category-page .edit-category-container::-webkit-scrollbar{display:none}.category-page .category-data-grid-container{-ms-overflow-style:none;height:calc(100vh - 200px);overflow-x:hidden;overflow-y:auto;scrollbar-width:none;width:100%}.category-page .category-data-grid-container::-webkit-scrollbar{display:none}.category-page .MuiDataGrid-root{min-width:auto!important;width:100%!important}.category-page .MuiDataGrid-columnHeaderTitle{font-size:.8rem!important;line-height:1.3!important;white-space:normal!important;word-break:break-word!important}.category-page .form-group{gap:4px;margin-bottom:1.2rem;width:100%}.category-page .label{font-size:13px}.category-page .input{border-radius:10px;box-sizing:border-box;font-size:14px;padding:12px;width:100%}.category-page h4{font-size:1.1rem;margin:16px 0 12px}.category-page .subcategory-row{margin-bottom:16px;width:100%}.category-page .MuiStack-root{border-radius:12px!important;padding:12px 16px!important}.category-page .subcategory-title{font-size:14px}.category-page .subcategory-flex{flex-direction:column;padding:16px}.category-page .subcategory-flex .label{align-self:flex-start;margin-bottom:4px}.category-page .subcategory-flex .input{width:100%}.category-page .subcategory-actions{flex-direction:row;justify-content:flex-end;margin-top:8px;width:100%}.category-page .delete-subcat,.category-page .save-subcat{min-width:80px;padding:8px 16px}.category-page .add-subcat-button{background-color:#cbe7ff!important;border:none!important;border-radius:25px!important;box-shadow:0 2px 5px #0000001a!important;color:#0f0f0f!important;font-size:1rem!important;font-weight:500!important;margin:20px 0!important;padding:12px 20px!important;text-transform:none!important;transition:all .2s ease!important;width:100%!important}.category-page .add-subcat-button:hover{background-color:#86b1d1!important;box-shadow:0 4px 10px #00000026!important;transform:translateY(-1px)!important}.category-page .add-subcat-button .MuiButton-startIcon{margin-right:8px}.category-page .add-subcat-button .MuiSvgIcon-root{font-size:20px!important}.category-page .save-button-right{margin-top:20px;width:100%}.category-page .button-save{background:linear-gradient(135deg,#28a745,#218838);border:none;border-radius:25px;color:#fff;float:none;font-size:1rem;font-weight:600;letter-spacing:.5px;padding:14px 20px;transition:all .3s ease;width:100%}.category-page .button-save:hover:not(:disabled){background:linear-gradient(135deg,#218838,#1e7e34);box-shadow:0 4px 15px #28a7454d;transform:translateY(-2px)}.category-page .button-save:disabled{cursor:not-allowed;opacity:.6}.category-page .icon-desktop{display:none}.category-page .icon-mobile{display:inline-block;font-size:18px!important}.category-page .back-arrow{font-size:1.8rem}.category-page .MuiDialog-paper{margin:16px;max-width:400px;width:calc(100% - 32px)}.category-page .MuiDialogActions-root{flex-direction:column-reverse;gap:8px;padding:16px 20px}.category-page .MuiDialogActions-root button{margin:0!important;width:100%}.category-page .MuiSnackbar-root{left:10px!important;right:10px!important;top:10px!important;width:auto!important}}@media (max-width:480px){.category-page .full-width-separator-container{margin-top:2px}.category-page .add-category-title,.category-page .edit-category-title{font-size:1.2rem}.category-page .MuiStack-root{padding:10px 14px!important}.category-page .delete-subcat,.category-page .save-subcat{min-width:70px;padding:6px 12px}.category-page .subcategory-actions{gap:8px}.category-page .add-subcat-button{font-size:.95rem!important;padding:10px 16px!important}}@media (max-width:360px){.category-page .full-width-separator-container{margin-top:10px}.category-page .subcategory-actions{gap:6px}.category-page .delete-subcat,.category-page .save-subcat{font-size:.75rem;min-width:65px;padding:6px 8px}.category-page .add-subcat-button{font-size:.9rem!important;padding:8px 14px!important}}.materials-page .header-container{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px;margin-top:15px;width:100%}.materials-page .header-container h2{color:#333;flex-shrink:0;font-size:24px;font-weight:700;margin:0}.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}@media screen and (max-width:600px){.materials-page .header-container{align-items:flex-start;flex-direction:column;gap:15px}.materials-page .materials-actions{justify-content:stretch;width:100%}.materials-page .materials-actions .responsive-button{margin:0;width:100%}.materials-page .materials-actions button{width:100%}}@media screen and (max-width:400px){.materials-page .add-materials-title,.materials-page .header-container h2{font-size:20px}}.dimenssions-page .header-container{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:20px;margin-top:15px}.dimenssions-page .header-container h2{color:#333;font-size:24px;font-weight:700;margin:0}.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}@media screen and (max-width:600px){.dimenssions-page .header-container{align-items:flex-start;flex-direction:column;gap:15px}.dimenssions-page .dimenssions-actions{justify-content:stretch;width:100%}.dimenssions-page .dimenssions-actions .MuiButton-root{font-size:14px;padding:8px 16px;width:100%}}@media screen and (max-width:400px){.dimenssions-page .header-container h2{font-size:20px}.dimenssions-page .dimenssions-actions .MuiButton-root{font-size:12px;padding:6px 12px}}.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,.product-page .add-product-container-form{background-color:initial;border-radius:0;box-shadow:none;margin-top:10px;max-width:600px;overflow-x:hidden;padding:10px}.product-page .add-product-container-form{height:calc(100vh - 250px)}.product-page .react-select__control{border-radius:8px!important;box-shadow:none!important;font-size:14px}.product-page .react-select__placeholder,.product-page .react-select__single-value{font-size:14px}.product-page .input,.product-page .react-select__control,.product-page .react-select__single-value,.product-page input[type=date],.product-page input[type=number],.product-page input[type=text],.product-page textarea{font-family:Arial,sans-serif;font-size:14px}@media (max-width:768px){.product-page .form-group-row{align-items:stretch;flex-direction:column;gap:2px}}.product-page .stats-containter{display:flex;gap:16px;margin-bottom:16px}.product-page .stat-card{align-items:center;border:1px solid #ddd;border-radius:12px;display:inline-flex;font-size:14px;font-weight:600;height:24px;margin-bottom:10px;margin-right:10px;padding:4px 10px;width:140px}.product-page .stat-total{background-color:#f0f0f0;color:#555}.product-page .stat-active{background-color:#e8f5e9;color:#2e7d32}.product-page .stat-inactive{background-color:#ffebee;color:#c62828}.product-page .stat-badge{background-color:#e0e0e0;border-radius:8px;font-size:12px;font-weight:600;margin-left:4px;padding:2px 6px}.product-page .stat-active .stat-badge{background-color:#c8e6c9;color:#1b5e20}.product-page .stat-inactive .stat-badge{background-color:#ffcdde;color:#b71c1c}.product-page .status-chip{font-weight:500;width:80px}.product-page .status-chip .MuiChip-label{font-size:.75rem;padding-left:8px;padding-right:8px;text-align:center;width:100%}.product-page .status-chip-active{background-color:#b7f9bd;border:1px solid #2e7d32;color:#2e7d32}.product-page .status-chip-inactive{background-color:#fbb8c2;border:1px solid #c62828;color:#c62828}.product-page .input.manually-edited{border-left:3px solid #ff9800}.product-page .input.auto-generated{border-left:3px solid #4caf50}.product-page .title-info{font-size:.85rem;margin-top:-6px}.product-page .auto-badge{background-color:#e3f2fd;border-radius:12px;color:#1976d2;font-size:.7rem;font-weight:400;margin-left:8px;padding:2px 8px}@media screen and (max-width:600px){.product-page .header-container{align-items:flex-start;flex-direction:column;gap:15px;margin-bottom:15px;width:100%}.product-page .product-actions{justify-content:stretch;width:100%}.product-page .product-actions .MuiButton-root{font-size:14px;padding:10px 16px;width:100%}.product-page .stats-container{display:flex;flex-direction:column;gap:10px;margin-top:5px;width:100%}.product-page .stat-card{box-sizing:border-box;justify-content:space-between;margin-right:0;padding:8px 12px;white-space:nowrap;width:100%}.product-page .stat-active,.product-page .stat-card,.product-page .stat-inactive,.product-page .stat-total{height:auto;min-height:36px}}@media screen and (max-width:400px){.product-page .header-container h2{font-size:20px}.product-page .product-actions .MuiButton-root{font-size:12px;padding:8px 12px}.product-page .stat-card{font-size:12px;min-height:32px;padding:6px 10px}}@media screen and (max-width:768px){.product-page .stat-card{font-size:13px;min-width:120px;padding:6px 10px}}@media screen and (max-width:650px){.product-page .stats-container{gap:10px}.product-page .stat-card{font-size:12px;min-width:110px;padding:6px 8px}}.contracts-pro .header-container{align-items:center;display:flex;flex-wrap:nowrap;justify-content:space-between;margin:15px 15px 15px 1px;width:100%}.contracts-pro .contracts-actions{display:flex;flex-grow:1;flex-shrink:0;justify-content:flex-end;margin-left:auto}.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 .main-title{color:#333;flex:1 1;font-size:28px;font-weight:700;margin:0;text-transform:1px;transition:all .3s ease}.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;box-sizing:border-box;font-family:Arial,sans-serif;font-size:12px;outline:none;padding:10px;transition:border-color .2s ease;width:100%}.contracts-pro .input:focus,.contracts-pro .textarea:focus{border-color:#007bff;outline:none}.contracts-pro .textarea{height:36px;min-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:none;border-radius:12px;cursor:pointer;font-size:14px;font-weight:700;height:36px;min-width:100px;padding:10px 15px;transition:background-color .2s ease}.contracts-pro .button.cancel,.contracts-pro .button.save{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;flex-wrap:wrap;gap:10px;justify-content:flex-end;margin-top:20px}.contracts-pro .create-contract-button{align-items:center;border-radius:12px!important;display:flex;font-size:.8rem;padding:6px 10px}.contracts-pro .required-star{color:red;margin-left:2px}.contracts-pro .file-upload-wrapper{align-items:center;display:flex;gap:8px;width:100%}.contracts-pro .file-name-input{background-color:#f9f9f9;cursor:not-allowed;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}.contracts-pro .radio-group{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:6px;margin-top:4px}.contracts-pro .radio-label{align-items:center;cursor:pointer;display:flex;font-size:14px;gap:4px;white-space:nowrap}.contracts-pro .react-select-container .react-select__control{border:1px solid #ddd;border-radius:8px;box-shadow:none;font-size:12px;height:36px;min-height:36px!important;min-width:36px}.contracts-pro .react-select-container .react-select__control--is-focused{border-color:#007bff;box-shadow:none}.contracts-pro .react-select-container .react-select__placeholder{color:#999;font-size:12px;margin:0}.contracts-pro .react-select-container .react-select__single-value{color:#000;font-size:12px;margin:0}.contracts-pro .react-select__input{margin:0;padding:0}.contracts-pro .react-datepicker-wrapper{height:36px;width:100%}.contracts-pro .react-datepicker__input-container input{border:1px solid #ddd;border-radius:8px;box-sizing:border-box;font-family:Arial,sans-serif;font-size:12px;height:100%;line-height:normal;padding:10px;transition:border-color .2s ease}.contracts-pro .react-datepicker__input-container input:focus{border-color:#007bff;outline:none}.contracts-pro .datepicker-container{position:relative;width:100%}.contracts-pro .calendar-icon{color:#666;cursor:pointer;pointer-events:none;position:absolute;right:10px;top:55%;transform:translateY(-50%)}.contracts-pro .react-datepicker__input-container input{padding-right:35px!important;width:100%}@media (max-width:460px){.contracts-pro .add-contract-title{font-size:18px}.contracts-pro .main-title{font-size:18px;letter-spacing:.5px}.contracts-pro .create-contract-button{font-size:.8rem;min-height:32px;padding:6px 12px}.contracts-pro .create-contract-button .MuiButton-startIcon{margin-right:0}}.po-page .po-actions{display:flex;flex-grow:1;justify-content:flex-end;margin-bottom:20px;margin-top:-55px}.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{align-items:center;border-radius:12px;box-sizing:border-box;display:inline-flex;font-size:13px;font-weight:700;height:30px;justify-content:center;min-width:130px;padding:0 10px;text-align:center}.po-page .po-status-draft{background-color:#fff2b5;border-left:3px solid #e5b81b;color:#7a5f1a}.po-page .po-status-wappr{background-color:#ffdbb5;border-left:3px solid #f5822c;color:#a34e12}.po-page .po-status-approved{background-color:#c2dcff;border-left:3px solid #3c7de0;color:#134b84}.po-page .po-status-ordered{background-color:#aec9f5;border-left:3px solid #1d4590;color:#0b2c52}.po-page .po-status-partially{background-color:#bef5b0;border-left:3px solid #2fb254;color:#156635}.po-page .po-status-received{background-color:#8fde8a;border-left:3px solid #1a853f;color:#054a25}.po-page .po-status-rejected{background-color:#fec9c2;border-left:3px solid #ed584c;color:#9e2d2d}.po-page .po-status-canceled{background-color:#d6dde8;border-left:3px solid #939fb3;color:#4a5366}.po-page .payment-status-badge{align-items:center;border-radius:12px;box-sizing:border-box;display:inline-flex;font-size:13px;font-weight:700;height:30px;justify-content:center;min-width:130px;padding:0 10px;text-align:center}.po-page .payment-status-fully-paid{background-color:#c8e6c9;border:1px solid #81c784;color:#256029}.po-page .payment-status-partially-paid{background-color:#ffe0b2;border:1px solid #ffb74d;color:#a05b00}.po-page .payment-status-unpaid{background-color:#ffcdd2;border:1px solid #f0625e;color:#8b0000}.po-page .create-po-button{font-size:14px!important}@media (max-width:600px){.po-page .header-container{align-items:flex-start;display:flex;flex-direction:column}.po-page .po-actions{justify-content:center;margin-bottom:15px;margin-top:5px;width:100%}.po-page .create-po-button{font-size:14px!important;padding:8px 16px!important;width:100%!important}}@media (max-width:380px){.po-page .create-po-button span{line-height:1.2;white-space:normal}}.add-po-page{background-color:#fff;font-family:Arial,sans-serif;min-height:100vh;padding:20px}.add-po-page *{box-sizing:border-box}.add-po-page .add-po-container{background-color:initial;margin:0;max-width:1400px;padding:0 20px;width:100%}.add-po-page .action-bar{align-items:center;background:#fff9e6;border:1px solid #ffd966;border-radius:8px;box-shadow:none;display:flex;justify-content:space-between;margin:0 0 24px;max-width:1400px;padding:16px 24px}.add-po-page .unsaved-text{align-items:center;border-radius:6px;color:#856404;display:flex;font-size:14px;font-weight:600;padding:8px 16px}.add-po-page .unsaved-text svg{color:#ffc107;margin-right:8px}.add-po-page .button-group{display:flex;gap:12px}.add-po-page .btn{border:none;border-radius:6px;cursor:pointer;font-family:Arial,sans-serif;font-size:14px;font-weight:600;height:40px;padding:8px 20px}.add-po-page .btn.discard{background-color:initial;border:1px solid #dee2e6;color:#6c757d}.add-po-page .btn.discard:hover{background-color:#f8f9fa}.add-po-page .btn.save{background:#2e5bee;color:#fff}.add-po-page .btn.save:hover{background:#1e3a8a}.add-po-page .btn.approve{background:#10b981;color:#fff}.add-po-page .btn.approve:hover{background:#059669}.add-po-page .btn-secondary{background-color:#6c757d;color:#fff}.add-po-page .btn-secondary:hover{background-color:#5a6268}.add-po-page .btn-danger{background:#ef4444;color:#fff}.add-po-page .btn-danger:hover{background:#dc2626}.add-po-page .po-header{align-items:center;border-bottom:2px solid #e9ecef;display:flex;gap:16px;justify-content:flex-start;margin-bottom:24px;padding:20px 0 12px}.add-po-page .back-arrow{border-radius:6px;color:#495057;cursor:pointer;font-size:40px;padding:8px}.add-po-page .back-arrow:hover{background-color:#2e5bee1a;color:#2e5bee}.add-po-page .add-po-title{color:#1f2937;font-size:28px;font-weight:700;letter-spacing:-.5px;margin:0}.add-po-page .title-separator{display:none}.add-po-page .card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 1px 2px #0000000d;margin-bottom:24px;padding:24px;text-align:left}.add-po-page .card h4{border-left:3px solid #2e5bee;color:#1f2937;font-size:16px;font-weight:600;letter-spacing:.3px;margin:0 0 20px;padding-left:12px;text-align:left}.add-po-page .card.custom-card .grid-3{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(3,1fr)}.add-po-page .card.custom-card .grid-3>div{border-right:1px solid #e5e7eb;padding:0}.add-po-page .card.custom-card .grid-3>div:last-child{border-right:none}.add-po-page .card.custom-card .grid-3>div:nth-child(2){padding-right:20px}.add-po-page .card.custom-card .react-select__control{background-color:initial!important;border:none!important;border-radius:0!important;box-shadow:none!important;cursor:pointer!important;min-height:40px!important;padding-left:0!important}.add-po-page .card.custom-card .react-select__value-container{padding:2px 0!important}.add-po-page .card.custom-card .react-select__indicators{display:flex!important}.add-po-page .card.custom-card .react-select__indicator{color:#6b7280!important;padding:8px 4px!important}.add-po-page .card.custom-card .react-select__dropdown-indicator{color:#6b7280!important}.add-po-page .card.custom-card .react-select__single-value{padding-left:0!important}.add-po-page .grid-3{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(3,1fr);text-align:left}.add-po-page .grid-2{grid-gap:24px;display:grid;gap:24px;grid-template-columns:2fr 1fr;margin-bottom:0;text-align:left}.add-po-page label{color:#4b5563;display:block;font-size:13px;font-weight:600;letter-spacing:.5px;margin-bottom:8px;text-align:left;text-transform:uppercase}.add-po-page input,.add-po-page select,.add-po-page textarea{background-color:#fff;border:1px solid #d1d5db;border-radius:6px;font-family:Arial,sans-serif;font-size:14px;height:42px;line-height:1.5;padding:10px 14px;text-align:left;width:100%}.add-po-page .react-select__control--is-focused{border-color:#d1d5db!important;box-shadow:none!important}.add-po-page .product-table .NumericFormat:focus,.add-po-page .product-table .arrival_date:focus,.add-po-page .product-table input:focus,.add-po-page .product-table select:focus{border-color:#d1d5db!important;box-shadow:none!important;outline:none!important}.add-po-page .input-error:focus{border-color:#ef4444!important;box-shadow:none!important;outline:none!important}.add-po-page input:hover,.add-po-page select:hover,.add-po-page textarea:hover{border-color:#9ca3af}.add-po-page textarea{height:100px;resize:vertical}.add-po-page .textarea_del_cond{font-size:13px;height:80px;margin-top:0}.add-po-page select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;utf8,<svg fill=%27%236b7280%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 12px center;background-repeat:no-repeat;background-size:16px;cursor:pointer}.add-po-page .required-star{color:#ef4444;margin-left:4px}.add-po-page .input-error{background-color:#fef2f2!important;border-color:#ef4444!important}.add-po-page .supplier-address{background-color:#f9fafb;border-left:3px solid #2e5bee;border-radius:6px;color:#6b7280;font-size:14px;margin-top:12px;padding:8px 12px;text-align:left}.add-po-page .products{align-items:center;display:flex;gap:12px;margin-bottom:24px;position:relative}.add-po-page .products input{flex:1 1;height:42px;padding-left:42px}.add-po-page .search-icon{color:#9ca3af;font-size:20px;left:14px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.add-po-page .products button{background:#6c757d;border:none;border-radius:6px;color:#fff;cursor:pointer;font-family:Arial,sans-serif;font-size:14px;font-weight:600;height:42px;padding:10px 24px;white-space:nowrap}.add-po-page .products button:hover{background:#495057}.add-po-page .dropdown-list{background-color:#fff;border:1px solid #e5e7eb;border-radius:6px;box-shadow:0 4px 6px #0000001a;left:0;list-style:none;margin:4px 0 0;max-height:280px;overflow-y:auto;padding:4px 0;position:absolute;right:70px;text-align:left;top:100%;z-index:1000}.add-po-page .dropdown-item{cursor:pointer;font-size:14px;padding:10px 16px;text-align:left}.add-po-page .dropdown-item:hover{background-color:#f3f4f6}.add-po-page .no-result{color:#9ca3af;font-style:italic;pointer-events:none;text-align:center}.add-po-page .table-responsive{margin-top:16px;overflow-x:auto;width:100%}.add-po-page .product-table{border-collapse:collapse;min-width:800px;text-align:left;width:100%}.add-po-page .product-table th{background-color:#f9fafb;border-bottom:2px solid #e5e7eb;color:#374151;font-size:13px;font-weight:600;padding:12px 8px;text-align:left;vertical-align:middle}.add-po-page .product-table td{border-bottom:1px solid #f3f4f6;padding:12px 8px;text-align:left;vertical-align:middle}.add-po-page .product-table .NumericFormat,.add-po-page .product-table input{text-align:left}.add-po-page .product-table .NumericFormat,.add-po-page .product-table input,.add-po-page .product-table select{background-color:#fff;border:1px solid #d1d5db;border-radius:6px;box-sizing:border-box;font-family:Arial,sans-serif;font-size:14px;height:42px;line-height:1.5;padding:10px 12px;width:100%}.add-po-page .product-table select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;utf8,<svg fill=%27%236b7280%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 12px center;background-repeat:no-repeat;background-size:16px}.add-po-page .delete-btn{align-items:center;background:none;border:none;box-shadow:none!important;cursor:pointer;display:flex;justify-content:flex-start;outline:none!important;padding:4px}.add-po-page .delete-btn:active,.add-po-page .delete-btn:focus,.add-po-page .delete-btn:hover{background:none!important;border:none!important;box-shadow:none!important;outline:none!important}.add-po-page .product-table button{background:none;border:none;cursor:pointer;padding:4px}.add-po-page .product-table button,.add-po-page .product-table button:active,.add-po-page .product-table button:focus{box-shadow:none!important;outline:none!important}.add-po-page .datepicker-container{align-items:center;display:flex;position:relative;width:100%}.add-po-page .datepicker-input{border:1px solid #d1d5db;border-radius:6px;box-sizing:border-box;font-family:Arial,sans-serif;font-size:14px;height:42px;line-height:1.5;padding:10px 40px 10px 14px;width:100%}.add-po-page .calendar-icon{align-items:center;color:#9ca3af;display:flex;justify-content:center;line-height:1;pointer-events:none;position:absolute;right:14px;top:50%;transform:translateY(-50%)}.add-po-page .calendar-icon svg{display:block;height:16px;width:16px}.add-po-page .react-datepicker-wrapper,.add-po-page .react-datepicker__input-container{display:block;width:100%}.add-po-page .arrival_date{border:1px solid #d1d5db;border-radius:6px;box-sizing:border-box;font-family:Arial,sans-serif;font-size:14px;height:42px;line-height:1.5;padding:10px 40px 10px 14px;width:100%}.add-po-page .datepicker-field{align-items:center;display:flex;position:relative;width:100%}.add-po-page .datepicker-field .calendar-icon{align-items:center;color:#9ca3af;display:flex;justify-content:center;line-height:1;pointer-events:none;position:absolute;right:14px;top:50%;transform:translateY(-50%)}.add-po-page .datepicker-field .calendar-icon svg{display:block;height:16px;width:16px}.add-po-page .datepicker-container .calendar-icon,.add-po-page .datepicker-field .calendar-icon{align-items:center!important;bottom:auto!important;display:flex!important;justify-content:center!important;left:auto!important;margin:0!important;padding:0!important;right:14px!important;top:50%!important;transform:translateY(-50%)!important}.add-po-page .datepicker-container input,.add-po-page .datepicker-field input{box-sizing:border-box!important;height:42px!important;line-height:1.5!important;padding:10px 40px 10px 14px!important}.add-po-page .react-datepicker-wrapper,.add-po-page .react-datepicker__input-container{height:42px}.add-po-page .react-datepicker__input-container input{border:1px solid #d1d5db!important;border-radius:6px!important;box-sizing:border-box!important;font-family:Arial,sans-serif!important;font-size:14px!important;height:42px!important;line-height:1.5!important;padding:10px 40px 10px 14px!important;width:100%!important}.add-po-page .cost-summary{background:#f9fafb;border-radius:8px;margin-top:16px;padding:20px;text-align:left}.add-po-page .cost-summary p{display:flex;font-size:14px;justify-content:space-between;margin:12px 0;text-align:left}.add-po-page .cost-summary hr{margin:16px 0}.add-po-page .char-count{color:#9ca3af;font-size:12px;margin-top:8px;text-align:right}.add-po-page .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}.add-po-page .confirm-box{background:#fff;border-radius:12px;box-shadow:0 10px 25px #0003;max-width:420px;padding:32px;text-align:left;width:90%}.add-po-page .confirm-box p{color:#1f2937;font-size:16px;margin:0 0 24px;text-align:center}.add-po-page .confirm-actions{display:flex;gap:12px;justify-content:center}.add-po-page .react-select__control{background-color:#fff!important;border:1px solid #d1d5db!important;border-radius:6px!important;box-shadow:none!important;min-height:42px!important}.add-po-page .react-select__value-container{padding:2px 12px!important;text-align:left!important}.add-po-page .react-select__menu{border:1px solid #e5e7eb!important;border-radius:6px!important;box-shadow:0 4px 6px #0000001a!important;text-align:left!important}.add-po-page .react-select__option{cursor:pointer!important;font-family:Arial,sans-serif!important;font-size:14px!important;padding:10px 16px!important;text-align:left!important;transition:none!important}.add-po-page .react-select__option--is-focused{background-color:#fafafa!important;color:#333!important}.add-po-page .react-select__option--is-selected{background-color:#f0f0f0!important;color:#333!important;font-weight:500!important}.add-po-page .react-select__option--is-selected.react-select__option--is-focused{background-color:#e8e8e8!important;color:#333!important}.add-po-page .react-select__single-value{font-family:Arial,sans-serif!important}.add-po-page .react-select__input-container,.add-po-page .react-select__single-value{color:#333!important;text-align:left!important}.add-po-page .react-select__placeholder{color:#9ca3af!important;font-family:Arial,sans-serif!important}.add-po-page .react-select__indicator-separator{display:none!important}.add-po-page .react-select__control{transition:none!important}@media screen and (max-width:1024px){.add-po-page .grid-2,.add-po-page .grid-3{gap:16px}}@media screen and (max-width:768px){.add-po-page{padding:8px}.add-po-page .add-po-container{padding:0 8px}.add-po-page .action-bar{align-items:stretch;flex-direction:column;gap:16px;margin:0 0 16px;padding:12px}.add-po-page .button-group,.add-po-page .unsaved-text{justify-content:flex-start}.add-po-page .btn{flex:0 1 auto;text-align:center}.add-po-page .grid-2,.add-po-page .grid-3{gap:16px;grid-template-columns:1fr}.add-po-page .add-po-title{font-size:24px}.add-po-page .card.custom-card .react-select__control{min-height:48px!important}.add-po-page .card.custom-card .react-select__input-container,.add-po-page .card.custom-card .react-select__placeholder,.add-po-page .card.custom-card .react-select__single-value,.add-po-page .card.custom-card .react-select__value-container{font-size:16px!important}.add-po-page .card.custom-card h4{font-size:15px!important}.add-po-page .supplier-address{font-size:14px!important}.add-po-page .arrival_date,.add-po-page .datepicker-input,.add-po-page input,.add-po-page select,.add-po-page textarea{font-size:16px!important}.add-po-page .delete-btn{padding:8px!important}.add-po-page .product-table button{align-items:center;display:flex;justify-content:center;min-height:44px;min-width:44px;padding:8px!important}.add-po-page .products{align-items:stretch;flex-direction:column;gap:8px;position:relative}.add-po-page .products input{margin-bottom:0;padding-left:42px;width:100%}.add-po-page .search-icon{left:14px;position:absolute;top:21px;transform:translateY(-50%);z-index:10}.add-po-page .products button{margin-top:0;order:2;width:100%}.add-po-page .dropdown-list{left:0;right:0;top:100%;width:100%;z-index:1000}.add-po-page .card.custom-card .grid-3{gap:16px;grid-template-columns:1fr}.add-po-page .card.custom-card .grid-3>div{border-bottom:1px solid #e5e7eb;border-right:none;padding-bottom:16px}.add-po-page .card.custom-card .grid-3>div:last-child{border-bottom:none;padding-bottom:0}.add-po-page .card.custom-card .grid-3>div:first-child{padding-top:0}.add-po-page .card.custom-card .grid-3>div:nth-child(2){padding-right:0}.add-po-page .card{margin-bottom:16px;padding:16px}.add-po-page .po-header{gap:12px;margin-bottom:16px;padding:12px 0 8px}}@media screen and (max-width:480px){.add-po-page{padding:4px}.add-po-page .add-po-container{padding:0 4px}.add-po-page .card{margin-bottom:12px;padding:12px}.add-po-page .action-bar{margin:0 0 12px;padding:10px}.add-po-page .add-po-title{font-size:20px}.add-po-page .btn{font-size:12px;height:36px;padding:6px 12px}.add-po-page .arrival_date,.add-po-page .datepicker-input,.add-po-page input,.add-po-page select{font-size:15px!important;height:36px;padding:6px 10px}.add-po-page .products input{height:36px;padding-left:38px}.add-po-page .search-icon{font-size:18px;left:12px;top:14px}.add-po-page .products button{font-size:12px;height:36px;padding:6px 12px}.add-po-page .product-table td,.add-po-page .product-table th{font-size:12px;padding:6px 3px}.add-po-page .product-table td{font-size:14px!important}.add-po-page .product-table .NumericFormat,.add-po-page .product-table .arrival_date,.add-po-page .product-table input,.add-po-page .product-table select{font-size:14px!important;height:36px!important;padding:6px 8px!important}.add-po-page .button-group{flex-direction:column;gap:8px}.add-po-page .confirm-box{margin:16px;padding:20px}.add-po-page .react-select__control{min-height:36px!important}.add-po-page .calendar-icon{right:8px}.add-po-page .calendar-icon svg{height:14px;width:14px}.add-po-page .card.custom-card .react-select__control{min-height:44px!important}.add-po-page .card.custom-card .react-select__placeholder,.add-po-page .card.custom-card .react-select__single-value,.add-po-page .card.custom-card .react-select__value-container{font-size:15px!important}.add-po-page .card.custom-card h4,.add-po-page .textarea_del_cond{font-size:14px!important}.add-po-page .grid-2,.add-po-page .grid-3{gap:12px}}.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;flex-shrink:0;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-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{background-color:#fff;font-family:Arial,sans-serif;min-height:100vh;padding:20px}.draft-po-page *{box-sizing:border-box}.draft-po-page .draft-po-container{background-color:initial;margin:0;max-width:1400px;padding:0 20px;width:100%}.draft-po-page .action-bar{align-items:center;background:#fff9e6;border:1px solid #ffd966;border-radius:8px;box-shadow:none;display:flex;justify-content:space-between;margin:0 0 24px;max-width:1400px;padding:16px 24px}.draft-po-page .button-group{display:flex;gap:12px}.draft-po-page .btn{border:none;border-radius:6px;cursor:pointer;font-family:Arial,sans-serif;font-size:14px;font-weight:600;height:40px;padding:8px 20px;white-space:nowrap}.draft-po-page .btn.discard{background-color:initial;border:1px solid #dee2e6;color:#6c757d}.draft-po-page .btn.discard:hover{background-color:#f8f9fa}.draft-po-page .btn.save{background:#2e5bee;color:#fff}.draft-po-page .btn.save:hover{background:#1e3a8a}.draft-po-page .btn.approve{background:#10b981;color:#fff}.draft-po-page .btn.approve:hover{background:#059669}.draft-po-page .btn-secondary{background-color:#6c757d;color:#fff}.draft-po-page .btn-secondary:hover{background-color:#5a6268}.draft-po-page .btn-danger{background:#ef4444;color:#fff}.draft-po-page .btn-danger:hover{background:#dc2626}.draft-po-page .po-header{align-items:center;border-bottom:2px solid #e9ecef;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:24px;padding:20px 0 12px}.draft-po-page .back-arrow{border-radius:6px;color:#495057;cursor:pointer;flex-shrink:0;font-size:40px;padding:8px;transition:all .2s ease}.draft-po-page .back-arrow:hover{background-color:#2e5bee1a;color:#2e5bee}.draft-po-page .title-status-wrapper{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.draft-po-page .draft-po-title{color:#1f2937;font-size:28px;font-weight:700;letter-spacing:-.5px;margin:0}.draft-po-page .draft-po-title+span,.draft-po-page .title-status-wrapper span{border-radius:20px;display:inline-block;font-size:14px;font-weight:600;padding:4px 12px;white-space:nowrap}.draft-po-page .title-separator{display:none}.draft-po-page .draft-header{align-items:center;display:flex;gap:10px;margin-top:10px}.draft-po-page .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-po-page .draft-status-draft{background-color:#fff2b5;border-left:3px solid #e5b81b;color:#7a5f1a}.draft-po-page .draft-status-wappr{background-color:#ffdbb5;border-left:3px solid #f5822c;color:#a34e12}.draft-po-page .draft-status-approved{background-color:#c2dcff;border-left:3px solid #3c7de0;color:#134b84}.draft-po-page .draft-status-ordered{background-color:#aec9f5;border-left:3px solid #1d4590;color:#0b2c52}.draft-po-page .draft-status-partially{background-color:#bef5b0;border-left:3px solid #2fb254;color:#156635}.draft-po-page .draft-status-received{background-color:#8fde8a;border-left:3px solid #1a853f;color:#054a25}.draft-po-page .draft-status-rejected{background-color:#fec9c2;border-left:3px solid #ed584c;color:#9e2d2d}.draft-po-page .draft-status-canceled{background-color:#d6dde8;border-left:3px solid #939fb3;color:#4a5366}.draft-po-page .card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 1px 2px #0000000d;margin-bottom:24px;padding:24px;text-align:left}.draft-po-page .card h4{border-left:3px solid #2e5bee;color:#1f2937;font-size:16px;font-weight:600;letter-spacing:.3px;margin:0 0 20px;padding-left:12px;text-align:left}.draft-po-page .card.custom-card .grid-3{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(3,1fr)}.draft-po-page .card.custom-card .grid-3>div{border-right:1px solid #e5e7eb;padding:0}.draft-po-page .card.custom-card .grid-3>div:last-child{border-right:none}.draft-po-page .card.custom-card .grid-3>div:nth-child(2){padding-right:20px}.draft-po-page .card.custom-card .react-select__control{background-color:initial!important;border:none!important;border-radius:0!important;box-shadow:none!important;cursor:pointer!important;min-height:40px!important;padding-left:0!important}.draft-po-page .card.custom-card .react-select__value-container{padding:2px 0!important}.draft-po-page .card.custom-card .react-select__indicators{display:flex!important}.draft-po-page .card.custom-card .react-select__indicator{color:#6b7280!important;padding:8px 4px!important}.draft-po-page .card.custom-card .react-select__dropdown-indicator{color:#6b7280!important}.draft-po-page .card.custom-card .react-select__single-value{padding-left:0!important}.draft-po-page .grid-3{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(3,1fr);text-align:left}.draft-po-page .grid-2{grid-gap:24px;display:grid;gap:24px;grid-template-columns:2fr 1fr;margin-bottom:0;text-align:left}.draft-po-page label{color:#4b5563;display:block;font-size:13px;font-weight:600;letter-spacing:.5px;margin-bottom:8px;text-align:left;text-transform:uppercase}.draft-po-page input,.draft-po-page select,.draft-po-page textarea{background-color:#fff;border:1px solid #d1d5db;border-radius:6px;font-family:Arial,sans-serif;font-size:14px;height:42px;line-height:1.5;padding:10px 14px;text-align:left;width:100%}.draft-po-page .react-select__control--is-focused{border-color:#d1d5db!important;box-shadow:none!important}.draft-po-page .product-table .NumericFormat:focus,.draft-po-page .product-table .arrival_date:focus,.draft-po-page .product-table input:focus,.draft-po-page .product-table select:focus{border-color:#d1d5db!important;box-shadow:none!important;outline:none!important}.draft-po-page .input-error:focus{border-color:#ef4444!important;box-shadow:none!important;outline:none!important}.draft-po-page input:hover,.draft-po-page select:hover,.draft-po-page textarea:hover{border-color:#9ca3af}.draft-po-page textarea{height:100px;resize:vertical}.draft-po-page .textarea_del_cond{background-color:#fff;border:1px solid #d1d5db;border-radius:6px;box-sizing:border-box;font-size:13px;height:80px;line-height:1.5;margin-top:0;padding:10px 14px;width:100%}.draft-po-page select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;utf8,<svg fill=%27%236b7280%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 12px center;background-repeat:no-repeat;background-size:16px;cursor:pointer}.draft-po-page .required-star{color:#ef4444;margin-left:4px}.draft-po-page .input-error{background-color:#fef2f2!important;border-color:#ef4444!important}.draft-po-page .delivery-address,.draft-po-page .supplier-address{background-color:#f9fafb;border-left:3px solid #2e5bee;border-radius:6px;color:#6b7280;font-size:14px;margin-top:12px;padding:8px 12px;text-align:left}.draft-po-page .products{align-items:center;display:flex;gap:12px;margin-bottom:24px;position:relative}.draft-po-page .products input{flex:1 1;height:42px;padding-left:42px}.draft-po-page .search-icon{color:#9ca3af;font-size:20px;left:14px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.draft-po-page .products button{background:#6c757d;border:none;border-radius:6px;color:#fff;cursor:pointer;font-family:Arial,sans-serif;font-size:14px;font-weight:600;height:42px;padding:10px 24px;white-space:nowrap}.draft-po-page .products button:hover{background:#495057}.draft-po-page .dropdown-list{background-color:#fff;border:1px solid #e5e7eb;border-radius:6px;box-shadow:0 4px 6px #0000001a;left:0;list-style:none;margin:4px 0 0;max-height:280px;overflow-y:auto;padding:4px 0;position:absolute;right:70px;text-align:left;top:100%;z-index:1000}.draft-po-page .dropdown-item{padding:10px 16px;text-align:left}.draft-po-page .dropdown-item:hover{background-color:#f3f4f6}.draft-po-page .no-result{color:#9ca3af;font-style:italic;pointer-events:none;text-align:center}.draft-po-page .table-responsive{margin-top:16px;overflow-x:auto;width:100%}.draft-po-page .product-table{border-collapse:collapse;min-width:800px;text-align:left;width:100%}.draft-po-page .product-table th{background-color:#f9fafb;border-bottom:2px solid #e5e7eb;color:#374151;font-size:13px;font-weight:600;padding:12px 8px;text-align:left;vertical-align:middle}.draft-po-page .product-table td{border-bottom:1px solid #f3f4f6;padding:12px 8px;text-align:left;vertical-align:middle}.draft-po-page .product-table .NumericFormat,.draft-po-page .product-table input{text-align:left}.draft-po-page .product-table .NumericFormat,.draft-po-page .product-table input,.draft-po-page .product-table select{background-color:#fff;border:1px solid #d1d5db;border-radius:6px;box-sizing:border-box;font-family:Arial,sans-serif;font-size:14px;height:42px;line-height:1.5;padding:10px 12px;width:100%}.draft-po-page .product-table select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;utf8,<svg fill=%27%236b7280%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 12px center;background-repeat:no-repeat;background-size:16px}.draft-po-page .delete-btn{align-items:center;background:none;border:none;box-shadow:none!important;cursor:pointer;display:flex;justify-content:flex-start;outline:none!important;padding:4px}.draft-po-page .delete-btn:active,.draft-po-page .delete-btn:focus,.draft-po-page .delete-btn:hover{background:none!important;border:none!important;box-shadow:none!important;outline:none!important}.draft-po-page .product-table button{background:none;border:none;cursor:pointer;padding:4px}.draft-po-page .product-table button,.draft-po-page .product-table button:active,.draft-po-page .product-table button:focus{box-shadow:none!important;outline:none!important}.draft-po-page .datepicker-container{align-items:center;display:flex;position:relative;width:100%}.draft-po-page .datepicker-input{border:1px solid #d1d5db;border-radius:6px;box-sizing:border-box;font-family:Arial,sans-serif;font-size:14px;height:42px;line-height:1.5;padding:10px 40px 10px 14px;width:100%}.draft-po-page .calendar-icon{align-items:center;color:#9ca3af;display:flex;justify-content:center;line-height:1;pointer-events:none;position:absolute;right:14px;top:50%;transform:translateY(-50%)}.draft-po-page .calendar-icon svg{display:block;height:16px;width:16px}.draft-po-page .react-datepicker-wrapper,.draft-po-page .react-datepicker__input-container{display:block;width:100%}.draft-po-page .arrival_date{border:1px solid #d1d5db;border-radius:6px;box-sizing:border-box;font-family:Arial,sans-serif;font-size:14px;height:42px;line-height:1.5;padding:10px 40px 10px 14px;width:100%}.draft-po-page .datepicker-field{align-items:center;display:flex;position:relative;width:100%}.draft-po-page .datepicker-field .calendar-icon{align-items:center;color:#9ca3af;display:flex;justify-content:center;line-height:1;pointer-events:none;position:absolute;right:14px;top:50%;transform:translateY(-50%)}.draft-po-page .datepicker-field .calendar-icon svg{display:block;height:16px;width:16px}.draft-po-page .datepicker-container .calendar-icon,.draft-po-page .datepicker-field .calendar-icon{align-items:center!important;bottom:auto!important;display:flex!important;justify-content:center!important;left:auto!important;margin:0!important;padding:0!important;right:14px!important;top:50%!important;transform:translateY(-50%)!important}.draft-po-page .datepicker-container input,.draft-po-page .datepicker-field input{box-sizing:border-box!important;height:42px!important;line-height:1.5!important;padding:10px 40px 10px 14px!important}.draft-po-page .react-datepicker-wrapper,.draft-po-page .react-datepicker__input-container{height:42px}.draft-po-page .react-datepicker__input-container input{border:1px solid #d1d5db!important;border-radius:6px!important;box-sizing:border-box!important;font-family:Arial,sans-serif!important;font-size:14px!important;height:42px!important;line-height:1.5!important;padding:10px 40px 10px 14px!important;width:100%!important}.draft-po-page .cost-summary{background:#f9fafb;border-radius:8px;margin-top:16px;padding:20px;text-align:left}.draft-po-page .cost-summary p{display:flex;font-size:14px;justify-content:space-between;margin:12px 0;text-align:left}.draft-po-page .cost-summary hr{margin:16px 0}.draft-po-page .char-count{color:#9ca3af;font-size:12px;margin-top:8px;text-align:right}.draft-po-page .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}.draft-po-page .confirm-box{background:#fff;border-radius:12px;box-shadow:0 10px 25px #0003;max-width:420px;padding:32px;text-align:left;width:90%}.draft-po-page .confirm-box p{color:#1f2937;font-size:16px;margin:0 0 24px;text-align:center}.draft-po-page .confirm-actions{display:flex;gap:12px;justify-content:center}.draft-po-page .react-select__control{background-color:#fff!important;border:1px solid #d1d5db!important;border-radius:6px!important;box-shadow:none!important;min-height:42px!important}.draft-po-page .react-select__value-container{padding:2px 12px!important;text-align:left!important}.draft-po-page .react-select__menu{border:1px solid #e5e7eb!important;border-radius:6px!important;box-shadow:0 4px 6px #0000001a!important;text-align:left!important}.draft-po-page .react-select__option{cursor:pointer!important;font-family:Arial,sans-serif!important;font-size:14px!important;padding:10px 16px!important;text-align:left!important;transition:none!important}.draft-po-page .react-select__option--is-focused{background-color:#fafafa!important;color:#333!important}.draft-po-page .react-select__option--is-selected{background-color:#f0f0f0!important;color:#333!important;font-weight:500!important}.draft-po-page .react-select__option--is-selected.react-select__option--is-focused{background-color:#e8e8e8!important;color:#333!important}.draft-po-page .react-select__single-value{font-family:Arial,sans-serif!important}.draft-po-page .react-select__input-container,.draft-po-page .react-select__single-value{color:#333!important;text-align:left!important}.draft-po-page .react-select__placeholder{color:#9ca3af!important;font-family:Arial,sans-serif!important}.draft-po-page .react-select__indicator-separator{display:none!important}.draft-po-page .react-select__control{transition:none!important}.draft-po-page .header-flex{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between}.draft-po-page .left-section{align-items:center;display:flex;flex:1 1;flex-wrap:wrap;gap:12px}.draft-po-page .right-section{align-items:center;display:flex;flex-wrap:wrap;gap:10px;position:relative}.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}.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 .info-toast{animation:fadein .5s,fadeout .5s 4.5s;background-color:#e7f3fe;border:1px solid #bce8f1;border-radius:4px;box-shadow:0 2px 6px #0003;color:#31708f;padding:15px 20px;position:fixed;right:20px;top:20px;z-index:10000}.draft-po-page .spinner{animation:spin 1s linear infinite;border:3px solid #f3f3f3;border-radius:50%;border-top-color:#000;height:16px;width:16px}@keyframes fadein{0%{opacity:0;top:0}to{opacity:1;top:20px}}@keyframes fadeout{0%{opacity:1;top:20px}to{opacity:0;top:0}}@media screen and (max-width:1024px){.draft-po-page .grid-2,.draft-po-page .grid-3{gap:16px}}@media screen and (max-width:768px){.draft-po-page{padding:8px}.draft-po-page .draft-po-container{padding:0 8px}.draft-po-page .header-flex{align-items:flex-start;flex-direction:column;gap:12px}.draft-po-page .left-section{justify-content:space-between;width:100%}.draft-po-page .title-status-wrapper{flex:1 1;justify-content:flex-start}.draft-po-page .title-status-wrapper span{font-size:12px;padding:4px 10px;text-align:center;white-space:normal!important;word-break:break-word}.draft-po-page .right-section{flex-wrap:wrap;gap:8px;justify-content:flex-start;width:100%}.draft-po-page .right-section .btn,.draft-po-page .right-section .dropdown-container{flex:1 1 auto;min-width:calc(33% - 8px)}.draft-po-page .right-section .dropdown-container button{width:100%}.draft-po-page .draft-po-title{font-size:20px}.draft-po-page .action-bar{align-items:stretch;flex-direction:column;gap:16px;margin:0 0 16px;padding:12px}.draft-po-page .button-group{flex-wrap:wrap;justify-content:flex-start}.draft-po-page .btn{flex:0 1 auto;text-align:center}.draft-po-page .grid-2,.draft-po-page .grid-3{gap:16px;grid-template-columns:1fr}.draft-po-page .card.custom-card .react-select__control{min-height:48px!important}.draft-po-page .card.custom-card .react-select__input-container,.draft-po-page .card.custom-card .react-select__placeholder,.draft-po-page .card.custom-card .react-select__single-value,.draft-po-page .card.custom-card .react-select__value-container{font-size:16px!important}.draft-po-page .card.custom-card h4{font-size:15px!important}.draft-po-page .delivery-address,.draft-po-page .supplier-address{font-size:14px!important}.draft-po-page .arrival_date,.draft-po-page .datepicker-input,.draft-po-page input,.draft-po-page select,.draft-po-page textarea{font-size:16px!important}.draft-po-page .delete-btn{padding:8px!important}.draft-po-page .product-table button{align-items:center;display:flex;justify-content:center;min-height:44px;min-width:44px;padding:8px!important}.draft-po-page .products{align-items:stretch;flex-direction:column;gap:8px;position:relative}.draft-po-page .products input{margin-bottom:0;padding-left:42px;width:100%}.draft-po-page .search-icon{left:14px;position:absolute;top:21px;transform:translateY(-50%);z-index:10}.draft-po-page .products button{margin-top:0;order:2;width:100%}.draft-po-page .dropdown-list{left:0;right:0;top:100%;width:100%;z-index:1000}.draft-po-page .card.custom-card .grid-3{gap:16px;grid-template-columns:1fr}.draft-po-page .card.custom-card .grid-3>div{border-bottom:1px solid #e5e7eb;border-right:none;padding-bottom:16px}.draft-po-page .card.custom-card .grid-3>div:last-child{border-bottom:none;padding-bottom:0}.draft-po-page .card.custom-card .grid-3>div:first-child{padding-top:0}.draft-po-page .card.custom-card .grid-3>div:nth-child(2){padding-right:0}.draft-po-page .card{margin-bottom:16px;padding:16px}.draft-po-page .po-header{gap:12px;margin-bottom:16px;padding:12px 0 8px}.draft-po-page .dropdown-menu{left:auto;min-width:180px;position:absolute;right:0;top:100%;z-index:1001}.draft-po-page .dropdown-container{position:relative}.draft-po-page .back-arrow{font-size:32px;padding:6px}}@media screen and (max-width:480px){.draft-po-page{padding:4px}.draft-po-page .draft-po-container{padding:0 4px}.draft-po-page .card{margin-bottom:12px;padding:12px}.draft-po-page .action-bar{margin:0 0 12px;padding:10px}.draft-po-page .draft-po-title{font-size:18px}.draft-po-page .title-status-wrapper span{font-size:11px;padding:3px 8px}.draft-po-page .right-section{flex-direction:column;width:100%}.draft-po-page .right-section .btn,.draft-po-page .right-section .dropdown-container{min-width:0;min-width:auto;width:100%}.draft-po-page .btn{font-size:12px;height:36px;padding:6px 12px;white-space:normal;word-break:break-word}.draft-po-page .arrival_date,.draft-po-page .datepicker-input,.draft-po-page input,.draft-po-page select{font-size:15px!important;height:36px;padding:6px 10px}.draft-po-page .products input{height:36px;padding-left:38px}.draft-po-page .search-icon{font-size:18px;left:12px;top:14px}.draft-po-page .products button{font-size:12px;height:36px;padding:6px 12px}.draft-po-page .product-table td,.draft-po-page .product-table th{font-size:12px;padding:6px 3px}.draft-po-page .product-table td{font-size:14px!important}.draft-po-page .product-table .NumericFormat,.draft-po-page .product-table .arrival_date,.draft-po-page .product-table input,.draft-po-page .product-table select{font-size:14px!important;height:36px!important;padding:6px 8px!important}.draft-po-page .button-group{flex-direction:column;gap:8px}.draft-po-page .confirm-box{margin:16px;padding:20px}.draft-po-page .react-select__control{min-height:36px!important}.draft-po-page .calendar-icon{right:8px}.draft-po-page .calendar-icon svg{height:14px;width:14px}.draft-po-page .card.custom-card .react-select__control{min-height:44px!important}.draft-po-page .card.custom-card .react-select__placeholder,.draft-po-page .card.custom-card .react-select__single-value,.draft-po-page .card.custom-card .react-select__value-container{font-size:15px!important}.draft-po-page .card.custom-card h4,.draft-po-page .textarea_del_cond{font-size:14px!important}.draft-po-page .grid-2,.draft-po-page .grid-3{gap:12px}.draft-po-page .back-arrow{font-size:28px;padding:4px}}.ordered-po-page{background-color:#fff;font-family:Arial,sans-serif;min-height:100vh;padding:20px}.ordered-po-page *{box-sizing:border-box}.ordered-po-page .ordered-po-container{background-color:initial;margin:0;max-width:1400px;padding:0 20px;width:100%}.ordered-po-page .ordered-header,.ordered-po-page .po-header{align-items:center;border-bottom:2px solid #e9ecef;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:24px;padding:20px 0 12px}.ordered-po-page .back-arrow{border-radius:6px;color:#495057;cursor:pointer;flex-shrink:0;font-size:40px!important;height:40px;padding:8px;transition:all .2s ease;width:40px}.ordered-po-page .back-arrow:hover{background-color:#2e5bee1a;color:#2e5bee}.ordered-po-page .title-status-wrapper{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.ordered-po-page .ordered-po-title{color:#1f2937;font-size:28px;font-weight:700;letter-spacing:-.5px;margin:0}.ordered-po-page .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-po-page .ordered-status-draft{background-color:#fff2b5;border-left:3px solid #e5b81b;color:#7a5f1a}.ordered-po-page .ordered-status-wappr{background-color:#ffdbb5;border-left:3px solid #f5822c;color:#a34e12}.ordered-po-page .ordered-status-approved{background-color:#c2dcff;border-left:3px solid #3c7de0;color:#134b84}.ordered-po-page .ordered-status-ordered{background-color:#aec9f5;border-left:3px solid #1d4590;color:#0b2c52}.ordered-po-page .ordered-status-partially{background-color:#bef5b0;border-left:3px solid #2fb254;color:#156635}.ordered-po-page .ordered-status-received{background-color:#8fde8a;border-left:3px solid #1a853f;color:#054a25}.ordered-po-page .ordered-status-rejected{background-color:#fec9c2;border-left:3px solid #ed584c;color:#9e2d2d}.ordered-po-page .ordered-status-canceled{background-color:#d6dde8;border-left:3px solid #939fb3;color:#4a5366}.ordered-po-page .left-section{align-items:center;display:flex;flex:1 1;flex-wrap:wrap;gap:12px}.ordered-po-page .right-section{align-items:center;display:flex;flex-wrap:wrap;gap:10px;position:relative}.ordered-po-page .action-bar{align-items:center;background:#fff9e6;border:1px solid #ffd966;border-radius:8px;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin:0 0 24px;padding:16px 24px}.ordered-po-page .btn{border:none;border-radius:6px;cursor:pointer;font-family:Arial,sans-serif;font-size:14px;font-weight:600;height:40px;padding:8px 20px;transition:all .2s ease;white-space:nowrap}.ordered-po-page .btn-primary{background:#2e5bee;color:#fff}.ordered-po-page .btn-primary:hover{background:#1e3a8a}.ordered-po-page .btn-secondary{background-color:#6c757d;color:#fff}.ordered-po-page .btn-secondary:hover{background-color:#5a6268}.ordered-po-page .dropdown-container{position:relative}.ordered-po-page .dropdown-menu{background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 4px 12px #0000001a;min-width:180px;overflow:hidden;position:absolute;right:0;top:110%;z-index:1000}.ordered-po-page .dropdown-item{cursor:pointer;font-size:14px;padding:10px 16px;transition:background-color .2s}.ordered-po-page .dropdown-item:hover{background-color:#f3f4f6}.ordered-po-page .card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 1px 2px #0000000d;margin-bottom:24px;padding:24px;text-align:left}.ordered-po-page .card h4{border-left:3px solid #2e5bee;color:#1f2937;font-size:16px;font-weight:600;letter-spacing:.3px;margin:0 0 20px;padding-left:12px;text-align:left}.ordered-po-page .card.custom-card .grid-3{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(3,1fr)}.ordered-po-page .card.custom-card .grid-3>div{border-right:1px solid #e5e7eb;padding:0}.ordered-po-page .card.custom-card .grid-3>div:last-child{border-right:none}.ordered-po-page .grid-3{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(3,1fr);text-align:left}.ordered-po-page .grid-2{grid-gap:24px;display:grid;gap:24px;grid-template-columns:2fr 1fr;margin-bottom:0;text-align:left}.ordered-po-page label{color:#4b5563;display:block;font-size:13px;font-weight:600;letter-spacing:.5px;margin-bottom:8px;text-align:left;text-transform:uppercase}.ordered-po-page .label-value{color:#1f2937;font-size:14px;margin:0;text-align:left;word-break:break-word}.ordered-po-page .delivery-address,.ordered-po-page .details,.ordered-po-page .project-code,.ordered-po-page .supplier-address{background-color:#f9fafb;border-radius:6px;color:#6b7280;font-size:14px;margin-top:12px;padding:8px 12px;text-align:left;word-break:break-word}.ordered-po-page .table-responsive{margin-top:16px;overflow-x:auto;width:100%}.ordered-po-page .po-items-table{border-collapse:collapse;font-size:14px;min-width:800px;text-align:left;width:100%}.ordered-po-page .po-items-table th{background-color:#f9fafb;border-bottom:2px solid #e5e7eb;color:#374151;font-size:13px;font-weight:600;padding:12px 8px;text-align:left;vertical-align:middle}.ordered-po-page .po-items-table td{border-bottom:1px solid #f3f4f6;padding:12px 8px;text-align:left;vertical-align:middle}.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 hr{border:none;border-top:1px solid #e5e7eb;margin:16px 0}.ordered-po-page .header-flex{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between}.ordered-po-page .timeline-wrapper{background-color:#f9fafb;border-radius:8px;margin-top:24px;padding:20px;text-align:left;width:100%}.ordered-po-page .timeline-title{color:#1f2937;font-size:16px;font-weight:600;margin-bottom:20px;text-align:left}.ordered-po-page .timeline-labels{display:flex;justify-content:space-between;margin-bottom:8px;position:relative}.ordered-po-page .label{color:#6b7280;font-size:12px;text-align:left}.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-bar{background-color:#e5e7eb;border-radius:3px;flex-grow:1;height:6px;overflow:visible;position:relative}.ordered-po-page .timeline-fill{background-color:#2e5bee;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 .comment-new{margin-bottom:24px;text-align:left}.ordered-po-page .comment-input-area{align-items:flex-start;display:flex;flex-wrap:wrap;gap:12px}.ordered-po-page .input-block{flex:1 1;min-width:200px}.ordered-po-page .input-block textarea{border:1px solid #d1d5db;border-radius:6px;font-family:Arial,sans-serif;font-size:14px;min-height:70px;padding:10px;resize:vertical;text-align:left;width:100%}.ordered-po-page .comment-note{color:#9ca3af;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:#2e5bee;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;height:40px;padding:8px 20px}.ordered-po-page .post-button:hover{background:#1e3a8a}.ordered-po-page .post-button:disabled{background-color:#9ca3af;cursor:not-allowed}.ordered-po-page .comment-item{border-bottom:1px solid #e5e7eb;display:flex;gap:12px;padding:16px 0;text-align:left}.ordered-po-page .avatar{align-items:center;background:#2e5bee;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{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;margin-bottom:8px}.ordered-po-page .user-name{color:#1f2937;font-size:14px;font-weight:600}.ordered-po-page .comment-date{color:#9ca3af;font-size:12px}.ordered-po-page .comment-text{color:#4b5563;font-size:14px;line-height:1.5;margin:0;padding:4px 0;text-align:left}.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}@media screen and (max-width:1024px){.ordered-po-page .grid-2,.ordered-po-page .grid-3{gap:16px}}@media screen and (max-width:768px){.ordered-po-page{padding:8px}.ordered-po-page .ordered-po-container{padding:0 8px}.ordered-po-page .header-flex{align-items:flex-start;flex-direction:column;gap:12px}.ordered-po-page .left-section{justify-content:flex-start;width:100%}.ordered-po-page .title-status-wrapper{align-items:center;flex-direction:row!important;flex-wrap:wrap;gap:10px}.ordered-po-page .title-status-wrapper span{font-size:14px;padding:4px 10px;white-space:nowrap}.ordered-po-page .right-section{flex-wrap:wrap;gap:8px;justify-content:flex-start;width:100%}.ordered-po-page .right-section .btn,.ordered-po-page .right-section .dropdown-container{flex:1 1 auto;min-width:calc(33% - 8px)}.ordered-po-page .right-section .dropdown-container button{width:100%}.ordered-po-page .ordered-po-title{font-size:24px}.ordered-po-page .back-arrow{font-size:36px!important;height:36px;padding:6px;width:36px}.ordered-po-page .card.custom-card .grid-3,.ordered-po-page .grid-2,.ordered-po-page .grid-3{gap:16px;grid-template-columns:1fr}.ordered-po-page .card.custom-card .grid-3>div{border-bottom:1px solid #e5e7eb;border-right:none;padding-bottom:16px}.ordered-po-page .card.custom-card .grid-3>div:last-child{border-bottom:none;padding-bottom:0}.ordered-po-page .card.custom-card .grid-3>div:nth-child(2){padding-right:0}.ordered-po-page .card{margin-bottom:16px;padding:16px}.ordered-po-page .action-bar{align-items:stretch;flex-direction:column;gap:12px;padding:12px}.ordered-po-page .po-items-table td,.ordered-po-page .po-items-table th{font-size:12px;padding:8px 4px}.ordered-po-page .comment-input-area{flex-direction:column}.ordered-po-page .post-btn-area,.ordered-po-page .post-button{width:100%}.ordered-po-page .dropdown-menu{left:auto;min-width:180px;position:absolute;right:0;top:100%;z-index:1001}}@media screen and (max-width:480px){.ordered-po-page{padding:4px}.ordered-po-page .ordered-po-container{padding:0 4px}.ordered-po-page .card{margin-bottom:12px;padding:12px}.ordered-po-page .ordered-po-title{font-size:20px}.ordered-po-page .title-status-wrapper{align-items:center;flex-direction:row!important;flex-wrap:wrap;gap:8px}.ordered-po-page .title-status-wrapper span{font-size:12px;padding:4px 8px;white-space:nowrap}.ordered-po-page .back-arrow{font-size:32px!important;height:32px;padding:4px;width:32px}.ordered-po-page .right-section{flex-direction:column;width:100%}.ordered-po-page .right-section .btn,.ordered-po-page .right-section .dropdown-container{min-width:0;min-width:auto;width:100%}.ordered-po-page .btn{white-space:normal;width:100%;word-break:break-word}.ordered-po-page label{font-size:12px}.ordered-po-page .delivery-address,.ordered-po-page .details,.ordered-po-page .label-value,.ordered-po-page .supplier-address{font-size:13px}.ordered-po-page .timeline-wrapper{padding:12px}.ordered-po-page .timeline-title{font-size:14px;margin-bottom:12px}.ordered-po-page .label{font-size:10px}.ordered-po-page .comment-header{align-items:flex-start;flex-direction:column}.ordered-po-page .avatar{font-size:14px;height:32px;width:32px}.ordered-po-page .user-name{font-size:13px}.ordered-po-page .comment-text{font-size:12px}.ordered-po-page .post-button{width:100%}}.ordered-po-page .status-with-info{align-items:center;display:inline-flex;gap:8px;margin-left:10px}.ordered-po-page .info-tooltip-container{display:inline-block;position:relative}.ordered-po-page .info-button{align-items:center;background:none;border:none;border-radius:50%;color:#ff9800;cursor:pointer;display:flex;font-size:18px;height:24px;justify-content:center;padding:0;transition:all .2s ease;width:24px}.ordered-po-page .info-button:hover{background-color:#0000000d;transform:scale(1.1)}.ordered-po-page .info-tooltip{word-wrap:break-word;background-color:#333;border-radius:6px;box-shadow:0 2px 8px #00000026;color:#fff;font-size:13px;left:50%;margin-top:8px;max-width:300px;min-width:200px;opacity:0;padding:10px 15px;pointer-events:none;position:absolute;text-align:left;top:100%;transform:translateX(-50%);transition:all .2s ease;visibility:hidden;white-space:normal;z-index:1000}.ordered-po-page .info-tooltip:before{border:6px solid;border-color:#0000 #0000 #333;bottom:100%;content:"";left:50%;position:absolute;transform:translateX(-50%)}.ordered-po-page .info-tooltip-container:hover .info-tooltip{opacity:1;visibility:visible}@media (max-width:768px){.ordered-po-page .info-tooltip{left:auto;max-width:250px;min-width:180px;right:-10px;transform:translateX(0)}.ordered-po-page .info-tooltip:before{left:auto;right:15px;transform:translateX(0)}}.receive-po-page{background-color:#fff;font-family:Arial,sans-serif;min-height:100vh;padding:20px}.receive-po-page *{box-sizing:border-box}.receive-po-page .receive-po-container{background-color:initial;margin:0;max-width:1400px;padding:0 20px;width:100%}.receive-po-page .receive-header{align-items:center;border-bottom:2px solid #e9ecef;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:24px;padding:20px 0 12px}.receive-po-page .back-arrow{border-radius:6px;color:#495057;cursor:pointer;flex-shrink:0;font-size:40px!important;height:40px;padding:8px;transition:all .2s ease;width:40px}.receive-po-page .back-arrow:hover{background-color:#2e5bee1a;color:#2e5bee}.receive-po-page .title-status-wrapper{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.receive-po-page .receive-po-title{color:#1f2937;font-size:28px;font-weight:700;letter-spacing:-.5px;margin:0}.receive-po-page .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-po-page .receive-status-draft{background-color:#fff2b5;border-left:3px solid #e5b81b;color:#7a5f1a}.receive-po-page .receive-status-wappr{background-color:#ffdbb5;border-left:3px solid #f5822c;color:#a34e12}.receive-po-page .receive-status-approved{background-color:#c2dcff;border-left:3px solid #3c7de0;color:#134b84}.receive-po-page .receive-status-ordered{background-color:#aec9f5;border-left:3px solid #1d4590;color:#0b2c52}.receive-po-page .receive-status-partially{background-color:#bef5b0;border-left:3px solid #2fb254;color:#156635}.receive-po-page .receive-status-received{background-color:#8fde8a;border-left:3px solid #1a853f;color:#054a25}.receive-po-page .receive-status-rejected{background-color:#fec9c2;border-left:3px solid #ed584c;color:#9e2d2d}.receive-po-page .receive-status-canceled{background-color:#d6dde8;border-left:3px solid #939fb3;color:#4a5366}.receive-po-page .left-section{align-items:center;display:flex;flex:1 1;flex-wrap:wrap;gap:12px}.receive-po-page .card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 1px 2px #0000000d;margin-bottom:24px;padding:24px;text-align:left}.receive-po-page .card h4{border-left:3px solid #2e5bee;color:#1f2937;font-size:16px;font-weight:600;letter-spacing:.3px;margin:0 0 20px;padding-left:12px;text-align:left}.receive-po-page .card.custom-card .grid-3{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(3,1fr)}.receive-po-page .card.custom-card .grid-3>div{border-right:1px solid #e5e7eb;padding:0}.receive-po-page .card.custom-card .grid-3>div:last-child{border-right:none}.receive-po-page .grid-3{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(3,1fr);text-align:left}.receive-po-page .grid-4{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(4,1fr);text-align:left}.receive-po-page .grid-2{grid-gap:24px;display:grid;gap:24px;grid-template-columns:2fr 1fr;margin-bottom:0;text-align:left}.receive-po-page label{color:#4b5563;display:block;font-size:13px;font-weight:600;letter-spacing:.5px;margin-bottom:8px;text-align:left;text-transform:uppercase}.receive-po-page .delivery-address,.receive-po-page .details,.receive-po-page .project-code,.receive-po-page .supplier-address{background-color:#f9fafb;border-radius:6px;color:#6b7280;font-size:14px;margin-top:12px;padding:8px 12px;text-align:left;word-break:break-word}.receive-po-page .table-responsive{margin-top:16px;overflow-x:auto;width:100%}.receive-po-page .po-items-table{border-collapse:collapse;font-size:14px;min-width:800px;text-align:left;width:100%}.receive-po-page .po-items-table th{background-color:#f9fafb;border-bottom:2px solid #e5e7eb;color:#374151;font-size:13px;font-weight:600;padding:12px 8px;text-align:left;vertical-align:middle}.receive-po-page .po-items-table td{border-bottom:1px solid #f3f4f6;padding:12px 8px;text-align:left;vertical-align:middle}.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 hr{border:none;border-top:1px solid #e5e7eb;margin:16px 0}.receive-po-page .title-separator{background-color:#e5e7eb;border:none;height:1px;margin:0 0 24px;width:100%}.receive-po-page .header-flex{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between}.receive-po-page .timeline-wrapper{background-color:#f9fafb;border-radius:8px;margin-top:24px;padding:20px;text-align:left;width:100%}.receive-po-page .timeline-title{color:#1f2937;font-size:16px;font-weight:600;margin-bottom:20px;text-align:left}.receive-po-page .timeline-labels{display:flex;justify-content:space-between;margin-bottom:8px;position:relative}.receive-po-page .label{color:#6b7280;font-size:12px;text-align:left}.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-bar{background-color:#e5e7eb;border-radius:3px;flex-grow:1;height:6px;overflow:visible;position:relative}.receive-po-page .timeline-fill{background-color:#2e5bee;border-radius:3px;height:100%;transition:width .4s ease}.receive-po-page .timeline-today{position:absolute;top:-18px;transform:translateX(-50%)}.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:11px;left:50%;position:absolute;top:16px;transform:translateX(-50%);width:2px}.receive-po-page .comment-new{margin-bottom:24px;text-align:left}.receive-po-page .comment-input-area{align-items:flex-start;display:flex;flex-wrap:wrap;gap:12px}.receive-po-page .input-block{flex:1 1;min-width:200px}.receive-po-page .input-block textarea{border:1px solid #d1d5db;border-radius:6px;font-family:Arial,sans-serif;font-size:14px;min-height:70px;padding:10px;resize:vertical;text-align:left;width:100%}.receive-po-page .comment-note{color:#9ca3af;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:#2e5bee;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;height:40px;padding:8px 20px}.receive-po-page .post-button:hover{background:#1e3a8a}.receive-po-page .post-button:disabled{background-color:#9ca3af;cursor:not-allowed}.receive-po-page .comment-item{border-bottom:1px solid #e5e7eb;display:flex;gap:12px;padding:16px 0;text-align:left}.receive-po-page .avatar{align-items:center;background:#2e5bee;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{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;margin-bottom:8px}.receive-po-page .user-name{color:#1f2937;font-size:14px;font-weight:600}.receive-po-page .comment-date{color:#9ca3af;font-size:12px}.receive-po-page .comment-text{color:#4b5563;font-size:14px;line-height:1.5;margin:0;padding:4px 0;text-align:left}.receive-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}.receive-po-page .spinner{animation:spin 1s linear infinite;border:3px solid #f3f3f3;border-radius:50%;border-top-color:#000;height:16px;width:16px}@media screen and (max-width:1024px){.receive-po-page .grid-2,.receive-po-page .grid-3,.receive-po-page .grid-4{gap:16px}}@media screen and (max-width:768px){.receive-po-page{padding:8px}.receive-po-page .receive-po-container{padding:0 8px}.receive-po-page .header-flex{align-items:flex-start;flex-direction:column;gap:12px}.receive-po-page .left-section{justify-content:flex-start;width:100%}.receive-po-page .title-status-wrapper{align-items:center;flex-direction:row!important;flex-wrap:wrap;gap:10px}.receive-po-page .title-status-wrapper span{font-size:14px;padding:4px 10px;white-space:nowrap}.receive-po-page .receive-po-title{font-size:24px}.receive-po-page .back-arrow{font-size:36px!important;height:36px;padding:6px;width:36px}.receive-po-page .card.custom-card .grid-3,.receive-po-page .grid-2,.receive-po-page .grid-3,.receive-po-page .grid-4{gap:16px;grid-template-columns:1fr}.receive-po-page .card.custom-card .grid-3>div{border-bottom:1px solid #e5e7eb;border-right:none;padding-bottom:16px}.receive-po-page .card.custom-card .grid-3>div:last-child{border-bottom:none;padding-bottom:0}.receive-po-page .card.custom-card .grid-3>div:nth-child(2){padding-right:0}.receive-po-page .card{margin-bottom:16px;padding:16px}.receive-po-page .po-items-table td,.receive-po-page .po-items-table th{font-size:12px;padding:8px 4px}.receive-po-page .comment-input-area{flex-direction:column}.receive-po-page .post-btn-area,.receive-po-page .post-button{width:100%}}@media screen and (max-width:480px){.receive-po-page{padding:4px}.receive-po-page .receive-po-container{padding:0 4px}.receive-po-page .card{margin-bottom:12px;padding:12px}.receive-po-page .receive-po-title{font-size:20px}.receive-po-page .title-status-wrapper{align-items:center;flex-direction:row!important;flex-wrap:wrap;gap:8px}.receive-po-page .title-status-wrapper span{font-size:12px;padding:4px 8px;white-space:nowrap}.receive-po-page .back-arrow{font-size:32px!important;height:32px;padding:4px;width:32px}.receive-po-page label{font-size:11px}.receive-po-page .delivery-address,.receive-po-page .details,.receive-po-page .project-code,.receive-po-page .supplier-address{font-size:13px}.receive-po-page .timeline-wrapper{padding:12px}.receive-po-page .timeline-title{font-size:14px;margin-bottom:12px}.receive-po-page .label{font-size:10px}.receive-po-page .comment-header{align-items:flex-start;flex-direction:column}.receive-po-page .avatar{font-size:14px;height:32px;width:32px}.receive-po-page .user-name{font-size:13px}.receive-po-page .comment-text{font-size:12px}.receive-po-page .post-button{width:100%}}.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{align-items:center;border-radius:12px;box-sizing:border-box;display:inline-flex;font-size:13px;font-weight:700;height:30px;justify-content:center;min-width:90px;padding:0 10px;text-align:center;width:200px}.reception-page .reception-status-received{background-color:#5bdb86!important;border:1px solid #198754!important;color:#0f5132!important}.reception-page .reception-status-partially-received{background-color:#ffc294!important;border:1px solid #f4ab01!important;color:#eb7e00!important}.reception-page .reception-status-not-received{background-color:#d2d2d2!important;border:1px solid #393939!important;color:#515252!important}.reception-page .select-qty-received{font-size:14px;padding:4px;width:80px}.reception-page{font-family:Arial,sans-serif;max-width:100%;overflow-x:hidden;width:100%}.reception-page .edit-reception-title{color:#333;font-size:24px;font-weight:700;line-height:1;margin-top:20px}.reception-page .back-arrow,.reception-page .edit-reception-title{display:inline-block;vertical-align:middle}.reception-page .back-arrow{cursor:pointer;margin-right:0}.reception-page .title-separator{background-color:#ccc;border:none;height:1px;margin:-8px 0 20px;max-width:100%;position:relative}.reception-page .reception-header{align-items:center;display:flex;flex-wrap:wrap;gap:15px}.reception-page .reception-status-badge{border-radius:20px;font-size:14px;font-weight:600;padding:4px 12px;text-transform:uppercase}.reception-page .reception-status-received{background-color:#d4edda;color:#155724}.reception-page .reception-status-partially-received{background-color:#fff3cd;color:#856404}.reception-page .reception-status-not-received{background-color:#f8d7da;color:#721c24}.reception-page .reception-layout{display:flex;flex-direction:column;gap:15px;margin-top:15px;width:100%}.reception-page .row-1,.reception-page .row-2{grid-gap:20px;display:grid;gap:20px;grid-template-columns:60% 40%;width:100%}.reception-page .attach-card,.reception-page .documents-card,.reception-page .history-card,.reception-page .items-card{background:#fff;border-radius:10px;box-shadow:0 0 10px #e0e0e0;box-sizing:border-box;display:flex;flex-direction:column;height:-webkit-fit-content;height:fit-content;min-width:0;padding:15px;width:100%}.reception-page .items-card{overflow:hidden}.reception-page .attach-card h4,.reception-page .items-card h4{color:#333;font-size:16px;font-weight:600;margin:0 0 10px}.reception-page .attach-content{display:flex;flex:1 1;flex-direction:column;gap:15px;width:99%}.reception-page .existing-document{background:#f5f5f5;border-radius:6px;padding:12px}.reception-page .existing-document .download-link{align-items:center;background:none;border:none;color:#1976d2;cursor:pointer;display:flex;font-size:14px;gap:8px;padding:0;text-align:left;width:100%}.reception-page .existing-document .download-link:hover{text-decoration:underline}.reception-page .upload-status{border-bottom:1px dashed #ddd;padding:8px 0}.reception-page .dropzone-area{align-items:center;background-color:initial;border:2px dashed #aaa;border-radius:4px;box-sizing:border-box;cursor:pointer;display:flex;flex:1 1;flex-direction:column;justify-content:center;min-height:100px;padding:20px;text-align:center;transition:all .2s;width:100%}.reception-page .dropzone-area:hover{background-color:#f5f5f5;border-color:#1976d2}.reception-page .upload-success{align-items:center;display:flex;gap:8px;justify-content:center}.reception-page .history-header{align-items:center;border-bottom:2px solid #1976d2;display:flex;gap:8px;margin-bottom:10px;padding-bottom:8px}.reception-page .history-content{flex:1 1;max-height:none;overflow-y:visible;width:100%}.reception-page .documents-header{align-items:center;border-bottom:2px solid #1976d2;display:flex;gap:8px;margin-bottom:10px;padding-bottom:8px}.reception-page .documents-content{flex:1 1;width:100%}.reception-page .documents-list{display:flex;flex-direction:column;gap:10px;width:100%}.reception-page .document-item{align-items:center;background:#f5f5f5;border-radius:6px;box-sizing:border-box;display:flex;gap:8px;padding:12px;width:100%}.reception-page .document-link{background:none;border:none;color:#1976d2;cursor:pointer;flex:1 1;font-size:14px;padding:0;text-align:left;text-decoration:underline;word-break:break-all}.reception-page .document-link:hover{color:#0d47a1}.reception-page .no-documents{background:#f5f5f5;border-radius:6px;box-sizing:border-box;color:#666;font-style:italic;padding:30px;text-align:center;width:100%}.reception-page .timeline-container{max-height:none;overflow-y:visible;padding-right:0;width:100%}.reception-page .timeline-group{margin-bottom:8px;position:relative;width:100%}.reception-page .timeline-date{margin-bottom:10px}.reception-page .date-badge{background:linear-gradient(135deg,#aac9ff,#667eea 150%);border-radius:10px;color:#0d0d0d;display:inline-block;font-size:.9rem;font-weight:600;padding:6px 14px}.reception-page .date-badge .time{font-size:.9rem;margin-left:8px;opacity:.9}.reception-page .timeline-entries{border-left:2px solid #e0e0e0;margin-left:20px;padding-left:20px;width:calc(100% - 40px)}.reception-page .timeline-entry{margin-bottom:8px;position:relative;width:100%}.reception-page .timeline-entry:before{background:#667eea;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px #0000001a;content:"";height:10px;left:-26px;position:absolute;top:50%;transform:translateY(-50%);width:10px}.reception-page .entry-content{align-items:center;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;box-sizing:border-box;display:flex;justify-content:space-between;padding:6px 10px;transition:all .3s ease;width:100%}.reception-page .entry-product{color:#333;flex:1 1;font-size:13px;font-weight:500;min-width:0;overflow:hidden;padding-right:10px;text-overflow:ellipsis;white-space:nowrap}.reception-page .entry-quantity{align-items:center;display:flex;flex-shrink:0;gap:4px}.reception-page .quantity{background:#f0f9f0;border-radius:4px;color:#07853c;font-size:13px;font-weight:600;padding:2px 6px;white-space:nowrap}.reception-page .edit-btn{background:none;border:none;color:#3c4fff;cursor:pointer;font-size:1rem;padding:4px;transition:color .3s ease}.reception-page .edit-btn:hover{background:#e0e0e0;border-radius:4px}.reception-page .edit-mode{display:flex;gap:4px}.reception-page .edit-mode input{border:1px solid #ddd;border-radius:4px;font-size:13px;padding:4px 8px;text-align:right;width:100px}.reception-page .save-btn{background:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:4px 8px;transition:all .3s ease}.reception-page .save-btn:hover{background:#27ae60}.reception-page .cancel-btn{background:#f44336;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:4px 8px;transition:all .3s ease}.reception-page .cancel-btn:hover{background:#c0392b}.reception-page .no-history{background:#f5f5f5;border-radius:6px;box-sizing:border-box;color:#666;font-style:italic;padding:40px;text-align:center;width:100%}.reception-page .table-container{border:1px solid #e0e0e0;border-radius:4px;flex:1 1;max-height:300px;overflow-x:auto;overflow-y:auto;width:100%}.reception-page .reception-table{border-collapse:collapse;min-width:700px;table-layout:auto;width:100%}.reception-page .reception-table thead{background-color:#f5f5f5}.reception-page .reception-table th{background-color:#d8d4d457;font-size:13px;font-weight:600;padding:16px 10px;position:-webkit-sticky;position:sticky;text-align:left;top:0;white-space:nowrap;z-index:1}.reception-page .reception-table td{border-bottom:1px solid #eee;font-size:13px;padding:8px;white-space:nowrap}.reception-page .reception-table td:first-child,.reception-page .reception-table th:first-child{min-width:180px}.reception-page .reception-table td:nth-child(2),.reception-page .reception-table td:nth-child(3),.reception-page .reception-table td:nth-child(4),.reception-page .reception-table td:nth-child(5),.reception-page .reception-table th:nth-child(2),.reception-page .reception-table th:nth-child(3),.reception-page .reception-table th:nth-child(4),.reception-page .reception-table th:nth-child(5){min-width:130px}.reception-page .qty-input{border:1px solid #ccc;border-radius:4px;box-sizing:border-box;font-size:13px;height:32px;padding:2px 8px;text-align:right;width:100px}.reception-page .qty-input:focus{border-color:#1976d2;box-shadow:0 0 0 1px #1976d240;outline:none}.reception-page .po-button-container{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-bottom:10px;margin-top:-10px}.reception-page .po-button-container h3{color:#333;font-size:18px;margin:0}.reception-page .submit-button{background-color:#28a745;border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:700;padding:10px 20px;transition:background-color .3s}.reception-page .submit-button:hover:not(:disabled){background-color:#218838}.reception-page .submit-button:disabled{background-color:#6c757d;cursor:not-allowed}.reception-page .upload-list{margin-top:8px;width:100%}.reception-page .upload-item{align-items:center;background-color:#f5f5f5;border:1px solid #e0e0e0;border-radius:4px;box-sizing:border-box;display:flex;justify-content:space-between;margin-bottom:8px;padding:8px 12px;width:100%}.reception-page .filename{color:#333;flex:1 1;font-size:.875rem;margin-right:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reception-page .upload-item:hover{background-color:#eee}.reception-page .upload-title{color:#1976d2;font-weight:600}@media (max-width:1200px){.reception-page .row-1,.reception-page .row-2{grid-template-columns:55% 45%}}@media (max-width:992px){.reception-page .row-1,.reception-page .row-2{gap:15px;grid-template-columns:1fr}.reception-page .reception-header{flex-wrap:wrap}.reception-page .table-container{-webkit-overflow-scrolling:touch;max-width:100%;overflow-x:auto}.reception-page .reception-table{min-width:700px}}@media (max-width:768px){.reception-page .po-button-container{align-items:flex-start;flex-direction:column;width:100%}.reception-page .submit-button{width:100%}.reception-page .edit-reception-title{font-size:20px}.reception-page .reception-status-badge{font-size:12px}.reception-page .dropzone-area{padding:15px 10px}.reception-page .dropzone-area Typography{font-size:12px}.reception-page .reception-table{min-width:650px}.reception-page .reception-table td:first-child,.reception-page .reception-table th:first-child{min-width:150px}.reception-page .reception-table td:nth-child(2),.reception-page .reception-table td:nth-child(3),.reception-page .reception-table td:nth-child(4),.reception-page .reception-table td:nth-child(5),.reception-page .reception-table th:nth-child(2),.reception-page .reception-table th:nth-child(3),.reception-page .reception-table th:nth-child(4),.reception-page .reception-table th:nth-child(5){min-width:110px}}@media (max-width:480px){.reception-page .qty-input{font-size:12px;height:28px;width:80px}.reception-page .document-item{flex-wrap:wrap}.reception-page .document-link{word-break:break-word}.reception-page .entry-content{align-items:flex-start;flex-direction:column;gap:8px}.reception-page .entry-product{padding-right:0;white-space:normal}.reception-page .entry-quantity{justify-content:flex-end;width:100%}}.reception-page .MuiDialog-paper{border-radius:10px;margin:16px;max-width:90%;padding:10px}.reception-page .MuiDialogTitle-root{color:#856404;font-weight:600}.reception-page .MuiDialogContent-root{color:#666}.reception-page .MuiDialogActions-root{flex-wrap:wrap;padding:16px 24px}.reception-page .MuiButton-root{font-weight:500;text-transform:none}.reception-page .MuiAlert-root{border-radius:8px;max-width:90vw}@media (max-width:420px){.reception-page .reception-status-badge{align-self:flex-start;margin-top:-15px}.reception-page .title-separator{margin:5px 0 15px}}.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}}.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}.edit-document-registry_page body,.edit-document-registry_page html{height:100%;margin:0;overflow:hidden;padding:0}.edit-document-registry_page .datepicker-container{padding-bottom:15px;position:relative;width:100%}.edit-document-registry_page .datepicker-wrapper{width:100%}.edit-document-registry_page .datepicker-input{background-color:#fff;border:1px solid #ccc;border-radius:4px;box-sizing:border-box;font-size:14px;height:34px;padding:8px 35px 8px 12px;width:100%}.edit-document-registry_page .datepicker-input:focus{border-color:#1976d2;box-shadow:0 0 0 2px #1976d233;outline:none}.edit-document-registry_page .datepicker-input::placeholder{color:#999}.edit-document-registry_page .calendar-icon{color:#666;pointer-events:none;position:absolute;right:10px;top:50%;transform:translateY(-50%)}.edit-document-registry_page .react-datepicker{border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 4px 12px #0000001a;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.edit-document-registry_page .react-datepicker__header{background-color:#f5f5f5;border-bottom:1px solid #e0e0e0;border-top-left-radius:8px;border-top-right-radius:8px;padding-top:8px}.edit-document-registry_page .react-datepicker__current-month{color:#333;font-size:16px;font-weight:600}.edit-document-registry_page .react-datepicker__day-names{margin-top:8px}.edit-document-registry_page .react-datepicker__day-name{color:#666;font-size:12px;font-weight:500;line-height:36px;width:36px}.edit-document-registry_page .react-datepicker__month{margin:8px}.edit-document-registry_page .react-datepicker__day{border-radius:50%;color:#333;font-size:14px;line-height:36px;margin:2px;width:36px}.edit-document-registry_page .react-datepicker__day:hover{background-color:#f0f0f0;border-radius:50%}.edit-document-registry_page .react-datepicker__day--selected{background-color:#1976d2;color:#fff}.edit-document-registry_page .react-datepicker__day--selected:hover{background-color:#1565c0}.edit-document-registry_page .react-datepicker__day--keyboard-selected{background-color:#1976d21a;color:#1976d2}.edit-document-registry_page .react-datepicker__day--today{font-weight:600}.edit-document-registry_page .react-datepicker__day--outside-month{color:#ccc}.edit-document-registry_page .react-datepicker__navigation{top:16px}.edit-document-registry_page .react-datepicker__navigation--previous{border-right-color:#666}.edit-document-registry_page .react-datepicker__navigation--next{border-left-color:#666}.edit-document-registry_page .react-datepicker__navigation:hover :before{border-color:#1976d2}.edit-document-registry_page .form-group .datepicker-input,.edit-document-registry_page .form-group input[type=text]{box-sizing:border-box;height:34px}.edit-document-registry_page .form-group label{color:#333;display:block;font-weight:500;margin-bottom:6px}.edit-document-registry_page .form-group label .required{color:#d32f2f;margin-left:2px}.edit-document-registry_page .error-message{color:#d32f2f;display:block;font-size:12px;margin-top:4px}@media (max-width:480px){.edit-document-registry_page .registration-header h2{font-size:1rem;line-height:1.3}.edit-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-registry_page .edit-document-form .radio-group{flex-direction:column;gap:.75rem}.edit-document-registry_page .file-upload-group{flex-direction:column}.edit-document-registry_page .file-upload-group button,.edit-document-registry_page .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}}.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}}.document-registry-page .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;height:18px;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}.add-cost-container .datepicker-container-cost{position:relative;width:100%}.add-cost-container .datepicker-input-cost{background-color:#fff;border:1px solid #ccc;border-radius:8px;box-sizing:border-box;font-size:14px;height:38px;padding:8px 40px 8px 12px;width:100%}.add-cost-container .datepicker-input-cost:focus{border-color:#06c;outline:none}.add-cost-container .calendar-icon-cost{align-items:center;color:#666;display:flex;pointer-events:none;position:absolute;right:12px;top:50%;transform:translateY(-50%)}@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}}.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 .title-separator{background-color:#ccc;border:none;height:1px;margin-bottom:20px;position:relative;width:100%}.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 .title-separator{background-color:#ccc;border:none;height:1px;margin-bottom:20px;position:relative;width:100%}.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,.page-addemployee select,.page-addemployee textarea{border:1px solid #868686;border-radius:4px;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{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{padding-bottom:8px;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:40%;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-addemployee .multiselect-field{font-family:Arial,sans-serif!important;font-size:14px;width:100%}.page-addemployee .multiselect-field .select__control{background-color:#fff!important;border:1px solid #000!important;border-radius:6px!important;color:#1a1a1a!important;font-family:Arial,sans-serif!important;font-size:14px!important;transition:all .2s ease!important}.page-addemployee .multiselect-field .select__control:hover{background-color:#f0f0f0!important;border-color:#999!important}.page-addemployee .multiselect-field .select__control--is-focused{background-color:#fff!important;border-color:#006ce4!important;box-shadow:0 0 0 2px #006ce426!important;outline:none!important}.page-addemployee .multiselect-field .select__placeholder{color:#999!important;font-family:Arial,sans-serif!important;font-size:14px!important}.page-addemployee .multiselect-field .select__input-container,.page-addemployee .multiselect-field .select__single-value{color:#1a1a1a!important;font-family:Arial,sans-serif!important;font-size:14px!important}.page-addemployee .multiselect-field .select__menu{font-family:Arial,sans-serif!important;font-size:14px!important;z-index:9999!important}.page-addemployee .multiselect-field .select__option{background-color:#fff!important;color:#1a1a1a!important;font-family:Arial,sans-serif!important;font-size:14px!important}.page-addemployee .multiselect-field .select__option--is-focused{background-color:#f0f0f0!important}.page-addemployee .multiselect-field .select__option--is-selected{background-color:#e6f2ff!important;color:#006ce4!important}.page-addemployee .multiselect-field .select__control{height:38px!important;min-height:38px!important}.page-addemployee .multiselect-field .select__value-container{height:36px!important;padding:2px 8px!important}.page-addemployee .multiselect-field .select__indicators{height:36px!important}.page-addemployee .form-field .multiselect-field{margin-bottom:0}.page-addemployee .skeleton{animation:loading 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;border:1px solid #ddd;border-radius:6px;height:38px}.page-addemployee .field-error-border{border-radius:6px!important;box-sizing:border-box!important}.page-addemployee .field-error-border,.page-addemployee .select-error .select__control{border-color:#d32f2f!important;border-width:2px!important}.page-addemployee .select-error .select__control:hover{border-color:#d32f2f!important}.page-addemployee .required{color:#d32f2f;margin-left:2px}.page-addemployee .label-left{color:#333;display:block;font-weight:500;margin-bottom:6px;text-align:left;width:100%}.page-addemployee .field-error{color:#d32f2f;display:block;font-size:12px;margin-top:4px}.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{padding-bottom:8px;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:40%;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}}.page-edit-employee .multiselect-field{font-family:Arial,sans-serif!important;font-size:14px;width:100%}.page-edit-employee .multiselect-field .select__control{background-color:#fff!important;border:1px solid #000!important;border-radius:6px!important;color:#1a1a1a!important;font-family:Arial,sans-serif!important;font-size:14px!important;transition:all .2s ease!important}.page-edit-employee .multiselect-field .select__control:hover{background-color:#f0f0f0!important;border-color:#999!important}.page-edit-employee .multiselect-field .select__control--is-focused{background-color:#fff!important;border-color:#006ce4!important;box-shadow:0 0 0 2px #006ce426!important;outline:none!important}.page-edit-employee .multiselect-field .select__placeholder{color:#999!important;font-family:Arial,sans-serif!important;font-size:14px!important}.page-edit-employee .multiselect-field .select__input-container,.page-edit-employee .multiselect-field .select__single-value{color:#1a1a1a!important;font-family:Arial,sans-serif!important;font-size:14px!important}.page-edit-employee .multiselect-field .select__menu{font-family:Arial,sans-serif!important;font-size:14px!important;z-index:9999!important}.page-edit-employee .multiselect-field .select__option{background-color:#fff!important;color:#1a1a1a!important;font-family:Arial,sans-serif!important;font-size:14px!important}.page-edit-employee .multiselect-field .select__option--is-focused{background-color:#f0f0f0!important}.page-edit-employee .multiselect-field .select__option--is-selected{background-color:#e6f2ff!important;color:#006ce4!important}.page-edit-employee .multiselect-field .select__control{height:38px!important;min-height:38px!important}.page-edit-employee .multiselect-field .select__value-container{height:36px!important;padding:2px 8px!important}.page-edit-employee .multiselect-field .select__indicators{height:36px!important}.page-edit-employee .form-field .multiselect-field{margin-bottom:0}.page-edit-employee .skeleton{animation:loading 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;border:1px solid #ddd;border-radius:6px;height:38px}.page-edit-employee .select-wrapper{margin:0!important;padding:0!important;position:relative;width:100%}.page-edit-employee .field-error-border .select__control{border:2px solid #e86868!important}.page-edit-employee .field-error-border{border-radius:6px;overflow:visible}.page-edit-employee .form-field{position:relative;width:100%}.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{font-size:13px;margin-top:2px}.addmedical-page .required{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 input.field-error-border,.addmedical-page select.field-error-border,.addmedical-page textarea.field-error-border{border:2px solid}.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:35%;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;padding-bottom:8px;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}}.addmedical-page .multiselect-field{font-family:Arial,sans-serif!important;font-size:14px;width:100%}.addmedical-page .multiselect-field .select__control{background-color:#fff!important;border:1px solid #000!important;border-radius:6px!important;color:#1a1a1a!important;font-family:Arial,sans-serif!important;font-size:14px!important;transition:all .2s ease!important}.addmedical-page .multiselect-field .select__control:hover{background-color:#f0f0f0!important;border-color:#999!important}.addmedical-page .multiselect-field .select__control--is-focused{background-color:#fff!important;border-color:#006ce4!important;box-shadow:0 0 0 2px #006ce426!important;outline:none!important}.addmedical-page .multiselect-field .select__placeholder{color:#999!important;font-family:Arial,sans-serif!important;font-size:14px!important}.addmedical-page .multiselect-field .select__input-container,.addmedical-page .multiselect-field .select__single-value{color:#1a1a1a!important;font-family:Arial,sans-serif!important;font-size:14px!important}.addmedical-page .multiselect-field .select__menu{font-family:Arial,sans-serif!important;font-size:14px!important;z-index:9999!important}.addmedical-page .multiselect-field .select__option{background-color:#fff!important;color:#1a1a1a!important;font-family:Arial,sans-serif!important;font-size:14px!important}.addmedical-page .multiselect-field .select__option--is-focused{background-color:#f0f0f0!important}.addmedical-page .multiselect-field .select__option--is-selected{background-color:#e6f2ff!important;color:#006ce4!important}.addmedical-page .multiselect-field .select__control{height:38px!important;min-height:38px!important}.addmedical-page .multiselect-field .select__value-container{height:36px!important;padding:2px 8px!important}.addmedical-page .multiselect-field .select__indicators{height:36px!important}.addmedical-page .form-field .multiselect-field{margin-bottom:0}.addmedical-page .skeleton{animation:loading 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;border:1px solid #ddd;border-radius:6px;height:38px}.addmedical-page .select-wrapper{border-radius:4px;transition:border-color .2s;width:100%}.addmedical-page .select-wrapper.field-error-border{border:2px solid #d32f2f!important;border-radius:4px;padding:1px}.addmedical-page .select-wrapper .multiselect-field{width:100%}.addmedical-page .select-wrapper.field-error-border .select__control{border:none!important;box-shadow:none!important}.addmedical-page .field-error{color:#d32f2f;display:block;font-family:Arial,sans-serif;font-size:12px;margin-top:4px}.addmedical-page .field-error-border{border-color:#d32f2f!important}.addmedical-page .medical-form{position:relative}.addmedical-page .medical-form input:invalid,.addmedical-page .medical-form select:invalid{box-shadow:none}.addmedical-page .medical-form input:required:invalid,.addmedical-page .medical-form select:required:invalid{box-shadow:none}.addmedical-page .required{color:#d32f2f}.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{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{padding-bottom:7px;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:40%;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-addssm .multiselect-field{font-family:Arial,sans-serif!important;font-size:14px;width:100%}.page-addssm .multiselect-field .select__control{background-color:#fff!important;border:1px solid #000!important;border-radius:6px!important;color:#1a1a1a!important;font-family:Arial,sans-serif!important;font-size:14px!important;transition:all .2s ease!important}.page-addssm .multiselect-field .select__control:hover{background-color:#f0f0f0!important;border-color:#999!important}.page-addssm .multiselect-field .select__control--is-focused{background-color:#fff!important;border-color:#006ce4!important;box-shadow:0 0 0 2px #006ce426!important;outline:none!important}.page-addssm .multiselect-field .select__placeholder{color:#999!important;font-family:Arial,sans-serif!important;font-size:14px!important}.page-addssm .multiselect-field .select__input-container,.page-addssm .multiselect-field .select__single-value{color:#1a1a1a!important;font-family:Arial,sans-serif!important;font-size:14px!important}.page-addssm .multiselect-field .select__menu{font-family:Arial,sans-serif!important;font-size:14px!important;z-index:9999!important}.page-addssm .multiselect-field .select__option{background-color:#fff!important;color:#1a1a1a!important;font-family:Arial,sans-serif!important;font-size:14px!important}.page-addssm .multiselect-field .select__option--is-focused{background-color:#f0f0f0!important}.page-addssm .multiselect-field .select__option--is-selected{background-color:#e6f2ff!important;color:#006ce4!important}.page-addssm .multiselect-field .select__control{height:38px!important;min-height:38px!important}.page-addssm .multiselect-field .select__value-container{height:36px!important;padding:2px 8px!important}.page-addssm .multiselect-field .select__indicators{height:36px!important}.page-addssm .form-field .multiselect-field{margin-bottom:0}.page-addssm .skeleton{animation:loading 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;border:1px solid #ddd;border-radius:6px;height:38px}.page-addssm .field-error{color:#d32f2f;display:block;font-size:12px;margin-top:4px}.page-addssm .error-left{text-align:left;width:100%}.page-addssm .select-error .select__control,.page-addssm .select-error .select__control:hover{border:2px solid #d32f2f!important}.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}@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{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:35%;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;padding-bottom:8px;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}}.editmedical-page .multiselect-field{font-family:Arial,sans-serif!important;font-size:14px;width:100%}.editmedical-page .multiselect-field .select__control{background-color:#fff!important;border:1px solid #000!important;border-radius:6px!important;color:#1a1a1a!important;font-family:Arial,sans-serif!important;font-size:14px!important;transition:all .2s ease!important}.editmedical-page .multiselect-field .select__control:hover{background-color:#f0f0f0!important;border-color:#999!important}.editmedical-page .multiselect-field .select__control--is-focused{background-color:#fff!important;border-color:#006ce4!important;box-shadow:0 0 0 2px #006ce426!important;outline:none!important}.editmedical-page .multiselect-field .select__placeholder{color:#999!important;font-family:Arial,sans-serif!important;font-size:14px!important}.editmedical-page .multiselect-field .select__input-container,.editmedical-page .multiselect-field .select__single-value{color:#1a1a1a!important;font-family:Arial,sans-serif!important;font-size:14px!important}.editmedical-page .multiselect-field .select__menu{font-family:Arial,sans-serif!important;font-size:14px!important;z-index:9999!important}.editmedical-page .multiselect-field .select__option{background-color:#fff!important;color:#1a1a1a!important;font-family:Arial,sans-serif!important;font-size:14px!important}.editmedical-page .multiselect-field .select__option--is-focused{background-color:#f0f0f0!important}.editmedical-page .multiselect-field .select__option--is-selected{background-color:#e6f2ff!important;color:#006ce4!important}.editmedical-page .multiselect-field .select__control{height:38px!important;min-height:38px!important}.editmedical-page .multiselect-field .select__value-container{height:36px!important;padding:2px 8px!important}.editmedical-page .multiselect-field .select__indicators{height:36px!important}.editmedical-page .form-field .multiselect-field{margin-bottom:0}.editmedical-page .skeleton{animation:loading 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;border:1px solid #ddd;border-radius:6px;height:38px}.editmedical-page .select-wrapper{border-radius:4px;transition:border-color .2s;width:100%}.editmedical-page .select-wrapper.field-error-border{border:2px solid #e86868!important;border-radius:4px;padding:1px}.editmedical-page .select-wrapper .multiselect-field{width:100%}.editmedical-page .select-wrapper.field-error-border .select__control{border:none!important;box-shadow:none!important}.editmedical-page .field-error{color:#d32f2f;display:block;font-family:Arial,sans-serif;font-size:12px;margin-top:4px}.editmedical-page .field-error-border{border-color:#d32f2f!important}.editmedical-page .medical-form{position:relative}.editmedical-page .medical-form input:invalid,.editmedical-page .medical-form select:invalid{box-shadow:none}.editmedical-page .medical-form input:required:invalid,.editmedical-page .medical-form select:required:invalid{box-shadow:none}.editmedical-page .required{color:#d32f2f}.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{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{padding-bottom:7px;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:40%;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-editssm .multiselect-field{font-family:Arial,sans-serif!important;font-size:14px;width:100%}.page-editssm .multiselect-field .select__control{background-color:#fff!important;border:1px solid #000!important;border-radius:6px!important;color:#1a1a1a!important;font-family:Arial,sans-serif!important;font-size:14px!important;transition:all .2s ease!important}.page-editssm .multiselect-field .select__control:hover{background-color:#f0f0f0!important;border-color:#999!important}.page-editssm .multiselect-field .select__control--is-focused{background-color:#fff!important;border-color:#006ce4!important;box-shadow:0 0 0 2px #006ce426!important;outline:none!important}.page-editssm .multiselect-field .select__placeholder{color:#999!important;font-family:Arial,sans-serif!important;font-size:14px!important}.page-editssm .multiselect-field .select__input-container,.page-editssm .multiselect-field .select__single-value{color:#1a1a1a!important;font-family:Arial,sans-serif!important;font-size:14px!important}.page-editssm .multiselect-field .select__menu{font-family:Arial,sans-serif!important;font-size:14px!important;z-index:9999!important}.page-editssm .multiselect-field .select__option{background-color:#fff!important;color:#1a1a1a!important;font-family:Arial,sans-serif!important;font-size:14px!important}.page-editssm .multiselect-field .select__option--is-focused{background-color:#f0f0f0!important}.page-editssm .multiselect-field .select__option--is-selected{background-color:#e6f2ff!important;color:#006ce4!important}.page-editssm .multiselect-field .select__control{height:38px!important;min-height:38px!important}.page-editssm .multiselect-field .select__value-container{height:36px!important;padding:2px 8px!important}.page-editssm .multiselect-field .select__indicators{height:36px!important}.page-editssm .form-field .multiselect-field{margin-bottom:0}.page-editssm .skeleton{animation:loading 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;border:1px solid #ddd;border-radius:6px;height:38px}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.page-editssm .field-error{color:#d32f2f;display:block;font-size:12px;margin-top:4px}.page-editssm .error-left{text-align:left;width:100%}.page-editssm .select-error .select__control{border:2px solid #d32f2f!important}.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}.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;min-height:100vh;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;height:auto}.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:#fff;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:#fff;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 .calendar-icon-inside{top:50%}.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:#fff;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:37px!important;line-height:1.5;padding:6px 38px 6px 10px;width:100%}.addautovehicles-page .calendar-icon-inside{height:20px;right:12px;top:45%;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;transform:translateY(-50%)}.addautovehicles-page .calendar-icon-inside svg{height:15px;left:10px;top:60%;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}.addautovehicles-page .contract-form-section{background:#f9f9f9;border-radius:18px;box-shadow:0 2px 8px #0000000f;margin-top:30px;padding:25px;position:relative;z-index:2}.addautovehicles-page .contract-title{border-bottom:2px solid #1976d2;color:#1976d2;font-size:20px;font-weight:600;margin-bottom:25px;padding-bottom:10px}.addautovehicles-page .contract-form-grid{display:flex;flex-direction:column;gap:20px}.addautovehicles-page .contract-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr)}.addautovehicles-page .contract-form-section .field input,.addautovehicles-page .contract-form-section .field select{background:#fff;border:1px solid #dcdcdc;border-radius:8px;box-sizing:border-box;font-size:14px;padding:10px;width:100%}.addautovehicles-page .contract-form-section .field label{color:#444;display:block;font-size:13px;font-weight:750;margin-bottom:5px}@media (max-width:1037px) and (min-width:769px){.addautovehicles-page .contract-form-grid{grid-gap:20px!important;display:grid!important;gap:20px!important;grid-template-columns:1fr 1fr!important}.addautovehicles-page .contract-row{display:contents!important}.addautovehicles-page .contract-form-grid .field{min-width:0}}@media (max-width:768px){.addautovehicles-page .contract-row{grid-template-columns:1fr}.addautovehicles-page .contract-form-section{padding:20px}.addautovehicles-page .contract-form-grid{grid-gap:20px!important;display:grid!important;gap:20px!important;grid-template-columns:1fr 1fr!important}.addautovehicles-page .contract-row{display:contents!important}.addautovehicles-page .contract-form-grid .field{min-width:0}}@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 .contract-form-grid{display:flex!important;flex-direction:column!important;gap:16px!important}.addautovehicles-page .contract-row{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{padding:10px 20px}.addautovehicles-page .edit-btn:hover{background:#125da3}.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;justify-content:center;padding:8px 18px;text-align:center;transition:.2s}.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}.addautovehicles-page .react-select-container .react-select__input-container,.addautovehicles-page .react-select-container .react-select__option,.addautovehicles-page .react-select-container .react-select__placeholder,.addautovehicles-page .react-select-container .react-select__single-value{font-family:Arial,sans-serif!important;font-size:14px!important}.addautovehicles-page .react-select__input,.addautovehicles-page .react-select__single-value{font-size:14px!important}.addautovehicles-page .react-select__placeholder{color:#777!important;font-size:14px!important}.addautovehicles-page .react-select__option{font-size:14px!important}@media (min-width:1536px){.addautovehicles-page .form-sections{grid-gap:40px;align-items:stretch;display:grid;gap:40px;grid-template-columns:380px 1fr}.addautovehicles-page .right-side{display:flex;flex-direction:column;gap:40px;height:100%}.addautovehicles-page .bottom-forms{display:flex;flex:1 1;flex-direction:column;gap:30px;min-height:0}.addautovehicles-page .distribution-card,.addautovehicles-page .review-card{max-width:100%!important;width:100%!important}.addautovehicles-page .bottom-forms{display:flex;flex-direction:column;gap:30px}.addautovehicles-page .distribution-card,.addautovehicles-page .review-card{max-width:100%;width:100%}.addautovehicles-page .distribution-row,.addautovehicles-page .review-row{gap:25px;grid-template-columns:1fr .8fr .8fr}.addautovehicles-page .bottom-forms,.addautovehicles-page .right-fields,.addautovehicles-page .right-side,.addautovehicles-page .top-3-dates{max-width:100%;width:100%}.addautovehicles-page .bottom-forms{grid-gap:30px!important;display:grid!important;gap:30px!important;grid-template-columns:1fr 1fr!important;width:100%!important}.addautovehicles-page .distribution-card,.addautovehicles-page .review-card{box-sizing:border-box;max-width:100%!important;width:100%!important}}@media (max-width:768px){.addautovehicles-page .react-select__input,.addautovehicles-page .react-select__option,.addautovehicles-page .react-select__placeholder,.addautovehicles-page .react-select__single-value{font-size:14px!important}.addautovehicles-page .react-select__control{min-height:38px!important}}@media (max-width:458px){.addautovehicles-page .react-select__input,.addautovehicles-page .react-select__option,.addautovehicles-page .react-select__placeholder,.addautovehicles-page .react-select__single-value{font-size:14px!important}}@media (max-width:577px){.addautovehicles-page .edit-btn{justify-content:center;padding:10px;width:100%}.addautovehicles-page .edit-btn svg{margin-right:4px}}@media (max-width:488px){.addautovehicles-page .tab-buttons-autovehicles{flex-direction:column;gap:8px;margin-bottom:20px}.addautovehicles-page .tab-btn{border-radius:12px;padding:10px 0;text-align:center;width:100%}.addautovehicles-page .tab-btn.active{background:#fff!important;border:2px solid #1976d2!important;color:#1976d2!important;font-weight:600}}@media (max-width:400px){.addautovehicles-page .edit-btn{font-size:13px;padding:8px 12px}.addautovehicles-page .tab-btn{font-size:13px}}@media (min-width:459px) and (max-width:1535px){.addautovehicles-page .form-card .field.vin-full{grid-column:1/-1!important}}@media (min-width:459px) and (max-width:1037px){.addautovehicles-page .contract-form-grid{grid-gap:20px!important;display:grid!important;gap:20px!important;grid-template-columns:1fr 1fr!important}.addautovehicles-page .contract-row-full{grid-column:1/-1!important}.addautovehicles-page .contract-row-full .field.full-width{width:100%!important}}.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}.add-invoice-procurement-page .add-ext-resource-invoice-page{font-size:14px;line-height:1.5;margin-left:10px;margin-right:10px}.add-invoice-procurement-page .add-container{background-color:initial;border-radius:0;box-shadow:none;max-width:600px;padding-bottom:10px;width:100%}.add-invoice-procurement-page .react-select__control{box-shadow:none!important;font-size:14px}.add-invoice-procurement-page .react-select__placeholder,.add-invoice-procurement-page .react-select__single-value{font-size:14px}.add-invoice-procurement-page .react-select__control,.add-invoice-procurement-page .react-select__single-value,.add-invoice-procurement-page input[type=date],.add-invoice-procurement-page input[type=number],.add-invoice-procurement-page input[type=text],.add-invoice-procurement-page textarea{font-family:Arial,sans-serif;font-size:14px}.add-invoice-procurement-page .add-container .header{align-items:center;display:flex;gap:10px;justify-content:start;margin-bottom:10px}.add-invoice-procurement-page .back-arrow{color:#333;cursor:pointer;font-size:20px;margin-top:20px;transition:color .2s ease}.add-invoice-procurement-page .add-title{color:#333;font-size:24px;font-weight:700;margin-bottom:0}.add-invoice-procurement-page .radio-label-small .MuiFormControlLabel-label{font-size:12px}.add-invoice-procurement-page .title-separator{background-color:#ccc;border:none;height:1px;margin-bottom:20px;position:relative;width:100%}.add-invoice-procurement-page .add-form{display:flex;flex-direction:column;gap:8px}.add-invoice-procurement-page .form-group-row{align-items:flex-end;display:flex;gap:10px;width:100%}.add-invoice-procurement-page .form-group{display:flex;flex-direction:column;gap:8px}.add-invoice-procurement-page .label{color:#2e2e2e;font-size:14px;font-weight:520;text-align:left}.add-invoice-procurement-page .button-group,.add-invoice-procurement-page .button-group-inline{display:flex;gap:10px;justify-content:flex-end;margin-top:10px;width:100%}.add-invoice-procurement-page .button.discard{background-color:#6c757d}.add-invoice-procurement-page .button.discard,.add-invoice-procurement-page .button.save{border:none;border-radius:14px;color:#fff;cursor:pointer;font-size:12px;padding:10px 20px}.add-invoice-procurement-page .button.save{background-color:#28a745}.add-invoice-procurement-page .datepicker-container,.add-invoice-procurement-page .edit-ext-resource-invoice-page .datepicker-container{height:35px!important;position:relative;width:100%}.add-invoice-procurement-page .datepicker-hidden,.add-invoice-procurement-page .edit-ext-resource-invoice-page .datepicker-hidden{height:100%;left:50%;opacity:0;pointer-events:auto!important;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%}.add-invoice-procurement-page .react-datepicker-wrapper{height:100%;left:0;position:absolute;top:0;width:100%}.add-invoice-procurement-page .react-datepicker__input-container{height:100%;width:100%}.add-invoice-procurement-page .react-datepicker__input-container input{cursor:pointer;height:100%;opacity:0;width:100%}.add-invoice-procurement-page .calendar-icon-inside,.add-invoice-procurement-page .edit-ext-resource-invoice-page .calendar-icon-inside{color:#666;cursor:pointer;margin-top:3px;opacity:.7;pointer-events:none;position:absolute;right:10px;top:50%;transform:translateY(-50%)}.add-invoice-procurement-page .calendar-icon-inside:hover{opacity:1}.add-invoice-procurement-page .datepicker-container input[readonly],.add-invoice-procurement-page .edit-ext-resource-invoice-page .datepicker-container input[readonly]{background-color:#fff;box-sizing:border-box;cursor:pointer;width:100%}.add-invoice-procurement-page .datepicker-container .input.input-error{border-color:#d32f2f}.add-invoice-procurement-page .datepicker-container .input.input-error:focus{border-color:#d32f2f;box-shadow:0 0 0 2px #d32f2f33}@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)}}@media screen and (max-width:600px){.add-invoice-procurement-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-invoice-procurement-page ::-webkit-scrollbar{display:none}.add-invoice-procurement-page .add-container{box-sizing:border-box;margin-top:5px;max-width:100%;overflow-x:visible;padding:0 .5rem 120px}.add-invoice-procurement-page .button-group,.add-invoice-procurement-page .button-group-inline{background-color:#fff;bottom:0;padding:15px 0;position:-webkit-sticky;position:sticky;z-index:100}.add-invoice-procurement-page .react-select__menu{z-index:1000!important}.add-invoice-procurement-page .react-select__control{box-shadow:none!important;font-size:12px}.add-invoice-procurement-page .react-select__placeholder,.add-invoice-procurement-page .react-select__single-value{font-size:12px}.add-invoice-procurement-page input[type=date],.add-invoice-procurement-page input[type=number],.add-invoice-procurement-page input[type=text],.add-invoice-procurement-page textarea{font-family:Arial,sans-serif;font-size:12px}.add-invoice-procurement-page .back-arrow{margin-top:15px}.add-invoice-procurement-page .title-separator{margin-top:-110px}.add-invoice-procurement-page .form-group-row{flex-direction:column;gap:8px}.add-invoice-procurement-page .form-group-row .form-group{width:100%}.add-invoice-procurement-page .add-title{font-size:16px}}.add-invoice-procurement-page .dropzone-wrapper{margin-top:.5rem;width:100%}.add-invoice-procurement-page .dropzone{align-items:center;background-color:#fff;border:2px dashed #a7a7a7;border-radius:6px;cursor:pointer;display:flex;justify-content:center;min-height:50px;padding:5px;text-align:center;transition:background-color .3s ease}.add-invoice-procurement-page .dropzone:hover{background-color:#e3e3e3}.add-invoice-procurement-page .dropzone-content{align-items:center;color:#555;display:flex;flex-direction:column}.add-invoice-procurement-page .dropzone-content p{color:#333;font-size:1.1rem;margin:0 0 10px}.add-invoice-procurement-page .dropzone-content svg{color:#888;font-size:2.5rem}.add-invoice-procurement-page .files-preview-container{border-top:1px solid #eee;margin-top:20px;padding-top:15px}.add-invoice-procurement-page .files-preview-container h4{color:#333;font-size:.95rem;font-weight:600;margin:0 0 10px}.add-invoice-procurement-page .files-list{display:flex;flex-direction:column;gap:8px;max-height:200px;overflow-y:auto;padding-right:5px}.add-invoice-procurement-page .files-list::-webkit-scrollbar{width:6px}.add-invoice-procurement-page .files-list::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.add-invoice-procurement-page .files-list::-webkit-scrollbar-thumb{background:#888;border-radius:10px}.add-invoice-procurement-page .files-list::-webkit-scrollbar-thumb:hover{background:#555}.add-invoice-procurement-page .file-preview-item{align-items:center;background-color:#f5f5f5;border-left:3px solid #2e7d32;border-radius:4px;display:flex;justify-content:space-between;padding:8px 12px;transition:background-color .2s}.add-invoice-procurement-page .file-preview-item:hover{background-color:#e8e8e8}.add-invoice-procurement-page .file-info{align-items:center;display:flex;flex:1 1;gap:10px;min-width:0}.add-invoice-procurement-page .file-name{color:#333;font-size:.9rem;max-width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.add-invoice-procurement-page .file-size{color:#666;font-size:.8rem;font-style:italic}.add-invoice-procurement-page .remove-file-button{align-items:center;background:none;border:none;border-radius:4px;color:#d32f2f;cursor:pointer;display:flex;justify-content:center;padding:4px;transition:background-color .2s,color .2s}.add-invoice-procurement-page .remove-file-button:hover{background-color:#d32f2f1a;color:#a30000}.add-invoice-procurement-page .file-hint{color:#666;font-size:.85rem;font-style:italic;font-weight:350;margin-top:8px}.add-invoice-procurement-page .file-name.clickable{cursor:pointer;text-decoration:none;transition:color .2s,-webkit-text-decoration .2s;transition:color .2s,text-decoration .2s;transition:color .2s,text-decoration .2s,-webkit-text-decoration .2s}.add-invoice-procurement-page .file-name.clickable:hover{color:#1976d2;text-decoration:underline}.add-invoice-procurement-page .error-notification{animation:slideIn .3s ease-out;background-color:#f44336;border-radius:4px;box-shadow:0 2px 5px #0003;color:#fff;padding:15px 20px;position:fixed;right:20px;top:20px;z-index:9999}@media (max-width:768px){.add-invoice-procurement-page .file-name{max-width:150px}}@media (max-width:480px){.add-invoice-procurement-page .dropzone-content p{font-size:.9rem}.add-invoice-procurement-page .file-info{flex-wrap:wrap;gap:5px}.add-invoice-procurement-page .file-name{max-width:100%;white-space:normal;word-break:break-all}}.edit-invoice-procurement-page{font-size:14px;line-height:1.5;margin-left:10px;margin-right:10px}.edit-invoice-procurement-page .edit-container{background-color:initial;border-radius:0;box-shadow:none;max-width:600px;padding-bottom:10px;width:100%}.edit-invoice-procurement-page .react-select__control{box-shadow:none!important;font-size:14px}.edit-invoice-procurement-page .react-select__placeholder,.edit-invoice-procurement-page .react-select__single-value{font-size:14px}.edit-invoice-procurement-page .react-select__control,.edit-invoice-procurement-page .react-select__single-value,.edit-invoice-procurement-page input[type=date],.edit-invoice-procurement-page input[type=number],.edit-invoice-procurement-page input[type=text],.edit-invoice-procurement-page textarea{font-family:Arial,sans-serif;font-size:14px}.edit-invoice-procurement-page .edit-container .header{align-items:center;display:flex;gap:10px;justify-content:start;margin-bottom:10px}.edit-invoice-procurement-page .back-arrow{color:#333;cursor:pointer;font-size:20px;margin-top:20px;transition:color .2s ease}.edit-invoice-procurement-page .edit-title{color:#333;font-size:24px;font-weight:700;margin-bottom:0}.edit-invoice-procurement-page .radio-label-small .MuiFormControlLabel-label{font-size:12px}.edit-invoice-procurement-page .title-separator{background-color:#ccc;border:none;height:1px;margin-bottom:20px;position:relative;width:100%}.edit-invoice-procurement-page .edit-form{display:flex;flex-direction:column;gap:8px}.edit-invoice-procurement-page .form-group-row{align-items:flex-end;display:flex;gap:10px;width:100%}.edit-invoice-procurement-page .form-group{display:flex;flex-direction:column;gap:8px}.edit-invoice-procurement-page .label{color:#2e2e2e;font-size:14px;font-weight:520;text-align:left}.edit-invoice-procurement-page .button-group,.edit-invoice-procurement-page .button-group-inline{display:flex;gap:10px;justify-content:flex-end;margin-top:10px;width:100%}.edit-invoice-procurement-page .button.discard{background-color:#6c757d;border:none;border-radius:14px;color:#fff;cursor:pointer;font-size:12px;padding:10px 20px}.edit-invoice-procurement-page .button.save{background-color:#28a745;border:none;border-radius:14px;color:#fff;cursor:pointer;font-size:12px;padding:10px 20px}.edit-invoice-procurement-page .datepicker-container{height:35px!important;position:relative;width:100%}.edit-invoice-procurement-page .datepicker-hidden{height:100%;left:50%;opacity:0;pointer-events:auto!important;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%}.edit-invoice-procurement-page .react-datepicker-wrapper{height:100%;left:0;position:absolute;top:0;width:100%}.edit-invoice-procurement-page .react-datepicker__input-container{height:100%;width:100%}.edit-invoice-procurement-page .react-datepicker__input-container input{cursor:pointer;height:100%;opacity:0;width:100%}.edit-invoice-procurement-page .calendar-icon-inside{color:#666;cursor:pointer;margin-top:3px;opacity:.7;pointer-events:none;position:absolute;right:10px;top:50%;transform:translateY(-50%)}.edit-invoice-procurement-page .calendar-icon-inside:hover{opacity:1}.edit-invoice-procurement-page .datepicker-container input[readonly]{background-color:#fff;box-sizing:border-box;cursor:pointer;width:100%}.edit-invoice-procurement-page .datepicker-container .input.input-error{border-color:#d32f2f}.edit-invoice-procurement-page .datepicker-container .input.input-error:focus{border-color:#d32f2f;box-shadow:0 0 0 2px #d32f2f33}@media screen and (max-width:600px){.edit-invoice-procurement-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-invoice-procurement-page ::-webkit-scrollbar{display:none}.edit-invoice-procurement-page .edit-container{box-sizing:border-box;margin-top:5px;max-width:100%;overflow-x:visible;padding:0 .5rem 120px}.edit-invoice-procurement-page .button-group,.edit-invoice-procurement-page .button-group-inline{background-color:#fff;bottom:0;padding:15px 0;position:-webkit-sticky;position:sticky;z-index:100}.edit-invoice-procurement-page .react-select__menu{z-index:1000!important}.edit-invoice-procurement-page .react-select__control{box-shadow:none!important;font-size:12px}.edit-invoice-procurement-page .react-select__placeholder,.edit-invoice-procurement-page .react-select__single-value{font-size:12px}.edit-invoice-procurement-page .react-select__control,.edit-invoice-procurement-page .react-select__single-value,.edit-invoice-procurement-page input[type=date],.edit-invoice-procurement-page input[type=number],.edit-invoice-procurement-page input[type=text],.edit-invoice-procurement-page textarea{font-family:Arial,sans-serif;font-size:12px}.edit-invoice-procurement-page .back-arrow{margin-top:15px}.edit-invoice-procurement-page .title-separator{margin-top:-110px}.edit-invoice-procurement-page .form-group-row{flex-direction:column;gap:8px}.edit-invoice-procurement-page .form-group-row .form-group{width:100%}.edit-invoice-procurement-page .edit-title{font-size:16px}}.edit-invoice-procurement-page .dropzone-wrapper{margin-top:.5rem;width:100%}.edit-invoice-procurement-page .dropzone{align-items:center;background-color:#fff;border:2px dashed #a7a7a7;border-radius:6px;cursor:pointer;display:flex;justify-content:center;min-height:50px;padding:5px;text-align:center;transition:background-color .3s ease}.edit-invoice-procurement-page .dropzone:hover{background-color:#e3e3e3}.edit-invoice-procurement-page .dropzone-content{align-items:center;color:#555;display:flex;flex-direction:column}.edit-invoice-procurement-page .dropzone-content p{color:#333;font-size:1.1rem;margin:0 0 10px}.edit-invoice-procurement-page .dropzone-content svg{color:#888;font-size:2.5rem}.edit-invoice-procurement-page .files-preview-container{border-top:1px solid #eee;margin-top:20px;padding-top:15px}.edit-invoice-procurement-page .files-preview-container h4{color:#333;font-size:.95rem;font-weight:600;margin:0 0 10px}.edit-invoice-procurement-page .files-list{display:flex;flex-direction:column;gap:8px;max-height:200px;overflow-y:auto;padding-right:5px}.edit-invoice-procurement-page .files-list::-webkit-scrollbar{width:6px}.edit-invoice-procurement-page .files-list::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.edit-invoice-procurement-page .files-list::-webkit-scrollbar-thumb{background:#888;border-radius:10px}.edit-invoice-procurement-page .files-list::-webkit-scrollbar-thumb:hover{background:#555}.edit-invoice-procurement-page .file-preview-item{align-items:center;background-color:#f5f5f5;border-left:3px solid #2e7d32;border-radius:4px;display:flex;justify-content:space-between;padding:8px 12px;transition:background-color .2s}.edit-invoice-procurement-page .file-preview-item:hover{background-color:#e8e8e8}.edit-invoice-procurement-page .file-info{align-items:center;display:flex;flex:1 1;gap:10px;min-width:0}.edit-invoice-procurement-page .file-name{color:#333;font-size:.9rem;max-width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.edit-invoice-procurement-page .file-size{color:#666;font-size:.8rem;font-style:italic}.edit-invoice-procurement-page .remove-file-button{align-items:center;background:none;border:none;border-radius:4px;color:#d32f2f;cursor:pointer;display:flex;justify-content:center;padding:4px;transition:background-color .2s,color .2s}.edit-invoice-procurement-page .remove-file-button:hover{background-color:#d32f2f1a;color:#a30000}.edit-invoice-procurement-page .file-hint{color:#666;font-size:.85rem;font-style:italic;font-weight:350;margin-top:8px}.edit-invoice-procurement-page .file-name.clickable{cursor:pointer;text-decoration:none;transition:color .2s,-webkit-text-decoration .2s;transition:color .2s,text-decoration .2s;transition:color .2s,text-decoration .2s,-webkit-text-decoration .2s}.edit-invoice-procurement-page .file-name.clickable:hover{color:#1976d2;text-decoration:underline}.edit-invoice-procurement-page .error-notification{animation:slideIn .3s ease-out;background-color:#f44336;border-radius:4px;box-shadow:0 2px 5px #0003;color:#fff;padding:15px 20px;position:fixed;right:20px;top:20px;z-index:9999}@keyframes slideIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@media (max-width:768px){.edit-invoice-procurement-page .file-name{max-width:150px}}@media (max-width:480px){.edit-invoice-procurement-page .dropzone-content p{font-size:.9rem}.edit-invoice-procurement-page .file-info{flex-wrap:wrap;gap:5px}.edit-invoice-procurement-page .file-name{max-width:100%;white-space:normal;word-break:break-all}}.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:4px;margin-bottom: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}.add-payment-container .datepicker-container,.add-payment-container .edit-ext-resource-invoice-page .datepicker-container{position:relative;width:100%}.add-payment-container .datepicker-hidden,.add-payment-container .edit-ext-resource-invoice-page .datepicker-hidden{height:100%;left:50%;opacity:0;pointer-events:auto!important;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%}.add-payment-container .react-datepicker-wrapper{height:100%;left:0;position:absolute;top:0;width:100%}.add-payment-container .react-datepicker__input-container{height:100%;width:100%}.add-payment-container .react-datepicker__input-container input{cursor:pointer;height:100%;opacity:0;width:100%}.add-payment-container .calendar-icon-inside,.add-payment-container .edit-ext-resource-invoice-page .calendar-icon-inside{color:#666;cursor:pointer;margin-top:3px;opacity:.7;pointer-events:none;position:absolute;right:10px;top:50%;transform:translateY(-50%)}.add-payment-container .calendar-icon-inside:hover{opacity:1}.add-payment-container .datepicker-container input[readonly],.add-payment-container .edit-ext-resource-invoice-page .datepicker-container input[readonly]{background-color:#fff;box-sizing:border-box;cursor:pointer;width:100%}.add-payment-container .datepicker-container .input.input-error{border-color:#d32f2f}.add-payment-container .datepicker-container .input.input-error:focus{border-color:#d32f2f;box-shadow:0 0 0 2px #d32f2f33}@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}}.invoice-procurement-page .table-container{height:auto;overflow-x:auto;width:100%}.invoice-procurement-page .price-header-container{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}#supplier-resource-table{min-width:1200px}.invoice-procurement-page .MuiButtonBase{height:auto}.invoice-procurement-page .MuiDataGrid-root{background-color:#f8f9fa;border:1px solid #ddd;border-radius:8px;overflow-x:auto;width:100%}.invoice-procurement-page .MuiDataGrid-columnHeaders{background-color:#d6d6d6;border-bottom:2px solid #b0b0b0;color:#424242;font-size:16px;font-weight:700}.invoice-procurement-page .MuiDataGrid-cell{color:#333;font-size:14px}.invoice-procurement-page .MuiDataGrid-row:hover{background-color:initial}.invoice-procurement-page .MuiDataGrid-footerContainer{background-color:#f1f1f1}.invoice-procurement-page .buton-edit{background-color:#f8f9fa;border:none;margin-top:10px}.invoice-procurement-page .MuiDataGrid-cell--textLeft{color:#000}.invoice-procurement-page .MuiDataGrid-columnHeaderTitle{color:#000!important;font-weight:700!important}.invoice-procurement-page .header-page{align-items:center;display:flex;justify-content:space-between}.invoice-procurement-page .title{font-size:1.5rem;margin-top:20px}.invoice-procurement-page .add-button-container{display:flex;height:auto;justify-content:flex-end;margin-bottom:1px;margin-top:-55px}.invoice-procurement-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){.invoice-procurement-page .title{font-size:1.2rem;margin-top:10px}.invoice-procurement-page .add-button-container{margin-top:10px}.invoice-procurement-page .MuiDataGrid-columnHeaders{font-size:14px}.invoice-procurement-page .MuiDataGrid-cell{font-size:12px}.invoice-procurement-page .MuiDataGrid-root{height:auto;width:100%}.invoice-procurement-page .price-header-container{flex-direction:column}}.exp-reports .expenses-reports{padding:16px}.exp-reports .expense-container{padding:0}.exp-reports .filters-paper{background-color:#f8f9fa;border-radius:8px;margin-bottom:20px;padding:16px}.exp-reports .month-select,.exp-reports .year-select{height:40px;min-width:120px}.exp-reports .month-select .exp-reports .MuiSelect-select,.exp-reports .year-select .exp-reports .MuiSelect-select{height:40px;line-height:1.2;min-height:auto;padding-bottom:10px;padding-top:10px}.exp-reports .expense-type-form-control{height:40px;width:250px}.exp-reports .expense-type-form-control .MuiInputBase-root{height:40px;min-height:auto}.exp-reports .expense-type-label{font-size:.875rem;line-height:1.2}.exp-reports .expense-type-label .Mui-focused,.exp-reports .expense-type-label.MuiFormLabel-filled{transform:translate(14px,-9px) scale(.75)}.exp-reports .expense-type-select{font-size:.875rem}.exp-reports .expense-type-select .MuiSelect-select{line-height:1.2;min-height:auto!important;padding-bottom:10px;padding-top:10px}.exp-reports .expense-type-menu-paper{height:400px;width:auto}.exp-reports .expense-type-menu-item{font-size:.875rem;min-height:32px;padding:4px 16px}.exp-reports .expense-type-menu-item.all-option{border-bottom:1px solid #e0e0e0;margin-bottom:2px}.exp-reports .expense-type-menu-item.loading-item{color:#666;justify-content:center}.exp-reports .expense-type-checkbox{padding:4px}.exp-reports .expense-type-checkbox .MuiSvgIcon-root{font-size:1rem}.exp-reports .expense-type-item-text .MuiTypography-root{font-size:.875rem;line-height:1.2;margin:0}.exp-reports .loading-spinner{color:#666;margin-right:8px}.exp-reports .selected-types-container{display:flex;flex-wrap:wrap;gap:4px;margin-top:8px}.exp-reports .selected-type-chip{font-size:.75rem;height:24px}.exp-reports .selected-type-chip .MuiChip-label{padding:0 8px}.exp-reports .selected-type-chip .MuiChip-deleteIcon{font-size:.875rem}.exp-reports .generate-button{height:40px;min-width:140px}.exp-reports .save-button{background-color:#28a745;height:40px;min-width:100px}.exp-reports .save-menu .MuiPaper-root{min-width:160px}.exp-reports .save-menu-item{font-size:.875rem;min-height:36px}.exp-reports .save-menu-item .MuiListItemIcon-root{min-width:36px}.exp-reports .error-alert,.exp-reports .info-alert{margin-bottom:20px}.exp-reports .report-table-container{-webkit-overflow-scrolling:touch;border-radius:8px;margin-bottom:20px;overflow-x:auto}.exp-reports .report-table{min-width:600px}.exp-reports .table-header{background-color:#f5f5f5}.exp-reports .table-header-cell{background-color:#e9ecef;border-bottom:2px solid #dee2e6;color:#333;font-size:.875rem;font-weight:700;padding:12px 8px}.exp-reports .table-row:hover{background-color:#f8f9fa}.exp-reports .table-cell{border-bottom:1px solid #e0e0e0;font-size:.875rem;padding:10px 8px}.exp-reports .difference-cell{font-weight:700}.exp-reports .positive-difference{color:#28a745}.exp-reports .negative-difference{color:#dc3545}.exp-reports .report-footer{background-color:#f8f9fa;border-radius:4px;border-top:1px solid #dee2e6;margin-top:20px;padding:12px;text-align:center}.exp-reports .footer-text{color:#6c757d;font-size:.75rem}.proj-report .table-header-cell{width:25%}.proj-report .project-report{padding:16px}.proj-report .project-container{padding:0}.proj-report .filters-paper{background-color:#f8f9fa;border-radius:8px;margin-bottom:20px;padding:16px}.proj-report .month-select,.proj-report .year-select{height:40px;min-width:120px}.proj-report .month-select .proj-report .MuiSelect-select,.proj-report .year-select .proj-report .MuiSelect-select{height:40px;line-height:1.2;min-height:auto;padding-bottom:10px;padding-top:10px}.proj-report .generate-button{height:40px;min-width:140px}.proj-report .save-button{background-color:#28a745;height:40px;min-width:100px}.proj-report .report-footer{background-color:#f8f9fa;border-radius:4px;border-top:1px solid #dee2e6;margin-top:20px;padding:12px;text-align:center}.proj-report .footer-text{color:#6c757d;font-size:.75rem}.proj-report .error-alert,.proj-report .info-alert{margin-bottom:20px}.proj-report .report-table{min-width:600px}.proj-report .table-header{background-color:#f5f5f5}.proj-report .table-header-cell{background-color:#e9ecef;border-bottom:2px solid #dee2e6;color:#333;font-size:.875rem;font-weight:700;padding:12px 8px;width:15%}.proj-report .table-row:hover{background-color:#f8f9fa}.proj-report .table-cell{border-bottom:1px solid #e0e0e0;font-size:.875rem;padding:10px 8px}.proj-report .report-table-container{-webkit-overflow-scrolling:touch;border-radius:8px;margin-bottom:20px;overflow-x:auto}.rep-exp-costs .exp-costs{box-sizing:border-box;padding:16px;width:100%}.rep-exp-costs .exp-cost-container{padding:0}.rep-exp-costs .filters-paper{background-color:#f8f9fa;border-radius:8px;margin-bottom:20px;padding:16px}.rep-exp-costs .generate-button{height:40px;min-width:140px}.rep-exp-costs .save-button{background-color:#28a745;color:#fff;height:40px;min-width:100px}.rep-exp-costs .report-footer{background-color:#f8f9fa;border-radius:4px;border-top:1px solid #dee2e6;margin-top:20px;padding:12px;text-align:center}.rep-exp-costs .footer-text{color:#6c757d;font-size:.75rem}.rep-exp-costs .error-alert,.rep-exp-costs .info-alert{margin-top:10px}.rep-exp-costs .report-table{min-width:600px}.rep-exp-costs .table-header{background-color:#f5f5f5}.rep-exp-costs .table-header-cell{background-color:#e9ecef;border-bottom:2px solid #dee2e6;color:#333;font-size:.875rem;font-weight:700;padding:12px 8px;width:25%}.rep-exp-costs .table-row:hover{background-color:#f8f9fa}.rep-exp-costs .table-cell{border-bottom:1px solid #e0e0e0;font-size:.875rem;padding:10px 8px}.rep-exp-costs .report-table-container{-webkit-overflow-scrolling:touch;border-radius:8px;margin-bottom:20px;overflow-x:auto}.rep-exp-costs .table-cell,.rep-exp-costs .table-header-cell{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rep-exp-costs .exp-cost-container .filters-paper .report-table-container table{table-layout:fixed;width:100%}.rep-exp-costs .exp-exp-costs .exp-cost-container .filters-paper .report-table-container td,.rep-exp-costs .exp-exp-costs .exp-cost-container .filters-paper .report-table-container th.table-header-cell{word-wrap:break-word;overflow-wrap:break-word;padding:8px 12px;text-align:left;vertical-align:middle;width:16.66667%;width:calc(100%/var(--num-columns, 6))}.rep-exp-costs .exp-cost-container .filters-paper .report-table-container{overflow-x:auto}.rep-ext-resource .ext-res{box-sizing:border-box;padding:16px;width:100%}.rep-ext-resource .ext-res-container{padding:0}.rep-ext-resource .filters-paper{background-color:#f8f9fa;border-radius:8px;margin-bottom:20px;padding:16px}.rep-ext-resource .generate-button{height:40px;min-width:140px}.rep-ext-resource .save-button{background-color:#28a745;color:#fff;height:40px;min-width:100px}.rep-ext-resource .report-footer{background-color:#f8f9fa;border-radius:4px;border-top:1px solid #dee2e6;margin-top:20px;padding:12px;text-align:center}.rep-ext-resource .footer-text{color:#6c757d;font-size:.75rem}.rep-ext-resource .error-alert,.rep-ext-resource .info-alert{margin-top:10px}.rep-ext-resource .report-table{min-width:600px}.rep-ext-resource .table-header{background-color:#f5f5f5}.rep-ext-resource .table-header-cell{background-color:#e9ecef;border-bottom:2px solid #dee2e6;color:#333;font-size:.875rem;font-weight:700;padding:12px 8px;width:25%}.rep-ext-resource .table-row:hover{background-color:#f8f9fa}.rep-ext-resource .table-cell{border-bottom:1px solid #e0e0e0;font-size:.875rem;padding:10px 8px}.rep-ext-resource .report-table-container{-webkit-overflow-scrolling:touch;border-radius:8px;margin-bottom:20px;overflow-x:auto}.rep-ext-resource .table-cell,.rep-ext-resource .table-header-cell{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rep-ext-resource .exp-cost-container .filters-paper .report-table-container table{table-layout:fixed;width:100%}@media (max-width:1000px){.rep-ext-resource .filters-paper .MuiBox-root{align-items:stretch!important;flex-direction:column!important}.rep-ext-resource .generate-button,.rep-ext-resource .save-button{margin-top:10px!important;width:100%!important}.rep-ext-resource .MuiFormControl-root{min-width:100%!important;width:100%!important}}.rep-unfinished-prod .unfinished-prod{box-sizing:border-box;padding:16px;width:100%}.rep-unfinished-prod .unfinished-prod-container{padding:0}.rep-unfinished-prod .filters-paper{background-color:#f8f9fa;border-radius:8px;margin-bottom:20px;padding:16px}.rep-unfinished-prod .generate-button{height:40px;min-width:140px}.rep-unfinished-prod .save-button{background-color:#28a745;color:#fff;height:40px;min-width:100px}.rep-unfinished-prod .report-footer{background-color:#f8f9fa;border-radius:4px;border-top:1px solid #dee2e6;margin-top:20px;padding:12px;text-align:center}.rep-unfinished-prod .footer-text{color:#6c757d;font-size:.75rem}.rep-unfinished-prod .error-alert,.rep-unfinished-prod .info-alert{margin-top:10px}.rep-unfinished-prod .report-table{min-width:600px}.rep-unfinished-prod .table-header{background-color:#f5f5f5}.rep-unfinished-prod .table-header-cell{background-color:#e9ecef;border-bottom:2px solid #dee2e6;color:#333;font-size:.875rem;font-weight:700;padding:12px 8px;width:25%}.rep-unfinished-prod .table-row:hover{background-color:#f8f9fa}.rep-unfinished-prod .table-cell{border-bottom:1px solid #e0e0e0;font-size:.875rem;padding:10px 8px}.rep-unfinished-prod .report-table-container{-webkit-overflow-scrolling:touch;border-radius:8px;margin-bottom:20px;overflow-x:auto}.rep-unfinished-prod .table-cell,.rep-unfinished-prod .table-header-cell{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rep-unfinished-prod .filters-paper .report-table-container table{table-layout:fixed;width:100%}.add_hr_document_registry_page{margin-left:-15px;padding:2rem}.add_hr_document_registry_page .registration-card{max-width:650px}.add_hr_document_registry_page .registration-header{align-items:center;display:flex;gap:.5rem;margin-bottom:.5rem;margin-top:-2rem}.add_hr_document_registry_page .back-icon{color:#555;cursor:pointer;transition:color .2s}.add_hr_document_registry_page .back-icon:hover{color:#000}.add_hr_document_registry_page .header-divider{border:none;border-bottom:1px solid #ccc;margin-bottom:25px;margin-right:-8px;width:auto}.add_hr_document_registry_page .registration-form .form-group{font-size:.95rem;font-weight:500;margin-bottom:.6rem}.add_hr_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_hr_document_registry_page .input-error{border-color:red}.add_hr_document_registry_page .error-text{color:red;font-size:.85rem;margin-top:.25rem}.add_hr_document_registry_page .required{color:red;font-weight:600}.add_hr_document_registry_page .radio-group{display:flex;gap:1.5rem;margin-bottom:.6rem}.add_hr_document_registry_page .radio-group label{align-items:center;display:flex;gap:.5rem}.add_hr_document_registry_page .direction-label{display:block;font-size:1rem;font-weight:600;margin-bottom:9px}.add_hr_document_registry_page .form-buttons{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem}.add_hr_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_hr_document_registry_page .form-buttons button.discard{background-color:#ccc;color:#000}.add_hr_document_registry_page .form-buttons button.discard:hover{background-color:#b3b3b3}.add_hr_document_registry_page .form-buttons button.save{background-color:#2e7d32;color:#fff}.add_hr_document_registry_page .form-buttons button.save:hover{background-color:#276627}.add_hr_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_hr_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_hr_document_registry_page .my-dropzone-root:hover{background-color:#e3e3e3!important}.add_hr_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_hr_document_registry_page .my-dropzone-textContainer svg{color:#888!important;font-size:.5rem!important;margin-bottom:.3rem!important}.add_hr_document_registry_page .my-dropzone-previewList{margin-top:.5rem!important}.add_hr_document_registry_page .my-dropzone-previewChip{font-size:.7rem!important;height:10px!important;width:10px!important}.add_hr_document_registry_page .my-dropzone-previewList .MuiDropzonePreviewList-imageContainer{height:10px!important;width:10px!important}.add_hr_document_registry_page .my-dropzone-previewList .MuiDropzonePreviewList-image{height:10px!important;object-fit:cover!important;width:10px!important}.add_hr_document_registry_page .file-hint{color:#555;font-size:.85rem;font-style:italic;font-weight:350;margin-top:5px}.add_hr_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_hr_document_registry_page .dropzone:hover{background-color:#f0f0f0}.add_hr_document_registry_page .dropzone-content{align-items:center;color:#555;display:flex;flex-direction:column}.add_hr_document_registry_page .preview-container{align-items:center;display:flex;gap:12px;margin-top:15px}.add_hr_document_registry_page .file-name{color:#333;font-size:14px}.add_hr_document_registry_page .dropzone-content p{font-size:17px;margin:0}.add_hr_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_hr_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_hr_document_registry_page .remove-file-button:hover{color:#a30000}.add_hr_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_hr_document_registry_page .registration-header h2{font-size:1rem}.add_hr_document_registry_page .form-buttons{flex-direction:column;gap:1rem}.add_hr_document_registry_page .form-buttons button.discard,.add_hr_document_registry_page .form-buttons button.save{font-size:.9rem;padding:12px 0;width:100%}.add_hr_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-hr-document-registry_page{background:#fff;margin-left:-15px;overflow:hidden;padding:2rem}.edit-hr-document-registry_page .registration-card{max-width:650px}.edit-hr-document-registry_page .registration-header{align-items:center;display:flex;gap:.5rem;margin-bottom:.5rem;margin-top:-2rem}.edit-hr-document-registry_page .back-icon{color:#555;cursor:pointer;transition:color .2s}.edit-hr-document-registry_page .back-icon:hover{color:#000}.edit-hr-document-registry_page .header-divider{background-color:#ccc;border:none;height:1px;margin-bottom:20px;margin-right:-8px;position:relative;width:100%}.edit-hr-document-registry_page .edit-document-form .form-group{margin-bottom:.4rem}.edit-hr-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-hr-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-hr-document-registry_page .edit-document-form input[type=text]:disabled{background-color:#f0f0f0;color:#555;cursor:not-allowed}.edit-hr-document-registry_page .edit-document-form input[type=text]:focus{border-color:#000;outline:none}.edit-hr-document-registry_page .edit-document-form .radio-group{display:flex;gap:1.5rem;margin-bottom:.1rem}.edit-hr-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-hr-document-registry_page .edit-document-form input[type=radio]{cursor:pointer}.edit-hr-document-registry_page .edit-document-form .form-buttons{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem}.edit-hr-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-hr-document-registry_page .edit-document-form button.discard{background-color:#ccc;color:#000}.edit-hr-document-registry_page .edit-document-form button.discard:hover{background-color:#b3b3b3}.edit-hr-document-registry_page .edit-document-form button.save{background-color:#2e7d32;color:#fff}.edit-hr-document-registry_page .edit-document-form button.save:hover{background-color:#276627}.edit-hr-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-hr-document-registry_page .attach-button:hover{background-color:#cacaca}.edit-hr-document-registry_page .file-upload-group{align-items:center;display:flex;gap:.75rem}.edit-hr-document-registry_page .section-divider{border:none;border-top:1px solid #ddd;margin:1rem 0 2rem}.edit-hr-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-hr-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-hr-document-registry_page .my-dropzone-root:hover{background-color:#e3e3e3!important}.edit-hr-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-hr-document-registry_page .my-dropzone-textContainer svg{color:#888!important;font-size:.5rem!important;margin-bottom:.3rem!important}.edit-hr-document-registry_page .my-dropzone-previewList{margin-top:.5rem!important}.edit-hr-document-registry_page .my-dropzone-previewChip{font-size:.7rem!important;height:10px!important;width:10px!important}.edit-hr-document-registry_page .my-dropzone-previewList .MuiDropzonePreviewList-imageContainer{height:10px!important;width:10px!important}.edit-hr-document-registry_page .my-dropzone-previewList .MuiDropzonePreviewList-image{height:10px!important;object-fit:cover!important;width:10px!important}.edit-hr-document-registry_page .file-hint{color:#555;font-size:.85rem;font-style:italic;font-weight:350;margin-top:5px}.edit-hr-document-registry_page .existing-file-preview{font-size:14px}.edit-hr-document-registry_page .file-link{color:#00000086}.edit-hr-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-hr-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-hr-document-registry_page .edit-document-form input[type=date]:focus{border-color:#1976d2;box-shadow:0 0 5px #1976d280;outline:none}.edit-hr-document-registry_page .edit-document-form input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;filter:invert(40%)}.edit-hr-document-registry_page .required{color:red;font-weight:600}.edit-hr-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-hr-document-registry_page .dropzone:hover{background-color:#f0f0f0}.edit-hr-document-registry_page .dropzone-content{align-items:center;color:#555;display:flex;flex-direction:column}.edit-hr-document-registry_page .preview-container{align-items:center;display:flex;gap:12px;margin-top:15px}.edit-hr-document-registry_page .file-name{color:#333;font-size:14px}.edit-hr-document-registry_page .dropzone-content p{font-size:17px;margin:0}.edit-hr-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-hr-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-hr-document-registry_page .trash-file-button:hover{color:#a30000}.edit-hr-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-hr-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}.edit-hr-document-registry_page html,body{height:100%;margin:0;overflow:hidden;padding:0}.edit-hr-document-registry_page .datepicker-container{padding-bottom:15px;position:relative;width:100%}.edit-hr-document-registry_page .datepicker-wrapper{width:100%}.edit-hr-document-registry_page .datepicker-input{background-color:#fff;border:1px solid #ccc;border-radius:4px;box-sizing:border-box;font-size:14px;height:34px;padding:8px 35px 8px 12px;width:100%}.edit-hr-document-registry_page .datepicker-input:focus{border-color:#1976d2;box-shadow:0 0 0 2px #1976d233;outline:none}.edit-hr-document-registry_page .datepicker-input::placeholder{color:#999}.edit-hr-document-registry_page .calendar-icon{align-items:center;color:#666;display:flex;justify-content:center;pointer-events:none;position:absolute;right:10px;top:45%;transform:translateY(-50%)}.edit-hr-document-registry_page .react-datepicker{border:1px solid #e0e0e0;border-radius:6px;box-shadow:0 4px 12px #0000001a;font-family:inherit;font-size:14px}.edit-hr-document-registry_page .react-datepicker__header{background-color:#f8f9fa;border-bottom:1px solid #e0e0e0;border-top-left-radius:6px;border-top-right-radius:6px;padding-top:12px}.edit-hr-document-registry_page .react-datepicker__current-month{color:#333;font-size:15px;font-weight:600}.edit-hr-document-registry_page .react-datepicker__day{border-radius:50%;font-size:13px;height:32px;line-height:32px;margin:2px;width:32px}.edit-hr-document-registry_page .react-datepicker__day--selected{background-color:#3f51b5;color:#fff}.edit-hr-document-registry_page .react-datepicker__day--selected:hover{background-color:#303f9f}.edit-hr-document-registry_page .react-datepicker__day:hover{background-color:#f0f0f0;border-radius:50%}.edit-hr-document-registry_page .react-datepicker__day--today{color:#3f51b5;font-weight:600}.edit-hr-document-registry_page .react-datepicker__navigation{height:24px;top:16px;width:24px}.edit-hr-document-registry_page .form-group .datepicker-container{margin-bottom:0}.edit-hr-document-registry_page .form-group .datepicker-input.error{border-color:#d32f2f}.edit-hr-document-registry_page .form-group .datepicker-input.error:focus{border-color:#d32f2f;box-shadow:0 0 0 2px #d32f2f33}@media (max-width:480px){.edit-hr-document-registry_page .registration-header h2{font-size:1rem;line-height:1.3}.edit-hr-document-registry_page .header-divider{margin-top:10px}.edit-hr-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-hr-document-registry_page .edit-hr-document-form .radio-group{flex-direction:column;gap:.75rem}.edit-hr-document-registry_page .edit-hr-document-form .file-upload-group{flex-direction:column}.edit-hr-document-registry_page .edit-hr-document-form .file-upload-group button,.edit-hr-document-registry_page .edit-hr-document-form .file-upload-group input{width:100%}.edit-hr-document-registry_page .form-buttons{flex-direction:column;gap:1rem}.edit-hr-document-registry_page .edit-document-form button.discard,.edit-hr-document-registry_page .edit-document-form button.save{font-size:.9rem;padding:12px 0;width:100%}}@media (max-width:900px){.edit-hr-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}}@keyframes fadeinout{0%{opacity:0;transform:translateY(-10px)}10%,90%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}.hr_document-registry-page .table-container{max-height:800px;overflow-y:auto;width:100%}.hr_document-registry-page .price-header-container{align-items:center;display:flex;justify-content:space-between;margin-bottom:0}.hr_document-registry-page .MuiButtonBase{height:233px}.hr_document-registry-page .MuiDataGrid-root{background-color:#f8f9fa;border:1px solid #ddd;border-radius:8px}.hr_document-registry-page .MuiDataGrid-columnHeaders{background-color:#d6d6d6;border-bottom:2px solid #b0b0b0;color:#424242;font-size:16px;font-weight:700}.hr_document-registry-page .MuiDataGrid-cell{color:#333;font-size:14px}.hr_document-registry-page .MuiDataGrid-row:hover{background-color:initial}.hr_document-registry-page .MuiDataGrid-footerContainer{background-color:#f1f1f1}.hr_document-registry-page .buton-edit{background-color:#f8f9fa;border:none;margin-top:10px}.hr_document-registry-page .MuiDataGrid-cell--textLeft{color:#000}.hr_document-registry-page .MuiDataGrid-columnHeaderTitle{color:#000!important;font-weight:700!important}.hr_document-registry-page .header-page{align-items:center;display:flex;justify-content:space-between}.hr_document-registry-page .title{font-size:1.5rem;margin-top:25px}.hr_document-registry-page .add-button-container{height:auto;justify-content:flex-end}.hr_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){.hr_document-registry-page .table-container{max-height:600px}.hr_document-registry-page .MuiDataGrid-root{font-size:13px}.hr_document-registry-page .MuiDataGrid-columnHeaders{font-size:14px}.hr_document-registry-page .add-button-container{justify-content:center}.hr_document-registry-page .add-button-container button{font-size:14px;padding:8px}}@media (max-width:450px){.hr_document-registry-page .title{font-size:1.2rem;margin-top:25px;text-align:left}.hr_document-registry-page .MuiButtonBase{height:133px}.hr_document-registry-page .add-button-container{justify-content:center}.hr_document-registry-page .add-button-container button{font-size:13px;height:30px;margin-bottom:15px;margin-top:6px;padding:10px}.hr_document-registry-page .table-container{max-height:700px}.hr_document-registry-page .MuiDataGrid-root{font-size:12px}.hr_ocument-registry-page .MuiDataGrid-columnHeaders{font-size:13px}}@media (max-width:290px){.hr_document-registry-page .title{font-size:1.1rem}.hr_document-registry-page .MuiButtonBase{height:133px}}.hr_document-registry-page .custom-snackbar{left:50%!important;max-width:400px;position:fixed!important;top:125px!important;transform:translateX(-50%)!important;width:90%;z-index:1400}.exchange-rate{font-family:Arial,sans-serif;width:100%}.exchange-rate .header-container{margin-bottom:20px}.exchange-rate .exchange-rate-actions{display:flex;flex-grow:1;justify-content:flex-end;margin-bottom:15px;margin-top:-52px;min-height:36px;min-width:140px}.exchange-rate .exchange-rate-add-button{border-radius:10px}.exchange-rate .exchange-rate-box-subcontainer{display:flex;flex:0 1 auto;flex-direction:column;overflow:visible;width:100%}.exchange-rate .exchange-rate-data-grid-container{overflow:visible;padding-bottom:20px;width:100%}.exchange-rate .bold-header{font-weight:700!important}.exchange-rate .exchange-rate-page .MuiDataGrid-columnHeaderTitle{word-wrap:break-word!important;font-size:1rem!important;font-weight:700!important;line-height:1.2!important;text-align:left;white-space:normal!important}.exchange-rate .exchange-rate-datagrid .MuiDataGrid-columnHeaders{border-bottom:2px solid #d3d3d3;white-space:normal}.exchange-rate .exchange-rate-datagrid .MuiDataGrid-root{border-radius:10px;box-shadow:0 2px 4px #0000001a;overflow:hidden}.exchange-rate .exchange-rate-datagrid .MuiDataGrid-footerContainer{background-color:#f1f1f1;border-top:1px solid #e0e0e0}.exchange-rate .exchange-rate-grid .MuiDataGrid-cell{align-items:center;display:flex;line-height:1.4!important;padding-bottom:3px;padding-top:3px;white-space:normal!important;word-break:break-word!important}.exchange-rate .exchange-rate-grid .MuiDataGrid-columnHeaderTitle{word-wrap:break-word!important;font-size:1rem!important;font-weight:700!important;line-height:1.2!important;text-align:left;white-space:normal!important}.exchange-rate .exchange-rate-grid .MuiDataGrid-cell:focus,.exchange-rate .exchange-rate-grid .MuiDataGrid-cell:focus-within{outline:none!important}.exchange-rate .exchange-rate-grid .Mui-selected:hover{background-color:initial!important}.exchange-rate .MuiDataGrid-main{overflow:visible!important}.exchange-rate .MuiDataGrid-virtualScroller{overflow:hidden!important}.exchange-rate .MuiDataGrid-overlay{min-height:200px}.exchange-rate .exchange-rate-actions-cell{align-items:center;display:flex;gap:4px;justify-content:center;width:100%}.exchange-rate .exchange-rate-error-message{color:red;padding:20px;text-align:center}.exchange-rate .delete-dialog-title-error{color:#d32f2f}.exchange-rate .delete-dialog-text-error{color:#d32f2f!important;font-weight:500}.exchange-rate .delete-dialog-actions{padding:16px 24px}@media screen and (max-width:1350px){.exchange-rate .exchange-rate-data-grid-container{overflow-x:auto;width:100%}.exchange-rate .custom-exchange-rate-grid .MuiDataGrid-root{min-width:1000px}.exchange-rate .full-width-height{width:100%}.exchange-rate .exchange-rate-actions .MuiButton-root{font-size:.8rem;padding:4px 10px}}@media screen and (max-width:600px){.exchange-rate .exchange-rate-data-grid-container .MuiDataGrid-columnHeaders{font-size:.8rem}.exchange-rate .exchange-rate-data-grid-container .MuiDataGrid-columnHeaderTitle{white-space:nowrap!important}.exchange-rate .exchange-rate-data-grid-container{overflow-x:auto;white-space:nowrap}.exchange-rate .custom-exchange-rate-grid .MuiDataGrid-root .MuiDataGrid-cell,.exchange-rate .custom-exchange-rate-grid .MuiDataGrid-root .MuiDataGrid-columnHeader{min-width:100px}}@media screen and (max-width:488px){.exchange-rate .header-container{align-items:flex-start;flex-direction:column;gap:10px}.exchange-rate .exchange-rate-actions{justify-content:flex-start;margin-top:0;width:100%}.exchange-rate .exchange-rate-actions .MuiButton-root{justify-content:center;width:100%}}.page-exchangerate .add-exchangerate-page{color:#334155;font-family:Arial,sans-serif!important;font-size:14px}.page-exchangerate,.page-exchangerate *,.page-exchangerate .datepicker-input-with-icon,.page-exchangerate .exchange-rate-helper-text,.page-exchangerate .exchange-rate-preview-text,.page-exchangerate .field-error,.page-exchangerate .label-left,.page-exchangerate .modal-header h2,.page-exchangerate .multiselect-field .select__control,.page-exchangerate .multiselect-field .select__option,.page-exchangerate .multiselect-field .select__placeholder,.page-exchangerate .multiselect-field .select__single-value,.page-exchangerate .numeric-input,.page-exchangerate .react-datepicker__input-container input,.page-exchangerate button,.page-exchangerate input,.page-exchangerate select,.page-exchangerate textarea{font-family:Arial,sans-serif!important}.page-exchangerate .modal-overlay{align-items:center;background:#0f172a73;display:flex;inset:0;justify-content:center;overflow-y:auto;padding:20px;position:fixed;z-index:1000}.page-exchangerate .modal{animation:exchangerateDialogFadeIn .3s ease-out;background:#fff;border-radius:22px;box-shadow:0 25px 50px -12px #00000040;color:#334155;display:flex;flex-direction:column;max-height:90vh;max-width:95%;min-height:400px;overflow:hidden;position:relative;width:600px}@keyframes exchangerateDialogFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.page-exchangerate .modal::-webkit-scrollbar{height:8px;width:8px}.page-exchangerate .modal::-webkit-scrollbar-track{background:#f1f5f9;border-radius:10px}.page-exchangerate .modal::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#cbd5e1,#94a3b8);border:2px solid #f1f5f9;border-radius:10px}.page-exchangerate .modal::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#94a3b8,#64748b)}.page-exchangerate .modal-header{align-items:center;background:linear-gradient(135deg,#fff,#f8fafc);border-bottom:1px solid #d9dee7;display:flex;justify-content:space-between;padding:22px 24px 18px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.page-exchangerate .modal-header h2{color:#0f2747;font-size:20px;font-weight:700;letter-spacing:.4px;margin:0;text-transform:uppercase}.page-exchangerate .close-btn{align-items:center;background:#0000;border:none;border-radius:50%;color:#94a3b8;cursor:pointer;display:flex;font-size:28px;height:34px;justify-content:center;margin-left:10px;transition:all .25s ease;width:34px}.page-exchangerate .close-btn:hover{background-color:#eef2f7;color:#64748b;transform:scale(1.05)}.page-exchangerate .header-divider{display:none}.page-exchangerate .form{background:#fff;display:flex;flex:1 1;flex-direction:column;gap:14px;overflow-y:auto;padding:18px 20px 20px;scrollbar-color:#94a3b8 #f1f5f9;scrollbar-width:thin}.page-exchangerate .form::-webkit-scrollbar{width:8px}.page-exchangerate .form::-webkit-scrollbar-track{background:#f1f5f9;border-radius:10px}.page-exchangerate .form::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#cbd5e1,#94a3b8);border:2px solid #f1f5f9;border-radius:10px}.page-exchangerate .form::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#94a3b8,#64748b)}.page-exchangerate .form-field{display:flex;flex-direction:column;gap:8px}.page-exchangerate .label-left{align-items:center;color:#2f3e57;display:flex;font-size:13px;font-weight:700;gap:4px;letter-spacing:.2px;line-height:1.2;margin-bottom:0;text-align:left;width:100%}.page-exchangerate .required{color:#ef4444;margin-left:2px}.page-exchangerate .datepicker-input-with-icon,.page-exchangerate .numeric-input,.page-exchangerate input{background:#fff!important;border:1px solid #cfd8e3!important;border-radius:12px!important;box-shadow:none!important;box-sizing:border-box;color:#334155!important;font-size:14px!important;font-weight:400;height:40px!important;line-height:40px!important;min-height:40px!important;outline:none!important;padding:0 14px!important;transition:all .25s ease!important;width:100%}.page-exchangerate .datepicker-input-with-icon::placeholder,.page-exchangerate .numeric-input::placeholder,.page-exchangerate input::placeholder{color:#8ea0bb!important;opacity:1}.page-exchangerate .datepicker-input-with-icon:hover,.page-exchangerate .numeric-input:hover,.page-exchangerate input:hover{background:#fff!important;border-color:#cfd8e3!important}.page-exchangerate .datepicker-input-with-icon:focus,.page-exchangerate .numeric-input:focus,.page-exchangerate input:focus{background:#fff!important;border-color:#3b82f6!important;box-shadow:0 0 0 4px #3b82f61a!important;outline:none!important}.page-exchangerate .currency-wrapper{position:relative;width:100%}.page-exchangerate .exchange-rate-helper-text{color:#64748b;font-size:13px;margin-bottom:0;padding-top:2px;text-align:left}.page-exchangerate .exchange-rate-preview-text{color:#334155;font-size:13px;font-weight:500;margin-top:2px;text-align:left}.page-exchangerate .field-error{align-items:center;color:#ef4444;display:flex;font-size:12px;font-weight:500;gap:4px;margin-top:-2px;padding-left:4px;text-align:left}.page-exchangerate .field-error:before{content:"⚠️";font-size:10px}.page-exchangerate .field-error-border{background-color:#fff8f8!important;border-color:#ef4444!important;box-shadow:0 0 0 2px #ef444414!important}.page-exchangerate .datepicker-container{margin-bottom:0;position:relative;width:100%}.page-exchangerate .react-datepicker-wrapper,.page-exchangerate .react-datepicker__input-container{display:block;width:100%}.page-exchangerate .datepicker-input-with-icon{padding-right:40px!important}.page-exchangerate .calendar-icon-inside{align-items:center;color:#94a3b8;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-exchangerate .calendar-icon-inside:hover{color:#64748b}.page-exchangerate .calendar-icon-inside svg{height:18px;width:18px}.page-exchangerate .react-datepicker-popper{z-index:20001!important}.page-exchangerate .react-datepicker{border:1px solid #d8e1ec!important;border-radius:12px!important;box-shadow:0 16px 30px -12px #0000002e!important;font-family:Arial,sans-serif!important;font-size:12px!important;overflow:hidden!important}.page-exchangerate .react-datepicker__header{background:#f8fbff!important;border-bottom:1px solid #e2e8f0!important;padding:8px 0!important}.page-exchangerate .react-datepicker__current-month{color:#1e293b!important;font-size:12px!important;font-weight:700!important}.page-exchangerate .react-datepicker__day-name{color:#64748b!important;font-size:11px!important;font-weight:500!important;line-height:1.8rem!important;margin:0!important;width:1.8rem!important}.page-exchangerate .react-datepicker__week{height:1.8rem!important}.page-exchangerate .react-datepicker__day{border-radius:8px!important;color:#334155!important;font-size:12px!important;height:1.8rem!important;line-height:1.8rem!important;margin:0!important;width:1.8rem!important}.page-exchangerate .react-datepicker__day:hover{background-color:#eef5ff!important;color:#334155!important}.page-exchangerate .react-datepicker__day--keyboard-selected,.page-exchangerate .react-datepicker__day--selected{background-color:#3b82f6!important;color:#fff!important;font-weight:500!important}.page-exchangerate .react-datepicker__day--today{color:#3b82f6!important;font-weight:700!important}.page-exchangerate .react-datepicker__day--selected:hover{background-color:#2563eb!important}.page-exchangerate .react-datepicker__day--outside-month{color:#94a3b8!important}.page-exchangerate .react-datepicker__month-container{width:210px!important}.page-exchangerate .multiselect-field{font-size:14px;width:100%}.page-exchangerate .multiselect-field .select__control{background:#fff!important;border:1px solid #cfd8e3!important;border-radius:12px!important;box-shadow:none!important;height:40px!important;min-height:40px!important;transition:all .25s ease!important}.page-exchangerate .multiselect-field .select__control:hover{background:#fff!important;border-color:#cfd8e3!important;box-shadow:none!important}.page-exchangerate .multiselect-field .select__control--is-focused{background:#fff!important;border-color:#3b82f6!important;box-shadow:0 0 0 4px #3b82f61a!important}.page-exchangerate .multiselect-field .select__value-container{align-items:center!important;display:flex!important;height:38px!important;justify-content:flex-start!important;min-height:38px!important;padding:0 12px!important;text-align:left!important}.page-exchangerate .multiselect-field .select__placeholder{color:#8ea0bb!important;font-size:14px!important;margin:0!important;text-align:left!important}.page-exchangerate .multiselect-field .select__input-container,.page-exchangerate .multiselect-field .select__single-value{color:#334155!important;font-size:14px!important;margin:0!important;text-align:left!important}.page-exchangerate .multiselect-field .select__input-container{padding:0!important}.page-exchangerate .multiselect-field .select__input-container input{border:none!important;box-shadow:none!important;margin:0!important;outline:none!important;padding:0!important;text-align:left!important}.page-exchangerate .multiselect-field .select__indicators{align-items:center!important;display:flex!important;height:38px!important}.page-exchangerate .multiselect-field .select__indicator-separator{background-color:#d2d9e4!important;margin-bottom:6px!important;margin-top:6px!important}.page-exchangerate .multiselect-field .select__indicator{color:#b0b9c7!important;padding:8px!important}.page-exchangerate .multiselect-field .select__indicator:hover{color:#8fa0b8!important}.page-exchangerate .multiselect-field .select__menu{border-radius:12px!important;box-shadow:0 18px 30px -10px #0000002e,0 0 0 1px #3b82f60f!important;overflow:hidden!important;text-align:left!important;z-index:20000!important}.page-exchangerate .multiselect-field .select__menu-list{padding:6px!important}.page-exchangerate .multiselect-field .select__option{background-color:#fff!important;border-radius:8px;color:#334155!important;font-size:14px!important;padding:10px 12px!important;text-align:left!important;transition:all .2s ease!important}.page-exchangerate .multiselect-field .select__option--is-focused{background:#eef5ff!important;color:#334155!important}.page-exchangerate .multiselect-field .select__option--is-selected{background:#3b82f6!important;color:#fff!important}.page-exchangerate .multiselect-field .select__option:active{background:#dbeafe!important}.page-exchangerate .select-error .select__control{background-color:#fff8f8!important;border-color:#ef4444!important;box-shadow:0 0 0 2px #ef444414!important}.page-exchangerate .select-error .select__indicator,.page-exchangerate .select-error .select__placeholder{color:#ef4444!important}.page-exchangerate .form-buttons{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-top:1px solid #d9dee7;display:flex;gap:8px;justify-content:flex-end;margin:0 -20px -20px;padding:18px 22px}.page-exchangerate .cancel-btn,.page-exchangerate .submit-btn{border-radius:12px;box-shadow:none!important;cursor:pointer;font-size:12px;font-weight:700;height:40px;letter-spacing:.7px;line-height:40px;min-width:140px;padding:0 20px;text-transform:uppercase;transition:all .25s ease!important}.page-exchangerate .cancel-btn{background-color:#6b7280!important;border:none!important;color:#fff!important}.page-exchangerate .cancel-btn:hover:not(:disabled){background-color:#5b6471!important;transform:none}.page-exchangerate .submit-btn{background-color:#28a745!important;border:none!important;color:#fff!important}.page-exchangerate .submit-btn:hover:not(:disabled){background-color:#218838!important;box-shadow:none!important;transform:none}.page-exchangerate .cancel-btn:disabled,.page-exchangerate .submit-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.page-exchangerate .submit-btn.disabled{background-color:#94a3b8!important;cursor:not-allowed;opacity:.7}.page-exchangerate .loading-overlay{align-items:center;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background:#ffffffb8;display:flex;flex-direction:column;inset:0;justify-content:center;position:absolute;z-index:20}.page-exchangerate .loader{animation:spin 1s linear infinite;border:4px solid #f3f4f6;border-radius:50%;border-top-color:#3b82f6;height:36px;margin-bottom:8px;width:36px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.page-exchangerate :focus-visible{outline:none}@media screen and (max-width:600px){.page-exchangerate .modal{margin:12px;max-width:calc(100% - 24px);width:calc(100% - 24px)}.page-exchangerate .modal-header{padding:18px 16px 14px}.page-exchangerate .modal-header h2{font-size:18px}.page-exchangerate .close-btn{font-size:26px;height:28px;width:28px}.page-exchangerate .form{gap:16px;padding:16px}.page-exchangerate .form-buttons{flex-direction:column-reverse;gap:10px;margin:0 -16px -16px;padding:16px}.page-exchangerate .cancel-btn,.page-exchangerate .submit-btn{width:100%}.page-exchangerate .datepicker-input-with-icon,.page-exchangerate .numeric-input,.page-exchangerate input{font-size:13px!important;height:40px!important}.page-exchangerate .datepicker-input-with-icon{padding-left:12px!important;padding-right:34px!important}.page-exchangerate .calendar-icon-inside{height:16px;right:10px;width:16px}.page-exchangerate .calendar-icon-inside svg{height:14px;width:14px}.page-exchangerate .react-datepicker__month-container{width:190px!important}.page-exchangerate .react-datepicker__day{height:1.6rem!important;line-height:1.6rem!important;width:1.6rem!important}}.page-exchangerate .datepicker-container,.page-exchangerate .form,.page-exchangerate .form-field,.page-exchangerate .modal,.page-exchangerate .modal-overlay{overflow:visible!important}.subproject-page{background:#f8fafc;font-family:Arial,sans-serif;margin:0;min-height:100vh;padding:0}.subproject-page .header-section{background:linear-gradient(135deg,#fff,#f9fafb);border-bottom:1px solid #e5e7eb;box-shadow:0 2px 8px #00000005;padding:8px 28px 16px}.subproject-page .header-row{width:100%}.subproject-page .title-with-back{align-items:center;display:flex;gap:10px}.subproject-page .back-arrow-btn{align-items:center;background:none;border:none;cursor:pointer;display:flex;padding:0}.subproject-page .back-arrow-btn svg{color:#1f2937;font-size:26px;transition:opacity .2s ease}.subproject-page .back-arrow-btn:hover svg{opacity:.6}.subproject-page .title-row{align-items:center;display:flex;justify-content:space-between;margin-top:10px;min-height:44px}.subproject-page .stats-search-row{align-items:center;display:flex;gap:20px;margin-bottom:12px;width:100%}.subproject-page .back-button{background:#fffc!important;border:1px solid #e5e7eb!important;border-radius:8px!important;color:#4b5563!important;font-size:13px!important;font-weight:500!important;padding:4px 12px!important;text-transform:none!important}.subproject-page .back-button:hover{background:#fff!important;border-color:#3b82f6!important;box-shadow:0 4px 10px -4px #3b82f633!important;color:#1f2937!important}.subproject-page .page-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1e293b,#0f172a);-webkit-background-clip:text;background-clip:text;color:#b4c1de;display:inline-block;font-size:22px;font-weight:700;letter-spacing:-.02em;margin:0;position:relative;text-transform:uppercase}.subproject-page .project-info-card{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:40px;box-shadow:0 4px 10px -4px #0000000d;display:flex;gap:10px;padding:6px 16px 6px 20px;transition:all .3s ease}.subproject-page .project-info-card:hover{border-color:#0000;box-shadow:0 25px 40px -12px #3b82f64d,0 0 0 2px #3b82f633;transform:translateY(-2px) scale(1.02)}.subproject-page .project-info-card .project-icon{color:#3b82f6!important;font-size:18px!important}.subproject-page .project-info-card .project-text{color:#1f2937;font-size:14px;font-weight:600}.subproject-page .status-badge-header{align-items:center;border:1px solid #fff3;border-radius:30px;box-shadow:0 4px 10px -4px #00000026;color:#fff;display:inline-flex;font-size:12px;font-weight:700;gap:6px;letter-spacing:.3px;margin-left:8px;padding:6px 16px}.subproject-page .status-badge-header.active{background:#2e7d32;box-shadow:0 4px 10px -4px #10b9814d}.subproject-page .status-badge-header.completed{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 4px 10px -4px #3b82f64d}.subproject-page .status-badge-header .status-icon{color:#fff;filter:drop-shadow(0 1px 2px rgba(0,0,0,.2));font-size:16px!important}.subproject-page .status-badge-header span{color:#fff;font-size:12px;font-weight:700}.subproject-page .total-codes-card{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e5e7eb;border-radius:20px;box-shadow:0 15px 25px -10px #0000001a,0 0 0 1px #3b82f61a;box-sizing:border-box;display:flex;flex-shrink:0;gap:14px;height:50px;min-width:170px;padding:8px 20px;transition:all .3s ease}.subproject-page .total-codes-card:hover{border-color:#0000;box-shadow:0 25px 40px -12px #3b82f64d,0 0 0 2px #3b82f633;transform:translateY(-2px) scale(1.02)}.subproject-page .total-codes-card .card-icon-wrapper{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:14px;box-shadow:0 10px 15px -5px #3b82f666;display:flex;justify-content:center;overflow:hidden;padding:8px;position:relative}.subproject-page .total-codes-card .card-icon-wrapper:after{background:linear-gradient(45deg,#0000,#ffffff4d,#0000);content:"";height:200%;left:-50%;position:absolute;top:-50%;transform:rotate(45deg) translateX(-100%);transition:transform .6s ease;width:200%}.subproject-page .total-codes-card:hover .card-icon-wrapper:after{transform:rotate(45deg) translateX(100%)}.subproject-page .total-codes-card .card-icon{color:#fff!important;filter:drop-shadow(0 3px 5px rgba(0,0,0,.2));font-size:22px!important}.subproject-page .card-info{display:flex;flex-direction:column}.subproject-page .card-label{color:#64748b;font-size:14px;font-weight:700;letter-spacing:.6px;margin-bottom:0;text-transform:uppercase}.subproject-page .card-value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1e293b,#0f172a);-webkit-background-clip:text;background-clip:text;font-size:18px;font-weight:700;letter-spacing:-.5px;line-height:1.2}.subproject-page .search-container{flex:1 1;margin:0;max-width:none;padding:0}.subproject-page .search-box{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:20px;box-shadow:0 8px 20px -5px #0000000d;box-sizing:border-box;display:flex;height:50px;overflow:hidden;padding:4px 4px 4px 24px;position:relative;transition:all .3s ease;width:100%}.subproject-page .search-box:before{background:linear-gradient(90deg,#0000,#3b82f614,#0000);content:"";inset:0;pointer-events:none;position:absolute;transform:translateX(-100%);transition:transform .8s ease}.subproject-page .search-box:hover:before{transform:translateX(100%)}.subproject-page .search-box:focus-within{box-shadow:0 25px 40px -12px #3b82f64d,0 0 0 2px #3b82f633;height:51px;transform:scale(1)}.subproject-page .search-icon{color:#94a3b8!important;font-size:20px!important;transition:all .3s ease}.subproject-page .search-box:focus-within .search-icon{color:#3b82f6!important;transform:scale(1.1)}.subproject-page .search-input{background:#0000;border:none;flex:1 1;font-family:Inter,sans-serif;font-size:15px;font-weight:400;outline:none;padding:12px 10px}.subproject-page .search-input::placeholder{color:#9ca3af;font-weight:300;transition:all .3s ease}.subproject-page .search-box:focus-within .search-input::placeholder{color:#6b7280;transform:translateX(3px)}.subproject-page .search-clear{align-items:center;background:none;border:none;border-radius:30px;color:#94a3b8;cursor:pointer;display:flex;font-size:28px;font-weight:300;justify-content:center;line-height:1;margin-right:2px;padding:4px 18px;transition:all .3s ease}.subproject-page .search-clear:hover{background:#fee2e2;color:#ef4444;transform:scale(1.2) rotate(90deg)}.subproject-page .subprojects-container{margin:0 auto;max-width:1600px;padding:15px 28px 40px}.subproject-page .subprojects-grid{grid-gap:20px;align-items:stretch;display:grid;gap:20px;grid-template-columns:repeat(2,1fr);margin-bottom:28px}.subproject-page .subproject-card{animation:subprojectPageFadeIn .6s ease-out forwards;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff;border:1px solid #e2e8f0;border-radius:18px;box-shadow:0 12px 20px -6px #0000001a;display:flex;flex-direction:column;height:100%;opacity:0;overflow:hidden;position:relative;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.subproject-page .subproject-card:before{animation:subprojectPageGradientMove 8s ease infinite;background:linear-gradient(90deg,#3b82f6,#60a5fa,#93c5fd,#3b82f6);background-size:300% 100%;border-radius:18px 18px 0 0;content:"";height:6px;left:0;position:absolute;right:0;top:0;z-index:1}.subproject-page .subproject-card:hover{border-color:#0000;box-shadow:0 25px 40px -12px #3b82f64d,0 0 0 2px #3b82f633;transform:translateY(-8px) scale(1.01)}.subproject-page .subproject-card:after{background:radial-gradient(circle,#3b82f61a 0,#0000 70%);content:"";height:200%;left:-50%;opacity:0;pointer-events:none;position:absolute;top:-50%;transition:opacity .5s ease;width:200%;z-index:0}.subproject-page .subproject-card:hover:after{opacity:1}.subproject-page .subproject-card .card-header{align-items:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:1px solid #e2e8f099;display:flex;gap:8px;overflow:hidden;padding:14px 16px 12px 18px;position:relative;z-index:2}.subproject-page .subproject-card .card-header .card-icon-wrapper{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:12px;box-shadow:0 8px 16px -4px #3b82f666;display:flex;flex-shrink:0;height:44px;justify-content:center;overflow:hidden;position:relative;transition:all .4s ease;width:44px}.subproject-page .subproject-card:hover .card-header .card-icon-wrapper{box-shadow:0 20px 25px -8px #3b82f680;transform:rotate(6deg) scale(1.1)}.subproject-page .subproject-card .card-header .card-icon-wrapper:before{background:linear-gradient(45deg,#0000,#fff6,#0000);content:"";height:200%;left:-50%;position:absolute;top:-50%;transform:translateX(-100%) rotate(45deg);transition:transform .8s ease;width:200%}.subproject-page .subproject-card:hover .card-header .card-icon-wrapper:before{transform:translateX(100%) rotate(45deg)}.subproject-page .subproject-card .card-header .card-folder-icon{color:#fff!important;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));font-size:22px!important}.subproject-page .subproject-card .card-header .card-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1e293b,#0f172a);-webkit-background-clip:text;background-clip:text;flex:1 1;font-size:18px;font-weight:700;letter-spacing:-.3px;margin:0 auto 0 0;position:relative}.subproject-page .card-actions{align-items:center;display:flex;gap:6px}.subproject-page .subproject-card .card-body{background:#fff;display:flex;flex:1 1;flex-direction:column;gap:8px;min-height:320px;padding:16px 18px;position:relative;z-index:2}.subproject-page .subproject-card .matrix-section{background:linear-gradient(135deg,#f1f5f9,#eef2f6);border:1px solid #cbd5e199;border-radius:14px;box-shadow:inset 0 1px 3px #00000005,0 4px 8px -4px #0000000d;display:flex;flex:1 1;flex-direction:column;min-height:110px;padding:8px 12px;transition:all .3s ease}.subproject-page .subproject-card .matrix-section:hover{border-color:#94a3b8;box-shadow:0 10px 18px -10px #3b82f626}.subproject-page .subproject-card .matrix-title{align-items:center;border-bottom:1px dashed #94a3b8;color:#334155;display:flex;font-size:12px;font-weight:700;gap:6px;letter-spacing:.5px;margin-bottom:10px;padding-bottom:6px;text-transform:uppercase}.subproject-page .subproject-card .matrix-title svg{color:#3b82f6;filter:drop-shadow(0 2px 2px rgba(59,130,246,.3));font-size:16px!important}.subproject-page .subproject-card .matrix-grid{grid-gap:10px;display:grid;flex:1 1;gap:10px;grid-template-columns:1fr 1fr}.subproject-page .subproject-card .matrix-item{background:#fff;border:1px solid #e2e8f0;border-radius:10px;box-shadow:0 2px 6px -2px #0000000d,0 0 0 1px #00000005;display:flex;flex-direction:column;height:70%;overflow:hidden;padding:10px;position:relative;transition:all .3s ease}.subproject-page .subproject-card .matrix-item:before{background:linear-gradient(180deg,#3b82f6,#60a5fa);border-radius:3px 0 0 3px;content:"";height:100%;left:0;position:absolute;top:0;width:3px}.subproject-page .subproject-card .matrix-item:hover{box-shadow:0 10px 18px -8px #3b82f633,0 0 0 1px #3b82f6;transform:translateX(4px) translateY(-2px)}.subproject-page .subproject-card .matrix-item-label{align-items:center;color:#64748b;display:flex;font-size:10px;font-weight:600;gap:5px;letter-spacing:.3px;margin-bottom:6px;text-transform:uppercase}.subproject-page .subproject-card .matrix-item-label svg{color:#3b82f6;font-size:12px!important}.subproject-page .subproject-card .matrix-item-value{color:#0f172a;flex:1 1;font-size:14px;font-weight:700;line-height:1.3;margin-left:14px;max-height:70px;overflow-y:auto;padding-right:4px;position:relative;word-break:break-word}.subproject-page .subproject-card .client-section{background:linear-gradient(135deg,#f0f7ff,#e6f0fa);border:1px solid #d4e2f0;border-radius:14px;box-shadow:0 2px 8px -4px #3b82f61a;display:flex;flex-direction:column;min-height:50px;padding:8px 12px;transition:all .3s ease}.subproject-page .subproject-card .client-section:hover{background:linear-gradient(135deg,#f0f7ff,#e6f0fa);border-color:#3b82f6;box-shadow:0 10px 18px -10px #3b82f626;transform:translateY(-2px)}.subproject-page .subproject-card .client-header{align-items:center;color:#2563eb;display:flex;font-size:12px;font-weight:700;gap:6px;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.subproject-page .subproject-card .client-header svg{color:#2563eb;filter:drop-shadow(0 2px 2px rgba(37,99,235,.2));font-size:16px!important}.subproject-page .subproject-card .client-content{align-items:center;display:flex;flex:1 1;gap:12px;padding:2px 0}.subproject-page .subproject-card .client-avatar{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:10px;box-shadow:0 4px 8px -4px #2563eb4d;display:flex;height:30px;justify-content:center;width:30px}.subproject-page .subproject-card .client-avatar svg{color:#fff;filter:drop-shadow(0 2px 3px rgba(0,0,0,.1));font-size:20px!important}.subproject-page .subproject-card .client-details{flex:1 1}.subproject-page .subproject-card .client-name{color:#1e293b;font-size:14px;font-weight:700;letter-spacing:-.2px;line-height:1.2;margin-bottom:2px;word-break:break-word}.subproject-page .subproject-card .description-section{background:linear-gradient(135deg,#e0f2fe,#d1ecfb);border:1px solid #7dd3fc;border-radius:14px;box-shadow:0 2px 8px -4px #0ea5e91a;display:flex;flex-direction:column;min-height:55px;padding:8px 12px;transition:all .3s ease}.subproject-page .subproject-card .description-section:hover{border-color:#0ea5e9;transform:translateY(-2px)}.subproject-page .subproject-card .description-header{align-items:center;color:#0369a1;display:flex;font-size:12px;font-weight:700;gap:6px;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.subproject-page .subproject-card .description-header svg{color:#0ea5e9;filter:drop-shadow(0 2px 2px rgba(14,165,233,.2));font-size:16px!important}.subproject-page .subproject-card .description-text{color:#0c4a6e;font-size:13px;font-weight:700;line-height:1.5;padding:2px 0;width:100%;word-break:break-word}.subproject-page .subproject-card .opportunities-section{background:linear-gradient(135deg,#eef2ff,#e0e7ff);border:1px solid #c7d2fe;border-radius:14px;box-shadow:0 2px 8px -4px #4f46e51a;display:flex;flex-direction:column;min-height:50px;padding:8px 12px;transition:all .3s ease}.subproject-page .subproject-card .opportunities-section:hover{background:linear-gradient(135deg,#eef2ff,#e0e7ff);border-color:#4f46e5;box-shadow:0 10px 18px -10px #4f46e526;transform:translateY(-2px)}.subproject-page .subproject-card .opportunities-header{align-items:center;color:#4f46e5;display:flex;font-size:12px;font-weight:700;gap:6px;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.subproject-page .subproject-card .opportunities-header svg{color:#4f46e5;filter:drop-shadow(0 2px 2px rgba(79,70,229,.2));font-size:16px!important}.subproject-page .subproject-card .opportunities-content{align-items:flex-start;display:flex;flex:1 1;flex-wrap:wrap;gap:6px;max-height:70px;min-height:32px;overflow-y:auto;padding-right:4px}.subproject-page .subproject-card .opportunity-tag{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#fff;border:1px solid #c7d2fe;border-radius:20px;box-shadow:0 2px 4px -2px #4f46e51a;color:#4f46e5;font-size:11px;font-weight:600;padding:4px 12px;transition:all .2s ease;word-break:break-word}.subproject-page .subproject-card .opportunity-tag:hover{background:#4f46e5;border-color:#0000;box-shadow:0 8px 12px -4px #4f46e54d;color:#fff;transform:scale(1.05) translateY(-1px)}.subproject-page .subproject-card .opportunities-value{color:#4338ca;flex:1 1;font-size:13px;font-weight:700;line-height:1.3;padding:2px 0;word-break:break-word}.subproject-page .subproject-card .card-footer{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-top:1px solid #e2e8f0cc;display:flex;justify-content:flex-end;margin-top:auto;overflow:hidden;padding:12px 18px;position:relative;z-index:2}.subproject-page .subproject-card .card-footer:before{background:linear-gradient(90deg,#0000,#fff6,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.subproject-page .subproject-card:hover .card-footer:before{left:100%}.subproject-page .subproject-card .card-footer .status-badge{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid #fff3;border-radius:30px;box-shadow:0 8px 16px -4px #00000026;color:#fff;display:inline-flex;font-size:12px;font-weight:700;gap:6px;letter-spacing:.3px;overflow:hidden;padding:6px 18px;position:relative;transition:all .3s ease}.subproject-page .subproject-card .card-footer .status-badge.active{background:#2e7d32;box-shadow:0 8px 16px -4px #10b9814d}.subproject-page .subproject-card:hover .card-footer .status-badge.active{box-shadow:0 20px 25px -8px #10b98180}.subproject-page .subproject-card .card-footer .status-badge.completed{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 8px 16px -4px #3b82f64d}.subproject-page .subproject-card:hover .card-footer .status-badge.completed{box-shadow:0 20px 25px -8px #3b82f680}.subproject-page .subproject-card .card-footer .status-badge svg{animation:subprojectPagePulse 2s infinite;color:#fff;filter:drop-shadow(0 1px 2px rgba(0,0,0,.2));font-size:16px!important}.subproject-page .subproject-card .matrix-item-value::-webkit-scrollbar,.subproject-page .subproject-card .opportunities-content::-webkit-scrollbar{width:3px}.subproject-page .subproject-card .matrix-item-value::-webkit-scrollbar-track,.subproject-page .subproject-card .opportunities-content::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.subproject-page .subproject-card .matrix-item-value::-webkit-scrollbar-thumb,.subproject-page .subproject-card .opportunities-content::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.subproject-page .subproject-card .matrix-item-value::-webkit-scrollbar-thumb:hover,.subproject-page .subproject-card .opportunities-content::-webkit-scrollbar-thumb:hover{background:#94a3b8}.subproject-page .pagination-container{background:#fff;border:1px solid #e5e7eb;border-radius:14px;box-shadow:0 4px 10px #00000008;margin-top:16px;padding:16px 24px}.subproject-page .pagination-info{color:#4b5563;font-size:13px;margin-bottom:12px}.subproject-page .pagination-info strong{color:#111827;font-weight:600}.subproject-page .pagination-controls{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between}.subproject-page .rows-per-page{align-items:center;color:#4b5563;display:flex;font-size:13px;gap:8px}.subproject-page .rows-select{background:#fff;border:1px solid #e5e7eb;border-radius:6px;color:#111827;cursor:pointer;font-size:12px;font-weight:500;outline:none;padding:6px 10px}.subproject-page .rows-select:hover{border-color:#3b82f6}.subproject-page .pagination-buttons{display:flex;gap:4px}.subproject-page .pagination-btn{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:6px;color:#4b5563;cursor:pointer;display:flex;font-size:13px;font-weight:600;height:36px;justify-content:center;min-width:36px;transition:all .2s ease}.subproject-page .pagination-btn:hover:not(:disabled){background:#f1f5f9;border-color:#3b82f6;color:#3b82f6;transform:scale(1.05)}.subproject-page .pagination-btn.active{background:#3b82f6;border-color:#3b82f6;box-shadow:0 4px 8px -2px #3b82f64d;color:#fff}.subproject-page .pagination-btn:disabled{cursor:not-allowed;opacity:.5}.subproject-page .loading-state{background:#fff;border:1px solid #e5e7eb;border-radius:18px;box-shadow:0 4px 10px #00000008;padding:50px;text-align:center}.subproject-page .loading-spinner{animation:subprojectPageSpin 1s linear infinite;border-color:#3b82f6 #60a5fa #93c5fd #f3f4f6;border-radius:50%;border-style:solid;border-width:3px;height:40px;margin:0 auto 16px;width:40px}.subproject-page .loading-state p{color:#6b7280;font-size:15px;font-weight:500}.subproject-page .empty-state{background:#fff;border:1px solid #e5e7eb;border-radius:18px;box-shadow:0 4px 10px #00000008;padding:50px;text-align:center}.subproject-page .empty-icon-wrapper{align-items:center;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border-radius:50%;box-shadow:0 8px 16px -6px #0000001a;display:flex;height:70px;justify-content:center;margin:0 auto 16px;width:70px}.subproject-page .empty-icon{color:#94a3b8!important;font-size:34px!important}.subproject-page .empty-state h3{color:#111827;font-size:18px;font-weight:700;margin-bottom:6px}.subproject-page .empty-state p{color:#6b7280;font-size:14px;margin-bottom:16px}.subproject-page .clear-search-btn{color:#3b82f6!important;font-size:13px!important;font-weight:600!important;text-transform:none!important}.subproject-page .clear-search-btn:hover{background:#3b82f61a!important}.subproject-page .edit-card-button{background:#fff!important;border:1px solid #e5e7eb!important;border-radius:8px!important;height:32px!important;margin-left:8px!important;transition:all .2s ease!important;width:32px!important;z-index:10!important}.subproject-page .edit-card-button:hover{background:#3b82f6!important;border-color:#3b82f6!important;box-shadow:0 4px 10px -4px #3b82f666;transform:scale(1.1) rotate(5deg)}.subproject-page .edit-card-button:hover svg{color:#fff!important}.subproject-page .edit-card-button svg{color:#64748b!important;font-size:18px!important;transition:all .2s ease}.subproject-page .edit-card-button:focus-visible{animation:subprojectPageEditPulse 1.5s infinite;outline:none}.subproject-page .MuiTooltip-tooltip{background-color:#1e293b!important;border-radius:6px!important;box-shadow:0 4px 10px -4px #0000004d!important;font-size:11px!important;font-weight:500!important;letter-spacing:.3px!important;padding:4px 8px!important}.subproject-page .MuiTooltip-arrow{color:#1e293b!important}@keyframes subprojectPageGradientMove{0%,to{background-position:0 50%}50%{background-position:100% 50%}}@keyframes subprojectPagePulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes subprojectPageFadeIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@keyframes subprojectPageSpin{to{transform:rotate(1turn)}}@keyframes subprojectPageEditPulse{0%{box-shadow:0 0 0 0 #3b82f666}70%{box-shadow:0 0 0 6px #3b82f600}to{box-shadow:0 0 0 0 #3b82f600}}@media (max-width:1024px){.subproject-page .header-section{padding:8px 24px 16px}.subproject-page .subprojects-container{padding:24px 24px 40px}.subproject-page .page-title{font-size:20px}.subproject-page .subprojects-grid{gap:18px}}@media (max-width:768px){.subproject-page .title-row{align-items:flex-start;flex-direction:column;gap:12px}.subproject-page .project-info-card{justify-content:center;width:100%}.subproject-page .stats-search-row{flex-direction:column;gap:12px}.subproject-page .total-codes-card{justify-content:center;width:100%}.subproject-page .search-container{width:100%}.subproject-page .subprojects-grid{grid-template-columns:1fr}.subproject-page .pagination-controls{align-items:flex-start;flex-direction:column}.subproject-page .pagination-buttons{flex-wrap:wrap}.subproject-page .search-box{border-radius:30px;height:46px;padding:4px 4px 4px 16px}.subproject-page .search-input{font-size:14px;padding:10px 0}.subproject-page .search-clear{font-size:24px;padding:4px 12px}.subproject-page .subproject-card .matrix-grid{grid-template-columns:1fr}.subproject-page .edit-card-button{height:28px!important;width:28px!important}.subproject-page .edit-card-button svg{font-size:16px!important}.subproject-page .subproject-card .card-header{padding-right:12px}}@media (max-width:480px){.subproject-page .project-info-card{flex-wrap:wrap;padding:8px 12px;text-align:center}.subproject-page .page-title{font-size:17px}.subproject-page .status-badge-header{justify-content:center;margin-left:0;width:100%}.subproject-page .subprojects-container{padding:16px 16px 32px}.subproject-page .search-box{padding:4px 4px 4px 12px}.subproject-page .subproject-card .card-header .card-title{font-size:16px}.subproject-page .subproject-card .client-content{flex-direction:column;text-align:center}.subproject-page .subproject-card .client-avatar{margin:0 auto}.subproject-page .subproject-card .matrix-item-value{font-size:13px;height:80%;margin-left:10px}.subproject-page .subproject-card .client-name{font-size:15px}.subproject-page .edit-card-button{height:24px!important;width:24px!important}.subproject-page .edit-card-button svg{font-size:14px!important}}
/*# sourceMappingURL=main.71fb2241.css.map*/