@charset "UTF-8";.form-container{padding:25px;border-radius:8px;box-sizing:border-box;margin:0 auto}.form-title{font-size:24px;font-weight:700;color:#1f61a0;margin-bottom:30px}.form-grid{display:grid;grid-template-columns:2fr 2fr;gap:10px;column-gap:100px}.form-section{display:flex;flex-direction:column;margin-bottom:20px}.form-section label{font-size:14px;font-weight:600;margin-bottom:8px;color:#444}.form-section input{padding:12px;font-size:14px;border:1px solid #ccc;border-radius:6px;background-color:#fff;outline:none;transition:all .2s ease-in-out;width:100%;box-sizing:border-box}.form-section input:focus{border-color:#1f61a0;background-color:#fff;box-shadow:0 0 5px #007bff80}.form-section-tem textarea{height:100px;padding:5px;font-size:14px;border:1px solid #ccc;border-radius:6px;background-color:#f5f5f5;width:100%;resize:vertical}.form-section-tem select{padding:12px;border:1px solid #d0d5dd;border-radius:8px;background:#fff;width:100%;color:#333;font-size:14px;outline:none;transition:border-color .3s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="%231f61a0" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="6 9 12 15 18 9"></polyline></svg>');background-repeat:no-repeat;background-position:right 10px center;background-size:15px}.form-section-tem{display:flex;flex-direction:column;margin-bottom:16px}.form-section-tem label{font-weight:700;margin-bottom:5px;font-size:14px;color:#222}.form-section-tem input{width:100%;padding:10px;border:1px solid #ccc;border-radius:4px;font-size:14px;background-color:#f8f8f8;transition:border-color .3s ease-in-out}.form-section-tem input:focus{border-color:#007bff;outline:none;background-color:#fff}.form-section input[type=date]{padding:10px;font-size:14px}.button-group{display:flex;justify-content:flex-end;gap:15px;margin-top:25px;margin-bottom:30px;width:100%}.button-group button{flex:none;padding:12px 25px;font-size:16px;border-radius:10px;cursor:pointer;transition:all .2s ease-in-out}.cancel-btn{background-color:#fff;color:#1f61a0;width:200px;border:1px solid #1f61a0}.cancel-btn:hover{background-color:#f5f5f5}.save-btn{background-color:#1f61a0;color:#fff;width:200px;border:1px solid #1f61a0}.save-btn:hover{background-color:#1f61a0}.error-field{border:1px solid red!important;background-color:#ffebee!important}.error-message-client{color:red;font-size:12px;margin-top:5px;display:block;text-align:right}.first-address-form-section{margin-top:4px}.form-section-pos textarea{height:100px;padding:5px;font-size:14px;border:1px solid #ccc;border-radius:6px;background-color:#f5f5f5;width:100%;resize:vertical}.form-section-pos select{padding:12px;border:1px solid #d0d5dd;border-radius:8px;background:#fff;width:100%;color:#333;font-size:14px;outline:none;transition:border-color .3s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="%231f61a0" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="6 9 12 15 18 9"></polyline></svg>');background-repeat:no-repeat;background-position:right 10px center;background-size:15px}.form-section-pos{display:flex;flex-direction:column;margin-bottom:16px}.form-section-pos label{font-weight:700;margin-bottom:5px;font-size:14px;color:#222}.form-section-pos input{width:100%;padding:10px;border:1px solid #ccc;border-radius:4px;font-size:14px;background-color:#f8f8f8;transition:border-color .3s ease-in-out}.form-section-pos input:focus{border-color:#007bff;outline:none;background-color:#fff}.search-input{width:100%;padding:8px;margin-bottom:5px;border:1px solid #ccc;border-radius:4px;font-size:14px}.buyer-state-checkbox{margin-left:10px;width:16px;height:16px;cursor:pointer;accent-color:#007bff}.add-location-btn{background-color:#1f61a0;color:#fff;border:none;padding:10px 20px;font-size:13px;border-radius:6px;cursor:pointer;transition:background-color .2s ease-in-out;width:auto;float:right}.add-location-btn:hover{background-color:#1f61a0}.delete-location-icon{background-color:transparent;border:none;color:#dc3545;font-size:20px;cursor:pointer;transition:color .2s ease-in-out;padding:0;position:absolute;right:0;top:4px}.delete-location-icon:hover{color:#bb2d3b}.checkbox-input input[type=checkbox]{position:relative;width:37px;height:16px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:red;outline:none;border-radius:2rem;cursor:pointer;box-shadow:inset 0 0 5px #0000007f}.checkbox-input input[type=checkbox]:before{content:"";width:22px;height:22px;border:1px solid;border-radius:50%;background:#fff;position:absolute;top:-4px;left:-8px;transition:.3s}.checkbox-input input[type=checkbox]:checked:before{transform:translate(120%);background:#fff}.checkbox-input input[type=checkbox]:checked{background:#00ed64}.location-container{display:contents;flex-wrap:wrap;gap:20px}.location-section{position:relative;width:calc(100% - 10px);min-width:300px;border:1px solid #ccc;padding:30px;box-shadow:2px 2px 10px #0000001a}.checkbox-input{display:flex;align-items:center;margin-left:9px;padding-bottom:20px}.checkbox-input span{margin-left:10px;white-space:nowrap}.section-heading{grid-column:1 / -1;font-size:1.5rem;color:#444;margin:20px 0 10px;padding-bottom:5px;font-weight:500}button:disabled .delete-location-icon img{opacity:.6;filter:grayscale(100%)}input[type=checkbox]:disabled{cursor:not-allowed;opacity:.6}@media (max-width: 1440px){.form-container{padding:30px;margin-left:75px}.delete-location-icon{margin-left:406px!important}}@media (max-width: 1280px){.form-grid{column-gap:50px}.form-section-tem,.form-section input,.form-section textarea{width:100%;max-width:450px}.delete-location-icon{margin-left:346px!important}}@media (max-width: 1024px){.form-grid{grid-template-columns:1fr;column-gap:0}.form-section input,.form-section-tem,.form-section textarea,.form-section-pos{max-width:100%;width:100%}.button-group{flex-direction:row;justify-content:end}.add-location-btn{margin-right:0}.location-section{grid-template-columns:1fr;column-gap:0;width:calc(100% + -0px)}.delete-location-icon{margin-left:575px!important}}@media (max-width: 768px){.form-title{font-size:22px;margin-bottom:25px}.form-section input,.form-section textarea,.form-section-tem,.form-section-pos{max-width:100%}.button-group{gap:12px}.button-group button{width:150px;height:50px;padding:1px}.location-section{grid-template-columns:1fr;column-gap:0;width:calc(100% - 2px)}.add-location-btn{margin-right:0}.delete-location-icon{margin-left:560px!important}}@media (max-width: 576px){.form-container{padding:15px;margin-top:15px;margin-left:1px}.form-title{font-size:20px;margin-top:30px;margin-bottom:20px}.form-section input,.form-section textarea{padding:10px}.button-group button{padding:4px 20px;font-size:15px;width:100px;height:40px}}@media (max-width: 360px){.form-title{font-size:18px}.form-section label{font-size:13px}.button-group button{max-width:50%}}.page-wrapper{margin:auto}.view-container{background:#fff;width:600px;padding:35px;border-radius:8px;box-shadow:0 4px 10px #0000001a;display:flex;gap:50px;align-items:flex-start}.view-title{font-size:24px;font-weight:700;color:#1f61a0;margin-bottom:20px;margin-left:150px}.view-grid{display:grid;grid-template-rows:1fr 1fr;gap:10px;width:100%}.view-field{font-size:16px;color:#000;width:100%;font-weight:700}.view-field strong{font-size:14px;color:#1f61a0}.edit-btn-container{display:flex;justify-content:flex-end;width:100%;padding:10px}.viewpage-edit-btn{display:flex;justify-content:center;align-items:center;gap:8px;width:200px;padding:12px 25px;background-color:#1f61a0;color:#fff;border:none;border-radius:10px;cursor:pointer;font-size:14px;transition:background-color .3s ease}.viewpage-edit-btn:hover{background-color:#0056b3}.viewpage-edit-btn img{width:16px;height:16px}.poc-card{display:flex;align-items:center;width:270px;height:100px;border:1px solid #1f61a0;border-radius:10px;background:#fff;font-size:14px;letter-spacing:.09em;font-weight:700;color:#1f61a0;padding:10px}.poc-title{display:flex;flex-direction:column;align-items:flex-start;margin-right:10px}.poc-title h3{font-size:14px;font-weight:700}.boxx img{width:45px;height:45px;margin-top:0}.cardcontent{display:flex;flex-direction:column;justify-content:center;color:gray}.dialog-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;z-index:1000}.confirmation-dialog{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#fff;padding:24px;border-radius:10px;z-index:1001;width:400px;max-width:90%;box-shadow:0 4px 8px #0000001a}.confirmation-dialog h3{margin-bottom:16px;color:#333;font-size:20px;font-weight:700}.confirmation-dialog p{margin-bottom:20px;color:#333;font-size:16px}.dialog-button.confirm:hover{background-color:#1a4d80}.status-dropdown{padding:10px;background-color:#f5f5f5;font-family:inherit;width:500px;border-radius:5px}.sidebar{width:260px;height:100%;margin-top:20px;margin-left:20px;margin-right:20px;border-radius:15px;background:linear-gradient(135deg,#fff,#f8fafc);padding:25px;color:#1e293b;box-shadow:0 10px 30px #1f61a026;border:1px solid rgba(255,255,255,.2);display:flex;position:fixed;flex-direction:column;justify-content:flex-start;transition:transform .3s ease-in-out,box-shadow .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.sidebar:hover{box-shadow:0 15px 40px #1f61a033}.logo-container{display:flex;justify-content:center;align-items:center;margin-bottom:40px}.img-sidebar-logo{width:100%;max-width:160px;transition:transform .3s ease}.img-sidebar-logo:hover{transform:scale(1.05)}.nav-links{list-style:none;padding:0;margin:0}.nav-links li{display:flex;align-items:center;margin-bottom:12px;padding:10px 15px;border-radius:12px;transition:all .3s ease,background .3s ease,box-shadow .3s ease}.nav-links li:hover:not(.active){background:linear-gradient(135deg,#1f61a00d,#1f61a01a);transform:translate(5px)}.nav-links a,.nav-links button{text-decoration:none;color:#334155;font-size:14px;margin-left:0;transition:all .3s ease,color .3s ease;display:flex;align-items:center;gap:12px;background:none;border:none;cursor:pointer;width:100%;font-family:Inter,sans-serif;font-weight:500;white-space:nowrap}.nav-links li:not(.active) a:hover,.nav-links li:not(.active) button:hover{color:#1f61a0}.nav-icon{width:20px;height:20px;transition:all .3s ease,filter .3s ease;flex-shrink:0}.nav-links .active{background:linear-gradient(135deg,#1f61a0,#0c4a78);box-shadow:0 4px 15px #1f61a04d;transition:all .3s ease,background .3s ease,box-shadow .3s ease}.nav-links .active a,.nav-links .active button{color:#fff!important;font-weight:600;display:flex;align-items:center;transition:all .3s ease,color .3s ease}.nav-links .active a img,.nav-links .active button img,.nav-links .active .nav-icon{filter:brightness(0) invert(1);transition:all .3s ease,filter .3s ease}.hamburger-menu{display:none;flex-direction:column;cursor:pointer;position:fixed;top:20px;left:20px;z-index:1003;padding:8px;border-radius:8px;background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 15px #1f61a026}.hamburger-menu .bar{width:25px;height:3px;background:linear-gradient(90deg,#1f61a0,#0c4a78);margin:4px 0;transition:all .4s ease;border-radius:2px}.hamburger-menu:hover .bar{background:linear-gradient(90deg,#0c4a78,#1f61a0)}.close-btn{display:none;position:absolute;top:15px;right:15px;background:none;border:none;font-size:30px;color:#1f61a0;cursor:pointer;z-index:1004;transition:transform .3s ease,color .3s ease}.close-btn:hover{color:#0c4a78;transform:rotate(90deg)}.dialog-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;transition:opacity .3s ease}.sidebar.active~.dialog-overlay{display:block}.logout-dialog{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:linear-gradient(135deg,#fff,#f8fafc);padding:30px;border-radius:15px;z-index:1001;width:400px;max-width:90%;box-shadow:0 15px 40px #1f61a033;border:1px solid rgba(255,255,255,.2);font-family:Inter,sans-serif}.logout-dialog p{margin-bottom:25px;color:#1e293b;text-align:start;font-size:16px;font-weight:600}.dialog-buttons{display:flex;justify-content:flex-end;gap:12px}.dialog-button{padding:10px 20px;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s ease;border:none;font-family:Inter,sans-serif;box-shadow:0 4px 15px #0000001a}.dialog-button.confirm:hover{background:linear-gradient(135deg,#0c4a78,#1f61a0);transform:translateY(-2px);box-shadow:0 6px 20px #1f61a04d}.dialog-button.cancel{background:#fff;color:#1f61a0;border:1px solid rgba(31,97,160,.3)}.dialog-button.cancel:hover{background:linear-gradient(135deg,#fff);transform:translateY(-2px);box-shadow:0 6px 20px #1f61a026}@media (min-width: 1025px) and (max-width: 1440px){.sidebar{width:260px;margin-left:15px;margin-right:15px;padding:20px}.img-sidebar-logo{max-width:150px}.nav-links li{padding:10px 12px;margin-bottom:12px}.nav-links a,.nav-links button{font-size:13px;margin-left:0;gap:10px;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;white-space:nowrap}.close-btn{display:none}.nav-icon{width:20px;height:20px}.logout-dialog{width:350px;padding:25px}.dialog-button{padding:8px 16px}}@media (min-width: 769px) and (max-width: 1024px){.hamburger-menu{display:flex}.sidebar{width:220px;margin-left:10px;margin-right:10px;padding:15px;transform:translate(-120%);z-index:1002}.sidebar.active{transform:translate(0);overflow-y:auto;margin-top:1px}.close-btn{display:block;font-size:24px;top:20px;right:3px}.img-sidebar-logo{max-width:140px}.nav-links li{padding:8px 10px;margin-bottom:10px}.nav-links a,.nav-links button{font-size:13px;margin-left:8px;gap:8px}.nav-icon{width:18px;height:18px}.logout-dialog{width:70%;padding:20px}.logout-dialog p{font-size:15px}.dialog-button{padding:6px 12px;font-size:13px}}@media (min-width: 577px) and (max-width: 768px){.hamburger-menu{display:flex}.sidebar{width:250px;margin-left:8px;margin-right:8px;padding:12px;transform:translate(-120%);z-index:1002}.sidebar.active{transform:translate(0);overflow-y:auto;margin-top:1px}.close-btn{display:block;font-size:24px;top:16px;right:3px}.img-sidebar-logo{max-width:130px}.nav-links li{padding:12px 8px;margin-bottom:8px}.nav-links a,.nav-links button{font-size:14px;margin-left:0;gap:6px;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;white-space:nowrap}.nav-icon{width:20px;height:20px}.logout-dialog{width:80%;padding:15px}.logout-dialog p{font-size:14px}.dialog-button{padding:5px 10px;font-size:12px}}@media (max-width: 576px){.hamburger-menu{display:flex;top:2px;left:3px}.sidebar{width:100%;max-width:260px;margin-left:0;margin-right:0;padding:10px;transform:translate(-120%);border-radius:0 15px 15px 0;z-index:1002}.sidebar.active{transform:translate(0);top:2px;left:3px;margin-top:1px;overflow-y:auto}.close-btn{display:block;font-size:28px;top:22px;right:3px}.img-sidebar-logo{max-width:130px}.logo-container{margin-bottom:20px;display:flex;margin-top:10px;justify-content:flex-start;margin-left:39px}.nav-links li{padding:16px 8px;margin-bottom:6px}.nav-links a,.nav-links button{font-size:14px;margin-left:6px;gap:6px}.nav-icon{width:20px;height:20px}.logout-dialog{width:90%;padding:12px}.logout-dialog p{margin-bottom:20px}.dialog-button{padding:4px 8px;font-size:11px}}.pagination{display:flex;justify-content:space-between;align-items:center;margin-top:40px;margin-left:0;width:100%;padding-right:70px;gap:20px;font-family:Inter,sans-serif}.pagination span:first-child{margin-right:auto;font-family:Inter,sans-serif;font-weight:500;color:#64748b;font-size:14px;font-style:normal}.pagination-buttons{display:flex;align-items:center;gap:8px}.pagination span{margin:0 3px;padding:10px 16px;font-family:Inter,sans-serif;font-style:normal;font-weight:500;color:#64748b;border-radius:10px;transition:all .3s ease;box-shadow:0 4px 12px #0000000d;border:2px solid #e2e8f0;background:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.pagination-ellipsis{border:none!important;background:transparent!important;padding:10px 8px!important;margin:0 2px!important;font-family:Inter,sans-serif;font-weight:600;color:#64748b!important;font-size:14px;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;display:flex;align-items:center;justify-content:center;min-width:32px;cursor:default;-webkit-user-select:none;user-select:none}.pagination-prev,.pagination-next{border:2px solid #e2e8f0;background:#fff;padding:10px 16px;margin:0 5px;cursor:pointer;border-radius:10px;font-family:Inter,sans-serif;font-weight:600;color:#1f61a0;transition:all .3s ease;box-shadow:0 4px 12px #0000000d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:14px;position:relative;overflow:hidden}.pagination-prev:hover,.pagination-next:hover{background:linear-gradient(135deg,#1f61a0,#0c4a78);color:#fff;border-color:#1f61a0;transform:translateY(-2px);box-shadow:0 8px 25px #1f61a040}.pagination-number{border:2px solid #e2e8f0;background:#fff;padding:10px 16px;margin:0 3px;cursor:pointer;border-radius:10px;font-family:Inter,sans-serif;font-weight:600;color:#64748b;transition:all .3s ease;box-shadow:0 4px 12px #0000000d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:14px;min-width:44px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.pagination-number:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(31,97,160,.1),transparent);transition:left .5s}.pagination-number:hover:before{left:100%}.pagination-number:hover{background:#f1f5f9;border-color:#1f61a0;color:#1f61a0;transform:translateY(-1px);box-shadow:0 6px 20px #1f61a026}.pagination-number.active{background:linear-gradient(135deg,#1f61a0,#0c4a78);color:#fff;border-color:#1f61a0;box-shadow:0 8px 25px #1f61a04d;transform:translateY(-1px);font-weight:700}.pagination-number.active:before{background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent)}.pagination-prev:disabled,.pagination-next:disabled{opacity:.5;cursor:not-allowed;background:#f8fafc;color:#94a3b8;border-color:#e2e8f0;transform:none}.pagination-prev:disabled:hover,.pagination-next:disabled:hover{transform:none;box-shadow:0 4px 12px #0000000d;background:#f8fafc;color:#94a3b8;border-color:#e2e8f0}.pagination-prev:disabled:before,.pagination-next:disabled:before{display:none}.pagination-prev{position:relative;padding-left:20px}.pagination-next{position:relative;padding-right:20px}@media (min-width: 1025px) and (max-width: 1440px){.pagination{padding-right:50px;margin-top:30px}.pagination-buttons{gap:4px;flex-wrap:wrap;justify-content:center}.pagination-prev,.pagination-next,.pagination-number{padding:8px 14px;font-size:13px}.pagination-ellipsis{padding:8px 6px!important;font-size:13px}}@media (min-width: 769px) and (max-width: 1024px){.pagination{padding-right:40px;margin-top:25px;gap:15px}.pagination-buttons{gap:4px;flex-wrap:wrap;justify-content:center}.pagination-prev,.pagination-next,.pagination-number{padding:8px 12px;font-size:12px}.pagination-ellipsis{padding:8px 6px!important;font-size:12px}}@media (min-width: 577px) and (max-width: 768px){.pagination{padding-right:30px;margin-top:20px;flex-direction:column;gap:15px}.pagination-buttons{gap:4px;flex-wrap:wrap;justify-content:center}.pagination-prev,.pagination-next,.pagination-number{padding:8px 12px;font-size:12px}.pagination-ellipsis{padding:8px 6px!important;font-size:12px}}@media (max-width: 576px){.pagination{padding-right:0;margin-top:15px;flex-direction:column;gap:12px}.pagination-buttons{gap:4px;flex-wrap:wrap;justify-content:center}.pagination-prev,.pagination-next,.pagination-number{padding:8px 10px;font-size:11px;min-width:36px}.pagination span:first-child{text-align:center;font-size:12px}.pagination-ellipsis{padding:8px 4px!important;font-size:11px;min-width:28px}}.dialog-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:opacity .3s ease}.status-dialog{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:linear-gradient(135deg,#fff,#f8fafc);padding:24px;border-radius:10px;z-index:1001;width:400px;max-width:90%;box-shadow:0 8px 32px #1f61a01f;border:1px solid rgba(255,255,255,.2);transition:all .3s ease}.status-dialog:hover{box-shadow:0 12px 40px #1f61a02e;transform:translate(-50%,-52%)}.status-dialog p{margin-bottom:20px;color:#1e293b;text-align:start;font-size:16px;font-family:Inter,sans-serif;font-weight:700}.dialog-button{padding:8px 16px;border-radius:10px;font-weight:600;cursor:pointer;transition:all .3s ease;border:none;font-family:Inter,sans-serif;box-shadow:0 4px 12px #1f61a01f}.dialog-button.confirm{background:linear-gradient(135deg,#1f61a0,#0c4a78);color:#fff}.dialog-button.confirm:hover{background:linear-gradient(135deg,#0c4a78,#1f61a0);transform:translateY(-2px);box-shadow:0 6px 20px #1f61a02e}.dialog-button.cancel{background:#fff;color:#1f61a0;border:1px solid #1f61a0}.dialog-button.cancel:hover{background:linear-gradient(135deg,#fff);transform:translateY(-2px);box-shadow:0 6px 20px #1f61a02e}.main-contentclient{flex:1;padding:20px;overflow-x:auto}.clients-container h1{color:#1f61a0;margin-bottom:30px;font-size:32px;font-weight:700;font-family:Inter,sans-serif;text-shadow:0 2px 4px rgba(31,97,160,.1)}.container{display:flex;height:100vh}.top-barclient{display:flex;justify-content:space-between;align-items:center;margin-top:10px;margin-bottom:40px}.search-boxclient{flex-shrink:0;width:300px;display:flex;align-items:center;padding:15px;background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:8px;height:40px;box-shadow:0 8px 32px #1f61a01f;border:1px solid rgba(255,255,255,.2);transition:all .3s ease}.search-boxclient:hover{box-shadow:0 12px 40px #1f61a02e;transform:translateY(-2px)}.search-boxclient input{border:none;outline:none;padding:5px;width:250px;background:transparent;font-size:15px;font-family:Inter,sans-serif;color:#334155;font-weight:500}.search-boxclient input::placeholder{color:#94a3b8}.add-clientofclient{width:200px;max-width:200px;min-width:200px;height:40px;border-radius:10px;border:none;background:linear-gradient(135deg,#1f61a0,#0c4a78);color:#fff;cursor:pointer;font-size:16px;font-family:Inter,sans-serif;font-weight:600;letter-spacing:0%;transition:all .3s ease;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 25px #1f61a04d;position:relative;overflow:hidden}.add-clientofclient:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.add-clientofclient:hover:before{left:100%}.add-clientofclient:hover{background:linear-gradient(135deg,#0c4a78,#1f61a0);transform:translateY(-2px);box-shadow:0 12px 35px #1f61a066}.table-containerofclient{display:flex;flex-direction:column;gap:0px;background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:12px;box-shadow:0 20px 60px #00000014;border:1px solid rgba(255,255,255,.3)}.table-headerclient{display:grid;grid-template-columns:1.6fr 2.2fr 1.8fr 2.4fr 1.2fr 1.5fr .9fr;align-items:center;text-align:left;padding:12px 10px;width:100%;height:50px;border-radius:12px;border-width:1px;background:linear-gradient(135deg,#1f61a0,#0c4a78);border:1px solid #1f61a0;font-weight:700;font-size:14px;letter-spacing:.09em;color:#fff;font-family:Inter,sans-serif;text-transform:uppercase;box-shadow:0 8px 25px #1f61a033}.table-headerclient span{display:flex;justify-content:flex-start;align-items:center;white-space:nowrap}.table-rowclient{display:grid;grid-template-columns:1.6fr 2.2fr 1.8fr 2.4fr 1.2fr 1.5fr .9fr;align-items:center;background:#fff;text-align:left;padding:12px 10px;width:100%;height:90px;border-radius:1px;border-width:1px;border-bottom:2px solid #e7f3ff;transition:all .3s ease}.table-rowclient:hover{background:linear-gradient(135deg,#1f61a00a,#1f61a014);transform:translate(5px);box-shadow:0 4px 20px #1f61a01a}.table-rowclient span{white-space:normal;overflow-wrap:anywhere;max-width:69%;font-weight:500;color:#475569;display:flex;justify-content:flex-start;align-items:center}.table-rowclient span:first-child,.table-rowclient span:last-child{margin-left:0}.status-toggle-container-client{display:flex;justify-content:flex-start;align-items:center;height:100%;min-height:24px}.status-toggle-container-client input[type=checkbox]{position:relative;width:50px;height:22.5px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:red;outline:none;border-radius:2rem;cursor:pointer;transition:all .3s ease}.status-toggle-container-client input[type=checkbox]:before{content:"";width:17.5px;height:17.5px;border-radius:50%;background:#fff;position:absolute;top:2.5px;left:4px;transition:all .3s ease}.status-toggle-container-client input[type=checkbox]:checked:before{transform:translate(150%);background:#fff}.status-toggle-container-client input[type=checkbox]:checked{background:#00ed64}.twobuttons{display:grid;grid-template-columns:.1fr .2fr;justify-content:left}.loader-small{width:60px;height:10px;aspect-ratio:4;background:radial-gradient(circle closest-side,#1f61a0 90%,#0000) 0 / calc(100% / 3) 100% space;clip-path:inset(0 100% 0 0);animation:l1 1s steps(4) infinite}.client-toggle-button{background:linear-gradient(135deg,#1f61a0,#0c4a78);color:#fff;border:none;font-size:16px;cursor:pointer;border-radius:12px;transition:all .3s ease;box-shadow:0 2px 5px #1f62a025;display:flex;align-items:center;justify-content:center;padding:5px}.client-toggle-button:hover{background:linear-gradient(135deg,#0c4a78,#1f61a0);transform:translateY(-2px);box-shadow:0 8px 25px #1f61a059}.client-view-button{background:none;border:none;cursor:pointer;padding:5px;border-radius:12px;transition:all .3s ease;box-shadow:0 2px 5px #1f62a025;display:flex;align-items:center;justify-content:center}.client-view-button:hover{background:linear-gradient(135deg,#1f61a00a,#1f61a014);transform:translateY(-2px);box-shadow:0 8px 25px #1f61a059}.client-view-button img{width:20px;height:20px}.client-edit-button{background:none;border:none;cursor:pointer;border-radius:12px;transition:all .3s ease;box-shadow:0 2px 5px #1f62a025;display:flex;align-items:center;justify-content:center}.client-edit-button:hover{background:linear-gradient(135deg,#1f61a00a,#1f61a014);transform:translateY(-2px);box-shadow:0 8px 25px #1f61a059}.client-edit-button img{width:20px;height:20px}.accordionclient{width:100%;height:300px;top:411px;left:332px;border-radius:1px;border-width:1px;background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:10px;font-size:14px;color:#1e293b;box-shadow:0 8px 32px #1f61a01f;border-bottom:2px solid #e7f3ff;text-align:center;transition:all .3s ease}.accordionclient:hover{background:linear-gradient(135deg,#1f61a00a,#1f61a014);box-shadow:0 12px 40px #1f61a02e}.client-info-container{display:grid;grid-template-columns:3fr 3fr 2fr;align-items:flex-start;margin-top:20px;gap:20px;flex-wrap:wrap}.client-info-details1{display:grid;gap:15px;color:#1e293b;text-align:left;align-items:center;flex:1;min-width:250px;font-weight:500}.address-box{display:inline-block;border:1px solid rgba(31,97,160,.3);border-radius:10px;background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);font-size:14px;letter-spacing:.09em;color:#1f61a0;padding:10px;margin-left:20px;max-width:300px;max-height:250px;overflow-y:auto;text-align:left;box-shadow:0 8px 32px #1f61a01f;transition:all .3s ease}.address-box:hover{background:linear-gradient(135deg,#1f61a00a,#1f61a014);box-shadow:0 12px 40px #1f61a02e}.address-box-header{font-weight:600;margin-bottom:10px;padding-bottom:5px;border-bottom:1px solid #1f61a0;display:flex;align-items:center;justify-content:flex-start}.address-box-header span{margin-right:10px}.address-box-content{display:flex;flex-direction:column;gap:15px;color:#64748b;padding:5px;text-align:left}.address-item{padding:10px;border-bottom:1px dashed rgba(31,97,160,.3);text-align:left}.address-item:last-child{border-bottom:none}.address-number{font-weight:600;color:#1f61a0;margin-bottom:5px}.boxx2{display:flex;align-items:center;height:auto;min-height:100px;border:1px solid rgba(31,97,160,.3);border-radius:10px;background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);font-size:14px;letter-spacing:.09em;font-weight:600;color:#1f61a0;padding:10px;text-align:left;margin-left:20px;box-shadow:0 8px 32px #1f61a01f;transition:all .3s ease}.boxx2:hover{background:linear-gradient(135deg,#1f61a00a,#1f61a014);box-shadow:0 12px 40px #1f61a02e}.left-section{display:flex;flex-direction:column;align-items:flex-start;margin-right:10px}.left-section span{font-size:14px;font-weight:600}.boxx2 img{width:45px;height:45px;margin-top:0}.contentinsideboxx2{display:flex;flex-direction:column;justify-content:center;color:#64748b;font-weight:500}.no-clients-message{text-align:center;color:#64748b;margin-top:20px;font-size:16px;font-family:Inter,sans-serif;font-weight:500;padding:40px;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border-radius:15px;border:2px dashed #cbd5e1}@media (min-width: 1025px) and (max-width: 1440px){.main-contentclient{margin-left:87px;padding:13px}.clients-container h1{font-size:1.8rem;margin-top:20px;margin-bottom:25px}.top-barclient{margin-bottom:30px}.search-boxclient{width:250px;padding:12px}.search-boxclient:hover{box-shadow:0 12px 40px #1f61a02e;transform:translateY(-2px)}.add-clientofclient{width:180px;font-size:15px}.add-clientofclient:hover{background:linear-gradient(135deg,#0c4a78,#1f61a0);transform:translateY(-2px);box-shadow:0 12px 35px #1f61a066}.table-headerclient,.table-rowclient{grid-template-columns:1.6fr 2.2fr 1.8fr 2.4fr 1.2fr 1.5fr .9fr;font-size:13px}.table-rowclient:hover{background:linear-gradient(135deg,#1f61a00a,#1f61a014);transform:translate(5px);box-shadow:0 4px 20px #1f61a01a}.client-info-container{grid-template-columns:1fr 1fr;gap:15px}.address-box,.boxx2{margin-left:0;max-width:100%;padding:8px}.address-box:hover,.boxx2:hover{background:linear-gradient(135deg,#1f61a00a,#1f61a014);box-shadow:0 12px 40px #1f61a02e}.accordionclient{height:370px;font-size:12px}.accordionclient:hover{background:linear-gradient(135deg,#1f61a00a,#1f61a014);box-shadow:0 12px 40px #1f61a02e}.client-info-details1{font-size:10px}.status-dialog{width:350px;padding:20px}}@media (min-width: 769px) and (max-width: 1024px){.main-contentclient{margin-left:50px;padding:12px}.clients-container h1{font-size:1.6rem;margin-top:60px;margin-bottom:20px}.top-barclient{flex-direction:row;align-items:flex-start;gap:15px;margin-bottom:25px}.search-boxclient{width:220px;padding:10px}.search-boxclient:hover{box-shadow:0 12px 40px #1f61a02e;transform:translateY(-2px)}.add-clientofclient{width:160px;font-size:14px}.add-clientofclient:hover{background:linear-gradient(135deg,#0c4a78,#1f61a0);transform:translateY(-2px);box-shadow:0 12px 35px #1f61a066}.table-headerclient,.table-rowclient{grid-template-columns:1fr 1.5fr 1fr 1.5fr 1fr 1fr 1fr;font-size:12px}.table-rowclient:hover{background:linear-gradient(135deg,#1f61a00a,#1f61a014);transform:translate(5px);box-shadow:0 4px 20px #1f61a01a}.client-info-container{grid-template-columns:1fr 1fr;gap:12px}.address-box,.boxx2{margin-left:0;max-width:100%;padding:8px}.address-box:hover,.boxx2:hover{background:linear-gradient(135deg,#1f61a00a,#1f61a014);box-shadow:0 12px 40px #1f61a02e}.accordionclient{height:370px;font-size:12px}.accordionclient:hover{background:linear-gradient(135deg,#1f61a00a,#1f61a014);box-shadow:0 12px 40px #1f61a02e}.status-dialog{width:320px;padding:18px}}@media (min-width: 577px) and (max-width: 768px){.main-contentclient{margin-left:40px;padding:10px}.clients-container h1{font-size:1.4rem;margin-top:65px;margin-bottom:15px}.top-barclient{flex-direction:row;align-items:flex-start;gap:12px;margin-bottom:20px}.search-boxclient{width:200px;padding:8px}.search-boxclient:hover{box-shadow:0 12px 40px #1f61a02e;transform:translateY(-2px)}.search-boxclient input{width:100%}.add-clientofclient{width:140px;font-size:13px}.add-clientofclient:hover{background:linear-gradient(135deg,#0c4a78,#1f61a0);transform:translateY(-2px);box-shadow:0 12px 35px #1f61a066}.table-headerclient,.table-rowclient{grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr 1fr;font-size:11px}.table-rowclient:hover{background:linear-gradient(135deg,#1f61a00a,#1f61a014);transform:translate(5px);box-shadow:0 4px 20px #1f61a01a}.client-info-container{grid-template-columns:1fr;gap:10px}.address-box,.boxx2{margin-left:0;max-width:100%;padding:6px}.address-box:hover,.boxx2:hover{background:linear-gradient(135deg,#1f61a00a,#1f61a014);box-shadow:0 12px 40px #1f61a02e}.accordionclient{height:570px;font-size:11px}.accordionclient:hover{background:linear-gradient(135deg,#1f61a00a,#1f61a014);box-shadow:0 12px 40px #1f61a02e}.status-dialog{width:300px;padding:16px}.table-rowclient{height:95px}}@media (max-width: 576px){.main-contentclient{padding:10px}.clients-container h1{font-size:1.5rem;margin-top:55px;margin-bottom:12px}.top-barclient{flex-direction:row;align-items:flex-start;gap:10px;margin-bottom:15px}.table-headerclient span:nth-child(2),.table-headerclient span:nth-child(3),.table-headerclient span:nth-child(4),.table-rowclient span:nth-child(2),.table-rowclient span:nth-child(3),.table-rowclient span:nth-child(4){display:none}.search-boxclient{width:50%;padding:6px}.search-boxclient:hover{box-shadow:0 12px 40px #1f61a02e;transform:translateY(-2px)}.search-boxclient input{width:100%;font-size:12px}.add-clientofclient{width:120px;min-width:120px;font-size:12px;height:36px}.add-clientofclient:hover{background:linear-gradient(135deg,#0c4a78,#1f61a0);transform:translateY(-2px);box-shadow:0 12px 35px #1f61a066}.table-headerclient{grid-template-columns:1.3fr 1fr 1fr .5fr;font-size:10px;padding:8px}.table-rowclient{grid-template-columns:1.5fr 1fr 1fr .5fr;font-size:12px;padding:8px}.status-toggle-container-client input[type=checkbox]:before{content:"";width:17px;height:17px;border-radius:50%;background:#fff;position:absolute;top:2px;left:2px;transition:all .3s ease}.status-toggle-container-client input[type=checkbox]{position:relative;width:50px;height:21px;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;border-radius:2rem;cursor:pointer;transition:all .3s ease}.client-toggle-button{background:linear-gradient(135deg,#1f61a0,#0c4a78);color:#fff;border:none;font-size:16px;cursor:pointer;border-radius:12px;transition:all .3s ease;box-shadow:0 2px 5px #1f62a025;display:flex;align-items:center;justify-content:center;padding:5px;width:50px}.table-rowclient{height:auto;gap:8px}.table-rowclient:hover{background:linear-gradient(135deg,#1f61a00a,#1f61a014);transform:translate(5px);box-shadow:0 4px 20px #1f61a01a}.client-info-container{grid-template-columns:1fr;gap:8px}.address-box,.boxx2{margin-left:0;max-width:100%;padding:5px;font-size:12px}.address-box:hover,.boxx2:hover{background:linear-gradient(135deg,#1f61a00a,#1f61a014);box-shadow:0 12px 40px #1f61a02e}.accordionclient{height:auto;font-size:10px;padding:8px}.accordionclient:hover{background:linear-gradient(135deg,#1f61a00a,#1f61a014);box-shadow:0 12px 40px #1f61a02e}.status-dialog{width:90%;padding:12px;font-size:14px}.dialog-buttons{gap:10px}.dialog-button{padding:6px 12px;font-size:12px}.dialog-button:hover{background:linear-gradient(135deg,#0c4a78,#1f61a0);transform:translateY(-2px);box-shadow:0 6px 20px #1f61a02e}.pagination span:first-child{margin-right:0}}.skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s infinite}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.home-page{padding:2rem}.home-page h1{font-size:2rem;margin-bottom:2rem;color:#1f61a0}.stats-container{display:flex;gap:2rem;flex-wrap:wrap}.stat-card{background:#fff;border-radius:8px;padding:1.5rem;box-shadow:0 2px 4px #0000001a;flex:1;min-width:200px;text-align:center;transition:all .3s ease}.stat-card:hover{transform:translateY(-5px);box-shadow:0 10px 20px #0000001a;cursor:pointer}.stat-card img{width:48px;height:48px;margin-bottom:1rem}.stat-card h2{font-size:2.5rem;margin:.5rem 0;color:#2c3e50}.stat-card p{color:#7f8c8d;margin:0;font-size:1rem}.client-status-bar{margin-top:1rem;width:auto}.status-bar-container{display:flex;height:30px;border-radius:15px;overflow:hidden;box-shadow:0 2px 10px #0000001a;width:100%}.status-bar{display:flex;align-items:center;justify-content:center;transition:width .5s ease;min-width:80px}.status-bar.active{background:linear-gradient(90deg,#4caf50,#66bb6a)}.status-bar.inactive{background:linear-gradient(90deg,#f44336,#ef5350)}.status-count{color:#fff;font-weight:600;font-size:.8rem;text-shadow:0 1px 2px rgba(0,0,0,.2)}.status-legend{display:flex;justify-content:center;gap:1rem;margin-top:.5rem}.legend-item{display:flex;align-items:center;gap:.5rem;font-size:.8rem;color:#666}.legend-color{width:12px;height:12px;border-radius:3px}.legend-color.active{background:#4caf50}.legend-color.inactive{background:#f44336}.time-stat-card0{background:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 4px #0000001a;transition:all .3s ease;margin-top:30px}.time-stat-card0:hover{transform:translateY(-5px);box-shadow:0 10px 20px #0000001a}.time-stat-card0 h3{font-size:1.5rem;margin-bottom:15px;color:#333;text-align:center;padding-right:120px}.time-stat-card1,.time-stat-card2,.time-stat-card3{background:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 4px #0000001a;transition:all .3s ease}.time-stat-card1:hover,.time-stat-card2:hover,.time-stat-card3:hover{transform:translateY(-5px);box-shadow:0 10px 20px #0000001a}.header-container{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.time-stat-card1 h3,.time-stat-card2 h3,.time-stat-card3 h3{font-size:1.2rem;color:#333;margin:0}.time-stat-item{display:flex;flex-direction:column;align-items:center}.time-stat-value{font-size:-.5rem;font-weight:700;color:#333}.pie-chart-container{height:300px;width:100%;max-width:500px;margin:0 auto}.status-legend-container{display:flex;flex-wrap:wrap;justify-content:center;margin-top:20px;gap:10px}.status-legend-item{display:flex;align-items:center;gap:5px}.status-legend-color{width:12px;height:12px;border-radius:3px}.calendar-picker-container{position:relative;display:flex;align-items:center}.calendar-picker-button{display:flex;align-items:center;background-color:#fff;border:1px solid #e2e8f0;border-radius:6px;padding:5px;font-size:.9rem;color:#334155;cursor:pointer;transition:all .2s ease;box-shadow:0 1px 2px #0000000d}.calendar-picker-button:hover{border-color:#94a3b8;box-shadow:0 2px 4px #0000001a}.calendar-picker-text{font-weight:500;margin-right:8px}.calendar-icon{color:#64748b}.react-datepicker-wrapper{width:auto}.react-datepicker{font-family:inherit!important;border-radius:8px!important;border:1px solid #e2e8f0!important;box-shadow:0 4px 12px #0000001a!important}.react-datepicker__header{background-color:#f8fafc!important;border-bottom:1px solid #e2e8f0!important}.react-datepicker__header:not(.react-datepicker__header--has-time-select){border-top-right-radius:.3rem;height:43px}.react-datepicker__navigation{top:16px!important}.react-datepicker__month-container{padding:8px!important}.react-datepicker__day--selected,.react-datepicker__month--selected,.react-datepicker__year--selected{background-color:#1f61a0!important;color:#fff!important}.react-datepicker__day:hover,.react-datepicker__month-text:hover,.react-datepicker__year-text:hover{background-color:#e2e8f0!important}@media (min-width: 1025px) and (max-width: 1440px){.home-page{margin-left:80px;padding:1.5rem}.time-stats-container{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:15px}.stats-container{flex-direction:row;gap:1.5rem}.stat-card{min-width:180px;padding:1.2rem}.pie-chart-container{height:280px;max-width:450px}.time-stat-grid{grid-template-columns:1fr 1fr;gap:12px}.calendar-picker-button{padding:5px 10px;font-size:.9rem}}@media (min-width: 769px) and (max-width: 1024px){.home-page{margin-left:70px;padding:1.2rem}.time-stats-container{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.stats-container{flex-direction:row;gap:1.2rem}.stat-card{min-width:160px;padding:1rem}.stat-card h2{font-size:2rem}.pie-chart-container{height:260px;max-width:400px}.time-stat-grid{grid-template-columns:1fr}.calendar-picker-button{padding:4px 8px;font-size:.85rem}.calendar-picker-text{margin-right:6px}}@media (min-width: 577px) and (max-width: 768px){.home-page{margin-left:50px;padding:1rem}.time-stats-container{grid-template-columns:1fr;gap:10px}.stats-container{flex-direction:column;gap:1rem}.stat-card{min-width:100%;padding:1rem}.stat-card h2{font-size:1.8rem}.pie-chart-container{height:240px;max-width:350px}.time-stat-grid{grid-template-columns:1fr}.calendar-picker-button{padding:4px 6px;font-size:.8rem}.calendar-picker-text{margin-right:5px}}@media (max-width: 576px){.home-page{margin-left:0;padding:1rem}.home-page h1{font-size:1.5rem;margin-bottom:1.5rem;text-align:center}.time-stats-container{grid-template-columns:1fr;gap:8px}.stats-container{flex-direction:column;gap:.8rem}.stat-card{min-width:100%;padding:.8rem}.stat-card h2{font-size:1.5rem}.stat-card img{width:40px;height:40px}.pie-chart-container{height:200px;max-width:300px}.time-stat-grid{grid-template-columns:1fr}.calendar-picker-button{padding:3px 5px;font-size:.75rem}.calendar-picker-text{margin-right:4px}.status-bar-container{height:25px}.status-bar{min-width:60px}.status-count{font-size:.7rem}}.react-datepicker__navigation-icon:before,.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-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-wrapper{display:inline-block;padding:0;border:0}.react-datepicker{font-family:Helvetica Neue,helvetica,arial,sans-serif;font-size:.8rem;background-color:#fff;color:#000;border:1px solid #aeaeae;border-radius:.3rem;display:inline-block;position:relative;line-height:initial}.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{z-index:1;line-height:0}.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{text-align:center;background-color:#f0f0f0;border-bottom:1px solid #aeaeae;border-top-left-radius:.3rem;padding:8px 0;position:relative}.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__year-dropdown-container--select,.react-datepicker__month-dropdown-container--select,.react-datepicker__month-year-dropdown-container--select,.react-datepicker__year-dropdown-container--scroll,.react-datepicker__month-dropdown-container--scroll,.react-datepicker__month-year-dropdown-container--scroll{display:inline-block;margin:0 15px}.react-datepicker__current-month,.react-datepicker-time__header,.react-datepicker-year-header{margin-top:0;color:#000;font-weight:700;font-size:.944rem}h2.react-datepicker__current-month{padding:0;margin:0}.react-datepicker-time__header{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.react-datepicker__navigation{align-items:center;background:none;display:flex;justify-content:center;text-align:center;cursor:pointer;position:absolute;top:2px;padding:0;border:none;z-index:1;height:32px;width:32px;text-indent:-999em;overflow:hidden}.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{position:relative;top:0;display:block;margin-left:auto;margin-right:auto}.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{position:relative;top:-1px;font-size:20px;width:0}.react-datepicker__navigation-icon--next{left:-2px}.react-datepicker__navigation-icon--next:before{transform:rotate(45deg);left:-7px}.react-datepicker__navigation-icon--previous{right:-2px}.react-datepicker__navigation-icon--previous:before{transform:rotate(225deg);right:-7px}.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;width:4rem;margin:2px}.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;width:4rem;margin:2px}.react-datepicker__input-time-container{clear:both;width:100%;float:left;margin:5px 0 10px 15px;text-align:left}.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{margin-left:5px;display:inline-block}.react-datepicker__time-container{float:right;border-left:1px solid #aeaeae;width:85px}.react-datepicker__time-container--with-today-button{display:inline;border:1px solid #aeaeae;border-radius:.3rem;position:absolute;right:-87px;top:0}.react-datepicker__time-container .react-datepicker__time{position:relative;background:#fff;border-bottom-right-radius:.3rem}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box{width:85px;overflow-x:hidden;margin:0 auto;text-align:center;border-bottom-right-radius:.3rem}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list{list-style:none;margin:0;height:calc(195px + .85rem);overflow-y:scroll;padding-right:0;padding-left:0;width:100%;box-sizing:content-box}.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{cursor:pointer;background-color:#f0f0f0}.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{cursor:default;background-color:transparent}.react-datepicker__week-number{color:#ccc;display:inline-block;width:1.7rem;line-height:1.7rem;text-align:center;margin:.166rem}.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{border-radius:.3rem;background-color:#f0f0f0}.react-datepicker__week-number--selected{border-radius:.3rem;background-color:#216ba5;color:#fff}.react-datepicker__week-number--selected:hover{background-color:#1d5d90}.react-datepicker__day-names{white-space:nowrap;margin-bottom:-8px}.react-datepicker__week{white-space:nowrap}.react-datepicker__day-name,.react-datepicker__day,.react-datepicker__time-name{color:#000;display:inline-block;width:1.7rem;line-height:1.7rem;text-align:center;margin:.166rem}.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{border-radius:.3rem;background-color:#f0f0f0}.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{border-radius:.3rem;background-color:#3dcc4a;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{position:relative;border-radius:.3rem;background-color:#ff6803;color:#fff}.react-datepicker__day--holidays .overlay,.react-datepicker__month-text--holidays .overlay,.react-datepicker__quarter-text--holidays .overlay,.react-datepicker__year-text--holidays .overlay{position:absolute;bottom:100%;left:50%;transform:translate(-50%);background-color:#333;color:#fff;padding:4px;border-radius:4px;white-space:nowrap;visibility:hidden;opacity:0;transition:visibility 0s,opacity .3s ease-in-out}.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{visibility:visible;opacity:1}.react-datepicker__day--selected,.react-datepicker__day--in-selecting-range,.react-datepicker__day--in-range,.react-datepicker__month-text--selected,.react-datepicker__month-text--in-selecting-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--selected,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--selected,.react-datepicker__year-text--in-selecting-range,.react-datepicker__year-text--in-range{border-radius:.3rem;background-color:#216ba5;color:#fff}.react-datepicker__day--selected:not([aria-disabled=true]):hover,.react-datepicker__day--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__day--in-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-range: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{border-radius:.3rem;background-color:#bad9f1;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}.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__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__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__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__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__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__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__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{cursor:default;color:#ccc}.react-datepicker__day--disabled .overlay,.react-datepicker__month-text--disabled .overlay,.react-datepicker__quarter-text--disabled .overlay,.react-datepicker__year-text--disabled .overlay{position:absolute;bottom:70%;left:50%;transform:translate(-50%);background-color:#333;color:#fff;padding:4px;border-radius:4px;white-space:nowrap;visibility:hidden;opacity:0;transition:visibility 0s,opacity .3s ease-in-out}.react-datepicker__input-container{position:relative;display:inline-block;width:100%}.react-datepicker__input-container .react-datepicker__calendar-icon{position:absolute;padding:.5rem;box-sizing:content-box}.react-datepicker__view-calendar-icon input{padding:6px 10px 5px 25px}.react-datepicker__year-read-view,.react-datepicker__month-read-view,.react-datepicker__month-year-read-view{border:1px solid transparent;border-radius:.3rem;position:relative}.react-datepicker__year-read-view:hover,.react-datepicker__month-read-view:hover,.react-datepicker__month-year-read-view:hover{cursor:pointer}.react-datepicker__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__month-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-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__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow{border-top-color:#b3b3b3}.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow{transform:rotate(135deg);right:-16px;top:0}.react-datepicker__year-dropdown,.react-datepicker__month-dropdown,.react-datepicker__month-year-dropdown{background-color:#f0f0f0;position:absolute;width:50%;left:25%;top:30px;z-index:1;text-align:center;border-radius:.3rem;border:1px solid #aeaeae}.react-datepicker__year-dropdown:hover,.react-datepicker__month-dropdown:hover,.react-datepicker__month-year-dropdown:hover{cursor:pointer}.react-datepicker__year-dropdown--scrollable,.react-datepicker__month-dropdown--scrollable,.react-datepicker__month-year-dropdown--scrollable{height:150px;overflow-y:scroll}.react-datepicker__year-option,.react-datepicker__month-option,.react-datepicker__month-year-option{line-height:20px;width:100%;display:block;margin-left:auto;margin-right:auto}.react-datepicker__year-option:first-of-type,.react-datepicker__month-option:first-of-type,.react-datepicker__month-year-option:first-of-type{border-top-left-radius:.3rem;border-top-right-radius:.3rem}.react-datepicker__year-option:last-of-type,.react-datepicker__month-option:last-of-type,.react-datepicker__month-year-option:last-of-type{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem}.react-datepicker__year-option:hover,.react-datepicker__month-option:hover,.react-datepicker__month-year-option:hover{background-color:#ccc}.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming{border-bottom-color:#b3b3b3}.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous{border-top-color:#b3b3b3}.react-datepicker__year-option--selected,.react-datepicker__month-option--selected,.react-datepicker__month-year-option--selected{position:absolute;left:15px}.react-datepicker__close-icon{cursor:pointer;background-color:transparent;border:0;outline:0;padding:0 6px 0 0;position:absolute;top:0;right:0;height:100%;display:table-cell;vertical-align:middle}.react-datepicker__close-icon:after{cursor:pointer;background-color:#216ba5;color:#fff;border-radius:50%;height:16px;width:16px;padding:2px;font-size:12px;line-height:1;text-align:center;display:table-cell;vertical-align:middle;content:"×"}.react-datepicker__close-icon--disabled{cursor:default}.react-datepicker__close-icon--disabled:after{cursor:default;background-color:#ccc}.react-datepicker__today-button{background:#f0f0f0;border-top:1px solid #aeaeae;cursor:pointer;text-align:center;font-weight:700;padding:5px 0;clear:left}.react-datepicker__portal{position:fixed;width:100vw;height:100vh;background-color:#000c;left:0;top:0;justify-content:center;align-items:center;display:flex;z-index:2147483647}.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__time-name{width:3rem;line-height:3rem}@media (max-width: 400px),(max-height: 550px){.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__time-name{width:2rem;line-height:2rem}}.react-datepicker__portal .react-datepicker__current-month,.react-datepicker__portal .react-datepicker-time__header{font-size:1.44rem}.react-datepicker__children-container{width:13.8rem;margin:.4rem;padding-right:.2rem;padding-left:.2rem;height:auto}.react-datepicker__aria-live{position:absolute;clip-path:circle(0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;width:1px;white-space:nowrap}.react-datepicker__calendar-icon{width:1em;height:1em;vertical-align:-.125em}.dropdown{padding:12px;border:1px solid #d0d5dd;border-radius:8px;background:#fff;width:100%;color:#333;font-size:14px;outline:none;transition:border-color .3s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="%231f61a0" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="6 9 12 15 18 9"></polyline></svg>');background-repeat:no-repeat;background-position:right 10px center;background-size:15px}.template-type-display{margin-top:8px;font-size:14px;font-family:inherit;font-weight:700;color:#1f61a0}.error-message-purchase{color:red;font-size:12px;margin-top:5px;display:block;text-align:right}.form-section input[type=text]{padding:12px;font-size:14px;border:1px solid #ccc;border-radius:6px;background-color:#fff;outline:none;transition:all .2s ease-in-out;width:100%;box-sizing:border-box}.error-field{border-color:red;background-color:#fff5f5}.error-message-purchase{color:red;font-size:12px;margin-top:4px;display:block}.form-section input:disabled{background-color:#f0f0f0;color:#999;cursor:not-allowed;opacity:.6;border:1px solid #d0d0d0}.form-section input:disabled:hover{background-color:#f0f0f0;cursor:not-allowed}.dropdown-search-input{width:100%;padding:8px;border:none;outline:none;font-family:inherit;font-size:14px;background:transparent;color:inherit}.dropdown-search-input:focus{outline:none;box-shadow:none}.custom-dropdown{position:relative;width:100%;outline:none}.dropdown-trigger{display:flex;align-items:center;justify-content:space-between;padding:12px 15px;border:2px solid rgba(31,97,160,.2);border-radius:12px;background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#334155;font-size:14px;font-family:Inter,sans-serif;font-weight:500;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #1f61a014;-webkit-user-select:none;user-select:none}.dropdown-trigger:hover{border-color:#1f61a066;box-shadow:0 6px 20px #1f61a026;transform:translateY(-1px);background:#fffffff2}.dropdown-trigger.open,.custom-dropdown:focus .dropdown-trigger{border-color:#1f61a0;box-shadow:0 8px 25px #1f61a033,0 0 0 4px #1f61a01a;transform:translateY(-2px);background:#fff}.dropdown-value{flex:1;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown-arrow{color:#1f61a0;transition:transform .3s ease;flex-shrink:0;margin-left:8px}.dropdown-arrow.rotated{transform:rotate(180deg)}.dropdown-menu{position:absolute;top:100%;left:0;right:0;z-index:1000;background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:2px solid rgba(31,97,160,.2);border-radius:12px;box-shadow:0 20px 60px #00000026;margin-top:4px;overflow:hidden;animation:dropdownSlideIn .3s ease;max-height:200px;overflow-y:auto}.dropdown-option{padding:12px 15px;color:#334155;font-size:14px;font-family:Inter,sans-serif;font-weight:500;cursor:pointer;transition:all .2s ease;border-bottom:1px solid rgba(31,97,160,.1)}.dropdown-option:last-child{border-bottom:none}.dropdown-option:hover,.dropdown-option.highlighted{background:#1f61a01a;color:#1f61a0;transform:translate(4px)}.dropdown-option.selected{background:linear-gradient(135deg,#1f61a0,#0c4a78);color:#fff;font-weight:600;position:relative}.dropdown-option.selected:after{content:"✓";position:absolute;right:15px;top:50%;transform:translateY(-50%);font-weight:700}.dropdown-option.selected:hover{background:linear-gradient(135deg,#0c4a78,#1f61a0);transform:translate(0)}.dropdown-menu::-webkit-scrollbar{width:6px}.dropdown-menu::-webkit-scrollbar-track{background:#1f61a01a;border-radius:10px}.dropdown-menu::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#1f61a0,#0c4a78);border-radius:10px}.dropdown-menu::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#0c4a78,#1f61a0)}.custom-dropdown.disabled .dropdown-trigger{background:#eeec;color:#94a3b8;cursor:not-allowed;border-color:#e2e8f080;box-shadow:none;transform:none}.custom-dropdown.disabled .dropdown-arrow{color:#94a3b8}.dropdown-menu-up{bottom:100%;top:auto;margin-bottom:4px;margin-top:0}.dropdown-menu-down{top:100%;bottom:auto;margin-top:4px;margin-bottom:0}.custom-dropdown.open-up .dropdown-arrow{transform:rotate(180deg)}.custom-dropdown.open-down .dropdown-arrow{transform:rotate(0)}@keyframes dropdownSlideIn{0%{opacity:0;transform:translateY(-10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width: 768px){.dropdown-trigger,.dropdown-option{padding:10px 12px;font-size:13px}.dropdown-menu{max-height:150px}}@media (max-width: 576px){.dropdown-trigger{padding:8px 10px;font-size:12px;height:40px;border-radius:10px}.dropdown-option{padding:8px 10px;font-size:12px}.dropdown-menu{border-radius:10px;max-height:120px}.dropdown-arrow{width:14px;height:14px}.dropdown-menu-up{bottom:100%;top:auto;margin-bottom:4px;margin-top:0}.dropdown-menu-down{top:100%;bottom:auto;margin-top:4px;margin-bottom:0}.custom-dropdown.open-up .dropdown-arrow{transform:rotate(180deg)}.custom-dropdown.open-down .dropdown-arrow{transform:rotate(0)}}.main-content-purchase-list{flex:1;padding:20px;min-height:100vh;overflow-x:auto}.orders-container h1{color:#1f61a0;margin-bottom:30px;font-size:32px;font-weight:700;font-family:Inter,sans-serif;text-shadow:0 2px 4px rgba(31,97,160,.1)}.top-bar{display:flex;justify-content:space-between;align-items:center;margin-top:10px;margin-bottom:40px;gap:20px}.search-box-user{flex-shrink:0;width:350px;display:flex;align-items:center;padding:15px 20px;background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:15px;height:50px;box-shadow:0 8px 32px #1f61a01f;border:1px solid rgba(255,255,255,.2);gap:12px;transition:all .3s ease}.search-box-user input{border:none;outline:none;padding:8px;width:100%;background:transparent;font-size:15px;font-family:Inter,sans-serif;color:#334155;font-weight:500}.add-new-purchase-order{width:150px;max-width:150px;min-width:150px;height:40px;border-radius:10px;border:none;background:linear-gradient(135deg,#1f61a0,#0c4a78);color:#fff;cursor:pointer;font-size:16px;font-family:Inter,sans-serif;font-weight:600;letter-spacing:.5px;transition:all .3s ease;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 25px #1f61a04d;position:relative;overflow:hidden}.table-container{display:flex;flex-direction:column;gap:0px;background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;box-shadow:0 20px 60px #00000014;border:1px solid rgba(255,255,255,.3);overflow:hidden}.table-header-pur{display:grid;grid-template-columns:1fr 1fr 1fr 1fr .5fr;align-items:center;text-align:left;padding:18px 15px;width:100%;height:60px;border-radius:15px;background:linear-gradient(135deg,#1f61a0,#0c4a78);color:#fff;font-weight:700;font-size:13px;letter-spacing:.08em;font-family:Inter,sans-serif;box-shadow:0 8px 25px #1f61a033}.table-header-pur span{display:flex;align-items:center;padding-left:10px}.table-row{display:grid;grid-template-columns:1fr 1fr 1fr 1fr .5fr;align-items:center;text-align:left;padding:20px 15px;border-bottom:1px solid rgba(226,232,240,.8);font-family:Inter,sans-serif;transition:all .3s ease;position:relative}.table-row:hover{background:linear-gradient(135deg,#1f61a00a,#1f61a014);transform:translate(5px);box-shadow:0 4px 20px #1f61a01a}.table-row span{display:flex;justify-content:left;align-items:center;padding-left:10px;font-weight:500;color:#475569;white-space:normal;overflow-wrap:anywhere;max-width:69%}.table-row span:nth-child(4){overflow:hidden;text-overflow:ellipsis;position:relative}.table-row span:nth-child(4) a{display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#1f61a0;text-decoration:underline;transition:color .3s ease}.table-row span:nth-child(4) a:hover{color:#0c4a78}.table-row span:nth-child(4):hover:after{content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;transform:translate(-50%);background:#333;color:#fff;padding:5px 10px;border-radius:4px;font-size:14px;white-space:nowrap;z-index:100}.paginationpur{display:flex;justify-content:space-between;align-items:center;margin-top:40px;width:100%;padding-right:70px;font-family:Inter,sans-serif;font-style:italic;color:#64748b}.paginationpursec{display:flex;gap:5px}.paginationpur-prev,.paginationpur-next,.paginationpur-number{padding:8px 14px;border:2px solid #e2e8f0;background:#fff;cursor:pointer;border-radius:10px;font-family:Inter,sans-serif;font-size:13px;font-weight:600;transition:all .3s ease;box-shadow:0 4px 12px #0000000d}.paginationpur-number.active{background:linear-gradient(135deg,#1f61a0,#0c4a78);color:#fff;border-color:#1f61a0}.paginationpur-prev:hover,.paginationpur-next:hover,.paginationpur-number:hover{border-color:#1f61a0;box-shadow:0 6px 20px #1f61a026;transform:translateY(-2px)}.paginationpur-prev:disabled,.paginationpur-next:disabled{cursor:not-allowed;opacity:.6}.error-message{color:#ef4444;text-align:center;margin-top:20px;font-family:Inter,sans-serif;font-size:16px;font-weight:500;padding:15px;background:#fef2f2;border-radius:10px;border:1px solid #fecaca}.no-orders-message{text-align:center;color:#64748b;margin-top:40px;font-size:16px;font-family:Inter,sans-serif;font-weight:500}.buttons-PO{display:flex;gap:7px}.edit-button{border:none;cursor:pointer;border-radius:12px;transition:all .3s ease;box-shadow:0 2px 5px #1f62a025;display:flex;align-items:center;justify-content:center}.edit-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px #1f61a059}.edit-button img{width:20px;height:20px}.audit-button{border:none;cursor:pointer;border-radius:12px;transition:all .3s ease;box-shadow:0 2px 5px #1f62a025;display:flex;align-items:center;justify-content:center}.audit-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0ea5e959}.audit-button svg{width:20px;height:20px;color:whereabouts}.purchase-toggle-button{background:linear-gradient(135deg,#1f61a0,#0c4a78);color:#fff;border:none;font-size:16px;cursor:pointer;border-radius:12px;transition:all .3s ease;box-shadow:0 2px 5px #1f62a025;display:flex;height:25px;width:25px;align-items:center;justify-content:center;padding:5px}.purchase-toggle-button:hover{background:linear-gradient(135deg,#0c4a78,#1f61a0);transform:translateY(-2px);box-shadow:0 8px 25px #1f61a059}.accordion-purchase{width:100%;background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:20px;font-size:14px;height:150px;color:#1e293b;box-shadow:0 8px 32px #1f61a01f;border-bottom:2px solid #e7f3ff;transition:all .3s ease}.purchase-info-container{display:flex;gap:30px;align-items:flex-start}.purchase-info-details{flex:1;display:grid;gap:15px;text-align:left}.offer-list-section{flex-shrink:0}.show-offer-list-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;padding:10px 20px;border-radius:8px;cursor:pointer;font-weight:600;transition:all .3s ease}.show-offer-list-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #10b9814d}@media (min-width: 1441px){.purchase-toggle-button{display:none}}@media (min-width: 1025px) and (max-width: 1440px){.main-content-purchase-list{margin-left:87px;padding:15px}.orders-container h1{font-size:28px;margin-top:20px;margin-bottom:25px}.top-bar{margin-bottom:30px}.search-box-user{width:300px;padding:12px 18px}.add-new-purchase-order{width:150px;font-size:15px}.table-header-pur{grid-template-columns:1fr 1fr 1fr 1fr .5fr;font-size:12px;padding:15px 12px}.table-row{grid-template-columns:1fr 1fr 1fr 1fr .5fr;padding:18px 12px}.purchase-toggle-button,.accordion-purchase{display:none}.paginationpur{padding-right:50px;margin-top:30px}.paginationpur-prev,.paginationpur-next,.paginationpur-number{padding:6px 12px;font-size:12px}}@media (min-width: 769px) and (max-width: 1024px){.main-content-purchase-list{margin-left:50px;padding:12px}.orders-container h1{font-size:26px;margin-top:60px;margin-bottom:20px}.top-bar{flex-direction:row;align-items:flex-start;gap:15px;margin-bottom:25px}.search-box-user{width:250px;padding:10px 15px}.add-new-purchase-order{width:180px;font-size:14px;height:45px}.table-container{padding:20px}.table-header-pur{grid-template-columns:1fr 1fr 1fr .5fr;font-size:11px;padding:12px 8px}.table-row{grid-template-columns:1fr 1fr 1fr .5fr;padding:15px 8px}.purchase-info-details p:nth-child(1),.purchase-info-details p:nth-child(2){display:none}.purchase-info-details{gap:38px}.table-header-pur span:nth-child(3),.table-row span:nth-child(3),.table-header-pur span:nth-child(4),.table-row span:nth-child(4){display:none}.paginationpur{padding-right:40px;margin-top:25px}.paginationpur-prev,.paginationpur-next,.paginationpur-number{padding:5px 10px;font-size:11px}}@media (min-width: 577px) and (max-width: 768px){.main-content-purchase-list{margin-left:40px;padding:10px}.orders-container h1{font-size:24px;margin-top:69px;margin-bottom:15px}.top-bar{flex-direction:row;align-items:stretch;gap:12px;margin-bottom:20px}.purchase-info-details p:nth-child(1),.purchase-info-details p:nth-child(2){display:none}.purchase-info-details{gap:38px}.table-header-pur span:nth-child(3),.table-row span:nth-child(3),.table-header-pur span:nth-child(4),.table-row span:nth-child(4){display:none}.search-box-user{width:100%;padding:10px 15px}.add-new-purchase-order{width:100%;font-size:14px;height:45px}.table-container{padding:15px}.table-header-pur{grid-template-columns:1.5fr 1fr 1fr .5fr;font-size:10px;padding:10px 6px}.table-row{grid-template-columns:1.5fr 1fr 1fr .5fr;padding:12px 6px}.paginationpur{padding-right:0;margin-top:20px;flex-direction:column;gap:10px}.paginationpur-prev,.paginationpur-next,.paginationpur-number{padding:4px 8px;font-size:10px}}@media (max-width: 576px){.main-content-purchase-list{margin-top:22px;margin-left:0;padding:7px}.orders-container h1{font-size:22px;margin-top:40px;margin-bottom:12px}.top-bar{flex-direction:row;align-items:stretch;gap:10px;margin-bottom:15px}.table-header-pur span:nth-child(2),.table-header-pur span:nth-child(3),.table-header-pur span:nth-child(4){display:none}.table-row span:nth-child(2),.table-row span:nth-child(3),.table-row span:nth-child(4){display:none}.search-box-user{width:100%;padding:8px 12px;height:45px}.add-new-purchase-order{width:145px;min-width:145px;min-width:45px;font-size:13px;height:40px}.table-container{padding:12px}.table-header-pur{grid-template-columns:1.6fr 1.7fr .5fr;font-size:10px;padding:8px 4px}.table-row{grid-template-columns:1.6fr 1.7fr .5fr;padding:8px 4px;row-gap:20px}.paginationpur{padding-right:0;margin-top:15px;flex-direction:column;gap:8px}.paginationpur-prev,.paginationpur-next,.paginationpur-number{padding:4px 6px;font-size:10px}}:root{--primary-color: #6366f1;--success-color: #4caf50;--info-color: #2196f3;--danger-color: #f44336;--neutral-color: #9e9e9e;--background-color: #f9fafb;--text-color: #111827;--border-radius: 8px;--shadow: 0 20px 40px rgba(0, 0, 0, .1);--transition: all .2s ease}.audit-dialog-close{background:none;border:none;font-size:24px;cursor:pointer;color:#6b7280;padding:8px;border-radius:6px;transition:var(--transition);width:40px;height:40px;display:none;align-items:center;justify-content:center}.audit-timeline-content:hover+.audit-timeline-marker{transform:scale(1.2);border-color:var(--primary-color)}.audit-toggle-details{font-size:12px;color:#396d50;cursor:pointer;font-weight:500}.audit-toggle-details:hover{text-decoration:underline}.audit-dialog-close-btn:hover{background:#1f61a0;transform:translateY(-2px);box-shadow:0 4px 12px #6366f166}.audit-dialog-header-controls h4{display:none;margin:0;color:#333;font-size:1.1rem;font-weight:600}.audit-toggle{background-color:#f0f0f0;border:1px solid #ccc;padding:.5rem 1rem;border-radius:4px;cursor:pointer;font-size:.9rem;transition:all .2s ease;color:#333;font-weight:500}.audit-toggle:hover{background-color:#e0e0e0;border-color:#999;transform:translateY(-1px)}.audit-toggle:active{transform:translateY(0)}.loading-dropdown{padding:10px;background-color:#f5f5f5;border:1px solid #ddd;border-radius:4px;color:#666;font-style:italic;margin-bottom:5px}input:disabled,select:disabled,button:disabled{background-color:#f5f5f5;color:#999;cursor:not-allowed;opacity:.6;border:1px solid #ddd}.file-upload-box.disabled{background-color:#f5f5f5;cursor:not-allowed;opacity:.6}.file-upload-box.disabled .upload-link,.file-upload-box.disabled .upload-label{pointer-events:none;color:#999}.form-container.loading:before{content:"Loading form data...";display:block;text-align:center;padding:10px;background-color:#e6f3ff;color:#005b9f;border-radius:4px;margin-bottom:10px}.error-message-purchase{color:#e63946;font-size:.85em;margin-top:5px;display:block}.api-error-message{background-color:#ffe6e6;color:#e63946;padding:10px;border-radius:4px;margin-bottom:10px;font-size:.9em}.button-group{display:flex;justify-content:flex-end;gap:10px;margin-bottom:20px}.cancel-btn,.save-btn{padding:8px 16px;border-radius:4px;font-size:.9em}.cancel-btn{background-color:#f5f5f5;border:1px solid #ddd;color:#333}.save-btn{background-color:#005b9f;color:#fff;border:none}.save-btn:disabled{background-color:#99b3cc}input:disabled,select:disabled,button:disabled{background-color:#f0f0f0;color:#999;cursor:not-allowed;opacity:.6;border:1px solid #d0d0d0}.file-upload-box:has(input:disabled){background-color:#f0f0f0;cursor:not-allowed;opacity:.6}input:disabled:hover,select:disabled:hover,button:disabled:hover{background-color:#f0f0f0;cursor:not-allowed}select:disabled{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:none}.file-upload-box:has(input:disabled) .upload-label{pointer-events:none;color:#999}.file-upload-box:has(input:disabled) .upload-link{cursor:not-allowed;color:#999}.audit-static-section{margin-top:20px;padding-top:15px;border-top:1px solid #e0e0e0}.invoice-filters{display:grid;grid-template-columns:1fr 1fr 1fr;padding:25px;background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;align-items:center;gap:20px;margin-top:15px;margin-bottom:30px;box-shadow:0 20px 60px #00000014;border:1px solid rgba(255,255,255,.3);transition:all .3s ease}.invoice-filters:hover{box-shadow:0 25px 70px #0000001f;transform:translateY(-2px)}.filter-row{display:flex;gap:25px;margin-bottom:20px;flex-wrap:inherit;align-items:flex-end}.filter-group{display:flex;flex-direction:column;gap:10px;min-width:200px;flex:1;position:relative}.filter-group label{color:#1f61a0;font-weight:700;font-size:14px;font-family:Inter,sans-serif;letter-spacing:.02em;text-shadow:0 1px 2px rgba(31,97,160,.1)}.filter-group select{padding:12px 45px 12px 15px;border:2px solid rgba(31,97,160,.2);border-radius:12px;background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#334155;font-size:14px;font-family:Inter,sans-serif;font-weight:500;outline:none;transition:all .3s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="%231f61a0" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><polyline points="6 9 12 15 18 9"></polyline></svg>');background-repeat:no-repeat;background-position:right 15px center;background-size:16px;box-shadow:0 4px 15px #1f61a014;cursor:pointer}.filter-group input[type=date]{padding:12px 15px;border:2px solid rgba(31,97,160,.2);border-radius:12px;background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#334155;font-size:14px;font-family:Inter,sans-serif;font-weight:500;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;transition:all .3s ease;box-shadow:0 4px 15px #1f61a014;cursor:pointer}.filter-group input[type=number],.filter-group input[type=text]{padding:12px 15px;border:2px solid rgba(31,97,160,.2);border-radius:12px;background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#334155;font-size:14px;font-family:Inter,sans-serif;font-weight:500;outline:none;transition:all .3s ease;box-shadow:0 4px 15px #1f61a014}.filter-group select:hover,.filter-group input[type=date]:hover,.filter-group input[type=number]:hover,.filter-group input[type=text]:hover{border-color:#1f61a066;box-shadow:0 6px 20px #1f61a026;transform:translateY(-1px)}.filter-group select:focus,.filter-group input[type=date]:focus,.filter-group input[type=number]:focus,.filter-group input[type=text]:focus{border-color:#1f61a0;box-shadow:0 8px 25px #1f61a033,0 0 0 4px #1f61a01a;transform:translateY(-2px)}.filter-group select:disabled{background:#eeec;color:#94a3b8;cursor:not-allowed;border-color:#e2e8f080}.date-range{display:flex;align-items:center;gap:15px}.date-range span{color:#1f61a0;font-size:14px;font-family:Inter,sans-serif;font-weight:600;padding:0 5px}.filter-group input[type=date]{width:100%}.filter-actions{display:flex;gap:12px;margin-top:5px;align-items:center}.apply-button,.clear-button{padding:2px 24px;border:none;border-radius:12px;font-size:14px;font-family:Inter,sans-serif;font-weight:600;cursor:pointer;transition:all .3s ease;width:150px;height:48px;letter-spacing:.5px;position:relative;overflow:hidden}.apply-button{background:linear-gradient(135deg,#1f61a0,#0c4a78);color:#fff;box-shadow:0 8px 25px #1f61a04d}.apply-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.apply-button:hover:before{left:100%}.apply-button:hover{background:linear-gradient(135deg,#0c4a78,#1f61a0);transform:translateY(-3px);box-shadow:0 12px 35px #1f61a066}.clear-button{background:#1f61a01a;color:#1f61a0;border:2px solid rgba(31,97,160,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 15px #1f61a01a}.clear-button:hover{background:#1f61a033;border-color:#1f61a080;transform:translateY(-2px);box-shadow:0 8px 25px #1f61a033}.error-message-filter{color:#dc2626;font-size:14px;font-family:Inter,sans-serif;font-weight:600;margin-bottom:10px;text-align:right;padding:12px 16px;border-radius:10px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:shake .3s ease-in-out}.filter-group input::placeholder{color:#94a3b8;font-style:italic}.filter-group:focus-within label{color:#0c4a78;transform:translateY(-2px);transition:all .3s ease}@media (min-width: 1025px) and (max-width: 1440px){.invoice-filters{padding:20px;gap:10px;margin-bottom:25px}.filter-row{gap:20px;margin-bottom:18px}.filter-group{min-width:180px}.filter-group select,.filter-group input[type=date],.filter-group input[type=number],.filter-group input[type=text]{padding:10px 15px;font-size:13px}.filter-group select{padding-right:40px}.apply-button,.clear-button{width:140px;height:44px;font-size:13px}}@media (min-width: 769px) and (max-width: 1024px){.invoice-filters{padding:18px;gap:15px;margin-bottom:20px;flex-direction:column;align-items:flex-start}.filter-row{flex-direction:row;flex-wrap:wrap;gap:15px;margin-bottom:15px;width:100%}.filter-group{min-width:180px;flex:1}.filter-group select,.filter-group input[type=date],.filter-group input[type=number],.filter-group input[type=text]{padding:10px 12px;font-size:13px}.filter-group select{padding-right:35px}.date-range{flex-direction:row;gap:10px}.filter-actions{gap:10px;width:100%;justify-content:flex-start}.apply-button,.clear-button{width:130px;height:42px;font-size:13px}}@media (min-width: 577px) and (max-width: 768px){.invoice-filters{padding:15px;gap:12px;margin-bottom:18px;flex-direction:column;align-items:flex-start}.filter-row{flex-direction:column;gap:12px;margin-bottom:12px;width:100%}.filter-group{min-width:100%}.filter-group select,.filter-group input[type=date],.filter-group input[type=number],.filter-group input[type=text]{padding:10px 12px;font-size:13px}.filter-group select{padding-right:35px}.filter-group label{font-size:13px}.date-range{flex-direction:column;align-items:flex-start;gap:8px}.filter-actions{gap:8px;width:100%}.apply-button,.clear-button{width:120px;height:40px;font-size:12px}}@media (max-width: 576px){.invoice-filters{padding:10px;gap:10px;margin-bottom:15px;margin-top:25px;flex-direction:column;align-items:flex-start}.filter-row{flex-direction:column;gap:10px;margin-bottom:10px;width:100%}.filter-group{min-width:100%}.filter-group select,.filter-group input[type=date],.filter-group input[type=number],.filter-group input[type=text]{padding:8px 10px;font-size:12px;border-radius:10px}.invoice-filters{display:flex}.filter-group select{padding-right:30px;background-size:14px;background-position:right 10px center;width:100%}.filter-group label{font-size:12px}.date-range{flex-direction:column;align-items:flex-start;gap:6px}.filter-actions{gap:6px;width:100%;flex-direction:row}.apply-button,.clear-button{flex:1;height:38px;font-size:11px;min-width:0;width:auto}.error-message-filter{font-size:11px;padding:8px 12px}}.main-content-invoice{flex:1;padding:20px;min-height:100vh;overflow-x:auto}.invoices-container h1{color:#1f61a0;margin-bottom:30px;font-size:32px;font-weight:700;font-family:Inter,sans-serif;text-shadow:0 2px 4px rgba(31,97,160,.1)}.top-barinvoice{display:flex;justify-content:space-between;align-items:center;margin-top:10px;margin-bottom:40px;gap:20px}.search-boxinvoice{flex-shrink:0;width:350px;display:flex;align-items:center;padding:15px 20px;background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:15px;height:50px;box-shadow:0 8px 32px #1f61a01f;border:1px solid rgba(255,255,255,.2);gap:12px;transition:all .3s ease}.search-boxinvoice:hover{box-shadow:0 12px 40px #1f61a02e;transform:translateY(-2px)}.search-boxinvoice input{border:none;outline:none;padding:8px;width:100%;background:transparent;font-size:15px;font-family:Inter,sans-serif;color:#334155;font-weight:500}.search-boxinvoice input::placeholder{color:#94a3b8}.search-boxinvoice input:focus{outline:none;border:none}.add-invoice{width:220px;max-width:220px;min-width:220px;height:50px;border-radius:15px;border:none;background:linear-gradient(135deg,#1f61a0,#0c4a78);color:#fff;cursor:pointer;font-size:16px;font-family:Inter,sans-serif;font-weight:600;letter-spacing:.5px;transition:all .3s ease;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 25px #1f61a04d;position:relative;overflow:hidden}.add-invoice:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.add-invoice:hover:before{left:100%}.add-invoice:hover{background:linear-gradient(135deg,#0c4a78,#1f61a0);transform:translateY(-3px);box-shadow:0 12px 35px #1f61a066}.export-invoice{width:205px;height:40px;border-radius:15px;border:2px solid rgba(31,97,160,.3);background:#1f61a01a;color:#1f61a0;cursor:pointer;font-size:16px;font-family:Inter,sans-serif;font-weight:600;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.export-invoice:hover{background:#1f61a033;border-color:#1f61a080;transform:translateY(-2px);box-shadow:0 8px 25px #1f61a033}.export-icon{width:18px;height:18px}.table-containerinvoice{display:flex;flex-direction:column;gap:0px;background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;box-shadow:0 20px 60px #00000014;border:1px solid rgba(255,255,255,.3);overflow:hidden}.table-headerinvoice{display:grid;grid-template-columns:.4fr 2.05fr 1.9fr 1.7fr 1.6fr 1.4fr 1.5fr 1.4fr 1.8fr 1.8fr .2fr;align-items:center;text-align:left;padding:10px 15px;width:100%;height:75px;border-radius:15px;background:linear-gradient(135deg,#1f61a0,#0c4a78);color:#fff;font-weight:700;font-size:13px;letter-spacing:.08em;font-family:Inter,sans-serif;box-shadow:0 8px 25px #1f61a033}.table-headerinvoice span{display:flex;align-items:center;padding-left:10px}.table-headerinvoice span:nth-child(3){white-space:normal;overflow-wrap:anywhere}.table-rowinvoice{display:grid;grid-template-columns:.4fr 2.2fr 2fr 1.8fr 1.7fr 1.6fr 1.6fr 1.3fr 1.8fr 1.8fr .2fr;align-items:center;text-align:left;padding:20px 15px;border-bottom:1px solid #e7f3ff;font-family:Inter,sans-serif;font-size:14px;transition:all .3s ease;position:relative;min-height:90px}.table-rowinvoice:hover{background:linear-gradient(135deg,#1f61a00a,#1f61a014);transform:translate(5px);box-shadow:0 4px 20px #1f61a01a}.table-rowinvoice span{white-space:normal;overflow-wrap:anywhere;max-width:94%;padding-left:10px;display:flex;align-items:center;font-weight:500;color:#475569}.table-rowinvoice span:nth-child(3){min-width:135px;max-width:250px}.invoice-actions{display:flex;gap:8px}.threebuttons{display:flex;gap:8px;align-items:center}.invoice-view-button,.invoice-edit-button{color:#fff;border:none;cursor:pointer;border-radius:10px;transition:all .3s ease;box-shadow:0 4px 15px #1f61a033;display:flex;align-items:center;justify-content:center}.invoice-toggle-button{color:#1f61a0;border:none;cursor:pointer;border-radius:10px;transition:all .3s ease;box-shadow:0 4px 15px #1f61a033;display:flex;align-items:center;justify-content:center}.invoice-view-button:hover,.invoice-edit-button:hover,.invoice-toggle-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #1f61a04d}.invoice-edit-button img{width:18px;height:18px}.status-stepper{display:flex;justify-content:space-between;margin:25px 0;position:relative;gap:40px}.status-stepper:before{content:"";position:absolute;top:16px;left:0;right:0;height:4px;background:linear-gradient(90deg,#e2e8f0,#cbd5e1);z-index:1;border-radius:2px}.step{display:flex;flex-direction:column;align-items:center;position:relative;z-index:2;flex:1;min-width:80px}.step-circle{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#e2e8f0,#cbd5e1);display:flex;align-items:center;justify-content:center;transition:all .4s ease;font-weight:600;color:#64748b;box-shadow:0 4px 12px #0000001a}.step.completed .step-circle,.step.active .step-circle{background:linear-gradient(135deg,#1f61a0,#0c4a78);color:#fff;box-shadow:0 6px 20px #1f61a04d}.step.active .step-circle{transform:scale(1.15);box-shadow:0 8px 25px #1f61a066,0 0 0 4px #1f61a026}.step-label{margin-top:12px;font-size:13px;color:#64748b;text-align:center;transition:all .3s ease;font-family:Inter,sans-serif;font-weight:500}.step.completed .step-label,.step.active .step-label{color:#1f61a0;font-weight:600}.accordioninvoice{width:100%;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:20px;font-size:14px;color:#1f61a0;border-bottom:1px solid #e7f3ff;border-radius:15px;margin-bottom:10px;box-shadow:0 4px 20px #1f61a014;font-family:Inter,sans-serif;font-weight:500}.invoice-info-container{display:flex;justify-content:space-between;align-items:flex-start;margin-top:25px;gap:20px}.invoice-info-details{display:grid;gap:18px;color:#475569;text-align:left;font-family:Inter,sans-serif;font-weight:500}.no-invoices-message{text-align:center;color:#64748b;margin-top:40px;font-size:16px;font-family:Inter,sans-serif;font-weight:500;padding:40px;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border-radius:15px;border:2px dashed #cbd5e1}.paginationinvoice{display:flex;justify-content:space-between;align-items:center;margin-top:40px;width:100%;padding-right:70px;gap:20px}.paginationinvoice span:first-child{margin-right:auto;font-family:Inter,sans-serif;font-weight:500;color:#64748b}.paginationinvoicebuttons{display:flex;align-items:center;gap:8px}.paginationinvoice-prev,.paginationinvoice-next{border:2px solid #e2e8f0;background:#fff;padding:10px 16px;margin:0 5px;cursor:pointer;border-radius:10px;font-family:Inter,sans-serif;font-weight:600;color:#1f61a0;transition:all .3s ease;box-shadow:0 4px 12px #0000000d}.paginationinvoice-prev:hover,.paginationinvoice-next:hover{background:#1f61a0;color:#fff;border-color:#1f61a0;transform:translateY(-2px);box-shadow:0 6px 20px #1f61a040}.paginationinvoice-number{border:2px solid #e2e8f0;background:#fff;padding:10px 16px;margin:0 3px;cursor:pointer;border-radius:10px;font-family:Inter,sans-serif;font-weight:600;color:#64748b;transition:all .3s ease;box-shadow:0 4px 12px #0000000d}.paginationinvoice-number:hover{background:#f1f5f9;border-color:#1f61a0;color:#1f61a0;transform:translateY(-1px)}.paginationinvoice-number.active{background:linear-gradient(135deg,#1f61a0,#0c4a78);color:#fff;border-color:#1f61a0;box-shadow:0 6px 20px #1f61a04d}.paginationinvoice-prev:disabled,.paginationinvoice-next:disabled{opacity:.5;cursor:not-allowed;background:#f8fafc;color:#94a3b8}.paginationinvoice-prev:disabled:hover,.paginationinvoice-next:disabled:hover{transform:none;box-shadow:0 4px 12px #0000000d}.table-headerinvoice input[type=checkbox],.table-rowinvoice input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:22px;height:22px;border:2px solid #1f61a0;border-radius:6px;outline:none;cursor:pointer;position:relative;margin:0;vertical-align:middle;transition:all .3s ease;background:#fff;box-shadow:0 2px 8px #1f61a01a}.table-headerinvoice input[type=checkbox]:hover,.table-rowinvoice input[type=checkbox]:hover{border-color:#0c4a78;box-shadow:0 4px 12px #1f61a033}.table-headerinvoice input[type=checkbox]:checked,.table-rowinvoice input[type=checkbox]:checked{background:linear-gradient(135deg,#1f61a0,#0c4a78);border-color:#1f61a0;box-shadow:0 4px 15px #1f61a04d}.table-headerinvoice input[type=checkbox]:checked:after,.table-rowinvoice input[type=checkbox]:checked:after{content:"✓";position:absolute;color:#fff;font-size:16px;font-weight:700;left:3px;top:-2px}#pdf-loading-notification,#export-loading-notification{position:fixed;top:20px;right:20px;background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:20px;border-radius:15px;box-shadow:0 20px 60px #00000026;display:flex;flex-direction:row;align-items:center;min-width:250px;font-weight:600;z-index:9999;border:1px solid rgba(255,255,255,.3);font-family:Inter,sans-serif;color:#1f61a0;gap:15px}#pdf-loading-notification .spinner,#export-loading-notification .spinner{border:3px solid rgba(31,97,160,.2);border-top:3px solid #1f61a0;border-radius:50%;width:24px;height:24px;flex-shrink:0;animation:spin 1s linear infinite}#pdf-loading-notification span,#export-loading-notification span{white-space:nowrap}@media (min-width: 1441px){.invoice-detail-item span:nth-child(1),.invoice-detail-item span:nth-child(2),.invoice-detail-item span:nth-child(3),.invoice-detail-item span:nth-child(4),.invoice-detail-item span:nth-child(5),.invoice-detail-item span:nth-child(6),.invoice-detail-item label:nth-child(1),.invoice-detail-item label:nth-child(2),.invoice-detail-item label:nth-child(3),.invoice-detail-item label:nth-child(4),.invoice-detail-item label:nth-child(5),.invoice-detail-item label:nth-child(6){display:none}.invoice-info-details{gap:1px}}@media (min-width: 1025px) and (max-width: 1440px){.main-content-invoice{margin-left:87px;padding:15px}.invoice-detail-item span:nth-child(1),.invoice-detail-item span:nth-child(2),.invoice-detail-item span:nth-child(3),.invoice-detail-item span:nth-child(4),.invoice-detail-item span:nth-child(5),.invoice-detail-item span:nth-child(6),.invoice-detail-item label:nth-child(1),.invoice-detail-item label:nth-child(2),.invoice-detail-item label:nth-child(3),.invoice-detail-item label:nth-child(4),.invoice-detail-item label:nth-child(5),.invoice-detail-item label:nth-child(6){display:none}.invoice-info-details{gap:1px}.invoices-container h1{font-size:28px;margin-top:20px;margin-bottom:25px}.top-barinvoice{margin-bottom:30px}.search-boxinvoice{width:300px;padding:12px 18px}.add-invoice{width:200px;font-size:15px}.table-headerinvoice{grid-template-columns:.4fr 2.05fr 1.9fr 1.7fr 1.6fr 1.4fr 1.5fr 1.4fr 1.8fr 1.8fr .2fr;font-size:12px;padding:15px 12px}.table-rowinvoice{grid-template-columns:.4fr 2.2fr 2fr 1.8fr 1.7fr 1.6fr 1.6fr 1.3fr 1.8fr 1.8fr .2fr;font-size:13px;padding:18px 12px}.table-rowinvoice span{max-width:95%}.table-rowinvoice span:nth-child(3){min-width:120px;max-width:200px}.table-headerinvoice span:nth-child(3){min-width:120px;max-width:200px}.paginationinvoice{padding-right:50px;margin-top:30px}}@media (min-width: 769px) and (max-width: 1024px){.main-content-invoice{margin-left:50px;padding:12px}.invoices-container h1{font-size:26px;margin-top:20px;margin-bottom:20px}.top-barinvoice{flex-direction:row;align-items:flex-start;gap:15px;margin-bottom:25px}.invoice-detail-item span:nth-child(1),.invoice-detail-item span:nth-child(2),.invoice-detail-item span:nth-child(3),.invoice-detail-item span:nth-child(4),.invoice-detail-item span:nth-child(5),.invoice-detail-item span:nth-child(6),.invoice-detail-item label:nth-child(1),.invoice-detail-item label:nth-child(2),.invoice-detail-item label:nth-child(3),.invoice-detail-item label:nth-child(4),.invoice-detail-item label:nth-child(5),.invoice-detail-item label:nth-child(6){display:none}.invoice-info-details{gap:1px}.search-boxinvoice{width:250px;padding:10px 15px}.add-invoice{width:180px;font-size:14px;height:45px}.table-headerinvoice,.table-rowinvoice{grid-template-columns:1fr 1fr 1fr 1fr;font-size:11px;padding:12px 8px;height:100px}.table-rowinvoice{min-height:90px}.table-rowinvoice span{max-width:90%}.table-rowinvoice span:nth-child(3){min-width:100px;max-width:180px}.paginationinvoice{padding-right:40px;margin-top:25px}}@media (min-width: 577px) and (max-width: 768px){.main-content-invoice{margin-left:40px;padding:10px}.invoices-container h1{font-size:24px;margin-top:15px;margin-bottom:15px}.top-barinvoice{flex-direction:row;align-items:stretch;gap:12px;margin-bottom:20px}.invoice-detail-item span:nth-child(1),.invoice-detail-item span:nth-child(2),.invoice-detail-item span:nth-child(3),.invoice-detail-item span:nth-child(4),.invoice-detail-item span:nth-child(5),.invoice-detail-item span:nth-child(6),.invoice-detail-item label:nth-child(1),.invoice-detail-item label:nth-child(2),.invoice-detail-item label:nth-child(3),.invoice-detail-item label:nth-child(4),.invoice-detail-item label:nth-child(5),.invoice-detail-item label:nth-child(6){display:none}.invoice-info-details{gap:1px}.search-boxinvoice{width:100%;padding:10px 15px}.add-invoice{width:100%;font-size:14px;height:45px}.table-headerinvoice,.table-rowinvoice{grid-template-columns:1fr 1fr 1fr 1fr;font-size:10px;padding:10px 6px;height:100px}.table-rowinvoice{min-height:100px}.table-rowinvoice span{max-width:85%}.table-rowinvoice span:nth-child(3){min-width:80px;max-width:150px}.paginationinvoice{padding-right:30px;margin-top:20px;flex-direction:column;gap:10px}}@media (max-width: 576px){.main-content-invoice{margin-top:22px;margin-left:0;padding:10px}.invoices-container h1{font-size:22px;margin-top:10px;margin-bottom:12px;text-align:center}.top-barinvoice{flex-direction:row;align-items:stretch;gap:10px;margin-bottom:15px}.invoice-actions{display:flex;flex-direction:column}.search-boxinvoice{width:100%;padding:8px 12px;height:45px}.add-invoice{width:100%;min-width:auto;font-size:13px;height:40px}.export-invoice{width:100%;font-size:14px}#pdf-loading-notification,#export-loading-notification{min-width:200px;padding:15px;font-size:14px}.table-headerinvoice,.table-rowinvoice{grid-template-columns:.3fr 1fr 1.2fr .7fr .7fr;font-size:12px;padding:8px 4px}.table-rowinvoice{min-height:60px;align-items:center}.invoice-toggle-button{color:#1f61a0;border:none;margin-left:30px;cursor:pointer;border-radius:10px;transition:all .3s ease;box-shadow:0 4px 15px #1f61a033;width:10px}.table-headerinvoice span,.table-rowinvoice span,.table-rowinvoice div.threebuttons{display:none}.table-headerinvoice span:nth-child(1),.table-headerinvoice span:nth-child(3),.table-headerinvoice span:nth-child(4),.table-headerinvoice span:nth-child(9),.table-rowinvoice span:nth-child(1),.table-rowinvoice span:nth-child(3),.table-rowinvoice span:nth-child(4),.table-rowinvoice div.threebuttons{display:flex;align-items:center}.table-headerinvoice span:nth-child(9){font-weight:700;color:#fff;padding-left:10px;text-transform:uppercase}.table-rowinvoice span:nth-child(3),.table-rowinvoice span:nth-child(4){min-width:60px;max-width:120px;font-weight:600}.threebuttons{display:flex!important;gap:1px;justify-content:center;align-items:center;width:100%;flex-wrap:nowrap}.invoice-view-button,.invoice-edit-button{width:30px;height:30px;padding:0;background:none;border:none;cursor:pointer;display:flex!important;align-items:center;justify-content:center;transition:all .3s ease;box-shadow:0 2px 5px #1f61a01a}.invoice-view-button img,.invoice-edit-button img{width:18px;height:18px;filter:brightness(.9)}.invoice-view-button:hover,.invoice-edit-button:hover{transform:translateY(-2px);box-shadow:0 4px 10px #1f61a033}.accordioninvoice{display:flex;flex-direction:column;gap:12px;padding:15px;background:#fffffffa;border-radius:10px;box-shadow:0 4px 15px #1f61a01a}.invoice-info-details{display:flex;flex-direction:column;gap:10px}.invoice-detail-item{display:flex;justify-content:flex-start;align-items:center;padding:8px 0;border-bottom:1px solid #e7f3ff}.invoice-detail-item label{font-weight:600;color:#1f61a0;font-size:12px}.invoice-detail-item span{font-weight:500;color:#475569;font-size:12px;margin-left:10px}.status-stepper{margin:15px 0;gap:0px}.step{min-width:60px}.step-circle{width:28px;height:28px}.step-label{font-size:11px;margin-top:8px}.paginationinvoice{padding-right:0;margin-top:15px;flex-direction:column;gap:8px}}.selected-invoices-info{display:flex;align-items:center;gap:12px;padding:15px 20px;background:linear-gradient(135deg,#1f61a014,#1f61a01f);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(31,97,160,.2);border-radius:15px;font-size:14px;color:#1f61a0;margin-bottom:20px;max-width:max-content;min-width:280px;box-shadow:0 8px 25px #1f61a026;font-family:Inter,sans-serif;position:relative;overflow:hidden;transition:all .3s ease}.selected-invoices-info:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .8s}.selected-invoices-info:hover:before{left:100%}.selected-invoices-info:hover{transform:translateY(-2px);box-shadow:0 12px 35px #1f61a033;border-color:#1f61a04d}.selected-invoices-info:hover .selected-count:after{opacity:.3}.selected-invoices-info:after{content:"✓";position:absolute;left:8px;top:50%;transform:translateY(-50%);width:24px;height:24px;background:linear-gradient(135deg,#22c55e,#16a34a);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#fff;box-shadow:0 4px 12px #22c55e33}.selected-invoices-info{padding-left:45px}@media (min-width: 1025px) and (max-width: 1440px){.selected-invoices-info{padding:12px 18px 12px 40px;gap:10px;margin-bottom:18px;min-width:260px}.selected-count{font-size:15px;padding:5px 10px}.selected-pages{font-size:13px}.deselect-all-btn{padding:6px 14px;font-size:12px}}@media (min-width: 769px) and (max-width: 1024px){.selected-invoices-info{padding:12px 16px 12px 38px;gap:8px;margin-bottom:16px;min-width:240px;border-radius:12px}.selected-count{font-size:14px;padding:4px 8px;border-radius:8px}.selected-pages{font-size:12px}.deselect-all-btn{padding:6px 12px;font-size:11px;border-radius:8px}.selected-invoices-info:after{width:20px;height:20px;font-size:10px;left:6px}}@media (min-width: 577px) and (max-width: 768px){.selected-invoices-info{flex-wrap:wrap;padding:10px 14px 10px 35px;gap:8px;margin-bottom:15px;min-width:220px;border-radius:12px}.selected-count{font-size:13px;padding:4px 8px}.selected-pages{font-size:11px}.deselect-all-btn{padding:5px 10px;font-size:10px;margin-left:0;flex-basis:100%;margin-top:5px}.selected-invoices-info:after{width:18px;height:18px;font-size:9px;left:5px}}@media (max-width: 576px){.selected-invoices-info{flex-direction:row;align-items:stretch;padding:12px 15px;gap:10px;margin-bottom:12px;min-width:auto;width:100%;border-radius:10px}.selected-invoices-info:after{display:none}.selected-invoices-info{padding-left:15px}.selected-count{font-size:14px;padding:6px 10px;align-self:flex-start;min-width:50px}.selected-pages{font-size:12px;text-align:center}.deselect-all-btn{padding:8px 12px;font-size:11px;margin-left:0;border-radius:8px}}.selected-invoices-info:hover .selected-pages:before{animation:bounce .6s ease-in-out}.form-containerinvoice{background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000000d;overflow-x:auto;padding:20px}.invoice-table-container{display:flex;flex-direction:column;gap:0}.loading_invoices{padding:10px;background-color:#f5f5f5;border:1px solid #ddd;border-radius:4px;color:#666;font-style:italic;margin-bottom:5px}.invoice-table-header{display:grid;grid-template-columns:1.1fr .6fr .8fr .8fr .6fr .8fr .8fr .8fr .9fr .9fr .9fr 1fr .3fr;align-items:center;text-align:left;padding:12px 10px;width:100%;height:50px;border-radius:12px;background-color:#eef4fa;border:1px solid #1f61a0;font-weight:700;font-size:14px;letter-spacing:.09em;color:#1f61a0}.invoice-table-header.export-template{grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr .1fr}.invoice-table-row{display:grid;grid-template-columns:1.1fr .7fr .8fr .8fr .6fr .8fr .8fr .8fr .9fr .9fr .9fr 1fr .3fr;align-items:center;background:#fff;text-align:left;padding:12px 10px;width:100%;min-height:70px;border-bottom:2px solid #1f61a0}.invoice-table-row.export-template{grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr .1fr}.delete-iconinvoice{width:26px;height:26px}.product-service-input{width:85%!important;padding:8px;border:1px solid #d0d5dd;border-radius:6px;font-size:14px;transition:all .3s ease;box-sizing:border-box}.is-service-checkbox{position:relative;width:37px;height:16px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:red;outline:none;border-radius:2rem;cursor:pointer;box-shadow:inset 0 0 5px #0000007f}.is-service-checkbox:before{content:"";width:20px;height:20px;border:1px solid;border-radius:50%;background:#fff;position:absolute;top:-3px;left:-9px;transition:.3s}.is-service-checkbox:checked{background:#00ed64}.is-service-checkbox:checked:before{transform:translate(150%);background:#fff}.sac-input{width:80%;padding:8px;border:1px solid #d0d5dd;border-radius:6px;font-size:14px;transition:all .3s ease;box-sizing:border-box}.quantity-input,.unit-input{width:90%;padding:8px;border:1px solid #d0d5dd;border-radius:6px;font-size:14px;transition:all .3s ease;box-sizing:border-box}.unit-price-input{width:85%;padding:8px;border:1px solid #d0d5dd;border-radius:6px;font-size:14px;transition:all .3s ease;box-sizing:border-box}.net-value-display,.taxable-value-display{width:85%;text-align:center;background-color:#f8f9fa;border:1px solid #d0d5dd;border-radius:6px;padding:6px;font-size:14px}.cgst-rate-input{width:26px;text-align:center;padding:5px;border:1px solid #d0d5dd;border-radius:6px;font-size:14px;box-sizing:border-box}.cgst-amount-display{width:70px;text-align:center;background-color:#f8f9fa;border:1px solid #d0d5dd;border-radius:6px;padding:6px;font-size:14px}.sgst-rate-input{width:26px;text-align:center;padding:5px;border:1px solid #d0d5dd;border-radius:6px;font-size:14px;box-sizing:border-box}.sgst-amount-display{width:70px;text-align:center;background-color:#f8f9fa;border:1px solid #d0d5dd;border-radius:6px;padding:6px;font-size:14px}.igst-rate-input{width:26px;text-align:center;padding:5px;border:1px solid #d0d5dd;border-radius:6px;font-size:14px;box-sizing:border-box}.igst-amount-display{width:70px;text-align:center;background-color:#f8f9fa;border:1px solid #d0d5dd;border-radius:6px;padding:6px;font-size:14px}.total-price-display{width:85%;text-align:center;background-color:#f8f9fa;border:1px solid #d0d5dd;border-radius:6px;padding:6px;font-size:14px}.invoice-table-row input:focus{border-color:#1f61a0;box-shadow:0 0 6px #1f61a04d}.invoice-button-group button{padding:10px 30px;font-size:16px;font-weight:600;border-radius:10px;cursor:pointer;transition:all .3s ease;width:200px;box-shadow:0 2px 6px #0000001a}.tax-container{display:flex;flex-direction:row;align-items:center;gap:2px;width:90%}.invoice-detailsofreceiver{display:grid;grid-template-columns:1fr 1fr;gap:20px}.invoice-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.invoice-table-header span:nth-child(1):after,.invoice-table-header span:nth-child(3):after,.invoice-table-header span:nth-child(4):after,.invoice-table-header span:nth-child(5):after,.invoice-table-header span:nth-child(6):after{content:"*";color:#e63946;margin-left:4px}.percent-symbol{margin-left:10px}.invoice-form-title{font-size:28px;font-weight:700;color:#1f61a0;margin-bottom:35px;letter-spacing:-.5px}@media (min-width: 1025px) and (max-width: 1440px){.form-containerinvoice{padding:18px;overflow:hidden}.invoice-form-container{padding:18px;margin-left:70px}.invoice-form-title{font-size:26px;margin-bottom:30px}.invoice-form-grid{grid-template-columns:1fr 1fr;gap:15px}.invoice-detailsofreceiver{display:grid;grid-template-columns:1fr 1fr;gap:15px}.invoice-table-header{grid-template-columns:1fr .6fr .8fr .7fr .6fr .8fr .8fr .8fr .8fr .8fr .8fr 1fr .3fr;font-size:13px;height:65px;padding:10px 8px}.invoice-table-row{grid-template-columns:1fr .6fr .8fr .7fr .6fr .8fr .8fr .8fr .8fr .8fr .8fr 1fr .3fr;font-size:13px;height:100px;padding:10px 8px}.invoice-table-header.export-template,.invoice-table-row.export-template{grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr .1fr}.product-service-input,.quantity-input,.net-value-display,.unit-input,.taxable-value-display,.sac-input,.unit-price-input,.total-price-display{width:90%}.sgst-amount-display,.igst-amount-display,.cgst-amount-display{width:65px}.sgst-rate-input,.igst-rate-input,.cgst-rate-input{width:24px}.add-product-btninvoice{width:130px;height:42px;font-size:15px}.invoice-button-group{gap:15px;margin-top:25px}.invoice-button-group button{width:180px;padding:12px 25px;font-size:15px}.delete-iconinvoice{width:24px;height:24px;margin-left:6px}.lastchild{padding:12px}.total-row{margin-bottom:8px}}@media (min-width: 769px) and (max-width: 1024px){.form-containerinvoice,.invoice-form-container{padding:15px;overflow:hidden}.invoice-form-title{font-size:24px;margin-bottom:25px}.invoice-form-grid{grid-template-columns:1fr;gap:12px}.invoice-detailsofreceiver{display:grid;grid-template-columns:1fr;gap:12px}.invoice-table-header{grid-template-columns:1fr 1fr 1fr 1fr;font-size:12px;height:95px;padding:8px 6px}.invoice-table-row{grid-template-columns:1fr 1fr 1fr 1fr;font-size:12px;height:160px;padding:8px 6px}.invoice-table-header.export-template,.invoice-table-row.export-template{grid-template-columns:1fr 1fr 1fr 1fr}.product-service-input,.quantity-input,.net-value-display,.unit-input,.taxable-value-display,.sac-input,.unit-price-input,.total-price-display{width:85%}.sgst-amount-display,.igst-amount-display,.cgst-amount-display{width:120px}.sgst-rate-input,.igst-rate-input,.cgst-rate-input{width:35px}.add-product-btninvoice{width:120px;height:40px;font-size:14px}.invoice-button-group{flex-direction:row;justify-content:center;gap:12px;margin-top:20px}.invoice-button-group button{width:160px;padding:10px 20px;font-size:14px}.delete-iconinvoice{width:22px;height:22px;margin-left:5px}.lastchild{padding:10px}.total-row{margin-bottom:6px}.file-upload-box{padding:15px}}@media (min-width: 577px) and (max-width: 768px){.form-containerinvoice,.invoice-form-container{padding:12px;overflow:hidden}.invoice-form-title{font-size:22px;margin-bottom:20px}.invoice-form-grid{grid-template-columns:1fr;gap:10px}.invoice-detailsofreceiver{display:grid;grid-template-columns:1fr;gap:10px}.invoice-table-header{grid-template-columns:1fr 1fr 1fr;font-size:11px;height:100px;padding:6px 5px}.invoice-table-row{grid-template-columns:1fr 1fr 1fr;font-size:11px;height:180px;padding:6px 5px}.invoice-table-header.export-template,.invoice-table-row.export-template{grid-template-columns:1fr 1fr 1fr}.product-service-input,.quantity-input,.net-value-display,.unit-input,.taxable-value-display,.sac-input,.unit-price-input,.total-price-display{width:80%}.sgst-amount-display,.igst-amount-display,.cgst-amount-display{width:100px}.sgst-rate-input,.igst-rate-input,.cgst-rate-input{width:30px}.add-product-btninvoice{width:110px;height:38px;font-size:13px}.invoice-button-group{flex-direction:row;align-items:center;gap:10px;margin-top:15px}.invoice-button-group button{width:100%;max-width:280px;padding:10px 18px;font-size:13px}.delete-iconinvoice{width:20px;height:20px;margin-left:4px}.lastchild{padding:8px}.total-row{margin-bottom:5px}.file-upload-box{padding:12px}.invoice-form-section label{font-size:14px}.invoice-form-section input,.invoice-form-section select{padding:10px;font-size:13px}}@media (max-width: 576px){.form-containerinvoice,.invoice-form-container{padding:10px;margin-left:0;overflow:hidden}.invoice-form-title{font-size:20px;margin-bottom:15px;margin-top:25px}.invoice-form-grid,.invoice-detailsofreceiver{display:grid;grid-template-columns:1fr;gap:8px}.invoice-table-header{grid-template-columns:1fr 1fr;font-size:12px;row-gap:10px;height:70px;padding:5px 4px;overflow-y:auto}.invoice-table-row{grid-template-columns:2fr 2fr;font-size:10px;row-gap:15px;height:130px;padding:5px 4px;overflow-y:auto}.invoice-table-header.export-template,.invoice-table-row.export-template{grid-template-columns:1fr .5fr}.product-service-input,.quantity-input,.net-value-display,.unit-input,.taxable-value-display,.sac-input,.unit-price-input,.total-price-display{width:85%}.sgst-amount-display,.igst-amount-display,.cgst-amount-display{width:75px}.sgst-rate-input,.igst-rate-input,.cgst-rate-input{width:44px}.add-product-btninvoice{width:100px;height:36px;font-size:12px}.invoice-button-group{flex-direction:row;align-items:center;gap:8px;margin-top:12px;margin-bottom:20px}.invoice-button-group button{width:115px;max-width:189px;height:50px;padding:8px 15px;font-size:12px}.delete-iconinvoice{width:25px;height:25px;margin-left:3px}.lastchild{padding:6px}.total-row{margin-bottom:4px}.file-upload-box{padding:10px}.invoice-form-section label{font-size:13px}.invoice-form-section input,.invoice-form-section select{padding:8px;font-size:12px}.invoice-error-message,.invoice-error-message-des{font-size:11px}}.invoice-form-container{padding:30px;border-radius:12px;box-shadow:0 4px 12px #0000000d;box-sizing:border-box;font-family:Inter,sans-serif}.invoice-form-section{display:flex;flex-direction:column;margin-bottom:20px}.invoice-form-section label{font-size:15px;font-weight:600;margin-bottom:10px;color:#333;letter-spacing:.2px}.invoice-form-section label:after{content:" *";color:#e63946}.invoice-form-section label[for=file-upload]:after{content:""}.invoice-form-section input{padding:12px;font-size:15px;border:1px solid #d0d5dd;border-radius:8px;background-color:#f8f9fa;outline:none;transition:all .3s ease;width:100%;box-sizing:border-box;box-shadow:inset 0 1px 3px #0000000d}.invoice-form-section select{padding:12px;border:1px solid #d0d5dd;border-radius:8px;background:#f8f9fa;width:100%;color:#333;font-size:14px;outline:none;transition:border-color .3s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="%231f61a0" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="6 9 12 15 18 9"></polyline></svg>');background-repeat:no-repeat;background-position:right 10px center;background-size:15px}.invoice-form-section input:focus,.invoice-form-section select:focus{border-color:#1f61a0;background-color:#fff;box-shadow:0 0 8px #1f61a04d}.invoice-form-section input[type=date]{padding:11px}.invoice-error-field{border:2px solid #e63946!important;background-color:#fff5f5!important}.invoice-form-section-address{padding:20px;border:1px solid #165080;border-radius:12px;text-align:left;white-space:pre-wrap}.btninvoice{display:flex;justify-content:flex-end;margin-bottom:20px}.add-product-btninvoice{width:140px;height:45px;border-radius:10px;border:none;background:#1f61a0;color:#fff;cursor:pointer;font-size:16px;font-weight:600;transition:all .3s ease;box-shadow:0 2px 6px #1f61a033}.add-product-btninvoice:hover{background:#165080;box-shadow:0 4px 10px #1f61a04d}.file-upload-box{border:2px dashed #007bff;padding:20px;text-align:center;cursor:default;border-radius:5px}.file-upload-box p{margin:0}.upload-link{color:#444}.upload-label{text-decoration:underline;cursor:pointer}.uploaded-file-name{margin-top:10px;font-size:14px;font-weight:700}.uploaded-file-path{font-size:12px;color:#666}.drag-active{background-color:#f0f8ff}.dropdown{width:100%;padding:10px;border-radius:5px;font-family:Inter,sans-serif;background-color:#fff;border:1px solid #ccc}.dropdown:focus{border-color:#007bff;outline:none}.error-field{border-color:red}.invoice-error-message{color:red;font-size:12px;margin-top:5px;display:block;text-align:right}.invoice-error-message-des{color:red;font-size:12px;margin-top:5px;display:block;text-align:left}.tax-container{display:flex;align-items:center;gap:2px}.tax-input{width:60px;text-align:center}.tax-amount-input{width:90px;text-align:center;background-color:#f8f9fa;border:1px solid #d0d5dd;border-radius:6px;padding:8px;font-size:14px}.total-price-container{display:flex;align-items:center;gap:10px}.simple-checkbox{display:flex;justify-content:left;align-items:center}.simple-checkbox input[type=checkbox]{position:relative;width:37px;height:16px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:red;outline:none;border-radius:2rem;cursor:pointer;box-shadow:inset 0 0 5px #0000007f}.simple-checkbox input[type=checkbox]:before{content:"";width:20px;height:20px;border:1px solid;border-radius:50%;background:#fff;position:absolute;top:-3px;left:-9px;transition:.3s}.simple-checkbox input[type=checkbox]:checked:before{transform:translate(150%);background:#fff}.simple-checkbox input[type=checkbox]:checked{background:#00ed64}.simple-checkbox input[type=checkbox]:disabled{cursor:not-allowed;opacity:.6}.simple-checkbox input[type=checkbox]:disabled:before{background:#fff;border-color:#aaa}.last{display:flex;justify-content:flex-end;padding-right:30px;margin-top:20px}.lastchild{display:flex;flex-direction:column;gap:8px;background:#f8f9fa;padding:15px;border-radius:8px;box-shadow:0 2px 6px #0000000d}.total-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.total-input{padding:5px;border:1px solid #ccc;border-radius:4px;text-align:right}.invoice-button-group{display:flex;justify-content:flex-end;gap:20px;margin-top:30px;margin-bottom:35px}.invoice-cancel-btn{background-color:#fff;color:#1f61a0;border:2px solid #1f61a0}.invoice-cancel-btn:hover{background-color:#eef4fa;box-shadow:0 4px 10px #1f61a033}.invoice-save-btn{background-color:#1f61a0;color:#fff;border:none}.invoice-save-btn:hover{background-color:#165080;box-shadow:0 4px 10px #1f61a04d}:root{--primary-color: #6366f1;--success-color: #4caf50;--info-color: #2196f3;--danger-color: #f44336;--neutral-color: #9e9e9e;--background-color: #f9fafb;--text-color: #111827;--border-radius: 8px;--shadow: 0 4px 12px rgba(0, 0, 0, .1);--transition: all .2s ease}.audit-static-container{background:#fff;border:1px solid #e5e7eb;border-radius:var(--border-radius);padding:20px;margin:20px 0;box-shadow:var(--shadow)}.audit-static-header{margin:0 0 20px;font-size:1.25rem;font-weight:600;color:var(--text-color);display:flex;align-items:center;gap:10px}.audit-static-header-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid #e0e0e0}.audit-static-header-controls h4{margin:0;color:#333;font-size:1.1rem;font-weight:600}.audit-static-toggle{background-color:#f0f0f0;border:1px solid #ccc;padding:.5rem 1rem;border-radius:4px;cursor:pointer;font-size:.9rem;transition:all .2s ease;color:#333;font-weight:500}.audit-static-toggle:hover{background-color:#e0e0e0;border-color:#999;transform:translateY(-1px)}.audit-static-toggle:active{transform:translateY(0)}.audit-static-loader{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;color:#6b7280}.audit-static-spinner{width:32px;height:32px;border:3px solid #e5e7eb;border-top:3px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.audit-static-loader p{margin:0;font-size:1rem}.audit-static-error{margin:16px 0;padding:12px 16px;background-color:#fef2f2;border:1px solid #fecaca;border-radius:var(--border-radius);color:#dc2626;font-size:14px}.audit-static-timeline{position:relative;padding:20px 0}.audit-static-timeline:before{content:"";position:absolute;left:20px;top:0;bottom:0;width:2px;background:linear-gradient(to bottom,#e5e7eb,#d1d5db)}.audit-static-timeline-item{position:relative;margin-bottom:24px}.audit-static-timeline-marker{position:absolute;left:12px;top:8px;width:18px;height:18px;background:#fff;border:2px solid #e5e7eb;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;z-index:1}.audit-static-timeline-content{margin-left:50px;background:#fff;border:1px solid #e5e7eb;border-radius:var(--border-radius);padding:16px;box-shadow:0 1px 3px #0000001a;transition:var(--transition)}.audit-static-timeline-content:hover{box-shadow:0 4px 12px #0000001a;border-color:#d1d5db;transform:translateY(-2px)}.audit-static-timeline-content:hover+.audit-static-timeline-marker{transform:scale(1.2);border-color:var(--primary-color)}.audit-static-log-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px}.audit-static-log-main{display:flex;flex-direction:column;gap:4px}.audit-static-action{font-weight:600;font-size:14px;letter-spacing:.5px;text-transform:uppercase}.audit-static-timestamp{font-size:12px;color:#6b7280}.audit-static-log-user{display:flex;align-items:center;gap:6px;font-size:13px;color:#374151;background:var(--background-color);padding:6px 10px;border-radius:6px;transition:var(--transition)}.audit-static-log-user:hover{background:#e5e7eb}.audit-static-log-details{margin-top:12px}.audit-static-toggle-details{font-size:12px;color:#396d50;cursor:pointer;font-weight:500}.audit-static-toggle-details:hover{text-decoration:underline}.audit-static-details-content{margin-top:12px;padding-top:12px;border-top:1px solid #e5e7eb;animation:slideDown .3s ease-out}.audit-static-no-logs{text-align:center;padding:40px 20px;color:#6b7280}.audit-static-no-logs p{margin:0;font-size:16px}@media (max-width: 768px){.audit-static-container{margin:15px 0;padding:15px}.audit-static-header{font-size:1.1rem}.audit-static-timeline-content{margin-left:35px;padding:12px}.audit-static-timeline:before{left:15px}.audit-static-timeline-marker{left:7px}}@media (max-width: 480px){.audit-static-timeline-content{margin-left:20px}.audit-static-timeline:before{display:none}.audit-static-timeline-marker{display:none}}.login-form-container{display:flex;justify-content:center;align-items:center;min-height:100vh;width:100vw;padding:1.5rem;position:relative;overflow:hidden}.login-form-container:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:inherit;filter:blur(8px);z-index:0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.login-form-progress{position:fixed;top:0;left:0;width:100%;height:3px;background:transparent;overflow:hidden;z-index:9999;opacity:0;transition:opacity .3s ease}.login-form-progress.show{opacity:1}.login-form-progress-bar{height:100%;background:linear-gradient(90deg,#1f61a0,#0c4a78);width:30%;border-radius:0 2px 2px 0;animation:loginFormProgressAnimation 1.5s ease-in-out infinite}@keyframes loginFormProgressAnimation{0%{transform:translate(-100%)}50%{transform:translate(0)}to{transform:translate(400%)}}.login-form-card{background:#fffffff2;padding:2rem;border-radius:15px;box-shadow:0 10px 30px #1f61a026;border:1px solid rgba(255,255,255,.2);width:100%;max-width:420px;box-sizing:border-box;z-index:1;position:relative;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);font-family:Inter,sans-serif;transition:all .3s ease}.login-form-card:hover{box-shadow:0 15px 40px #1f61a033}.login-form-card img{max-width:55%;margin:0 auto 1.5rem;display:block;transition:transform .3s ease}.login-form-card img:hover{transform:scale(1.05)}.login-form-group{position:relative;margin-bottom:1.2rem}.login-form-group input{width:100%;padding:1.2rem .85rem .6rem;border:1px solid rgba(226,232,240,.8);border-radius:8px;font-size:clamp(.95rem,2.5vw,1rem);box-sizing:border-box;font-family:Inter,sans-serif;color:#334155;background:#ffffffe6;transition:all .3s ease}.login-form-group input:focus{outline:none;border-color:#1f61a0;box-shadow:0 0 8px #1f61a04d}.login-form-group input.login-form-error-field{border-color:red;background-color:#fff5f5;box-shadow:0 0 8px #f003}.login-form-group input.login-form-error-field:focus{border-color:red;box-shadow:0 0 8px #ff00004d}.login-form-floating-label{position:absolute;left:.7rem;top:25px;transform:translateY(-50%);color:#64748b;font-size:clamp(.95rem,2.5vw,1rem);font-weight:500;transition:all .3s ease;pointer-events:none;padding:0 .25rem;font-family:Inter,sans-serif;z-index:1}.login-form-floating-label.floating{top:.25rem;transform:translateY(0);font-size:clamp(.75rem,2vw,.8rem);color:#1f61a0;font-weight:600}.login-form-group input.login-form-error-field+.login-form-floating-label.floating{color:red}.login-form-password-container{position:relative}.login-form-password-wrapper{position:relative;display:flex;align-items:center}.login-form-password-wrapper input{padding-right:45px}.login-form-password-wrapper .login-form-floating-label{z-index:1}.login-form-toggle-password{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;padding:0;cursor:pointer;color:#1f61a0;font-size:clamp(17px,2.5vw,19px);display:flex;align-items:center;transition:all .3s ease;z-index:2}.login-form-toggle-password:hover{color:#0c4a78;transform:translateY(-50%) scale(1.1)}.login-form-toggle-password:focus{outline:none}.login-form-toggle-password:disabled{color:#999;cursor:not-allowed;opacity:.6}.login-form-toggle-password:disabled:hover{transform:translateY(-50%);color:#999}.login-form-button{width:100%;padding:.85rem;background:linear-gradient(135deg,#1f61a0,#0c4a78);color:#fff;border:none;border-radius:12px;font-size:clamp(.95rem,2.5vw,1.1rem);cursor:pointer;margin-top:1.2rem;font-family:Inter,sans-serif;font-weight:600;box-shadow:0 6px 20px #1f61a040;transition:all .3s ease;position:relative;overflow:hidden}.login-form-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.login-form-button:hover:before{left:100%}.login-form-button:hover:not(:disabled):not(.login-form-disabled-button){background:linear-gradient(135deg,#0c4a78,#1f61a0);transform:translateY(-2px);box-shadow:0 8px 25px #1f61a059}.login-form-button:disabled,.login-form-button.login-form-disabled-button{background:#e2e8f0;cursor:not-allowed;box-shadow:none;color:#999}.login-form-button:disabled:hover,.login-form-button.login-form-disabled-button:hover{transform:none;background:#e2e8f0}.login-form-links{display:flex;flex-direction:column;margin-top:1.8rem;gap:.6rem;align-items:center}.login-form-link-button{background:none;border:none;color:#1f61a0;cursor:pointer;font-size:clamp(.9rem,2.5vw,.95rem);padding:0;font-family:Inter,sans-serif;font-weight:500;transition:all .3s ease;display:inline-block;-webkit-user-select:none;user-select:none}.login-form-link-button:hover:not(.disabled){color:#0c4a78;text-decoration:underline;transform:scale(1.02)}.login-form-link-button.disabled{color:#999;cursor:not-allowed;opacity:.6;pointer-events:none}.login-form-link-button:active:not(.disabled){transform:scale(.98)}.login-form-forgot-password-link{align-self:flex-start;padding-top:12px}.login-form-register-section{display:flex;align-items:center;justify-content:center;gap:.6rem}.login-form-new-user-text{font-size:clamp(.9rem,2.5vw,.95rem);color:#1e293b;font-family:Inter,sans-serif;font-weight:500}.login-form-register-link{text-decoration:underline;color:#1f61a0;transition:all .3s ease;font-weight:600;cursor:pointer;-webkit-user-select:none;user-select:none;display:inline-block}.login-form-register-link:hover:not(.disabled){color:#0c4a78;transform:scale(1.02)}.login-form-register-link.disabled{color:#999;cursor:not-allowed;opacity:.6;pointer-events:none;text-decoration:none}.login-form-register-link:active:not(.disabled){transform:scale(.98)}.login-form-error-message{color:#ef4444;margin-bottom:1.2rem;text-align:center;font-size:clamp(.9rem,2.5vw,.95rem);font-family:Inter,sans-serif;font-weight:500;padding:.75rem;background:#fef2f2;border-radius:8px;border:1px solid #fecaca}.login-form-field-error{color:red;font-size:12px;margin-top:5px;display:block;text-align:end;font-family:Inter,sans-serif;font-weight:400}.login-form-error-message.login-form-api-error{margin-top:1rem;margin-bottom:0}.login-form-required-asterisk{color:#ef4444}.login-form-group input:disabled{background-color:#f0f0f0;color:#999;cursor:not-allowed;opacity:.6;border:1px solid #d0d0d0}.login-form-group input:disabled:hover{background-color:#f0f0f0;cursor:not-allowed}.login-form-group input:disabled+.login-form-floating-label{color:#999}.login-form-group input:disabled+.login-form-floating-label.floating{color:#999}.login-form-group input:focus-visible{outline:2px solid #1f61a0;outline-offset:2px}.login-form-toggle-password:focus-visible{outline:2px solid #1f61a0;outline-offset:2px;border-radius:4px}.login-form-button:focus-visible{outline:2px solid #1f61a0;outline-offset:2px}.login-form-link-button:focus-visible:not(.disabled){outline:2px solid #1f61a0;outline-offset:2px;border-radius:4px}.login-form-register-link:focus-visible:not(.disabled){outline:2px solid #1f61a0;outline-offset:2px;border-radius:4px}@media (min-width: 1025px) and (max-width: 1440px){.login-form-container{padding:1.2rem}.login-form-card{padding:1.8rem;max-width:380px}.login-form-card img{max-width:50%}.login-form-group input,.login-form-button{padding:.8rem;font-size:1rem}.login-form-group input{padding:1.2rem .8rem .6rem}.login-form-floating-label{font-size:1rem}.login-form-floating-label.floating{font-size:.8rem}.login-form-toggle-password{font-size:18px}.login-form-links{margin-top:1.5rem;gap:.5rem}.login-form-link-button,.login-form-new-user-text,.login-form-register-link,.login-form-error-message,.login-form-field-error{font-size:.9rem}}@media (min-width: 769px) and (max-width: 1024px){.login-form-container{padding:1rem}.login-form-card{padding:1.5rem;max-width:340px}.login-form-card img{max-width:48%}.login-form-group input,.login-form-button{padding:.75rem;font-size:.95rem}.login-form-group input{padding:1.15rem .75rem .55rem}.login-form-floating-label{font-size:.95rem}.login-form-floating-label.floating{font-size:.75rem}.login-form-toggle-password{font-size:17px}.login-form-links{margin-top:1.2rem;gap:.4rem}.login-form-link-button,.login-form-new-user-text,.login-form-register-link,.login-form-error-message,.login-form-field-error{font-size:.88rem}}@media (min-width: 577px) and (max-width: 768px){.login-form-container{padding:.9rem}.login-form-card{padding:1.3rem;max-width:300px}.login-form-card img{max-width:45%}.login-form-group input,.login-form-button{padding:.7rem;font-size:.9rem}.login-form-group input{padding:1.1rem .7rem .5rem}.login-form-floating-label{font-size:.9rem}.login-form-floating-label.floating{font-size:.7rem}.login-form-toggle-password{font-size:16px}.login-form-links{margin-top:1rem;gap:.4rem}.login-form-link-button,.login-form-new-user-text,.login-form-register-link,.login-form-error-message,.login-form-field-error{font-size:.85rem}}@media (max-width: 576px){.login-form-container{padding:.8rem}.login-form-card{width:100%;margin-bottom:100px;border-radius:12px}.login-form-group input,.login-form-button{padding:.65rem;font-size:.85rem}.login-form-group input{padding:1.05rem .65rem .45rem}.login-form-floating-label{font-size:.85rem;left:.65rem;top:22px}.login-form-floating-label.floating{font-size:.65rem}.login-form-toggle-password{font-size:15px;right:10px}.login-form-links{margin-top:.8rem;gap:.3rem}.login-form-link-button,.login-form-new-user-text,.login-form-register-link{font-size:.8rem}.login-form-forgot-password-link{padding-top:10px}.login-form-error-message,.login-form-field-error{font-size:.8rem}.login-form-error-message{padding:.5rem}}.register-page-main-wrapper{display:flex;justify-content:center;align-items:center;min-height:100vh;width:100vw;padding:1.5rem;position:relative;overflow:hidden}.register-page-main-wrapper:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:inherit;filter:blur(8px);z-index:0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.register-page-form-container{background:#fffffff2;padding:1.5rem;border-radius:15px;box-shadow:0 10px 30px #1f61a026;border:1px solid rgba(255,255,255,.2);width:100%;max-width:360px;box-sizing:border-box;z-index:1;position:relative;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);font-family:Inter,sans-serif;transition:all .3s ease}.register-page-form-container:hover{box-shadow:0 15px 40px #1f61a033}.register-page-logo-image{max-width:55%;margin:0 auto 1.5rem;display:block;transition:transform .3s ease}.register-page-logo-image:hover{transform:scale(1.05)}.register-page-input-group{position:relative;margin-bottom:1.2rem}.register-page-text-input{width:100%;padding:1.2rem .85rem .6rem;border:1px solid rgba(226,232,240,.8);border-radius:8px;font-size:clamp(.95rem,2.5vw,1rem);box-sizing:border-box;font-family:Inter,sans-serif;color:#334155;background:#ffffffe6;transition:all .3s ease}.register-page-text-input:focus{outline:none;border-color:#1f61a0;box-shadow:0 0 8px #1f61a04d}.register-page-text-input.register-page-error-field{border-color:red;background-color:#fff5f5;box-shadow:0 0 8px #f003}.register-page-text-input.register-page-error-field:focus{border-color:red;box-shadow:0 0 8px #ff00004d}.register-page-password-field-wrapper{position:relative}.register-page-password-input{width:100%;padding:1.2rem 45px .6rem .85rem;border:1px solid rgba(226,232,240,.8);border-radius:8px;font-size:clamp(.95rem,2.5vw,1rem);box-sizing:border-box;font-family:Inter,sans-serif;color:#334155;background:#ffffffe6;transition:all .3s ease}.register-page-password-input:focus{outline:none;border-color:#1f61a0;box-shadow:0 0 8px #1f61a04d}.register-page-floating-label{position:absolute;left:.7rem;top:25px;transform:translateY(-50%);color:#64748b;font-size:clamp(.95rem,2.5vw,1rem);font-weight:500;transition:all .3s ease;pointer-events:none;padding:0 .25rem;font-family:Inter,sans-serif;z-index:1}.register-page-floating-label.floating{top:.25rem;transform:translateY(0);font-size:clamp(.75rem,2vw,.8rem);color:#1f61a0;font-weight:600}.register-page-floating-label.register-page-error-label{color:red}.register-page-password-toggle-btn{position:absolute;right:12px;background:none;border:none;padding:0;cursor:pointer;color:#1f61a0;font-size:clamp(17px,2.5vw,19px);display:flex;align-items:center;transition:all .3s ease}.register-page-password-toggle-btn:hover{color:#0c4a78;transform:scale(1.1)}.register-page-password-toggle-btn:focus{outline:none}.register-page-submit-button{width:100%;padding:.85rem;background:linear-gradient(135deg,#1f61a0,#0c4a78);color:#fff;border:none;border-radius:12px;font-size:clamp(.95rem,2.5vw,1.1rem);cursor:pointer;margin-top:.8rem;font-family:Inter,sans-serif;font-weight:700;box-shadow:0 6px 20px #1f61a040;transition:all .3s ease;position:relative;overflow:hidden}.register-page-submit-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.register-page-submit-button:hover:before{left:100%}.register-page-submit-button:hover{background:linear-gradient(135deg,#0c4a78,#1f61a0);transform:translateY(-2px);box-shadow:0 8px 25px #1f61a059}.register-page-submit-button:disabled,.register-page-submit-button.register-page-disabled-button{background:#e2e8f0!important;cursor:not-allowed;box-shadow:none;color:#999}.register-page-submit-button:disabled:hover,.register-page-submit-button.register-page-disabled-button:hover{transform:none;background:#e2e8f0!important;box-shadow:none}.register-page-signin-link-section{display:flex;align-items:center;justify-content:center;gap:.6rem;margin-top:1.2rem;font-size:clamp(.9rem,2.5vw,.95rem);color:#1e293b;font-family:Inter,sans-serif}.register-page-signin-link-button{background:none;border:none;color:#1f61a0;cursor:pointer;font-size:inherit;padding:0;font-family:Inter,sans-serif;font-weight:700;transition:all .3s ease;text-decoration:underline}.register-page-signin-link-button:hover{color:#0c4a78}.register-page-signin-link-button:focus{outline:none}.register-page-error-notification{color:#ef4444;margin-bottom:.8rem;text-align:center;font-size:clamp(.9rem,2.5vw,.95rem);font-family:Inter,sans-serif;font-weight:600;padding:.75rem;background:#fef2f2;border-radius:8px;border:1px solid #fecaca;white-space:pre-line}.register-page-field-error{color:red;font-size:12px;margin-top:5px;display:block;text-align:end;font-family:Inter,sans-serif;font-weight:400}.register-page-success-notification{color:#10b981;margin-bottom:.8rem;text-align:center;font-size:clamp(.9rem,2.5vw,.95rem);font-family:Inter,sans-serif;font-weight:600;padding:.75rem;background:#f0fdf4;border-radius:8px;border:1px solid #bbf7d0}.register-page-required-asterisk{color:#ef4444}.register-page-form-element{display:flex;flex-direction:column}.register-page-password-input-wrapper{position:relative;display:flex;align-items:center}.register-page-password-input-wrapper .register-page-floating-label{z-index:1}.register-page-password-input.register-page-error-field{border-color:red;background-color:#fff5f5;box-shadow:0 0 8px #f003}.register-page-password-input.register-page-error-field:focus{border-color:red;box-shadow:0 0 8px #ff00004d}.register-page-password-input.register-page-error-field+.register-page-floating-label.floating{color:red}.register-page-text-input.register-page-error-field+.register-page-floating-label.floating{color:red}.register-page-text-input:disabled,.register-page-password-input:disabled{background-color:#f0f0f0;color:#999;cursor:not-allowed;opacity:.6;border:1px solid #d0d0d0}.register-page-text-input:disabled:hover,.register-page-password-input:disabled:hover{background-color:#f0f0f0;cursor:not-allowed}.register-page-text-input:disabled+.register-page-floating-label,.register-page-password-input:disabled+.register-page-floating-label{color:#999}.register-page-text-input:disabled+.register-page-floating-label.floating,.register-page-password-input:disabled+.register-page-floating-label.floating{color:#999}.register-page-password-toggle-btn:disabled{color:#999;cursor:not-allowed;opacity:.6}.register-page-password-toggle-btn:disabled:hover{transform:none;color:#999}.register-page-text-input:focus-visible,.register-page-password-input:focus-visible{outline:2px solid #1f61a0;outline-offset:2px}.register-page-password-toggle-btn:focus-visible{outline:2px solid #1f61a0;outline-offset:2px;border-radius:4px}.register-page-submit-button:focus-visible{outline:2px solid #1f61a0;outline-offset:2px}.register-page-signin-link-button:focus-visible{outline:2px solid #1f61a0;outline-offset:2px;border-radius:4px}@media (min-width: 1025px) and (max-width: 1440px){.register-page-main-wrapper{padding:1.2rem}.register-page-form-container{padding:1.4rem;max-width:340px}.register-page-logo-image{max-width:50%}.register-page-text-input,.register-page-password-input,.register-page-submit-button{padding:.8rem;font-size:1rem}.register-page-text-input{padding:1.2rem .8rem .6rem}.register-page-password-input{padding:1.2rem 45px .6rem .8rem}.register-page-floating-label{font-size:1rem}.register-page-floating-label.floating{font-size:.8rem}.register-page-password-toggle-btn{font-size:18px}.register-page-signin-link-section{margin-top:1.1rem;font-size:.9rem}.register-page-error-notification,.register-page-success-notification,.register-page-field-error{font-size:.9rem}}@media (min-width: 769px) and (max-width: 1024px){.register-page-main-wrapper{padding:1rem}.register-page-form-container{padding:1.2rem;max-width:320px}.register-page-logo-image{max-width:48%}.register-page-text-input,.register-page-password-input,.register-page-submit-button{padding:.75rem;font-size:.95rem}.register-page-text-input{padding:1.15rem .75rem .55rem}.register-page-password-input{padding:1.15rem 45px .55rem .75rem}.register-page-floating-label{font-size:.95rem}.register-page-floating-label.floating{font-size:.75rem}.register-page-password-toggle-btn{font-size:17px}.register-page-signin-link-section{margin-top:1rem;font-size:.88rem}.register-page-error-notification,.register-page-success-notification,.register-page-field-error{font-size:.88rem}}@media (min-width: 577px) and (max-width: 768px){.register-page-main-wrapper{padding:.9rem}.register-page-form-container{padding:1.1rem;max-width:290px}.register-page-logo-image{max-width:45%}.register-page-text-input,.register-page-password-input,.register-page-submit-button{padding:.7rem;font-size:.9rem}.register-page-text-input{padding:1.1rem .7rem .5rem}.register-page-password-input{padding:1.1rem 45px .5rem .7rem}.register-page-floating-label{font-size:.9rem}.register-page-floating-label.floating{font-size:.7rem}.register-page-password-toggle-btn{font-size:16px}.register-page-signin-link-section{margin-top:.9rem;font-size:.85rem}.register-page-error-notification,.register-page-success-notification,.register-page-field-error{font-size:.85rem}}@media (max-width: 576px){.register-page-main-wrapper{padding:.8rem}.register-page-form-container{padding:1rem;border-radius:12px}.register-page-floating-label{left:.65rem;top:22px}.register-page-text-input,.register-page-password-input,.register-page-submit-button{padding:.65rem;font-size:.85rem}.register-page-text-input{padding:1.05rem .65rem .45rem}.register-page-password-input{padding:1.05rem 40px .45rem .65rem}.register-page-floating-label{font-size:.85rem;left:.65rem;top:22px}.register-page-floating-label.floating{font-size:.65rem}.register-page-password-toggle-btn{font-size:15px;right:10px}.register-page-signin-link-section{margin-top:.8rem;font-size:.8rem}.register-page-error-notification,.register-page-success-notification{font-size:.8rem;padding:.5rem}.register-page-field-error{font-size:.8rem}}.forgot-password-container{display:flex;justify-content:center;align-items:center;min-height:100vh;width:100vw;padding:1.5rem;position:relative;overflow:hidden}.forgot-password-container:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:inherit;filter:blur(8px);z-index:0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.forgot-password-progress{position:fixed;top:0;left:0;width:100%;height:3px;background:transparent;overflow:hidden;z-index:9999;opacity:0;transition:opacity .3s ease}.forgot-password-progress.show{opacity:1}.forgot-password-progress-bar{height:100%;background:linear-gradient(90deg,#1f61a0,#0c4a78);width:30%;border-radius:0 2px 2px 0;animation:forgotPasswordProgressAnimation 1.5s ease-in-out infinite}@keyframes forgotPasswordProgressAnimation{0%{transform:translate(-100%)}50%{transform:translate(0)}to{transform:translate(400%)}}.forgot-password-card{background:#fffffff2;padding:2rem;border-radius:15px;box-shadow:0 10px 30px #1f61a026;border:1px solid rgba(255,255,255,.2);width:100%;max-width:420px;box-sizing:border-box;z-index:1;position:relative;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);font-family:Inter,sans-serif;transition:all .3s ease}.forgot-password-card:hover{box-shadow:0 15px 40px #1f61a033}.forgot-password-card img{max-width:55%;margin:0 auto 1.5rem;display:block;transition:transform .3s ease}.forgot-password-card img:hover{transform:scale(1.05)}.forgot-password-header{text-align:center;margin-bottom:1.5rem}.forgot-password-header h1{font-size:clamp(1.5rem,3vw,1.8rem);font-weight:700;color:#1f61a0;font-family:Inter,sans-serif;margin:0 0 .8rem}.forgot-password-header p{font-size:clamp(.9rem,2.5vw,1rem);color:#64748b;font-family:Inter,sans-serif;font-weight:500;line-height:1.5;margin:0}.forgot-password-form-group{position:relative;margin-bottom:1.2rem}.forgot-password-form-group input{width:100%;padding:1.2rem .85rem .6rem;border:1px solid rgba(226,232,240,.8);border-radius:8px;font-size:clamp(.95rem,2.5vw,1rem);box-sizing:border-box;font-family:Inter,sans-serif;color:#334155;background:#ffffffe6;transition:all .3s ease}.forgot-password-form-group input:focus{outline:none;border-color:#1f61a0;box-shadow:0 0 8px #1f61a04d}.forgot-password-form-group input.forgot-password-error-field{border-color:red;background-color:#fff5f5;box-shadow:0 0 8px #f003}.forgot-password-form-group input.forgot-password-error-field:focus{border-color:red;box-shadow:0 0 8px #ff00004d}.forgot-password-floating-label{position:absolute;left:.7rem;top:25px;transform:translateY(-50%);color:#64748b;font-size:clamp(.95rem,2.5vw,1rem);font-weight:500;transition:all .3s ease;pointer-events:none;padding:0 .25rem;font-family:Inter,sans-serif;z-index:1}.forgot-password-floating-label.floating{top:.25rem;transform:translateY(0);font-size:clamp(.75rem,2vw,.8rem);color:#1f61a0;font-weight:600}.forgot-password-form-group input.forgot-password-error-field+.forgot-password-floating-label.floating{color:red}.forgot-password-button{width:100%;padding:.85rem;background:linear-gradient(135deg,#1f61a0,#0c4a78);color:#fff;border:none;border-radius:12px;font-size:clamp(.95rem,2.5vw,1.1rem);cursor:pointer;margin-top:1.2rem;font-family:Inter,sans-serif;font-weight:600;box-shadow:0 6px 20px #1f61a040;transition:all .3s ease;position:relative;overflow:hidden}.forgot-password-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.forgot-password-button:hover:before{left:100%}.forgot-password-button:hover:not(:disabled):not(.forgot-password-disabled-button){background:linear-gradient(135deg,#0c4a78,#1f61a0);transform:translateY(-2px);box-shadow:0 8px 25px #1f61a059}.forgot-password-button:disabled,.forgot-password-button.forgot-password-disabled-button{background:#e2e8f0;cursor:not-allowed;box-shadow:none;color:#999}.forgot-password-button:disabled:hover,.forgot-password-button.forgot-password-disabled-button:hover{transform:none;background:#e2e8f0}.forgot-password-links{display:flex;flex-direction:column;margin-top:1.8rem;gap:.6rem;align-items:center}.forgot-password-link-button{background:none;border:none;color:#1f61a0;cursor:pointer;font-size:clamp(.9rem,2.5vw,.95rem);padding:0;font-family:Inter,sans-serif;font-weight:500;transition:all .3s ease}.forgot-password-link-button:hover:not(:disabled){color:#0c4a78;text-decoration:underline}.forgot-password-link-button:disabled{color:#999;cursor:not-allowed;opacity:.6}.forgot-password-register-section{display:flex;align-items:center;justify-content:center;gap:.6rem}.forgot-password-new-user-text{font-size:clamp(.9rem,2.5vw,.95rem);color:#1e293b;font-family:Inter,sans-serif;font-weight:500}.forgot-password-register-link{text-decoration:underline;color:#1f61a0;transition:color .3s ease;font-weight:600}.forgot-password-register-link:hover:not(:disabled){color:#0c4a78}.forgot-password-error-message{color:#ef4444;margin-bottom:1.2rem;text-align:center;font-size:clamp(.9rem,2.5vw,.95rem);font-family:Inter,sans-serif;font-weight:500;padding:.75rem;background:#fef2f2;border-radius:8px;border:1px solid #fecaca}.forgot-password-field-error{color:red;font-size:12px;margin-top:5px;display:block;text-align:end;font-family:Inter,sans-serif;font-weight:400}.forgot-password-error-message.forgot-password-api-error{margin-top:1rem;margin-bottom:0}.forgot-password-required-asterisk{color:#ef4444}.forgot-password-success-message{text-align:center;padding:1rem 0}.forgot-password-success-icon{margin:0 auto 1.5rem;display:flex;justify-content:center;animation:successBounce .6s ease-out}.forgot-password-success-message h2{font-size:clamp(1.3rem,3vw,1.5rem);font-weight:700;color:#10b981;font-family:Inter,sans-serif;margin:0 0 1rem}.forgot-password-success-message p{font-size:clamp(.95rem,2.5vw,1.05rem);color:#374151;font-family:Inter,sans-serif;font-weight:500;line-height:1.6;margin:0 0 2rem}.forgot-password-success-message p strong{color:#1f61a0;font-weight:600}.forgot-password-success-actions{display:flex;flex-direction:column;gap:1rem;align-items:center}.forgot-password-form-group input:disabled{background-color:#f0f0f0;color:#999;cursor:not-allowed;opacity:.6;border:1px solid #d0d0d0}.forgot-password-form-group input:disabled:hover{background-color:#f0f0f0;cursor:not-allowed}.forgot-password-form-group input:disabled+.forgot-password-floating-label{color:#999}.forgot-password-form-group input:disabled+.forgot-password-floating-label.floating{color:#999}.forgot-password-form-group input:focus-visible{outline:2px solid #1f61a0;outline-offset:2px}.forgot-password-button:focus-visible{outline:2px solid #1f61a0;outline-offset:2px}.forgot-password-link-button:focus-visible{outline:2px solid #1f61a0;outline-offset:2px;border-radius:4px}@media (min-width: 1025px) and (max-width: 1440px){.forgot-password-container{padding:1.2rem}.forgot-password-card{padding:1.8rem;max-width:380px}.forgot-password-card img{max-width:50%}.forgot-password-header h1{font-size:1.7rem}.forgot-password-header p{font-size:.95rem}.forgot-password-form-group input,.forgot-password-button{padding:.8rem;font-size:1rem}.forgot-password-form-group input{padding:1.2rem .8rem .6rem}.forgot-password-floating-label{font-size:1rem}.forgot-password-floating-label.floating{font-size:.8rem}.forgot-password-links{margin-top:1.5rem;gap:.5rem}.forgot-password-link-button,.forgot-password-new-user-text,.forgot-password-error-message,.forgot-password-field-error{font-size:.9rem}.forgot-password-success-message h2{font-size:1.4rem}.forgot-password-success-message p{font-size:1rem}}@media (min-width: 769px) and (max-width: 1024px){.forgot-password-container{padding:1rem}.forgot-password-card{padding:1.5rem;max-width:340px}.forgot-password-card img{max-width:48%}.forgot-password-header h1{font-size:1.6rem}.forgot-password-header p{font-size:.9rem}.forgot-password-form-group input,.forgot-password-button{padding:.75rem;font-size:.95rem}.forgot-password-form-group input{padding:1.15rem .75rem .55rem}.forgot-password-floating-label{font-size:.95rem}.forgot-password-floating-label.floating{font-size:.75rem}.forgot-password-links{margin-top:1.2rem;gap:.4rem}.forgot-password-link-button,.forgot-password-new-user-text,.forgot-password-error-message,.forgot-password-field-error{font-size:.88rem}.forgot-password-success-message h2{font-size:1.3rem}.forgot-password-success-message p{font-size:.95rem}}@media (min-width: 577px) and (max-width: 768px){.forgot-password-container{padding:.9rem}.forgot-password-card{padding:1.3rem;max-width:300px}.forgot-password-card img{max-width:45%}.forgot-password-header h1{font-size:1.4rem}.forgot-password-header p{font-size:.85rem}.forgot-password-form-group input,.forgot-password-button{padding:.7rem;font-size:.9rem}.forgot-password-form-group input{padding:1.1rem .7rem .5rem}.forgot-password-floating-label{font-size:.9rem}.forgot-password-floating-label.floating{font-size:.7rem}.forgot-password-links{margin-top:1rem;gap:.4rem}.forgot-password-link-button,.forgot-password-new-user-text,.forgot-password-error-message,.forgot-password-field-error{font-size:.85rem}.forgot-password-success-message h2{font-size:1.2rem}.forgot-password-success-message p{font-size:.9rem}}@media (max-width: 576px){.forgot-password-container{padding:.8rem}.forgot-password-card{width:100%;margin-bottom:100px;border-radius:12px}.forgot-password-header h1{font-size:1.2rem}.forgot-password-header p{font-size:.8rem}.forgot-password-form-group input,.forgot-password-button{padding:.65rem;font-size:.85rem}.forgot-password-form-group input{padding:1.05rem .65rem .45rem}.forgot-password-floating-label{font-size:.85rem;left:.65rem;top:22px}.forgot-password-floating-label.floating{font-size:.65rem}.forgot-password-links{margin-top:.8rem;gap:.3rem}.forgot-password-link-button,.forgot-password-new-user-text{font-size:.8rem}}.reset-password-container{display:flex;justify-content:center;align-items:center;min-height:100vh;width:100vw;padding:1.5rem;position:relative;overflow:hidden}.reset-password-container:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:inherit;filter:blur(8px);z-index:0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.reset-password-progress{position:fixed;top:0;left:0;width:100%;height:3px;background:transparent;overflow:hidden;z-index:9999;opacity:0;transition:opacity .3s ease}.reset-password-progress.show{opacity:1}.reset-password-progress-bar{height:100%;background:linear-gradient(90deg,#1f61a0,#0c4a78);width:30%;border-radius:0 2px 2px 0;animation:resetPasswordProgressAnimation 1.5s ease-in-out infinite}@keyframes resetPasswordProgressAnimation{0%{transform:translate(-100%)}50%{transform:translate(0)}to{transform:translate(400%)}}.reset-password-card{background:#fffffff2;padding:2rem;border-radius:15px;box-shadow:0 10px 30px #1f61a026;border:1px solid rgba(255,255,255,.2);width:100%;max-width:420px;box-sizing:border-box;z-index:1;position:relative;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);font-family:Inter,sans-serif;transition:all .3s ease}.reset-password-card:hover{box-shadow:0 15px 40px #1f61a033}.reset-password-card img{max-width:55%;margin:0 auto 1.5rem;display:block;transition:transform .3s ease}.reset-password-card img:hover{transform:scale(1.05)}.reset-password-header{text-align:center;margin-bottom:1.5rem}.reset-password-header h1{font-size:clamp(1.5rem,3vw,1.8rem);font-weight:700;color:#1f61a0;font-family:Inter,sans-serif;margin:0 0 .8rem}.reset-password-header p{font-size:clamp(.9rem,2.5vw,1rem);color:#64748b;font-family:Inter,sans-serif;font-weight:500;line-height:1.5;margin:0}.reset-password-form-group{position:relative;margin-bottom:1.2rem}.reset-password-form-group input{width:100%;padding:1.2rem .85rem .6rem;border:1px solid rgba(226,232,240,.8);border-radius:8px;font-size:clamp(.95rem,2.5vw,1rem);box-sizing:border-box;font-family:Inter,sans-serif;color:#334155;background:#ffffffe6;transition:all .3s ease}.reset-password-form-group input:focus{outline:none;border-color:#1f61a0;box-shadow:0 0 8px #1f61a04d}.reset-password-form-group input.reset-password-error-field{border-color:red;background-color:#fff5f5;box-shadow:0 0 8px #f003}.reset-password-form-group input.reset-password-error-field:focus{border-color:red;box-shadow:0 0 8px #ff00004d}.reset-password-form-group input.reset-password-disabled-input{background-color:#f8fafc;color:#64748b;cursor:not-allowed;opacity:.7;border:1px solid #e2e8f0}.reset-password-form-group input.reset-password-disabled-input:hover{background-color:#f8fafc;cursor:not-allowed}.reset-password-floating-label{position:absolute;left:.7rem;top:25px;transform:translateY(-50%);color:#64748b;font-size:clamp(.95rem,2.5vw,1rem);font-weight:500;transition:all .3s ease;pointer-events:none;padding:0 .25rem;font-family:Inter,sans-serif;z-index:1}.reset-password-floating-label.floating{top:.25rem;transform:translateY(0);font-size:clamp(.75rem,2vw,.8rem);color:#1f61a0;font-weight:600}.reset-password-form-group input.reset-password-error-field+.reset-password-floating-label.floating{color:red}.reset-password-password-container{position:relative}.reset-password-password-wrapper{position:relative;display:flex;align-items:center}.reset-password-password-wrapper input{padding-right:45px}.reset-password-password-wrapper .reset-password-floating-label{z-index:1}.reset-password-toggle-password{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;padding:0;cursor:pointer;color:#1f61a0;font-size:clamp(17px,2.5vw,19px);display:flex;align-items:center;transition:all .3s ease;z-index:2}.reset-password-toggle-password:hover{color:#0c4a78;transform:translateY(-50%) scale(1.1)}.reset-password-toggle-password:focus{outline:none}.reset-password-toggle-password:disabled{color:#999;cursor:not-allowed;opacity:.6}.reset-password-toggle-password:disabled:hover{transform:translateY(-50%);color:#999}.reset-password-button{width:100%;padding:.85rem;background:linear-gradient(135deg,#1f61a0,#0c4a78);color:#fff;border:none;border-radius:12px;font-size:clamp(.95rem,2.5vw,1.1rem);cursor:pointer;margin-top:1.2rem;font-family:Inter,sans-serif;font-weight:600;box-shadow:0 6px 20px #1f61a040;transition:all .3s ease;position:relative;overflow:hidden}.reset-password-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.reset-password-button:hover:before{left:100%}.reset-password-button:hover:not(:disabled):not(.reset-password-disabled-button){background:linear-gradient(135deg,#0c4a78,#1f61a0);transform:translateY(-2px);box-shadow:0 8px 25px #1f61a059}.reset-password-button:disabled,.reset-password-button.reset-password-disabled-button{background:#e2e8f0;cursor:not-allowed;box-shadow:none;color:#999}.reset-password-button:disabled:hover,.reset-password-button.reset-password-disabled-button:hover{transform:none;background:#e2e8f0}.reset-password-links{display:flex;flex-direction:column;margin-top:1.8rem;gap:.6rem;align-items:center}.reset-password-link-button{background:none;border:none;color:#1f61a0;cursor:pointer;font-size:clamp(.9rem,2.5vw,.95rem);padding:0;font-family:Inter,sans-serif;font-weight:500;transition:all .3s ease}.reset-password-link-button:hover:not(:disabled){color:#0c4a78;text-decoration:underline}.reset-password-link-button:disabled{color:#999;cursor:not-allowed;opacity:.6}.reset-password-register-section{display:flex;align-items:center;justify-content:center;gap:.6rem}.reset-password-new-user-text{font-size:clamp(.9rem,2.5vw,.95rem);color:#1e293b;font-family:Inter,sans-serif;font-weight:500}.reset-password-register-link{text-decoration:underline;color:#1f61a0;transition:color .3s ease;font-weight:600}.reset-password-register-link:hover:not(:disabled){color:#0c4a78}.reset-password-error-message{color:#ef4444;margin-bottom:1.2rem;text-align:center;font-size:clamp(.9rem,2.5vw,.95rem);font-family:Inter,sans-serif;font-weight:500;padding:.75rem;background:#fef2f2;border-radius:8px;border:1px solid #fecaca}.reset-password-field-error{color:red;font-size:12px;margin-top:5px;display:block;text-align:end;font-family:Inter,sans-serif;font-weight:400}.reset-password-error-message.reset-password-api-error{margin-top:1rem;margin-bottom:0}.reset-password-required-asterisk{color:#ef4444}.reset-password-success-message{text-align:center;padding:1rem 0}.reset-password-success-icon{margin:0 auto 1.5rem;display:flex;justify-content:center;animation:successBounce .6s ease-out}@keyframes successBounce{0%{transform:scale(0);opacity:0}50%{transform:scale(1.1);opacity:.8}to{transform:scale(1);opacity:1}}.reset-password-success-message h2{font-size:clamp(1.3rem,3vw,1.5rem);font-weight:700;color:#10b981;font-family:Inter,sans-serif;margin:0 0 1rem}.reset-password-success-message p{font-size:clamp(.95rem,2.5vw,1.05rem);color:#374151;font-family:Inter,sans-serif;font-weight:500;line-height:1.6;margin:0 0 2rem}.reset-password-success-message p strong{color:#1f61a0;font-weight:600}.reset-password-success-actions{display:flex;flex-direction:column;gap:1rem;align-items:center}.reset-password-form-group input:disabled{background-color:#f0f0f0;color:#999;cursor:not-allowed;opacity:.6;border:1px solid #d0d0d0}.reset-password-form-group input:disabled:hover{background-color:#f0f0f0;cursor:not-allowed}.reset-password-form-group input:disabled+.reset-password-floating-label{color:#999}.reset-password-form-group input:disabled+.reset-password-floating-label.floating{color:#999}.reset-password-form-group input:focus-visible{outline:2px solid #1f61a0;outline-offset:2px}.reset-password-toggle-password:focus-visible{outline:2px solid #1f61a0;outline-offset:2px;border-radius:4px}.reset-password-button:focus-visible{outline:2px solid #1f61a0;outline-offset:2px}.reset-password-link-button:focus-visible{outline:2px solid #1f61a0;outline-offset:2px;border-radius:4px}@media (min-width: 1025px) and (max-width: 1440px){.reset-password-container{padding:1.2rem}.reset-password-card{padding:1.8rem;max-width:380px}.reset-password-card img{max-width:50%}.reset-password-header h1{font-size:1.7rem}.reset-password-header p{font-size:.95rem}.reset-password-form-group input,.reset-password-button{padding:.8rem;font-size:1rem}.reset-password-form-group input{padding:1.2rem .8rem .6rem}.reset-password-password-wrapper input{padding-right:42px}.reset-password-floating-label{font-size:1rem}.reset-password-floating-label.floating{font-size:.8rem}.reset-password-toggle-password{font-size:18px}.reset-password-links{margin-top:1.5rem;gap:.5rem}.reset-password-link-button,.reset-password-new-user-text,.reset-password-error-message,.reset-password-field-error{font-size:.9rem}.reset-password-success-message h2{font-size:1.4rem}.reset-password-success-message p{font-size:1rem}}@media (min-width: 769px) and (max-width: 1024px){.reset-password-container{padding:1rem}.reset-password-card{padding:1.5rem;max-width:340px}.reset-password-card img{max-width:48%}.reset-password-header h1{font-size:1.6rem}.reset-password-header p{font-size:.9rem}.reset-password-form-group input,.reset-password-button{padding:.75rem;font-size:.95rem}.reset-password-form-group input{padding:1.15rem .75rem .55rem}.reset-password-password-wrapper input{padding-right:40px}.reset-password-floating-label{font-size:.95rem}.reset-password-floating-label.floating{font-size:.75rem}.reset-password-toggle-password{font-size:17px}.reset-password-links{margin-top:1.2rem;gap:.4rem}.reset-password-link-button,.reset-password-new-user-text,.reset-password-error-message,.reset-password-field-error{font-size:.88rem}.reset-password-success-message h2{font-size:1.3rem}.reset-password-success-message p{font-size:.95rem}}@media (min-width: 577px) and (max-width: 768px){.reset-password-container{padding:.9rem}.reset-password-card{padding:1.3rem;max-width:300px}.reset-password-card img{max-width:45%}.reset-password-header h1{font-size:1.4rem}.reset-password-header p{font-size:.85rem}.reset-password-form-group input,.reset-password-button{padding:.7rem;font-size:.9rem}.reset-password-form-group input{padding:1.1rem .7rem .5rem}.reset-password-password-wrapper input{padding-right:38px}.reset-password-floating-label{font-size:.9rem}.reset-password-floating-label.floating{font-size:.7rem}.reset-password-toggle-password{font-size:16px}.reset-password-links{margin-top:1rem;gap:.4rem}.reset-password-link-button,.reset-password-new-user-text,.reset-password-error-message,.reset-password-field-error{font-size:.85rem}.reset-password-success-message h2{font-size:1.2rem}.reset-password-success-message p{font-size:.9rem}}@media (max-width: 576px){.reset-password-container{padding:.8rem}.reset-password-card{width:100%;margin-bottom:100px;border-radius:12px}.reset-password-header h1{font-size:1.2rem}.reset-password-header p{font-size:.8rem}.reset-password-form-group input,.reset-password-button{padding:.65rem;font-size:.85rem}.reset-password-form-group input{padding:1.05rem .65rem .45rem}.reset-password-password-wrapper input{padding-right:35px}.reset-password-floating-label{font-size:.85rem}.reset-password-floating-label.floating{font-size:.65rem}.reset-password-toggle-password{font-size:15px;right:10px}.reset-password-links{margin-top:.8rem;gap:.3rem}.reset-password-link-button,.reset-password-new-user-text,.reset-password-error-message,.reset-password-field-error{font-size:.8rem}.reset-password-error-message{padding:.5rem}.reset-password-success-message h2{font-size:1.1rem}.reset-password-success-message p{font-size:.85rem}}.dashboard-container{display:flex;height:100%}.main-content{flex:1;padding:40px;position:relative;margin-left:280px;width:calc(100% - 240px)}@media (max-width: 1024px){.main-content{padding:0;margin-left:0;width:100%}}@media (min-width: 1025px) and (max-width: 1440px){.main-content{margin-left:166px;width:calc(100% - 166px)}}@media (min-width: 1441px){.main-content{margin-left:240px;width:calc(100% - 240px)}}:root{--primary-color: #1f61a0;--danger-color: #dc3545;--neutral-color: #6c757d;--background-color: #f8f9fa;--text-color: #212529;--border-radius: 8px;--shadow: 0 4px 12px rgba(0, 0, 0, .15);--transition: all .2s ease}.userform-dialog-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;animation:userform-fadeIn .3s ease-in}.userform-dialog-container{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;padding:24px;border-radius:var(--border-radius);box-shadow:var(--shadow);z-index:1001;width:min(600px,90vw);max-height:80vh;overflow-y:auto;animation:userform-slideIn .3s ease-out}.userform-dialog-container h3{margin:0 0 16px;font-size:1.5rem;font-weight:600;color:#1f61a0}.userform-grid{display:grid;gap:20px}.userform-section{display:flex;flex-direction:column}.userform-section label{margin-bottom:8px;font-weight:700;color:var(--text-color)}.userform-section input[type=text],.userform-section input[type=email]{padding:12px;font-size:14px;border:1px solid #d0d5dd;border-radius:6px;background-color:#fff;outline:none;transition:var(--transition);width:100%;box-sizing:border-box}.userform-dropdown{padding:12px;border:1px solid #d0d5dd;border-radius:8px;background:#fff;width:100%;color:var(--text-color);font-size:14px;outline:none;transition:border-color .3s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="%231f61a0" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="6 9 12 15 18 9"></polyline></svg>');background-repeat:no-repeat;background-position:right 10px center;background-size:15px}.userform-dropdown:focus{border-color:var(--primary-color);outline:none}.userform-error-field{border-color:red;background-color:#fff5f5}.userform-required-asterisk{color:red}.userform-error-message{color:red;font-size:12px;margin-top:4px;display:block}.userform-dialog-buttons{display:flex;justify-content:flex-end;gap:12px;margin-top:24px}.userform-dialog-button{padding:10px 20px;border:none;border-radius:var(--border-radius);font-size:.95rem;font-weight:600;cursor:pointer;transition:var(--transition);transform:scale(1)}.userform-dialog-button:hover{transform:scale(1)}.userform-dialog-button:focus{outline:2px solid var(--primary-color);outline-offset:2px}.userform-dialog-button.userform-dialog-cancel{background:#fff;color:#1f61a0;border:1px solid #1f61a0}.userform-dialog-button.userform-dialog-cancel:hover{box-shadow:0 4px 10px #0000001a}.userform-dialog-button.userform-dialog-save{background:#1f61a0;color:#fff}.userform-dialog-button.userform-dialog-save:hover{box-shadow:0 4px 10px #1f61a04d}.userform-dialog-button:disabled{background:#999;cursor:not-allowed;opacity:.6;transform:scale(1)}.userform-dialog-error{background:#f8d7da;color:#721c24;padding:12px;border-radius:var(--border-radius);margin-bottom:16px;font-size:.9rem;animation:userform-shake .5s ease-in-out .2s}.userform-dialog-loader{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px}.userform-dialog-spinner{width:48px;height:48px;border:4px solid #e9ecef;border-top:4px solid var(--primary-color);border-radius:50%;animation:userform-spin 1s linear infinite}.userform-dialog-loader p{margin-top:12px;font-size:1rem;color:var(--text-color)}@keyframes userform-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes userform-slideIn{0%{transform:translate(-50%,-60%);opacity:0}to{transform:translate(-50%,-50%);opacity:1}}@keyframes userform-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes userform-shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-4px)}20%,40%,60%,80%{transform:translate(4px)}}@media (max-width: 600px){.userform-dialog-container{padding:16px;width:95vw}.userform-dialog-buttons{flex-direction:column;gap:8px}.userform-dialog-button{width:100%;padding:12px}}:root{--primary-color: #007bff;--danger-color: #dc3545;--warning-color: #fd7e14;--neutral-color: #6c757d;--background-color: #f8f9fa;--text-color: #212529;--border-radius: 8px;--shadow: 0 4px 12px rgba(0, 0, 0, .15);--transition: all .2s ease}.session-dialog{position:fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100%;z-index:100000}.session-dialog-overlay{position:fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100%;background-color:#00000080;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:100000!important;animation:fadeIn .3s ease-in}.session-dialog-container{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;padding:24px;border-radius:var(--border-radius);box-shadow:var(--shadow);z-index:100001!important;width:min(600px,90vw);max-height:80vh;overflow-y:auto;animation:slideIn .3s ease-out}.session-dialog-container h3{margin:0 0 16px;font-size:1.5rem;font-weight:600;color:var(--text-color)}.session-dialog-container h4{margin:16px 0 8px;font-size:1.1rem;font-weight:500;color:var(--text-color)}.session-dialog-info{margin:16px 0;font-size:.95rem;color:var(--text-color)}.session-dialog-info p{margin:0 0 8px}.session-dialog-history{max-height:250px;overflow-y:auto;border:1px solid #dee2e6;border-radius:var(--border-radius);background:var(--background-color)}.session-dialog-history-item{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;font-size:.9rem;transition:var(--transition);opacity:0;transform:translate(-20px)}.session-dialog-history-item[data-animate]{animation:slideFadeIn .4s ease-out forwards}.session-dialog-history-item:hover{background:#0000000d}.session-dialog-no-history{color:var(--neutral-color);font-style:italic}.session-dialog-icon{margin-right:8px;font-size:1.1rem;color:var(--neutral-color);transition:var(--transition)}.session-dialog-history-item:hover .session-dialog-icon{color:var(--primary-color)}.session-dialog-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.session-dialog-toggle{padding:.5rem 1rem;font-size:.875rem}.session-dialog-buttons{display:flex;justify-content:flex-end;gap:12px;margin-top:24px}.session-dialog-button{padding:10px 20px;border:none;border-radius:var(--border-radius);font-size:.95rem;font-weight:500;cursor:pointer;transition:var(--transition);transform:scale(1)}.session-dialog-button:hover{transform:scale(1.05);filter:brightness(90%)}.session-dialog-button:focus{outline:2px solid var(--primary-color);outline-offset:2px}.session-dialog-button.session-dialog-logout{background:var(--danger-color);color:#fff;padding:6px 12px}.session-dialog-button.session-dialog-logout-all{background:var(--warning-color);color:#fff}.session-dialog-button.session-dialog-cancel{background:#e9ecef;color:var(--text-color)}.session-dialog-error{background:#f8d7da;color:#721c24;padding:12px;border-radius:var(--border-radius);margin-bottom:16px;font-size:.9rem;animation:shake .5s ease-in-out .2s}.session-dialog-loader{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px}.session-dialog-spinner{width:48px;height:48px;border:4px solid #e9ecef;border-top:4px solid var(--primary-color);border-radius:50%;animation:session-dialog-spin 1s linear infinite}.session-dialog-loader p{margin-top:12px;font-size:1rem;color:var(--text-color)}.inactive-session{opacity:.7}@keyframes slideIn{0%{transform:translate(-50%,-60%);opacity:0}to{transform:translate(-50%,-50%);opacity:1}}@keyframes slideFadeIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes session-dialog-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 600px){.session-dialog-container{padding:16px;width:95vw}.session-dialog-buttons{flex-direction:column;gap:8px}.session-dialog-button{width:100%;padding:12px}}.add-user-button{width:200px;max-width:200px;min-width:200px;height:40px;border-radius:10px;border:none;background:linear-gradient(135deg,#1f61a0,#0c4a78);color:#fff;cursor:pointer;font-size:16px;font-family:Inter,sans-serif;letter-spacing:0%;transition:.3s ease;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 25px #1f61a04d;position:relative;overflow:hidden}.add-user-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.add-user-button:hover:before{left:100%}.add-user-button:hover{background:linear-gradient(135deg,#0c4a78,#1f61a0);transform:translateY(-3px);box-shadow:0 12px 35px #1f61a066}.add-user-button:focus{outline:2px solid rgba(31,97,160,.5);outline-offset:2px}.add-new-purchase-order{width:200px;max-width:200px;min-width:200px;height:40px;border-radius:10px;border:none;background:linear-gradient(135deg,#1f61a0,#0c4a78);color:#fff;cursor:pointer;font-size:16px;font-family:Inter,sans-serif;letter-spacing:0%;transition:.3s ease;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 25px #1f61a04d;position:relative;overflow:hidden}.add-new-purchase-order:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.add-new-purchase-order:hover:before{left:100%}.add-new-purchase-order:hover{background:linear-gradient(135deg,#0c4a78,#1f61a0);transform:translateY(-3px);box-shadow:0 12px 35px #1f61a066}.add-new-purchase-order:focus{outline:2px solid rgba(31,97,160,.5);outline-offset:2px}.user-management-container{padding:20px;border-radius:12px;font-family:Inter,sans-serif;flex:1;overflow-x:auto}.users-container h1{color:#1f61a0;margin-bottom:30px;font-size:24px;font-weight:600}.top-bar-user{display:flex;align-items:center;margin-top:10px;margin-bottom:40px;justify-content:space-between}.search-box-user{flex-shrink:0;width:300px;display:flex;align-items:center;padding:15px;border-radius:8px;height:40px;gap:6px;box-shadow:0 1px #00000005 inset,0 -1px #fff3 inset;border:1px solid #e2e8f0;background:#fff;position:relative}.search-box-user input{border:none;outline:none;padding:5px;width:250px;background:transparent;font-size:14px}.search-box-user input:focus{outline:none;border:none}.clear-search-btn{position:absolute;right:8px;background:none;border:none;cursor:pointer;padding:4px;color:#999;font-size:14px;display:flex;align-items:center;justify-content:center;border-radius:3px;transition:color .2s ease}.clear-search-btn:hover{color:#666;background-color:#f0f0f0}.clear-search-btn:focus{outline:none;color:#333}.user-table-container{display:flex;flex-direction:column;gap:0px;background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;box-shadow:0 20px 60px #00000014;border:1px solid rgba(255,255,255,.3);overflow:hidden}.user-table-header{display:grid;grid-template-columns:1.6fr 1.8fr 1.8fr 1.2fr .8fr .5fr;align-items:center;text-align:left;padding:18px 15px;width:100%;height:60px;border-radius:15px;background:linear-gradient(135deg,#1f61a0,#0c4a78);color:#fff;font-weight:700;font-size:13px;letter-spacing:.08em;font-family:Inter,sans-serif;box-shadow:0 8px 25px #1f61a033}.user-table-header span{display:flex;align-items:center;padding-left:2px}.user-table-row{display:grid;grid-template-columns:1.6fr 1.8fr 1.8fr 1.2fr .8fr .5fr;background:#fff;align-items:center;text-align:left;padding:20px 15px;border-bottom:1px solid rgba(226,232,240,.8);font-family:Inter,sans-serif;font-size:14px;transition:all .3s ease;position:relative}.user-table-row span{overflow-wrap:break-word;word-wrap:break-word;word-break:break-word;white-space:normal;padding:0 5px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}.user-table-row.no-border{border-bottom:none}.user-table-row span:last-child{cursor:pointer}.user-table-row:hover{background:linear-gradient(135deg,#1f61a00a,#1f61a014);transform:translate(5px);box-shadow:0 4px 20px #1f61a01a}.react-select-user__control{border:2px solid #e2e8f0!important;border-radius:10px!important;box-shadow:0 4px 12px #0000000d!important;min-width:120px!important;min-height:38px!important;cursor:pointer!important;transition:all .2s ease!important}.react-select-user__control:hover{border-color:#1f61a0!important}.react-select-user__control--is-focused{border-color:#1f61a0!important;box-shadow:0 0 0 3px #1f61a01a!important}.react-select-user__control--is-disabled{background-color:#f9fafb!important;cursor:not-allowed!important}.react-select-user__value-container{padding:2px 8px!important}.react-select-user__single-value{font-weight:600!important;color:#475569!important;font-size:13px!important}.react-select-user__placeholder{color:#94a3b8!important;font-weight:600!important;font-size:13px!important}.react-select-user__dropdown-indicator{color:#475569!important;transition:transform .3s ease!important}.react-select-user__indicator-separator{display:none!important}.react-select-user__menu{border-radius:10px!important;overflow:hidden!important;box-shadow:0 12px 40px #1f61a02e!important;z-index:5!important;animation:slideDown .3s ease-out!important}.react-select-user__menu-list{padding-top:8px!important;padding-bottom:8px!important}.react-select-user__option{font-size:13px!important;font-weight:600!important;cursor:pointer!important}.react-select-user__option--is-selected{background-color:#e7f3ff!important;color:#0b3c61!important}.react-select-user__option--is-focused{background-color:#f0f9ff!important;color:#1f61a0!important}.react-select-user__input{margin:0!important;padding:0!important}.role-dropdown{padding:6px 10px;border:1px solid #1f61a0;border-radius:8px;background-color:#fff;font-size:14px;color:#333;cursor:pointer;transition:all .2s}.role-dropdown:hover{border-color:#0056b3}.status-toggle-container-userlist{display:flex;justify-content:flex-start;align-items:center;min-height:24px}.status-toggle-container-userlist input[type=checkbox]{position:relative;width:50px;height:22.5px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:red;outline:none;border-radius:2rem;cursor:pointer;transition:all .3s ease}.status-toggle-container-userlist input[type=checkbox]:before{content:"";width:17px;height:17px;border-radius:50%;background:#fff;position:absolute;top:2.7px;left:4px;transition:all .3s ease}.status-toggle-container-userlist input[type=checkbox]:checked:before{transform:translate(150%);background:#fff}.status-toggle-container-userlist input[type=checkbox]:checked{background:#00ed64}.user-details-accordion{width:100%;background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:20px;font-size:14px;height:150px;color:#1e293b;box-shadow:0 8px 32px #1f61a01f;border-bottom:2px solid #e7f3ff;transition:all .3s ease}.user-toggle-button{background:linear-gradient(135deg,#1f61a0,#0c4a78);color:#fff;border:none;font-size:16px;cursor:pointer;border-radius:12px;transition:all .3s ease;box-shadow:0 2px 5px #1f62a025;display:flex;height:25px;width:25px;align-items:center;justify-content:center;padding:5px}.user-toggle-button:hover{background:linear-gradient(135deg,#0c4a78,#1f61a0);transform:translateY(-2px);box-shadow:0 8px 25px #1f61a059}.user-view-button{cursor:pointer;display:inline-flex;align-items:center;justify-content:center;padding:5px;border-radius:5px;transition:background-color .2s ease}.user-view-button:hover{background-color:#1f61a01a}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.dialog-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;z-index:1000;width:100%;height:100%}.status-dialog{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#fff;padding:24px;border-radius:10px;z-index:1001;width:400px;max-width:90%;box-shadow:0 4px 8px #0000001a}.status-dialog p{margin-bottom:20px;color:#333;text-align:start;font-size:16px;font-family:inherit;font-weight:700}.dialog-buttons{display:flex;justify-content:flex-end;gap:16px}.dialog-button{padding:8px 16px;border-radius:10px;font-weight:500;cursor:pointer;transition:all .2s;border:none;font-family:inherit}.dialog-button.confirm{background-color:#1f61a0;color:#fff}.dialog-button.confirm:hover{background-color:#0056b3}.dialog-button.cancel{background-color:#fff;color:#1f61a0;border:1px solid #1f61a0}.dialog-button.cancel:hover{background-color:#fff}.loader-small{width:60px;aspect-ratio:4;background:radial-gradient(circle closest-side,#000 90%,#0000) 0 / calc(100% / 3) 100% space;clip-path:inset(0 100% 0 0);animation:l1 1s steps(4) infinite}@keyframes l1{to{clip-path:inset(0 -34% 0 0)}}.user-info-container{display:flex;flex-direction:column;align-items:flex-start;margin-top:20px;gap:20px}.user-info-details{display:grid;gap:15px;color:#000;text-align:left;align-items:center;min-width:250px}.no-users-message{text-align:center;color:gray;margin-top:20px;padding:40px 20px;font-style:italic}.error-message{color:#dc3545;text-align:center;margin-top:20px;padding:20px;background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:8px}@media (min-width: 1441px){.user-details-accordion,.user-toggle-button{display:none}.user-table-header,.user-table-row{grid-template-columns:1.6fr 1.8fr 1.8fr 1.2fr .8fr}}@media (min-width: 1025px) and (max-width: 1440px){.user-management-container{padding:18px;margin-left:100px}.users-container h1{font-size:22px;margin-bottom:25px;margin-top:20px}.top-bar-user{margin-bottom:30px}.search-box-user{width:250px;padding:12px}.user-details-accordion,.user-toggle-button{display:none}.user-table-header,.user-table-row{grid-template-columns:1.6fr 1.8fr 1.8fr 1.2fr .8fr;font-size:13px;height:55px}.status-dialog{width:350px;padding:20px}.dialog-button{padding:7px 14px;font-size:14px}.user-info-details{gap:12px}}@media (min-width: 769px) and (max-width: 1024px){.user-management-container{padding:15px}.users-container h1{font-size:20px;margin-bottom:20px;margin-top:65px}.top-bar-user{flex-direction:row;align-items:flex-start;gap:15px;margin-bottom:25px}.user-table-header span:nth-child(2),.user-table-row span:nth-child(2),.user-info-details p:nth-child(1),.user-info-details p:nth-child(3){display:none}.search-box-user{width:220px;padding:10px}.user-table-header,.user-table-row{grid-template-columns:1fr 1fr 1fr .5fr .2fr;font-size:12px;height:75px}.status-dialog{width:320px;padding:18px}.dialog-button{padding:6px 12px;font-size:13px}.user-info-details{gap:10px}}@media (min-width: 577px) and (max-width: 768px){.user-management-container{padding:12px;margin-top:10px}.users-container h1{font-size:18px;margin-bottom:15px;margin-top:60px}.top-bar-user{flex-direction:row;align-items:flex-start;gap:12px;margin-bottom:20px}.search-box-user{width:200px;padding:8px}.user-table-header span:nth-child(2),.user-table-row span:nth-child(2),.user-table-header span:nth-child(3),.user-table-row span:nth-child(3),.user-info-details p:nth-child(1){display:none}.search-box-user input{width:100%;font-size:13px}.user-table-header{grid-template-columns:1fr 1fr 1fr .2fr;font-size:11px;height:55px}.user-table-row{grid-template-columns:1fr 1fr 1fr .2fr;font-size:12px;height:75px}.status-dialog{width:300px;padding:16px}.dialog-button{padding:5px 10px;font-size:12px}.user-info-details{gap:8px;min-width:200px}}@media (max-width: 576px){.user-management-container{padding:10px;margin-top:13px}.users-container h1{font-size:20px;margin-bottom:12px;margin-top:40px}.top-bar-user{flex-direction:row;align-items:flex-start;gap:10px;margin-bottom:15px}.user-table-header span:nth-child(2),.user-table-row span:nth-child(2),.user-table-header span:nth-child(3),.user-table-row span:nth-child(3){display:none}.search-box-user{padding:6px;width:200px}.add-user-button,.add-new-purchase-order{width:110px;min-width:110px;max-width:110px;font-size:14px}.search-box-user input{width:100%;font-size:12px}.user-table-header{grid-template-columns:1fr 1fr .5fr .5fr;font-size:10px;height:60px;padding:8px}.user-table-row{grid-template-columns:1fr 1fr .5fr .5fr;font-size:13px;row-gap:10px;height:45px;padding:8px}.status-dialog{width:90%;padding:12px;max-width:280px}.dialog-button{padding:4px 8px;font-size:11px}.user-info-details{gap:6px;min-width:100%}.error-message{font-size:12px}}.profile-badge{display:flex;align-items:center;padding:10px 20px;background:linear-gradient(135deg,#fff,#f8fafc);border-radius:50px;box-shadow:0 8px 25px #1f61a026;border:1px solid rgba(255,255,255,.2);transition:all .5s ease;position:fixed;top:9px;right:20px;z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-family:Inter,sans-serif;overflow:hidden;min-width:50px}.profile-badge:hover{box-shadow:0 12px 35px #1f61a033;transform:translateY(-2px)}.profile-badge:not(.profile-badge--open){padding:10px;width:60px;justify-content:center;transition:all .5s ease}.profile-badge--open{padding:10px 20px;width:auto;transition:all .5s ease}.profile-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#1f61a0,#0c4a78);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:18px;margin-right:12px;transition:all .3s ease;cursor:pointer;flex-shrink:0}.profile-avatar:hover{background:linear-gradient(135deg,#0c4a78,#1f61a0);transform:scale(1.05)}.profile-avatar:focus{outline:2px solid #1f61a0;outline-offset:2px}.profile-badge:not(.profile-badge--open) .profile-avatar{margin-right:0;transition:margin-right .3s ease}.profile-info{display:flex;flex-direction:column;gap:4px;transition:all .3s ease;overflow:hidden}.profile-info--hidden{opacity:0;width:0;margin:0;padding:0;transition:all .3s ease}.profile-info--visible{opacity:1;width:auto;transition:all .3s ease}.profile-name{font-weight:600;font-size:15px;color:#1e293b;white-space:nowrap;transition:all .3s ease}.profile-role{font-size:13px;color:#64748b;font-weight:500;white-space:nowrap;transition:all .3s ease}@media (min-width: 1025px) and (max-width: 1440px){.profile-badge{top:15px;right:15px}.profile-badge:not(.profile-badge--open){padding:8px;width:54px;transition:all .3s ease}.profile-badge--open{padding:8px 18px;transition:all .3s ease}.profile-avatar{width:38px;height:38px;font-size:17px;margin-right:10px}.profile-badge:not(.profile-badge--open) .profile-avatar{margin-right:0;transition:margin-right .3s ease}.profile-name{font-size:14px}.profile-role{font-size:12px}}@media (min-width: 769px) and (max-width: 1024px){.profile-badge{top:15px;right:15px}.profile-badge:not(.profile-badge--open){padding:8px;width:52px;transition:all .3s ease}.profile-badge--open{padding:8px 15px;transition:all .3s ease}.profile-avatar{width:36px;height:36px;font-size:16px;margin-right:8px}.profile-badge:not(.profile-badge--open) .profile-avatar{margin-right:0;transition:margin-right .3s ease}.profile-name{font-size:14px}.profile-role{font-size:12px}}@media (min-width: 577px) and (max-width: 768px){.profile-badge{top:12px;right:12px}.profile-badge:not(.profile-badge--open){padding:6px;width:46px;transition:all .3s ease}.profile-badge--open{padding:6px 10px;transition:all .3s ease}.profile-avatar{width:34px;height:34px;font-size:15px;margin-right:8px}.profile-badge:not(.profile-badge--open) .profile-avatar{margin-right:0;transition:margin-right .3s ease}.profile-name{font-size:13px}.profile-role{font-size:11px}}@media (max-width: 576px){.profile-badge{top:10px;right:10px;border-radius:25px}.profile-badge:not(.profile-badge--open){padding:5px;width:42px;transition:all .3s ease}.profile-badge--open{padding:5px 8px;transition:all .3s ease}.profile-avatar{width:32px;height:32px;font-size:14px;margin-right:6px}.profile-badge:not(.profile-badge--open) .profile-avatar{margin-right:0;transition:margin-right .3s ease}.profile-name{font-size:12px}.profile-role{font-size:10px}}.offer-audit-container{padding:20px;border:1px solid #e0e0e0;border-radius:8px;margin-top:20px;background-color:#f9f9f9}.offer-audit-container h3{margin-bottom:15px;color:#333;font-size:1.2rem}.audit-list{display:flex;flex-direction:column;gap:15px}.audit-item{padding:15px;border:1px solid #ddd;border-radius:6px;background-color:#fff}.audit-header{display:flex;gap:10px;margin-bottom:10px;font-weight:500;align-items:center}.audit-action{color:#2c5282;font-weight:600}.audit-user{color:#4a5568}.audit-date{color:#718096;font-size:.9rem}.audit-changes{display:flex;flex-direction:column;gap:5px;padding-left:10px}.field-change{display:flex;gap:8px;align-items:center}.field-name{font-weight:500;color:#4a5568}.old-value{color:#e53e3e;text-decoration:line-through}.new-value{color:#38a169;font-weight:500}.change-arrow{color:#718096}.loading-message,.no-audits-message{padding:20px;text-align:center;color:#4a5568}.error-message{padding:20px;text-align:center;color:#e53e3e;font-weight:500}.main-content-offer{flex:1;padding:20px;min-height:100vh;position:relative;z-index:1}.offer-container h1{color:#1f61a0;margin-bottom:30px;font-size:32px;font-weight:700;font-family:Inter,sans-serif;text-shadow:0 2px 4px rgba(31,97,160,.1)}.top-bar-offer{display:flex;justify-content:space-between;align-items:center;margin-top:10px;margin-bottom:15px;gap:20px}.search-box-offer{flex-shrink:0;width:300px;display:flex;align-items:center;padding:15px;background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:8px;height:40px;box-shadow:0 8px 32px #1f61a01f;border:1px solid rgba(255,255,255,.2);transition:all .3s ease}.search-box-offer:hover{box-shadow:0 12px 40px #1f61a02e;transform:translateY(-2px)}.search-box-offer input{border:none;outline:none;padding:5px;width:250px;background:transparent;font-size:15px;font-family:Inter,sans-serif;color:#334155;font-weight:500}.search-box-offer input::placeholder{color:#94a3b8}.search-box-offer input:focus{outline:none;border:none}.react-select-lm__control{border:2px solid #e2e8f0!important;border-radius:10px!important;box-shadow:0 4px 12px #0000000d!important;min-width:120px;transition:all .2s ease!important}.react-select-lm__dropdown-indicator{transition:transform .3s ease!important}.react-select-lm__dropdown-indicator svg{transition:transform .3s ease!important}.react-select-lm__menu{border-radius:10px!important;overflow:hidden!important;box-shadow:0 12px 40px #1f61a02e!important;animation:slideDown .3s ease-out!important}.react-select-lm__menu-list{padding-top:8px!important;padding-bottom:8px!important}.add-offer{width:220px;max-width:220px;min-width:220px;height:50px;border-radius:15px;border:none;background:linear-gradient(135deg,#1f61a0,#0c4a78);color:#fff;cursor:pointer;font-size:16px;font-family:Inter,sans-serif;font-weight:600;letter-spacing:.5px;transition:all .3s ease;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 25px #1f61a04d;overflow:visible;position:relative;z-index:2}.add-offer:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.add-offer:hover:before{left:100%}.add-offer:hover{background:linear-gradient(135deg,#0c4a78,#1f61a0);transform:translateY(-3px);box-shadow:0 12px 35px #1f61a066}.table-container-offer{display:flex;flex-direction:column;gap:0px;background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;box-shadow:0 20px 60px #00000014;border:1px solid rgba(255,255,255,.3);overflow:visible;position:relative;z-index:2}.table-header-offer{display:grid;grid-template-columns:2fr 1.5fr 1.5fr 1.3fr 1.3fr 1.3fr 1.8fr;align-items:center;text-align:left;padding:18px 15px;width:100%;height:60px;border-radius:15px;background:linear-gradient(135deg,#1f61a0,#0c4a78);color:#fff;font-weight:700;font-size:13px;letter-spacing:.08em;font-family:Inter,sans-serif;box-shadow:0 8px 25px #1f61a033}.table-header-offer span{display:flex;align-items:center;padding-left:10px}.table-row-offer{display:grid;grid-template-columns:2fr 1.5fr 1.5fr 1.3fr 1.3fr 1.3fr 1.8fr;align-items:center;text-align:left;padding:20px 15px;border-bottom:1px solid rgba(226,232,240,.8);font-family:Inter,sans-serif;font-size:14px;transition:all .3s ease;position:relative}.table-row-offer:hover{background:linear-gradient(135deg,#1f61a00a,#1f61a014);transform:translate(5px);box-shadow:0 4px 20px #1f61a01a}.table-cell-offer{padding-left:10px;display:flex;align-items:center;font-weight:500;color:#475569}.react-select-lm__control{border:2px solid #e2e8f0!important;border-radius:10px!important;box-shadow:0 4px 12px #0000000d!important;min-width:120px}.react-select-lm__control--is-focused{border-color:#1f61a0!important;box-shadow:0 0 0 3px #1f61a01a!important}.react-select-lm__value-container{padding:2px 8px!important}.react-select-lm__single-value{color:#475569!important;font-weight:600;font-size:13px}.react-select-lm__placeholder{color:#94a3b8!important;font-weight:600;font-size:13px}.react-select-lm__indicator-separator{display:none!important}.react-select-lm__menu{border-radius:10px!important;overflow:hidden!important;box-shadow:0 12px 40px #1f61a02e!important}.react-select-lm__option{font-size:13px!important;font-weight:600!important}.react-select-lm__option--is-focused{background-color:#f0f9ff!important;color:#1f61a0!important}.react-select-lm__option--is-selected{background-color:#e7f3ff!important;color:#0b3c61!important}.react-select-lm__control--is-disabled{background-color:#f9fafb!important;cursor:not-allowed!important;opacity:.7}.react-select-lm.status-draft .react-select-lm__control{color:#6b7280;border-color:#d1d5db;background-color:#f9fafb}.react-select-lm.status-sent .react-select-lm__control{color:#0ea5e9;border-color:#bae6fd;background-color:#f0f9ff}.react-select-lm.status-modified .react-select-lm__control{color:#f59e0b;border-color:#fed7aa;background-color:#fffbeb}.react-select-lm.status-accepted .react-select-lm__control{color:#10b981;border-color:#a7f3d0;background-color:#ecfdf5}.react-select-lm.status-rejected .react-select-lm__control{color:#ef4444;border-color:#fecaca;background-color:#fef2f2}.status-generated{color:#10b981;font-weight:600;padding:6px;background:#ecfdf5;border-radius:8px;border:1px solid #a7f3d0}.status-not-generated{color:#6b7280;padding:6px;background:#f9fafb;border-radius:8px;border:1px solid #d1d5db}.generated-text{color:#10b981;font-weight:600;padding:8px 16px;background:linear-gradient(135deg,#ecfdf5,#d1fae5);border-radius:12px;border:2px solid #a7f3d0;display:flex;align-items:center;gap:6px;font-size:13px;box-shadow:0 4px 12px #10b98126}.file-icon-btn{background:linear-gradient(135deg,#1f61a0,#0c4a78);color:#fff;border:none;font-size:18px;cursor:pointer;padding:12px;border-radius:12px;transition:all .3s ease;box-shadow:0 6px 20px #1f61a040;display:flex;align-items:center;justify-content:center;min-width:44px;height:44px}.file-icon-btn:hover{background:linear-gradient(135deg,#0c4a78,#1f61a0);transform:translateY(-2px);box-shadow:0 8px 25px #1f61a059}.revision-btn{background:linear-gradient(135deg,#0ea5e9,#0284c7);color:#fff;border:none;padding:10px 16px;border-radius:10px;cursor:pointer;font-size:13px;font-family:Inter,sans-serif;font-weight:600;transition:all .3s ease;box-shadow:0 6px 20px #0ea5e940;text-transform:uppercase;letter-spacing:.5px}.revision-btn:hover{background:linear-gradient(135deg,#0284c7,#0ea5e9);transform:translateY(-2px);box-shadow:0 8px 25px #0ea5e959}.upload-requirement{color:#ef4444;font-size:12px;font-style:italic;margin-top:4px;display:flex;align-items:center;gap:4px}.upload-requirement:before{content:"⚠️";font-size:10px}.no-offers-message{text-align:center;color:#64748b;margin-top:40px;font-size:16px;font-family:Inter,sans-serif;font-weight:500;padding:40px;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border-radius:15px;border:2px dashed #cbd5e1}.action-button{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;border-radius:10px;cursor:pointer;font-size:14px;transition:all .3s ease;overflow:visible;position:relative;z-index:2}.offer-list-edit-button{background:linear-gradient(135deg,#1f61a0,#0c4a78);color:#fff}.offer-list-edit-button:hover{background:linear-gradient(135deg,#0c4a78,#1f61a0)}.offer-list-generate-appointment-button{background:linear-gradient(135deg,#1f61a0,#0c4a78);color:#fff}.offer-list-generate-appointment-button:hover{background:linear-gradient(135deg,#0c4a78,#1f61a0)}.offer-list-view-appointment-button{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.offer-list-view-appointment-button:hover{background:linear-gradient(135deg,#059669,#10b981)}.offer-list-audit-button{background:transparent;color:#6b7280;border:1px solid #d1d5db}.offer-list-audit-button:hover{background:#6b72801a;color:#374151;border-color:#9ca3af}.dialog-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;height:auto;animation:fadeIn .3s ease}.dialog-content{position:relative;background:#fff;border-radius:20px;width:550px;max-width:90vw;max-height:80vh;overflow-y:auto;box-shadow:0 25px 60px #00000026;border:1px solid rgba(255,255,255,.3);animation:slideUp .4s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.dialog-header{display:flex;justify-content:space-between;align-items:center;padding:25px 30px;border-bottom:1px solid #e2e8f0;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:20px 20px 0 0}.dialog-header h3{margin:0;color:#a01f75;font-family:Inter,sans-serif;font-size:20px;font-weight:700}.close-btn{background:none;border:none;font-size:28px;cursor:pointer;color:#64748b;transition:all .3s ease;padding:8px;border-radius:8px}.close-btn:hover{color:#ef4444;background:#fef2f2}.dialog-body{padding:30px}.dialog-body p{margin:15px 0;font-family:Inter,sans-serif;color:#475569;font-weight:500}.dialog-linear-progress{position:absolute;top:0;left:0;width:100%;height:4px;background-color:#f0f0f0;overflow:visible;position:relative;z-index:2;opacity:0;transition:opacity .3s ease;z-index:1000;border-radius:0}.dialog-linear-progress-bar{height:100%;background:linear-gradient(90deg,#1f61a0,#0c4a78);width:30%;border-radius:0 2px 2px 0;animation:dialogProgressAnimation 1.5s ease-in-out infinite}@keyframes dialogProgressAnimation{0%{transform:translate(-100%)}50%{transform:translate(0)}to{transform:translate(400%)}}.form-group{margin:25px 0}.form-group label{display:block;margin-bottom:10px;font-weight:600;color:#334155;font-family:Inter,sans-serif;font-size:14px}.date-input,.file-input{width:100%;border:2px solid #e2e8f0;border-radius:12px;font-family:Inter,sans-serif;font-size:14px;transition:all .3s ease;background:#fff}.date-input:focus,.file-input:focus{outline:none;border-color:#1f61a0;box-shadow:0 0 0 3px #1f61a01a}.dialog-actions{display:flex;margin:25px 0;justify-content:space-between}.download-btn,.complete-btn{background:linear-gradient(135deg,#0c4a78);color:#fff;border:none;padding:15px 25px;border-radius:12px;cursor:pointer;font-family:Inter,sans-serif;font-weight:600;margin-right:15px;transition:all .3s ease;box-shadow:0 6px 20px #1f61a040;font-size:14px;min-width:140px}.download-btn:disabled,.complete-btn:disabled{background:linear-gradient(135deg,#1f61a0);cursor:not-allowed;opacity:.7}.download-btn:hover:not(:disabled),.complete-btn:hover:not(:disabled){background:linear-gradient(135deg,#1f61a0 90%);transform:translateY(-2px);box-shadow:0 8px 25px #1f61a059}.upload-section{margin-top:25px;padding-top:25px;border-top:2px solid #e2e8f0}.file-selected{margin-top:10px;color:#10b981;font-size:14px;font-family:Inter,sans-serif;font-weight:600;display:flex;align-items:center;gap:8px;padding:10px 15px;background:#ecfdf5;border-radius:10px;border:1px solid #a7f3d0}.file-selected:before{content:"✓";background:#10b981;color:#fff;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:12px}.status-change-warning{background:linear-gradient(135deg,#fef3c7,#fde68a);border:2px solid #f59e0b;border-radius:12px;padding:15px;margin:20px 0;color:#92400e;font-family:Inter,sans-serif}.status-change-warning p{margin:5px 0;font-size:14px}.status-change-warning strong{color:#78350f}.offer-list-cancel-btn{background:#f1f3f41a;color:#1f61a0;border:1px solid #1f61a0;padding:15px 25px;border-radius:12px;cursor:pointer;font-family:Inter,sans-serif;font-weight:600;margin-left:0;transition:all .3s ease;box-shadow:0 6px 20px #1f61a01a;font-size:14px;overflow:visible;position:relative;z-index:2;min-width:120px}.cancel-btn:disabled:before{display:none}.view-appointment-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;padding:10px 16px;border-radius:10px;cursor:pointer;font-size:13px;font-family:Inter,sans-serif;font-weight:600;transition:all .3s ease;box-shadow:0 6px 20px #10b98140;text-transform:uppercase;letter-spacing:.5px}.view-appointment-btn:hover{background:linear-gradient(135deg,#059669,#10b981);transform:translateY(-2px);box-shadow:0 8px 25px #10b98159}.offer-toggle-button{background:linear-gradient(135deg,#1f61a0,#0c4a78);color:#fff;border:none;font-size:16px;cursor:pointer;border-radius:12px;transition:all .3s ease;box-shadow:0 2px 5px #1f62a025;display:flex;align-items:center;justify-content:center;padding:5px;width:20px}.offer-toggle-button:hover{background:linear-gradient(135deg,#0c4a78,#1f61a0);box-shadow:0 8px 25px #1f61a059}.accordion-offer{width:100%;background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:20px;font-size:14px;color:#1e293b;box-shadow:0 8px 32px #1f61a01f;border-bottom:2px solid #e7f3ff;transition:all .3s ease}.accordion-offer:hover{background:linear-gradient(135deg,#1f61a00a,#1f61a014);box-shadow:0 12px 40px #1f61a02e}.offer-info-container{display:flex;align-items:flex-start;margin-top:10px;gap:20px}.offer-info-details{display:grid;gap:15px;color:#1e293b;text-align:left;flex:1;font-weight:500}.offer-info-details p{margin:0;padding:5px 0;display:flex;align-items:center;gap:10px}.offer-info-details p strong{min-width:150px}@media (min-width: 1441px){.accordion-offer,.offer-toggle-button{display:none}}@media (min-width: 1025px) and (max-width: 1440px){.main-content-offer{margin-left:87px;padding:15px}.offer-container h1{font-size:28px;margin-top:20px;margin-bottom:25px}.top-bar-offer{margin-bottom:25px}.search-box-offer{width:250px;padding:12px}.search-box-offer:hover{box-shadow:0 12px 40px #1f61a02e;transform:translateY(-2px)}.add-offer{width:200px;font-size:15px}.add-offer:hover{background:linear-gradient(135deg,#0c4a78,#1f61a0);transform:translateY(-2px);box-shadow:0 12px 35px #1f61a066}.table-header-offer{grid-template-columns:2fr 1.5fr 1.5fr 1.3fr 1.3fr 1.3fr 1.8fr;font-size:12px;padding:15px 12px}.table-row-offer{grid-template-columns:2fr 1.5fr 1.5fr 1.3fr 1.3fr 1.3fr 1.8fr;padding:15px 12px}.dialog-content{width:500px;padding:20px}.accordion-offer,.offer-toggle-button{display:none}}@media (min-width: 769px) and (max-width: 1024px){.main-content-offer{margin-left:1px;padding:12px}.offer-container h1{font-size:26px;margin-top:70px;margin-bottom:20px}.top-bar-offer{flex-direction:row;align-items:flex-start;gap:15px;margin-bottom:20px}.search-box-offer{width:220px;padding:10px}.search-box-offer:hover{box-shadow:0 12px 40px #1f61a02e;transform:translateY(-2px)}.add-offer{width:180px;font-size:14px;height:45px}.add-offer:hover{background:linear-gradient(135deg,#0c4a78,#1f61a0);transform:translateY(-2px);box-shadow:0 12px 35px #1f61a066}.table-header-offer{grid-template-columns:1.5fr 1fr 1fr 1fr 1fr 1fr;font-size:11px;padding:12px 8px}.table-row-offer{grid-template-columns:1.5fr 1fr 1fr 1fr 1fr 1fr;padding:12px 8px;height:65px}.dialog-content{width:450px;padding:18px}.action-buttons-container{display:flex;flex-direction:column;width:35px;height:35px}.offer-toggle-button{position:absolute;right:10px;top:50%;transform:translateY(-50%);display:flex!important;background:linear-gradient(135deg,#1f61a0,#0c4a78);color:#fff;border:none;font-size:16px;cursor:pointer;border-radius:12px;transition:all .3s ease;box-shadow:0 2px 5px #1f62a025;align-items:center;justify-content:center;padding:5px;width:30px;height:30px;margin-left:auto}.table-header-offer span:nth-child(2),.table-header-offer span:nth-child(5){display:none!important}.table-row-offer span:nth-child(2),.table-row-offer span:nth-child(5){display:none!important}.offer-info-details p:nth-child(2),.offer-info-details p:nth-child(3),.offer-info-details p:nth-child(5){display:none!important}}@media (min-width: 577px) and (max-width: 768px){.main-content-offer{padding:12px}.offer-container h1{font-size:25px;margin-top:70px;margin-bottom:20px}.top-bar-offer{flex-direction:row;align-items:flex-start;gap:15px;margin-bottom:25px}.search-box-offer{width:200px;padding:8px}.search-box-offer:hover{box-shadow:0 12px 40px #1f61a02e;transform:translateY(-2px)}.add-offer{width:180px;font-size:14px;height:45px}.add-offer:hover{background:linear-gradient(135deg,#0c4a78,#1f61a0);transform:translateY(-2px);box-shadow:0 12px 35px #1f61a066}.table-header-offer{grid-template-columns:1.2fr 1.2fr 1.3fr 1.4fr .8fr;font-size:11px;padding:12px 8px;background:linear-gradient(135deg,#1f61a0,#0c4a78);color:#fff;font-weight:700;letter-spacing:.08em;box-shadow:0 8px 25px #1f61a033;height:70px}.table-header-offer span{display:flex;align-items:center;padding-left:3px}.table-row-offer{display:grid;grid-template-columns:1.2fr 1.2fr 1.3fr 1.4fr .8fr;padding:12px 8px;height:80px}.dialog-content{width:450px;padding:18px}.action-buttons-container{display:flex;flex-direction:column;width:35px;height:35px;gap:1px}.offer-toggle-button{position:absolute;right:10px;top:50%;transform:translateY(-50%);display:flex!important;background:linear-gradient(135deg,#1f61a0,#0c4a78);color:#fff;border:none;font-size:16px;cursor:pointer;border-radius:12px;transition:all .3s ease;box-shadow:0 2px 5px #1f62a025;align-items:center;justify-content:center;padding:5px;width:30px;height:30px;margin-left:auto}.table-header-offer span:nth-child(2),.table-header-offer span:nth-child(4),.table-header-offer span:nth-child(5){display:none!important}.table-row-offer span:nth-child(2),.table-row-offer span:nth-child(6),.table-row-offer span:nth-child(5){display:none!important}.offer-info-details p:nth-child(2),.offer-info-details p:nth-child(5){display:none!important}.table-cell-offer{padding-left:0;display:flex;align-items:center;font-weight:500;color:#475569}}@media (max-width: 576px){.main-content-offer{margin-left:1px;padding:10px}.offer-container h1{font-size:23px;margin-top:70px;margin-bottom:20px}.top-bar-offer{flex-direction:row;align-items:flex-start;gap:15px;margin-bottom:25px;margin-top:0}.search-box-offer{width:50%;padding:6px}.search-box-offer input{width:100%;font-size:12px}.close-btn{top:10px;right:3px}.search-box-offer:hover{box-shadow:0 12px 40px #1f61a02e;transform:translateY(-2px)}.add-offer{width:180px;font-size:14px;height:45px}.add-offer:hover{background:linear-gradient(135deg,#0c4a78,#1f61a0);transform:translateY(-2px);box-shadow:0 12px 35px #1f61a066}.table-header-offer{grid-template-columns:1.5fr 1.7fr .5fr;font-size:11px;gap:6px;padding:12px 8px;background:linear-gradient(135deg,#1f61a0,#0c4a78);color:#fff;height:50px;font-weight:700;letter-spacing:.08em;box-shadow:0 8px 25px #1f61a033}.table-header-offer span:nth-child(2),.table-header-offer span:nth-child(3),.table-header-offer span:nth-child(4),.table-header-offer span:nth-child(5),.table-header-offer span:nth-child(6){display:none!important}.table-header-offer span:nth-child(7){display:block}.table-row-offer{grid-template-columns:1.2fr 1.7fr .5fr;padding:12px 2px;height:60px;gap:8px;align-items:center;position:relative}.table-row-offer span:nth-child(7),.table-row-offer span:nth-child(3),.table-row-offer span:nth-child(4),.table-row-offer span:nth-child(5),.table-row-offer span:nth-child(6){display:none!important}.table-row-offer span:nth-child(7){display:flex;justify-content:center;align-items:center}.offer-toggle-button{display:flex!important;background:linear-gradient(135deg,#1f61a0,#0c4a78);color:#fff;border:none;font-size:16px;cursor:pointer;border-radius:12px;transition:all .3s ease;box-shadow:0 2px 5px #1f62a025;align-items:center;justify-content:center;padding:5px;width:30px;height:30px;position:absolute;right:8px;top:50%;transform:translateY(-50%)}.offer-toggle-button:hover{background:linear-gradient(135deg,#0c4a78,#1f61a0);transform:translateY(-50%) translateY(-2px);box-shadow:0 8px 25px #1f61a059}.dialog-content{width:90vw;max-width:400px;padding:18px}.action-buttons-container{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:6px;flex-wrap:wrap}.action-button{width:32px;height:32px;font-size:12px}.table-cell-offer span[title="Appointment is needed"]{display:inline-block!important;padding:8px;color:#64748b;font-size:12px;font-weight:500;text-align:center}}.clear-search-btn{background:none;border:none;color:#94a3b8;cursor:pointer;padding:4px 8px;display:flex;align-items:center;justify-content:center;transition:all .3s ease;border-radius:6px;font-size:14px}.clear-search-btn:hover{color:#ef4444;background:#fef2f2}.export-offer-button{width:205px;height:40px;border-radius:15px;border:2px solid rgba(31,97,160,.3);background:#1f61a01a;color:#1f61a0;cursor:pointer;font-size:16px;font-family:Inter,sans-serif;font-weight:600;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.export-offer-button:hover{background:#1f61a033;border-color:#1f61a080;transform:translateY(-2px);box-shadow:0 8px 25px #1f61a033}.export-offer-button .export-icon{width:18px;height:18px}.offer-actions-container{display:flex;align-items:center;gap:8px}.table-header-offer input[type=checkbox],.table-row-offer input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:22px;height:22px;border:2px solid #1f61a0;border-radius:6px;outline:none;cursor:pointer;position:relative;margin:0;vertical-align:middle;transition:all .3s ease;background:#fff;box-shadow:0 2px 8px #1f61a01a}.table-header-offer input[type=checkbox]:hover,.table-row-offer input[type=checkbox]:hover{border-color:#0c4a78;box-shadow:0 4px 12px #1f61a033}.table-header-offer input[type=checkbox]:checked,.table-row-offer input[type=checkbox]:checked{background:linear-gradient(135deg,#1f61a0,#0c4a78);border-color:#1f61a0;box-shadow:0 4px 15px #1f61a04d}.table-header-offer input[type=checkbox]:checked:after,.table-row-offer input[type=checkbox]:checked:after{content:"✓";position:absolute;color:#fff;font-size:16px;font-weight:700;left:3px;top:-2px}#export-offer-loading-notification{position:fixed;top:20px;right:20px;background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:20px;border-radius:15px;box-shadow:0 20px 60px #00000026;display:flex;flex-direction:row;align-items:center;min-width:250px;font-weight:600;z-index:9999;border:1px solid rgba(255,255,255,.3);font-family:Inter,sans-serif;color:#1f61a0;gap:15px}#export-offer-loading-notification .spinner{border:3px solid rgba(31,97,160,.2);border-top:3px solid #1f61a0;border-radius:50%;width:24px;height:24px;flex-shrink:0;animation:spin 1s linear infinite}#export-offer-loading-notification span{white-space:nowrap}.table-header-offer{grid-template-columns:.5fr 2fr 1.5fr 1.5fr 1.3fr 1.3fr 1.3fr 1.8fr!important;display:grid!important}.offer-table-header-content{display:contents!important}.table-row-offer{grid-template-columns:.5fr 2fr 1.5fr 1.5fr 1.3fr 1.3fr 1.3fr 1.8fr!important}@media (min-width: 1025px) and (max-width: 1440px){.table-header-offer,.table-row-offer{grid-template-columns:.5fr 2fr 1.5fr 1.5fr 1.3fr 1.3fr 1.3fr 1.8fr!important}}@media (min-width: 769px) and (max-width: 1024px){.table-header-offer,.table-row-offer{grid-template-columns:.4fr 1.5fr 1fr 1fr 1fr 1fr 1fr!important}}@media (min-width: 577px) and (max-width: 768px){.table-header-offer,.table-row-offer{grid-template-columns:.4fr 1.2fr 1.2fr 1.3fr 1.4fr .8fr!important}}@media (max-width: 576px){.table-header-offer{grid-template-columns:.4fr 1.5fr 1.7fr .5fr!important}.table-row-offer{grid-template-columns:.4fr 1.2fr 1.7fr .5fr!important}}.offer-home-page{padding:2rem}.offer-home-page h1{font-size:28px;margin-top:20px;margin-bottom:25px;color:#1f61a0;font-weight:700;font-family:Inter,sans-serif;text-shadow:0 2px 4px rgba(31,97,160,.1)}.offer-home-page.loading h1{margin-left:100px}.Toggle{display:flex;justify-content:center;margin-bottom:30px}.toggle-button-group-four{display:flex;position:relative;background:linear-gradient(135deg,#f1f3f4,#e9ecef);border-radius:25px;padding:4px;box-shadow:inset 0 2px 6px #0000001a,0 1px 3px #00000014,0 8px 25px #00000014;width:440px;height:48px;overflow:hidden;transition:all .4s cubic-bezier(.25,.8,.25,1);animation:toggleGroupPulse .6s ease-out}.toggle-button-group-four:hover{box-shadow:inset 0 2px 6px #0000001a,0 1px 3px #00000014,0 12px 35px #00000026;transform:translateY(-1px)}.toggle-button-group-four:before{content:"";position:absolute;top:4px;left:4px;width:calc(25% - 3px);height:calc(100% - 8px);background:#1f61a0;border-radius:21px;transition:transform .5s cubic-bezier(.4,0,.2,1);z-index:1}.toggle-button-group-four[data-current="0"][data-target="0"]:before,.toggle-button-group-four[data-current="1"][data-target="0"]:before,.toggle-button-group-four[data-current="2"][data-target="0"]:before,.toggle-button-group-four[data-current="3"][data-target="0"]:before{transform:translate(0)}.toggle-button-group-four[data-current="0"][data-target="1"]:before,.toggle-button-group-four[data-current="1"][data-target="1"]:before,.toggle-button-group-four[data-current="2"][data-target="1"]:before,.toggle-button-group-four[data-current="3"][data-target="1"]:before{transform:translate(calc(100% + 3px))}.toggle-button-group-four[data-current="0"][data-target="2"]:before,.toggle-button-group-four[data-current="1"][data-target="2"]:before,.toggle-button-group-four[data-current="2"][data-target="2"]:before,.toggle-button-group-four[data-current="3"][data-target="2"]:before{transform:translate(calc(195% + 6px))}.toggle-button-group-four[data-current="0"][data-target="3"]:before,.toggle-button-group-four[data-current="1"][data-target="3"]:before,.toggle-button-group-four[data-current="2"][data-target="3"]:before,.toggle-button-group-four[data-current="3"][data-target="3"]:before{transform:translate(calc(295% + 9px))}.toggle-button-group-four.dashboard-active:before{transform:translate(0)}.toggle-button-group-four.letter-active:before{transform:translate(calc(100% + 3px))}.toggle-button-group-four.revision-active:before{transform:translate(calc(200% + 6px))}.toggle-button-group-four.designationUpdate-active:before{transform:translate(calc(295% + 9px))}.toggle-button,.toggle-button-letter,.toggle-button-revision,.toggle-button-designation{position:relative;background:transparent;border:none;border-radius:21px;padding:0;font-size:.95rem;font-weight:600;color:#666;cursor:pointer;transition:all .4s cubic-bezier(.25,.8,.25,1);width:25%;height:100%;display:flex;align-items:center;justify-content:center;z-index:2;letter-spacing:.5px;transform-origin:center;animation:fadeIn .6s ease-out}.toggle-button.active,.toggle-button-letter.active,.toggle-button-revision.active,.toggle-button-designation.active{color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.2);transform:scale(1.02);animation:activateButton .3s ease-out}.toggle-button:not(.active):hover,.toggle-button-letter:not(.active):hover,.toggle-button-revision:not(.active):hover,.toggle-button-designation:not(.active):hover{color:#333;transform:scale(1.05) translateY(-1px);text-shadow:0 1px 2px rgba(0,0,0,.1)}.toggle-button:not(.active):active,.toggle-button-letter:not(.active):active,.toggle-button-revision:not(.active):active,.toggle-button-designation:not(.active):active{transform:scale(.98) translateY(1px);transition:all .1s ease}.toggle-button:focus,.toggle-button-letter:focus,.toggle-button-revision:focus,.toggle-button-designation:focus{outline:none;border-radius:21px}@media (max-width: 576px){.toggle-button-group-four{width:360px;height:44px;padding:3px}.toggle-button,.toggle-button-letter,.toggle-button-revision,.toggle-button-designation{font-size:.8rem}.toggle-button-group-four:before{width:calc(25% - 3px);border-radius:19px}.toggle-button-group-four[data-current="0"][data-target="1"]:before,.toggle-button-group-four[data-current="1"][data-target="1"]:before,.toggle-button-group-four[data-current="2"][data-target="1"]:before,.toggle-button-group-four[data-current="3"][data-target="1"]:before{transform:translate(calc(100% + 3px))}.toggle-button-group-four[data-current="0"][data-target="2"]:before,.toggle-button-group-four[data-current="1"][data-target="2"]:before,.toggle-button-group-four[data-current="2"][data-target="2"]:before,.toggle-button-group-four[data-current="3"][data-target="2"]:before{transform:translate(calc(200% + 6px))}.toggle-button-group-four[data-current="0"][data-target="3"]:before,.toggle-button-group-four[data-current="1"][data-target="3"]:before,.toggle-button-group-four[data-current="2"][data-target="3"]:before,.toggle-button-group-four[data-current="3"][data-target="3"]:before{transform:translate(calc(295% + 9px))}}@media (min-width: 577px) and (max-width: 768px){.toggle-button-group-four{width:400px;height:48px}.toggle-button,.toggle-button-letter,.toggle-button-revision,.toggle-button-designation{font-size:.9rem}}.toggle-button-group{display:flex;position:relative;background:linear-gradient(135deg,#f1f3f4,#e9ecef);border-radius:25px;padding:4px;box-shadow:inset 0 2px 6px #0000001a,0 1px 3px #00000014,0 8px 25px #00000014;width:280px;height:50px;overflow:hidden;transition:all .4s cubic-bezier(.25,.8,.25,1);animation:toggleGroupPulse .6s ease-out}@keyframes toggleGroupPulse{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}@keyframes activateButton{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1.02)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.year-loading{display:flex;justify-content:center;align-items:center;margin-top:80px;min-height:100px}.month-loading{display:flex;justify-content:center;align-items:center;margin-top:60px;min-height:100px}.time-stat-grid-container{position:relative}.loading-blur{filter:blur(2px);opacity:.9;pointer-events:none;transition:filter .3s ease,opacity .3s ease}.loading-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10}.loader-fetchdata{width:50px;padding:8px;aspect-ratio:1;border-radius:50%;background:#7eabd6;--_m: conic-gradient(#0000 10%, #000), linear-gradient(#000 0 0) content-box;-webkit-mask:var(--_m);mask:var(--_m);-webkit-mask-composite:source-out;mask-composite:subtract;animation:l3 1s infinite linear}@keyframes l3{to{transform:rotate(1turn)}}.joining-today-container{display:flex;justify-content:center;margin-bottom:40px}.joining-today-card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 4px 12px #0000001a;width:100%;max-width:1200px}.header-section{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;padding:16px;background:linear-gradient(135deg,#1f61a0,#165bb8);border-radius:8px;color:#fff}.header-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#fff3;border-radius:50%}.header-content{flex:1;margin-left:16px}.header-content h3{font-size:1.25rem;font-weight:600;margin:0}.header-stats{text-align:center;background:#fff3;padding:8px 12px;border-radius:6px;width:70px;height:70px}.header-stats-display{display:flex;gap:10px}.stats-number{font-size:1.5rem;font-weight:700;margin:0}.stats-label{font-size:.75rem;opacity:.9;margin-top:2px}.joining-today-list-container{max-height:440px;overflow-y:auto;padding-right:8px}.joining-today-list-item{display:grid;grid-template-columns:.4fr 4fr .8fr 2fr;align-items:center;padding:12px 16px;border-bottom:1px solid #f0f0f0;transition:background-color .2s}.joining-today-list-item:hover{background-color:#f9f9f9}.profile-avatar-offer{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#1f61a0,#165bb8);display:flex;align-items:center;justify-content:center;margin-right:16px;flex-shrink:0}.avatar-initials{color:#fff;font-weight:600;font-size:.875rem}.joining-today-details{flex:1;min-width:0;margin-right:16px}.joining-today-name{font-size:.95rem;font-weight:500;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.joining-today-designation{font-size:.8rem;color:#666;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.joining-today-meta{display:flex;align-items:center;gap:8px;font-size:.75rem;color:#888;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.meta-item{display:inline-flex;align-items:center;gap:4px}.meta-label{font-weight:400;color:#555}.meta-value{font-weight:600;color:#333}.meta-separator{color:#ccc;font-weight:700}.joining-today-date{font-size:.8rem;color:#666;margin-right:16px;white-space:nowrap;flex-shrink:0}.status-actions-container{display:flex;align-items:center;gap:10px;flex-shrink:0}.status-indicator{display:flex;align-items:center;font-size:.75rem;padding:4px 8px;border-radius:12px;flex-shrink:0}.send-onboarding-btn{background:linear-gradient(135deg,#1f61a0,#1f61a0);color:#fff;border:none;width:90px;padding:6px 12px;border-radius:6px;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .3s ease;white-space:nowrap;box-shadow:0 2px 4px #185cc233}.send-onboarding-btn:hover{background:linear-gradient(135deg,#1f61a0,#1f61a0);transform:translateY(-1px);box-shadow:0 4px 8px #1845c24d}.send-onboarding-btn:active{transform:translateY(0);box-shadow:0 2px 4px #1865c233}.status-indicator.today{color:#23c218}.status-indicator.upcoming{color:#1f61a0}.status-indicator.rejected{color:#da2121}.joining-today-blinker,.upcoming-dot,.reject-today-blinker{width:8px;height:8px;border-radius:50%;margin-right:6px}.joining-today-blinker{background-color:#23c218;animation:blink 1.5s infinite}.upcoming-dot{background-color:#1f61a0}.reject-today-blinker{background-color:#da2121}@keyframes blink{0%,50%{opacity:1}to{opacity:.3}}.joining-today-list-container::-webkit-scrollbar{width:6px}.joining-today-list-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.joining-today-list-container::-webkit-scrollbar-thumb{background:#1f61a0;border-radius:10px}.offer-charts-container{display:flex;justify-content:center;margin-bottom:40px}.offer-chart-card{background:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 4px #0000001a;transition:all .3s ease;width:100%;margin-top:40px;max-width:1200px}.offer-chart-card:hover{transform:translateY(-5px);box-shadow:0 10px 20px #0000001a}.chart-title-container{text-align:center;margin-bottom:15px}.chart-title-container h3{font-size:1.5rem;color:#333;margin:0}.charts-row{display:flex;justify-content:space-around;align-items:center;gap:20px}.offer-pie-chart-container,.offer-bar-chart-container{height:300px;width:45%;max-width:500px}.offer-status-legend-container{display:flex;flex-wrap:wrap;justify-content:center;margin-top:20px;gap:10px}.offer-status-legend-item{display:flex;align-items:center;gap:5px;font-size:.9rem;color:#666}.offer-status-legend-color{width:12px;height:12px;border-radius:3px}.time-stats-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-top:30px}.time-stat-card{background:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 4px #0000001a;transition:all .3s ease}.time-stat-card:hover{transform:translateY(-5px);box-shadow:0 10px 20px #0000001a}.time-stat-card h3{font-size:1.2rem;color:#333;margin:15px 0;text-align:center}.time-stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.avtar-yettojoin{display:flex}.time-stat-item{display:flex;flex-direction:column;align-items:center;background:#f5f6f5;padding:10px;border-radius:5px}.time-stat-item:nth-child(1){cursor:pointer}.time-stat-value{font-size:1.5rem;font-weight:700;color:#333}.time-stat-label{font-size:.9rem;color:#666;margin-top:5px}.offer-home-page.loading{overflow:hidden;margin-left:0}@media (min-width: 1025px) and (max-width: 1440px){.offer-home-page{margin-left:80px;padding:1.5rem}.offer-home-page.loading{overflow:hidden;margin-left:0}.joining-today-list-container{max-height:385px}.joining-today-card{padding:20px}.joining-today-card h3{font-size:1.6rem}.joining-today-item{padding:2px}.joining-today-name{font-size:1.2rem}.time-stats-container{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:15px}.time-stat-grid{grid-template-columns:1fr 1fr;gap:12px}.offer-pie-chart-container,.offer-bar-chart-container{height:280px;max-width:600px}.offer-chart-card{padding:18px}.toggle-button-group{width:260px}}@media (min-width: 769px) and (max-width: 1024px){.offer-home-page.loading{overflow:hidden;margin-left:0}.offer-home-page{margin-left:0;padding:1.2rem}.offer-home-page h1{margin-top:70px;font-size:26px}.joining-today-list-item{padding:10px 12px}.joining-today-list-container{max-height:330px}.joining-today-card{padding:18px}.joining-today-card h3{font-size:1.5rem}.joining-today-item{padding:5px}.joining-today-name{font-size:1.15rem}.time-stats-container{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}.time-stat-grid{grid-template-columns:1fr 1fr}.time-stat-card:nth-child(2) .header-container{margin-bottom:50px}.time-stat-card:nth-child(3) h3{margin-bottom:60px}.offer-pie-chart-container,.offer-bar-chart-container{height:260px;max-width:400px}.offer-chart-card{padding:16px}.chart-title-container h3{font-size:1.3rem}.toggle-button-group{width:250px}.offer-home-page.loading h1{margin-left:1px}}@media (min-width: 577px) and (max-width: 768px){.offer-home-page{margin-left:0;padding:1rem}.joining-today-list-container{max-height:275px}.offer-home-page.loading{overflow:hidden;margin-left:0}.offer-home-page h1{margin-top:70px;font-size:25px}.joining-today-list-item{padding:8px}.joining-today-details{flex-basis:calc(100% - 52px);margin-bottom:4px}.joining-today-meta{font-size:.7rem}.status-indicator{margin-left:auto}.joining-today-item{flex-direction:column;align-items:flex-start;padding:1px}.joining-today-blinker{margin-left:0;margin-top:0;margin-bottom:3px;align-self:flex-end}.joining-today-name{font-size:1.2rem}.joining-today-designation{font-size:.95rem}.time-stats-container{grid-template-columns:1fr;gap:10px}.time-stat-grid{grid-template-columns:1fr 1fr}.time-stat-card{height:365px;width:100%}.offer-pie-chart-container,.offer-bar-chart-container{height:240px;max-width:350px}.offer-chart-card{padding:15px}.chart-title-container h3{font-size:1.2rem}.offer-status-legend-container{gap:8px}.offer-status-legend-item{font-size:.85rem}.toggle-button-group{padding:6px;width:240px}.toggle-button{padding:8px 16px;font-size:.9rem}.offer-home-page.loading h1{margin-left:1px}}@media (max-width: 576px){.offer-home-page{margin-left:0;padding-top:1.9rem;padding:.8rem}.offer-home-page.loading{overflow:hidden;margin-left:0}.offer-home-page.loading h1{margin-left:1px}.joining-today-card{padding:15px}.joining-today-card h3{font-size:1.4rem}.header-section{display:flex;flex-direction:column}.joining-today-item{flex-direction:column;align-items:flex-start;padding:12px}.joining-today-list-item{display:grid;grid-template-columns:1fr 2fr}.avtar-yettojoin{display:flex;flex-direction:row;gap:1px;margin-bottom:20px}.joining-today-blinker{margin-left:0;margin-top:0;margin-bottom:3px;align-self:flex-end}.joining-today-name{font-size:1.1rem}.joining-today-designation{font-size:.9rem}.joining-today-date{font-size:.7rem}.offer-home-page h1{font-size:23px;margin-top:70px;margin-bottom:15px}.time-stats-container{grid-template-columns:1fr;gap:8px}.time-stat-grid{grid-template-columns:1fr 1fr}.offer-pie-chart-container,.offer-bar-chart-container{height:200px;max-width:300px}.offer-chart-card{padding:12px}.chart-title-container h3{font-size:1.1rem;margin-bottom:10px}.offer-status-legend-container{gap:6px;margin-top:15px}.offer-status-legend-item{font-size:.8rem}.offer-status-legend-color{width:10px;height:10px}.time-stat-card{padding:15px}.time-stat-card h3{font-size:1.1rem}.time-stat-value{font-size:1.3rem}.time-stat-label{font-size:.8rem}.toggle-button-group{width:220px;height:40px;padding:2px}.toggle-button,.toggle-button-letter{font-size:.8rem}}.custom-datepicker{position:relative;width:100%}.datepicker-input-container{position:relative;display:flex;align-items:center}.datepicker-input{padding:12px 40px 12px 12px;font-size:14px;border:1px solid #d0d5dd;border-radius:8px;background-color:#fff;outline:none;transition:all .2s ease-in-out;width:100%;box-sizing:border-box;color:#333}.datepicker-input:focus{border-color:#007bff;outline:none}.datepicker-input::placeholder{color:#999}.datepicker-input:disabled{background-color:#fff;color:#999;cursor:not-allowed;opacity:.6;border:1px solid #d0d0d0}.datepicker-input:disabled:hover{background-color:#fff;cursor:not-allowed}.calendar-icon-btn{position:absolute;right:8px;background:none;border:none;cursor:pointer;padding:4px;color:#666;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background-color .2s ease}.calendar-icon-btn:hover:not(:disabled){background-color:#f0f0f0}.calendar-icon-btn:disabled{cursor:not-allowed;opacity:.5}.calendar-dropdown{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #d0d5dd;border-radius:8px;box-shadow:0 4px 12px #0000001a;z-index:10001!important;margin-top:4px;padding:12px;min-width:280px;max-width:320px}.calendar-dropdown-portal{position:absolute;background:#fff;border:1px solid #d0d5dd;border-radius:8px;box-shadow:0 4px 12px #0000001a;z-index:10001!important;padding:12px;min-width:280px;max-width:320px;top:auto;left:auto;right:auto;margin-top:0}.calendar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.nav-btn{background:none;border:none;cursor:pointer;padding:4px 8px;font-size:16px;border-radius:4px;transition:background-color .2s ease;color:#666;min-width:24px;height:24px;display:flex;align-items:center;justify-content:center}.nav-btn:hover{background-color:#f0f0f0}.month-year{font-weight:600;font-size:14px;color:#333}.calendar-grid{width:100%}.weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;margin-bottom:4px}.weekday{padding:4px 2px;text-align:center;font-size:11px;font-weight:600;color:#666}.days-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.calendar-day{background:none;border:none;cursor:pointer;padding:6px 2px;text-align:center;border-radius:4px;transition:all .2s ease;font-size:13px;min-height:28px;display:flex;align-items:center;justify-content:center;font-weight:400;-moz-appearance:none;appearance:none;-webkit-appearance:none;-webkit-tap-highlight-color:transparent;color:#333!important;text-decoration:none}.calendar-day:hover:not(.disabled){background-color:#f0f8ff}.calendar-day.other-month{color:#ccc!important}.calendar-day.today{background-color:#e3f2fd;color:#1976d2!important;font-weight:600}.calendar-day.selected{background-color:#007bff;color:#fff!important;font-weight:600}.calendar-day.disabled{color:#ccc!important;cursor:not-allowed;background-color:transparent}.calendar-day.disabled:hover{background-color:transparent}.calendar-footer{display:flex;justify-content:flex-end;margin-top:8px;padding-top:8px;border-top:1px solid #e0e0e0}.today-btn{background:none;border:1px solid #007bff;cursor:pointer;padding:4px 8px;border-radius:4px;font-size:11px;color:#007bff;transition:all .2s ease;font-weight:500;-moz-appearance:none;appearance:none;-webkit-appearance:none;-webkit-tap-highlight-color:transparent}.today-btn:hover:not(:disabled){background-color:#007bff;color:#fff}.today-btn:disabled{border-color:#ccc;color:#ccc;cursor:not-allowed}.datepicker-input.error-field{border-color:red;background-color:#fff5f5}.offer-chip-filters{display:flex;flex-direction:column;gap:16px;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:15px;padding:20px 24px;box-shadow:0 8px 32px #1f61a01f;border:1px solid rgba(255,255,255,.2);margin-bottom:20px;position:relative;z-index:10;overflow:visible}.filter-controls-inline{display:flex;align-items:center;gap:20px;flex-wrap:wrap;min-height:44px}.filter-item{display:flex;flex-direction:column;gap:6px;min-width:0;flex:0 0 auto}.filter-label{font-family:Inter,sans-serif;font-size:12px;font-weight:600;color:#374151;white-space:nowrap}.status-dropdown-container{position:relative;z-index:20;min-width:180px}.status-dropdown-trigger{width:100%;padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;background:#fff;cursor:pointer;font-family:Inter,sans-serif;font-size:13px;color:#374151;display:flex;align-items:center;justify-content:space-between;transition:all .2s ease;min-height:36px;box-sizing:border-box}.status-dropdown-trigger:hover{border-color:#9ca3af}.status-dropdown-trigger.active{border-color:#1f61a0;box-shadow:0 0 0 1px #1f61a0}.status-dropdown-text{font-weight:400;color:#374151;text-align:left;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13px}.status-dropdown-trigger:hover .status-dropdown-text{color:#111827}.status-dropdown-icon{color:#6b7280;transition:transform .2s ease;font-size:10px;flex-shrink:0;margin-left:8px}.status-dropdown-icon.rotated{transform:rotate(180deg)}.status-dropdown-menu{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #d1d5db;border-radius:6px;box-shadow:0 10px 25px #0000001a;z-index:1000;max-height:200px;overflow-y:auto;margin-top:4px;animation:dropdownFadeIn .15s ease-out}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.status-dropdown-item{display:flex;align-items:center;padding:10px 12px;cursor:pointer;transition:all .15s ease;font-family:Inter,sans-serif;font-size:13px;color:#374151;border-bottom:1px solid #f3f4f6;position:relative}.status-dropdown-item:last-child{border-bottom:none}.status-dropdown-item:hover{background:#f8fafc}.status-checkbox-input{width:14px;height:14px;cursor:pointer;accent-color:#1f61a0;margin-right:8px;flex-shrink:0}.status-checkbox-text{flex:1;font-weight:400;color:#374151}.status-check-icon{color:#1f61a0;font-size:10px;margin-left:6px;flex-shrink:0}.date-range-inline{display:flex;align-items:center;gap:8px}.date-separator{color:#6b7280;font-size:12px;font-weight:500;padding:0 4px;white-space:nowrap}.filter-datepicker-inline{min-width:120px}.filter-datepicker-inline .datepicker-input-container{position:relative;z-index:12}.filter-datepicker-inline .calendar-dropdown{z-index:99999!important}.filter-datepicker-inline .datepicker-input{padding:8px 10px;border:1px solid #d1d5db;border-radius:6px;font-family:Inter,sans-serif;font-size:13px;background:#fff;transition:all .2s ease;color:#111827;width:100%;min-height:36px;box-sizing:border-box}.filter-datepicker-inline .datepicker-input:focus{outline:none;border-color:#1f61a0;box-shadow:0 0 0 1px #1f61a0}.filter-datepicker-inline .datepicker-input::placeholder{color:#9ca3af;font-size:12px}.filter-datepicker-inline .calendar-icon-btn{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:#6b7280;padding:2px;border-radius:3px;transition:all .2s ease}.filter-datepicker-inline .calendar-icon-btn:hover{color:#1f61a0;background:#1f61a01a}.filter-actions-inline{display:flex;gap:8px;align-items:center;margin-left:auto;flex-shrink:0}.apply-filters-btn{background:#1f61a0;color:#fff;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;font-family:Inter,sans-serif;font-weight:600;font-size:13px;transition:all .2s ease;display:flex;align-items:center;gap:6px;min-height:36px;white-space:nowrap}.apply-filters-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #1f61a04d}.reset-all-btn{background:#fff;color:#1f61a0;border:1px solid #1f61a0;padding:8px 14px;border-radius:6px;cursor:pointer;font-family:Inter,sans-serif;font-weight:500;font-size:13px;transition:all .2s ease;min-height:36px;white-space:nowrap}.reset-all-btn:hover{background:#fff;border-color:#1f61a0;transform:translateY(-1px)}.active-filters-container{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding-top:12px;border-top:1px solid #e5e7eb}.active-filters-chips{display:flex;flex-wrap:wrap;gap:6px;flex:1}.filter-chip{display:flex;align-items:center;gap:6px;padding:6px 10px;border-radius:20px;font-size:12px;font-weight:500;font-family:Inter,sans-serif;transition:all .2s ease;animation:fadeIn .3s ease-out;max-width:300px}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.filter-chip-status{background:#dbeafe;color:#1e40af;border:1px solid #bfdbfe}.filter-chip-date{background:#d1fae5;color:#065f46;border:1px solid #a7f3d0}.filter-chip-label{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.filter-chip-remove{background:none;border:none;cursor:pointer;color:inherit;opacity:.7;transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:14px;height:14px;border-radius:50%;flex-shrink:0}.filter-chip-remove:hover{opacity:1;background:#0000001a}@media (max-width: 1400px){.filter-controls-inline{gap:16px}.filter-item{min-width:0}.status-dropdown-container{min-width:160px}.filter-datepicker-inline{min-width:110px}}@media (max-width: 1200px){.filter-controls-inline{gap:14px;flex-wrap:wrap}.status-dropdown-container{min-width:150px}.filter-datepicker-inline{min-width:100px}.filter-actions-inline{margin-left:0;width:100%;justify-content:flex-end}}@media (max-width: 992px){.filter-controls-inline{flex-direction:column;align-items:stretch;gap:16px}.filter-item{width:100%}.date-range-inline{justify-content:space-between}.filter-datepicker-inline{flex:1;min-width:120px}.filter-actions-inline{flex-direction:row;justify-content:end;width:100%;margin-left:0}.status-dropdown-container{width:100%;min-width:auto}}@media (max-width: 768px){.offer-chip-filters{padding:16px;border-radius:12px}.filter-controls-inline{gap:12px}.date-range-inline{flex-direction:column;gap:8px;align-items:stretch}.date-separator{text-align:center;padding:4px 0}.filter-actions-inline{flex-direction:row;gap:8px}.status-dropdown-menu{max-height:150px}}@media (max-width: 576px){.offer-chip-filters{padding:12px;margin:0 0 16px}.filter-controls-inline{gap:10px}.filter-chip{font-size:11px;padding:5px 8px;max-width:250px}.active-filters-chips{justify-content:flex-start}.status-dropdown-menu{max-height:120px}.status-dropdown-item{padding:8px 10px;font-size:12px}}.status-dropdown-menu::-webkit-scrollbar{width:4px}.status-dropdown-menu::-webkit-scrollbar-track{background:#f1f5f9;border-radius:2px}.status-dropdown-menu::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:2px}.status-dropdown-menu::-webkit-scrollbar-thumb:hover{background:#94a3b8}.scroll-to-top{position:fixed;bottom:30px;z-index:1000;background-color:#1f61a0;color:#fff;border:none;border-radius:50%;width:50px;height:50px;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 12px #1f61a04d;transition:all .3s ease;font-family:Inter,sans-serif;opacity:.9}.scroll-to-top--right{right:30px}.scroll-to-top--left{left:30px}.scroll-to-top:hover{background-color:#165080;box-shadow:0 6px 16px #1f61a066;transform:translateY(-2px);opacity:1}.scroll-to-top:active{transform:translateY(0);box-shadow:0 2px 8px #1f61a04d}.scroll-to-top:focus{outline:none;box-shadow:0 4px 12px #1f61a04d,0 0 0 3px #1f61a033}.scroll-to-top{animation:fadeInUp .3s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:.9;transform:translateY(0)}}@media (max-width: 768px){.scroll-to-top{width:45px;height:45px;bottom:20px}.scroll-to-top--right{right:20px}.scroll-to-top--left{left:20px}.scroll-to-top svg{width:18px;height:18px}}@media (max-width: 480px){.scroll-to-top{width:40px;height:40px;bottom:15px}.scroll-to-top--right{right:15px}.scroll-to-top--left{left:15px}.scroll-to-top svg{width:16px;height:16px}}@media (prefers-contrast: high){.scroll-to-top{border:2px solid white}}@media (prefers-reduced-motion: reduce){.scroll-to-top{animation:none;transition:none}.scroll-to-top:hover{transform:none}}@media (prefers-color-scheme: dark){.scroll-to-top{background-color:#2c5aa0;box-shadow:0 4px 12px #2c5aa066}.scroll-to-top:hover{background-color:#1f61a0;box-shadow:0 6px 16px #2c5aa080}}.selected-offers-info{display:flex;align-items:center;gap:12px;padding:15px 20px;background:linear-gradient(135deg,#1f61a014,#1f61a01f);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(31,97,160,.2);border-radius:15px;font-size:14px;color:#1f61a0;margin-bottom:20px;max-width:max-content;min-width:280px;box-shadow:0 8px 25px #1f61a026;font-family:Inter,sans-serif;position:relative;overflow:hidden;transition:all .3s ease}.selected-offers-info:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .8s}.selected-offers-info:hover:before{left:100%}.selected-offers-info:hover{transform:translateY(-2px);box-shadow:0 12px 35px #1f61a033;border-color:#1f61a04d}.selected-offers-info:hover .selected-count:after{opacity:.3}.selected-offers-info:after{content:"✓";position:absolute;left:8px;top:50%;transform:translateY(-50%);width:24px;height:24px;background:linear-gradient(135deg,#22c55e,#16a34a);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#fff;box-shadow:0 4px 12px #22c55e33}.selected-offers-info{padding-left:45px}.selected-offers-info:hover .selected-pages:before{animation:bounce .6s ease-in-out}@media (min-width: 1025px) and (max-width: 1440px){.selected-offers-info{padding:12px 18px 12px 40px;gap:10px;margin-bottom:18px;min-width:260px}.selected-count{font-size:15px;padding:5px 10px}.selected-pages{font-size:13px}.deselect-all-btn{padding:6px 14px;font-size:12px}}@media (min-width: 769px) and (max-width: 1024px){.selected-offers-info{padding:12px 16px 12px 38px;gap:8px;margin-bottom:16px;min-width:240px;border-radius:12px}.selected-count{font-size:14px;padding:4px 8px;border-radius:8px}.selected-pages{font-size:12px}.deselect-all-btn{padding:6px 12px;font-size:11px;border-radius:8px}.selected-offers-info:after{width:20px;height:20px;font-size:10px;left:6px}}@media (min-width: 577px) and (max-width: 768px){.selected-offers-info{flex-wrap:wrap;padding:10px 14px 10px 35px;gap:8px;margin-bottom:15px;min-width:220px;border-radius:12px}.selected-count{font-size:13px;padding:4px 8px}.selected-pages{font-size:11px}.deselect-all-btn{padding:5px 10px;font-size:10px;margin-left:0;flex-basis:100%;margin-top:5px}.selected-offers-info:after{width:18px;height:18px;font-size:9px;left:5px}}@media (max-width: 576px){.selected-offers-info{flex-direction:row;align-items:stretch;padding:12px 15px;gap:10px;margin-bottom:12px;min-width:auto;width:100%;border-radius:10px}.selected-offers-info:after{display:none}.selected-offers-info{padding-left:15px}.selected-count{font-size:14px;padding:6px 10px;align-self:flex-start;min-width:50px}.selected-pages{font-size:12px;text-align:center}.deselect-all-btn{padding:8px 12px;font-size:11px;margin-left:0;border-radius:8px}}.offer-modal-dialog-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;z-index:1000;padding:20px;box-sizing:border-box}.offer-modal-dialog-content{background:#fff;border-radius:12px;padding:0;max-width:500px;width:100%;max-height:90vh;overflow:hidden;position:relative;box-shadow:0 20px 40px #0000004d;transform:scale(1);transition:transform .3s ease-out;display:flex;flex-direction:column}.offer-modal-dialog-header{padding:24px 24px 16px;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;align-items:center;position:relative;flex-shrink:0}.offer-modal-dialog-header h3{margin:0;font-size:20px;font-weight:600;color:#333}.offer-modal-close-btn{background:none;border:none;font-size:24px;cursor:pointer;padding:8px;color:#666;border-radius:50%;transition:all .2s ease;width:40px;height:40px;display:flex;align-items:center;justify-content:center;line-height:1}.offer-modal-close-btn:hover:not(:disabled){background-color:#f5f5f5;color:#333}.offer-modal-close-btn:disabled{cursor:not-allowed;opacity:.5}.offer-modal-dialog-body{padding:24px;flex:1;overflow-y:auto}.offer-modal-dialog-info{margin:8px 0;font-size:14px;color:#555}.offer-modal-dialog-info strong{color:#333;font-weight:600}.offer-modal-dialog-actions{display:flex;gap:12px;margin:24px 0 16px;flex-wrap:wrap;justify-content:flex-end}.offer-modal-cancel-btn{padding:12px 20px;border:2px solid #1f61a0;background:#fff;color:#666;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s ease;min-height:44px}.offer-modal-cancel-btn:hover:not(:disabled){border-color:#ccc;background-color:#eef4fa;box-shadow:0 4px 10px #1f61a033}.offer-modal-cancel-btn:disabled{cursor:not-allowed;opacity:.5}.offer-modal-download-btn{padding:12px 20px;background:#1f61a0;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s ease;display:flex;align-items:center;gap:8px;min-height:44px}.offer-modal-download-btn:hover:not(:disabled){background:#0056b3;transform:translateY(-1px);box-shadow:0 4px 12px #1f61a04d}.offer-modal-download-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.offer-modal-download-both-btn{padding:14px 24px;background:linear-gradient(135deg,#1f61a0,#0056b3);color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;transition:all .3s ease;display:flex;align-items:center;gap:10px;margin:16px 0;width:100%;justify-content:center;box-shadow:0 4px 15px #1f61a04d;min-height:48px}.offer-modal-download-both-btn:hover:not(:disabled){background:linear-gradient(135deg,#0056b3,#1f61a0);transform:translateY(-2px);box-shadow:0 8px 25px #1f61a066}.offer-modal-download-both-btn:disabled{cursor:not-allowed;opacity:.5;transform:none;background:#6c757d;box-shadow:none}.offer-modal-complete-btn{padding:14px 20px;background:#1f61a0;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s ease;width:100%;min-height:48px}.offer-modal-complete-btn:hover:not(:disabled){background:#1f61a0;transform:translateY(-1px);box-shadow:0 4px 12px #2c61b04d}.offer-modal-complete-btn:disabled{cursor:not-allowed;opacity:.5;transform:none;background:#1f61a0}.offer-modal-upload-section{margin-top:24px;padding-top:20px;border-top:1px solid #e0e0e0}.offer-modal-form-group{margin-bottom:16px}.offer-modal-form-group label{display:block;margin-bottom:8px;font-weight:500;color:#333;font-size:14px}.offer-modal-file-input.offer-modal-file-error{border-color:#dc3545!important;box-shadow:0 0 0 .2rem #dc354540}.offer-modal-linear-progress{position:absolute;top:0;left:0;right:0;height:4px;background-color:#f0f0f0;overflow:hidden;border-radius:12px 12px 0 0;opacity:0;transition:opacity .3s ease}.offer-modal-linear-progress.show{opacity:1}.offer-modal-linear-progress-bar{height:100%;background:linear-gradient(90deg,#1f61a0,#007bff,#1f61a0);background-size:200% 100%;animation:offer-modal-progress-animation 2s infinite}@keyframes offer-modal-progress-animation{0%{background-position:200% 0}to{background-position:-200% 0}}.offer-modal-section{margin:20px 0;padding:15px;border:1px solid #e0e0e0;border-radius:8px;background-color:#f9f9f9}.offer-modal-section h4{margin:0 0 15px;color:#333;font-size:16px;font-weight:600}.offer-modal-warning{background-color:#fff3cd;border:1px solid #ffeaa7;border-radius:6px;padding:12px;margin:15px 0;color:#856404}.offer-modal-warning p{margin:5px 0;font-size:14px}.offer-modal-warning strong{color:#b8860b}.offer-modal-final-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:25px;padding-top:20px;border-top:1px solid #e0e0e0}.offer-modal-final-actions .offer-modal-cancel-btn,.offer-modal-final-actions .offer-modal-complete-btn{padding:12px 20px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;min-height:44px}.offer-modal-final-actions .offer-modal-cancel-btn{background:#e6f3ff;color:#1f61a0;border:2px solid #87ceeb}.offer-modal-final-actions .offer-modal-cancel-btn:hover:not(:disabled){background:#d6eaf8;border-color:#5dade2;transform:translateY(-1px)}.offer-modal-final-actions .offer-modal-complete-btn{background-color:#1f61a0;color:#fff;border:none}.offer-modal-final-actions .offer-modal-complete-btn:hover:not(:disabled){background-color:#1f61a0;transform:translateY(-1px)}.offer-modal-final-actions .offer-modal-complete-btn:disabled{background-color:#1f61a0;color:#999;cursor:not-allowed;opacity:.6}.offer-modal-dialog-content.loading{pointer-events:none}.offer-modal-dialog-content.loading .offer-modal-dialog-body{opacity:.7}.offer-modal-dialog-overlay{animation:fadeIn .3s ease-out}.offer-modal-dialog-content{animation:slideIn .3s ease-out}@media (max-width: 768px){.offer-modal-dialog-overlay{padding:16px;background-color:#0009;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.offer-modal-dialog-content{width:100%;max-width:100%;max-height:85vh;border-radius:16px;box-shadow:0 25px 50px #0006;margin:0}.offer-modal-dialog-header{padding:20px 20px 16px;border-bottom:1px solid #e0e0e0}.offer-modal-dialog-header h3{font-size:18px}.offer-modal-dialog-body{padding:20px}.offer-modal-dialog-actions{flex-direction:column;gap:12px}.offer-modal-cancel-btn,.offer-modal-download-btn{width:100%;justify-content:center;min-height:48px}.offer-modal-download-btn{order:2}.offer-modal-cancel-btn{order:1}.offer-modal-final-actions{flex-direction:column;gap:12px}.offer-modal-final-actions .offer-modal-cancel-btn,.offer-modal-final-actions .offer-modal-complete-btn{width:100%;justify-content:center;min-height:48px}.offer-modal-cancel-btn:active,.offer-modal-download-btn:active,.offer-modal-download-both-btn:active,.offer-modal-complete-btn:active{transform:scale(.98)}}@media (max-width: 480px){.offer-modal-dialog-overlay{padding:12px;background-color:#000000a6;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.offer-modal-dialog-content{width:100%;max-height:90vh;border-radius:20px;box-shadow:0 30px 60px #00000080}.offer-modal-dialog-header{padding:16px 20px 12px}.offer-modal-dialog-header h3{font-size:17px}.offer-modal-dialog-body{padding:16px 20px}.offer-modal-dialog-info{font-size:13px}.offer-modal-close-btn{width:36px;height:36px;font-size:22px}.offer-modal-upload-section{background:#f8f9fa;margin:24px -20px 0;padding:20px;border-radius:0 0 20px 20px}.offer-modal-section{margin:20px -20px;padding:15px 20px;border-radius:0;border-left:none;border-right:none}}.offer-form-container{flex:1;padding:20px}.offer-form-title{color:#1f61a0;margin-bottom:30px;font-size:28px;font-weight:600;margin-left:10px;font-family:Inter,sans-serif}.offer-form-container form{background:#fff;padding:20px;border-radius:12px;box-shadow:0 4px 12px #0000000d;border:1px solid #00000005}.offer-form-grid{display:grid;grid-template-columns:repeat(2,1fr);margin-bottom:20px;gap:20px}.offer-form-grid-amt{display:grid;grid-template-columns:repeat(1,1fr);margin-bottom:20px}.offer-form-grid-bonus{display:grid;grid-template-columns:repeat(2,1fr);margin-bottom:20px;gap:20px}.offer-form-grid-salary{display:grid;grid-template-columns:repeat(2,1fr);margin-bottom:20px}.offer-form-section{display:flex;flex-direction:column}.offer-form-section label{font-weight:500;margin-bottom:8px;color:#333;font-size:14px;font-weight:700;font-family:Inter,sans-serif}.offer-form-section-tax{display:flex;flex-direction:column;margin-top:2px}.offer-form-section-tax label{font-weight:500;margin-bottom:8px;color:#333;font-size:14px;font-weight:700;font-family:Inter,sans-serif}.offer-form-section select{padding:10px;border:1px solid #d0d5dd;border-radius:6px;font-size:14px;font-family:Inter,sans-serif;outline:none;transition:all .3s ease;width:100%;height:37px;background:#fff;color:#333;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="%231f61a0" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="6 9 12 15 18 9"></polyline></svg>');background-repeat:no-repeat;background-position:right 12px center;background-size:15px}.offer-form-section select:focus{border-color:#1f61a0;box-shadow:0 0 6px #1f61a04d}.offer-form-section select.offer-error-field{border-color:#e63946!important}.offer-form-section select:disabled{background-color:#f5f5f5;color:#666;border:1px solid #d9d9d9;cursor:not-allowed;opacity:.6}.required-asterisk-offer{color:red;margin-left:-3px}.required-asterisk-offer-notice{color:red;margin-left:1px}.required-asterisk-offer-promo{color:red;margin-left:0}.offer-form-section input{padding:12px;border:1px solid #d0d5dd;border-radius:6px;font-size:14px;font-family:Inter,sans-serif;outline:none;transition:all .3s ease}.offer-form-section input:focus{border-color:#1f61a0;box-shadow:0 0 6px #1f61a04d}.offer-form-section-tax input{padding:12px;border:1px solid #d0d5dd;border-radius:6px;font-size:14px;font-family:Inter,sans-serif;outline:none;transition:all .3s ease}.offer-form-section-tax input:focus{border-color:#1f61a0;box-shadow:0 0 6px #1f61a04d}.offer-error-field{border-color:#e63946!important;background-color:#ffebee}.offer-error-field .dropdown-trigger,.offer-error-field .react-datepicker-wrapper input{border-color:#e63946!important;background-color:#ffebee!important;box-shadow:0 4px 15px #e6394626!important}.offer-error-field .dropdown-trigger:hover,.offer-error-field .react-datepicker-wrapper input:hover{border-color:#e63946!important;background-color:#ffebee!important;box-shadow:0 6px 20px #e6394640!important}.offer-error-field .dropdown-trigger.open,.offer-error-field:focus .dropdown-trigger,.offer-error-field .react-datepicker-wrapper input:focus{border-color:#e63946!important;background-color:#ffebee!important;box-shadow:0 8px 25px #e639464d,0 0 0 4px #e639461a!important}.offer-error-message{color:#e63946;font-size:12px;margin-top:4px;font-family:Inter,sans-serif}.offer-button-group{display:flex;justify-content:flex-end;gap:16px;margin-top:20px}.offer-save-btn,.offer-cancel-btn{padding:12px 24px;border-radius:10px;font-weight:600;cursor:pointer;transition:all .3s ease;border:none;font-family:Inter,sans-serif;font-size:13px;box-shadow:0 2px 6px #0000001a}.offer-save-btn{background-color:#1f61a0;color:#fff}.offer-save-btn:hover{background-color:#1f61a0;box-shadow:0 4px 10px #1f61a04d}.offer-save-btn:disabled{background-color:#ccc;cursor:not-allowed}.offer-cancel-btn{background-color:#fff;color:#1f61a0;border:1px solid #1f61a0}.offer-cancel-btn:hover{background-color:#fff;box-shadow:0 4px 10px #0000001a}.offer-cancel-btn:disabled{background-color:#ccc;color:#666;border-color:#ccc;cursor:not-allowed}.radio-group{display:flex;align-items:center;gap:20px;margin-top:8px}.radio-label{display:flex;align-items:center;font-size:14px;color:#333;cursor:pointer;font-family:Inter,sans-serif}.radio-label input[type=radio]{margin-right:8px;accent-color:#1f61a0}.radio-label input[type=radio]:disabled{cursor:not-allowed;opacity:.6}.permonth-peryear{display:flex;gap:16px;width:100%;margin-top:10px}.offer-form-section-half{flex:1;min-width:0}.offer-form-section-half input{width:100%;box-sizing:border-box}.offer-readonly-field{color:#000;padding:12px;border-radius:6px;font-size:14px;font-family:Inter,sans-serif;font-weight:500;min-height:60px;resize:vertical}.display-salary-section{position:relative;width:calc(132% - 10px);min-width:300px;height:780px;border:1px solid #ccc;padding:30px;box-shadow:2px 2px 10px rgba;font-size:15px}.display-heading{grid-column:1 / -1;font-size:1.5rem;color:#444;margin:20px 0 10px;padding-bottom:0;font-weight:500}.display-salary-section h3{text-align:center;margin-bottom:10px}.display-salary-section table,th,td{border:1px solid black;border-collapse:collapse;padding:2px}.display-salary-section td:nth-child(2){text-align:right}.display-salary-section td:nth-child(3){text-align:right}.salary-calculation h4{margin-bottom:20px;margin-top:4px}.bonus-calculation h3{margin-top:10px;margin-bottom:10px}#validation-error-toast{position:fixed;top:20px;right:20px;background:#fff;padding:15px;border-radius:5px;box-shadow:0 2px 10px #0003;display:flex;flex-direction:row;align-items:center;min-width:200px;font-weight:700;z-index:9999;color:#e63946}#validation-error-toast span{white-space:nowrap}#validation-show-toast{position:fixed;top:20px;right:20px;background:#fff;padding:15px;border-radius:5px;box-shadow:0 2px 10px #0003;display:flex;flex-direction:row;align-items:center;min-width:200px;font-weight:700;z-index:9999;color:#1f61a0}#validation-show-toast span{white-space:nowrap}@media (max-width: 576px){#validation-error-toast{min-width:180px;padding:10px;font-size:14px}}@media (min-width: 1025px) and (max-width: 1440px){.display-salary-section{height:auto}.offer-form-container{padding:18px;margin-left:70px}.offer-form-title{margin-left:10px;font-size:26px;margin-bottom:25px}.offer-form-grid{gap:15px}.offer-form-grid-salary{gap:5px}.offer-form-container form{padding:18px}.offer-form-section input{padding:10px;font-size:13px}.offer-form-section label{font-size:13px}.offer-save-btn,.offer-cancel-btn{padding:10px 20px;font-size:13px}.radio-group{gap:33px;margin-bottom:3px}.radio-label{font-size:13px}.radio-label input[type=radio]{margin-right:6px}}@media (min-width: 769px) and (max-width: 1024px){@media (min-width: 768px) and (max-width: 1024px){.offer-readonly-field{color:#000;font-weight:500;font-size:15px}.offer-form-section textarea.offer-readonly-field{background-color:#fff;color:#000;border:2px solid #1f61a0;font-weight:600;font-size:15px;min-height:70px}}.display-salary-section{height:auto;width:auto}.offer-form-grid-salary{display:grid;grid-template-columns:repeat(1,1fr);margin-bottom:20px}.offer-form-grid-bonus{display:grid;grid-template-columns:1fr;margin-bottom:20px}.offer-form-container{padding:1px;margin-left:10px}.offer-form-title{margin-left:10px;font-size:24px;margin-bottom:20px;margin-top:70px}.offer-form-grid{grid-template-columns:1fr;gap:12px}.offer-form-container form{padding:15px}.offer-form-section input{padding:10px;font-size:13px}.offer-form-section label{font-size:13px}.offer-save-btn,.offer-cancel-btn{padding:10px 18px;font-size:14px}.radio-group{gap:12px}.radio-label{font-size:13px}.radio-label input[type=radio]{margin-right:6px}}@media (min-width: 577px) and (max-width: 768px){.display-salary-section{height:auto;width:auto}.offer-form-container{padding:1px;margin-left:10px}.offer-form-title{margin-left:10px;font-size:22px;margin-bottom:15px;margin-top:70px}.offer-form-grid-salary{display:grid;grid-template-columns:repeat(1,1fr);margin-bottom:20px}.offer-form-grid{grid-template-columns:1fr;gap:10px}.offer-form-grid-bonus{display:grid;grid-template-columns:1fr;margin-bottom:20px}.offer-form-container form{padding:12px}.offer-form-section input{padding:8px;font-size:12px}.offer-form-section label{font-size:12px}.offer-save-btn,.offer-cancel-btn{padding:8px 16px;font-size:13px}.radio-group{gap:10px}.radio-label{font-size:12px}.radio-label input[type=radio]{margin-right:5px}}@media (max-width: 576px){.display-salary-section{height:auto;width:auto;padding:10px}.offer-form-container{padding:10px;margin-left:0;margin-top:20px}.offer-form-title{margin-left:10px;font-size:20px;margin-bottom:12px;margin-top:30px}.offer-form-grid{grid-template-columns:1fr;gap:8px}.offer-form-grid-bonus{display:grid;grid-template-columns:1fr;margin-bottom:20px}.offer-form-container form{padding:10px}.offer-form-section input{padding:8px;font-size:12px}.offer-form-section label{font-size:12px}.offer-error-message{font-size:11px}.offer-button-group{flex-direction:row;gap:10px}.offer-save-btn,.offer-cancel-btn{padding:8px 12px;font-size:12px;width:100%;max-width:200px}.offer-form-grid-salary{display:grid;grid-template-columns:repeat(1,1fr);margin-bottom:20px}.radio-group{gap:8px}.radio-label{font-size:12px}.radio-label input[type=radio]{margin-right:5px}}.offer-add-bonus-section{margin-top:10px;display:flex;flex-direction:row-reverse}.offer-add-bonus-btn{background:none;border:none;color:#1f61a0;cursor:pointer;font-size:14px;font-weight:500;padding:0;font-family:Inter,sans-serif}.offer-add-bonus-btn:hover:not(:disabled){color:#165080}.offer-add-bonus-btn:disabled{color:#ccc;cursor:not-allowed}.addbonus-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#1f61a01a,#0009);z-index:1000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:addbonus-overlay-enter .3s ease-out}@keyframes addbonus-overlay-enter{0%{opacity:0;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}to{opacity:1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}}.addbonus-dialog{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:linear-gradient(145deg,#fff,#f8fafc);border:1px solid rgba(31,97,160,.08);border-radius:16px;box-shadow:0 25px 50px -12px #00000026,0 0 0 1px #1f61a00d,inset 0 1px #ffffffe6;z-index:1001;width:90%;max-width:520px;max-height:90vh;overflow:hidden;animation:addbonus-dialog-enter .4s cubic-bezier(.34,1.56,.64,1)}@keyframes addbonus-dialog-enter{0%{opacity:0;transform:translate(-50%,-50%) scale(.9) rotateX(10deg)}to{opacity:1;transform:translate(-50%,-50%) scale(1) rotateX(0)}}.addbonus-header{display:flex;justify-content:space-between;align-items:center;padding:28px 28px 20px;border-bottom:1px solid rgba(31,97,160,.1);background:linear-gradient(135deg,#1f61a005,#f8fafccc);position:relative}.addbonus-header:after{content:"";position:absolute;bottom:0;left:28px;right:28px;height:1px;background:linear-gradient(90deg,transparent,rgba(31,97,160,.2),transparent)}.addbonus-title{font-size:22px;font-weight:700;background:linear-gradient(135deg,#1f61a0,#2563eb);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin:0;font-family:Inter,sans-serif;letter-spacing:-.02em;text-shadow:0 1px 2px rgba(31,97,160,.1)}.addbonus-form{display:flex;flex-direction:column;height:100%}.addbonus-content{padding:5px 28px;background:linear-gradient(135deg,#f8fafc80,#fffc)}.addbonus-description{color:#1e293b;font-size:15px;margin:0 0 24px;line-height:1.6;font-family:Inter,sans-serif;font-weight:500}.addbonus-input-group{display:flex;flex-direction:column}.addbonus-label{font-weight:600;color:#1e293b;font-size:14px;margin-bottom:10px;font-family:Inter,sans-serif;letter-spacing:-.01em}.addbonus-required{color:#ef4444;margin-left:-4px}.addbonus-input{padding:14px 18px;border:2px solid #e2e8f0;border-radius:12px;font-size:15px;font-family:Inter,sans-serif;outline:none;transition:all .3s cubic-bezier(.4,0,.2,1);background:linear-gradient(135deg,#fff,#f8fafc);box-shadow:inset 0 1px 3px #00000014;position:relative}.addbonus-input:focus{border-color:#1f61a0;background:#fff;box-shadow:0 0 0 4px #1f61a01f,inset 0 1px 3px #00000014,0 2px 4px #0000000d;transform:translateY(-1px)}.addbonus-input::placeholder{color:#94a3b8;font-style:sans-serif}.addbonus-input:disabled{background-color:#f9fafb;color:#6b7280;cursor:not-allowed}.addbonus-input-error{border-color:#ef4444!important;background-color:#fef2f2}.addbonus-input-error:focus{border-color:#ef4444!important;box-shadow:0 0 0 3px #ef44441a!important}.addbonus-error-message{color:#ef4444;font-size:12px;margin-top:6px;font-family:Inter,sans-serif}.addbonus-actions{display:flex;justify-content:flex-end;gap:16px;padding:24px 28px 28px;background:linear-gradient(135deg,#f8fafccc,#ffffffe6)}.addbonus-cancel-btn{padding:12px 24px;font-size:14px;transition:all .3s cubic-bezier(.4,0,.2,1);font-family:Inter,sans-serif;box-shadow:0 2px 4px #0000000d;border-radius:10px;font-weight:600;cursor:pointer;background-color:#fff;color:#1f61a0;border:1px solid #1f61a0;transition:all .3s ease}.addbonus-cancel-btn:hover:not(:disabled){background:linear-gradient(135deg,#fff);border:1px solid #1f61a0;transform:translateY(-1px);box-shadow:0 4px 8px #0000001a}.addbonus-cancel-btn:disabled{opacity:.5;cursor:not-allowed}.addbonus-confirm-btn{padding:12px 28px;background-color:#1f61a0;color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);font-family:Inter,sans-serif;display:flex;align-items:center;gap:10px;width:158px;height:40px;justify-content:center;box-shadow:0 4px 12px #1f61a04d,inset 0 1px #fff3;text-shadow:0 1px 2px rgba(0,0,0,.2)}.addbonus-confirm-btn:hover:not(:disabled){background-color:#1f61a0;transform:translateY(-2px);box-shadow:0 6px 16px #1f61a066,inset 0 1px #fff3}.addbonus-confirm-btn:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 8px #1f61a04d,inset 0 1px #fff3}.addbonus-confirm-btn:disabled{background-color:#1f61a0;cursor:not-allowed;width:158px;height:40px}.addbonus-confirm-btn:disabled:hover{background-color:#1f61a0;cursor:not-allowed}.addbonus-spinner{width:16px;height:16px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:addbonus-spin 1s linear infinite}@keyframes addbonus-spin{to{transform:rotate(360deg)}}@media (max-width: 768px){.addbonus-dialog{width:95%;margin:20px}.addbonus-header{padding:20px 20px 0}.addbonus-title{font-size:18px}.addbonus-content{padding:20px}.addbonus-actions{padding:16px 20px 20px;flex-direction:row}.addbonus-cancel-btn{width:100px}.addbonus-confirm-btn{width:100%;justify-content:center}}@media (max-width: 5760px){.addbonus-dialog{width:100%;margin:10px;border-radius:8px}.addbonus-header{padding:16px 16px 0}.addbonus-title{font-size:16px}.addbonus-content{padding:16px}.addbonus-description{font-size:13px}.addbonus-input{padding:10px 12px;font-size:13px}.addbonus-actions{padding:12px 16px 16px;gap:8px}.addbonus-cancel-btn,.addbonus-confirm-btn{padding:12px 16px;font-size:13px}}.toast{position:fixed!important;top:20px!important;right:20px!important;padding:16px 24px!important;border-radius:8px!important;box-shadow:0 4px 12px #00000026!important;z-index:99999!important;font-size:14px!important;font-weight:500!important;max-width:400px!important;color:#fff!important;opacity:0!important;transform:translate(400px)!important;transition:all .3s ease-out!important;pointer-events:auto!important}.toast-show{opacity:1!important;transform:translate(0)!important}.toast-content{display:flex;align-items:center;gap:8px}.toast-error{background-color:#dc2626}.toast-success{background-color:#2563eb}.toast-info{background-color:#0891b2}.toast-warning{background-color:#f59e0b}@keyframes toastSlideIn{0%{opacity:0;transform:translate(400px)}to{opacity:1;transform:translate(0)}}.dialog-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;z-index:1000;padding:20px;box-sizing:border-box}.dialog-content{background:#fff;border-radius:12px;padding:0;max-width:500px;width:100%;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 20px 40px #0000004d;transform:scale(1);transition:transform .3s ease-out}.dialog-linear-progress{position:absolute;top:0;left:0;right:0;height:4px;background-color:#f0f0f0;overflow:hidden;border-radius:12px 12px 0 0;opacity:0;transition:opacity .3s ease}.dialog-linear-progress.show{opacity:1}.dialog-linear-progress-bar{height:100%;background:linear-gradient(90deg,#1f61a0,#007bff,#1f61a0);background-size:200% 100%;animation:progress-animation 2s infinite}.dialog-header{padding:24px 24px 16px;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;align-items:center;position:relative}.dialog-header h3{margin:0;font-size:20px;font-weight:600;color:#333}.close-btn-revision{background:none;border:none;font-size:24px;cursor:pointer;padding:8px;color:#666;border-radius:50%;transition:all .2s ease;width:40px;height:40px;display:flex;align-items:center;justify-content:center;line-height:1}.close-btn-revision:hover{background-color:#f5f5f5;color:#333}.close-btn-revision:hover:not(:disabled){background-color:#f5f5f5;color:#333}.close-btn-revision:disabled{cursor:not-allowed;opacity:.5}.dialog-body{padding:24px}.dialog-body p{margin:8px 0;font-size:14px;color:#555}.dialog-body strong{color:#333;font-weight:600}.dialog-actions{display:flex;gap:12px;margin:24px 0 16px;flex-wrap:wrap;justify-content:flex-end}.revision-list-cancel-btn{padding:12px 20px;border:1px solid #1f61a0;background:#fff;color:#1f61a0;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s ease;min-height:44px}.revision-list-cancel-btn:hover:not(:disabled){border-color:#1f61a0;background-color:#fff;box-shadow:0 4px 10px #236bae33}.revision-list-cancel-btn:disabled{cursor:not-allowed;opacity:.5}.download-btn{padding:12px 20px;background:#1f61a0;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s ease;display:flex;align-items:center;gap:8px;min-height:44px}.download-btn:hover:not(:disabled){background:#0056b3;transform:translateY(-1px);box-shadow:0 4px 12px #1f61a04d}.download-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.complete-btn{padding:14px 20px;background:#1f61a0;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s ease;width:100%;min-height:48px}.complete-btn:hover:not(:disabled){background:#1f61a0;transform:translateY(-1px);box-shadow:0 4px 12px #2841a74d}.complete-btn:disabled{cursor:not-allowed;opacity:.5;transform:none;background:#1f61a0}.complete-btn:disabled:hover{cursor:not-allowed;opacity:.5;transform:none;background:#1f61a0}.upload-section{margin-top:24px;padding-top:20px;border-top:1px solid #e0e0e0}.form-group{margin-bottom:16px}.form-group label{display:block;margin-bottom:8px;font-weight:500;color:#333;font-size:14px}.offer-modal-file-input{width:100%;padding:14px;border:2px dashed #ddd;border-radius:8px;background:#fafafa;cursor:pointer;font-size:14px;transition:all .2s ease;box-sizing:border-box;min-height:48px}.offer-modal-file-input:hover:not(:disabled){border-color:#1f61a0;background:#f8f9ff}.offer-modal-file-input:focus:not(:disabled){outline:none;border-color:#1f61a0;box-shadow:0 0 0 3px #1f61a01a}.offer-modal-file-input:disabled{cursor:not-allowed;opacity:.5;background:#f8f8f8}.offer-modal-file-error{border-color:#dc3545!important;box-shadow:0 0 0 .2rem #dc354540}.offer-modal-error-message{color:#dc3545;font-size:14px;margin-top:8px;display:flex;align-items:center;gap:8px}.offer-modal-file-selected{color:#1f61a0;font-size:14px;margin-top:8px;display:flex;align-items:center;gap:8px}.dialog-content.loading{pointer-events:none}.dialog-content.loading .dialog-body{opacity:.7}@media (max-width: 768px){.dialog-overlay{padding:16px;background-color:#0009;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.dialog-content{width:100%;max-width:100%;max-height:85vh;border-radius:16px;box-shadow:0 25px 50px #0006;margin:0}.dialog-header{padding:20px 20px 16px;border-bottom:1px solid #e0e0e0}.dialog-header h3{font-size:18px}.dialog-body{padding:20px}.dialog-actions{flex-direction:column;gap:12px}.revision-list-cancel-btn,.download-btn{width:100%;justify-content:center;min-height:48px}.download-btn{order:2}.revision-list-cancel-btn{order:1}.revision-list-cancel-btn:active,.download-btn:active,.complete-btn:active{transform:scale(.98)}}@media (max-width: 480px){.dialog-overlay{padding:12px;background-color:#000000a6;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.dialog-content{width:100%;max-height:90vh;border-radius:20px;box-shadow:0 30px 60px #00000080}.dialog-header{padding:16px 20px 12px}.dialog-header h3{font-size:17px}.dialog-body{padding:16px 20px}.dialog-body p{font-size:13px}.close-btn-revision{width:36px;height:36px;font-size:22px}}.dialog-overlay{animation:fadeIn .3s ease-out}.dialog-content{animation:slideIn .3s ease-out}@media (max-width: 768px){body.modal-open{overflow:hidden;position:fixed;width:100%}.upload-section{background:#f8f9fa;margin:24px -20px 0;padding:20px;border-radius:0 0 16px 16px}}.revision-history-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#1f61a01a,#0009);z-index:1000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:revision-history-overlay-enter .3s ease-out}@keyframes revision-history-overlay-enter{0%{opacity:0;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}to{opacity:1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}}.revision-history-dialog{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:linear-gradient(145deg,#fff,#f8fafc);border:1px solid rgba(31,97,160,.08);border-radius:16px;box-shadow:0 25px 50px -12px #00000026,0 0 0 1px #1f61a00d,inset 0 1px #ffffffe6;z-index:1001;width:90%;max-width:800px;max-height:85vh;overflow:hidden;display:flex;flex-direction:column;animation:revision-history-dialog-enter .44s cubic-bezier(.34,1.56,.64,1)}@keyframes revision-history-dialog-enter{0%{opacity:0;transform:translate(-50%,-50%) scale(.9) rotateX(10deg)}to{opacity:1;transform:translate(-50%,-50%) scale(1) rotateX(0)}}.revision-history-header{display:flex;justify-content:space-between;align-items:center;padding:24px 28px 20px;border-bottom:1px solid rgba(31,97,160,.1);background:linear-gradient(135deg,#1f61a005,#f8fafccc);position:relative;flex-shrink:0}.revision-history-header:after{content:"";position:absolute;bottom:0;left:28px;right:28px;height:1px;background:linear-gradient(90deg,transparent,rgba(31,97,160,.2),transparent)}.revision-history-title{font-size:22px;font-weight:700;background:linear-gradient(135deg,#1f61a0,#2563eb);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin:0;font-family:Inter,sans-serif;letter-spacing:-.02em;text-shadow:0 1px 2px rgba(31,97,160,.1)}.revision-history-close{background:none;border:none;font-size:24px;cursor:pointer;color:#6b7280;padding:8px;border-radius:6px;transition:all .3s ease;width:40px;height:40px;display:flex;align-items:center;justify-content:center}.revision-history-close:hover{background-color:#f3f4f6;color:#374151;transform:scale(1.1)}.revision-history-content{flex:1;overflow-y:auto;padding:20px 28px;background:linear-gradient(135deg,#f8fafc80,#fffc)}.versions-list{display:flex;flex-direction:column;gap:16px}.version-item{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;overflow:hidden}.current-version{border:2px solid #1f61a0}.previous-version{border:1px solid #e5e7eb}.version-item-header{background:linear-gradient(135deg,#f1f5f9,#e0e7ff);padding:12px 16px;font-weight:600;color:#1e293b;border-bottom:1px solid rgba(31,97,160,.1);display:flex;align-items:center;justify-content:flex-start}.current-version .version-item-header{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1f61a0}.version-item-details{padding:16px;display:grid;grid-template-columns:1fr 1fr;gap:12px}.version-item-details p{margin:0;font-size:14px;color:#334155;line-height:1.6}.version-item-details strong{color:#1e293b;font-weight:600}.version-pdf-link{padding:12px 16px;border-top:1px solid #e5e7eb;background:#f9fafb}.pdf-view-button{display:flex;align-items:center;gap:8px;padding:10px 18px;background:#1f61a0;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%;justify-content:center;box-shadow:0 2px 8px #1f61a04d}.pdf-view-button:hover{background:#174a7a;transform:translateY(-2px);box-shadow:0 4px 12px #1f61a066}.pdf-view-button svg{font-size:16px;color:#fef2f2}.loading-container,.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;gap:20px}.loader{border:3px solid #f3f3f3;border-top:3px solid #1f61a0;border-radius:50%;width:50px;height:50px;animation:spin 1s linear infinite}.error-container p{color:#dc3545;font-size:15px;font-weight:500}.error-container button{padding:10px 24px;background:#1f61a0;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s ease}.error-container button:hover{background:#174a7a}.revision-history-actions{display:flex;justify-content:flex-end;padding:20px 28px;background:linear-gradient(135deg,#f8fafccc,#ffffffe6);flex-shrink:0}.revision-history-close-btn{padding:12px 24px;background-color:#1f61a0;color:#fff;border:1px solid #1f61a0;border-radius:10px;font-size:14px;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #1f61a04d,inset 0 1px #fff3}.revision-history-close-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #1f61a066,inset 0 1px #fff3}@media (min-width: 1025px) and (max-width: 1440px){.revision-history-dialog{width:85%;max-width:850px}.revision-history-header{padding:22px 26px 18px}.revision-history-title{font-size:20px}.revision-history-content{padding:18px 26px}.version-item-details{grid-template-columns:1fr 1fr;gap:10px}.revision-history-actions{padding:18px 26px}}@media (min-width: 769px) and (max-width: 1024px){.revision-history-dialog{width:90%;max-width:750px;max-height:80vh}.revision-history-header{padding:20px 24px 16px}.revision-history-title{font-size:19px}.revision-history-content{padding:16px 24px}.version-item-details{grid-template-columns:1fr 1fr;gap:10px}.version-item-details p{font-size:13px}.revision-history-actions{padding:16px 24px}.revision-history-close-btn{padding:10px 20px;font-size:13px}}@media (min-width: 577px) and (max-width: 768px){.revision-history-dialog{width:95%;max-width:none;max-height:75vh}.revision-history-header{padding:18px 20px 14px}.revision-history-title{font-size:18px}.revision-history-content{padding:14px 20px}.version-item-details{grid-template-columns:1fr;gap:8px}.version-item-details p{font-size:13px}.revision-history-actions{padding:14px 20px}.revision-history-close-btn{padding:10px 18px;font-size:13px}}@media (max-width: 576px){.revision-history-dialog{width:98%;max-width:none;max-height:70vh;margin:10px}.revision-history-header{padding:16px 18px 12px}.revision-history-title{font-size:16px}.revision-history-content{padding:12px 18px}.version-item-details{grid-template-columns:1fr;gap:6px}.version-item-details p{font-size:12px}.revision-history-actions{padding:12px 18px}.revision-history-close-btn{padding:8px 16px;font-size:12px;width:100%}.version-item{margin-bottom:8px}.version-item-header{padding:10px 14px;font-size:14px}.version-item-details{padding:12px}}.main-content-revision{flex:1;padding:20px;min-height:100vh}.revision-container h1{color:#1f61a0;margin-bottom:30px;font-size:32px;font-weight:700;font-family:Inter,sans-serif;text-shadow:0 2px 4px rgba(31,97,160,.1)}.top-bar-revision{display:flex;justify-content:space-between;align-items:center;margin-top:10px;margin-bottom:40px;gap:20px}.search-box-revision{flex-shrink:0;width:300px;display:flex;align-items:center;padding:15px;border-radius:8px;height:40px;gap:6px;box-shadow:0 1px #00000005 inset,0 -1px #fff3 inset;background:#ffffffe6}.search-box-revision:hover{box-shadow:0 12px 40px #1f61a02e;transform:translateY(-2px)}.search-box-revision input{border:none;outline:none;padding:8px;width:100%;background:transparent;font-size:15px;font-family:Inter,sans-serif;color:#334155;font-weight:500}.search-box-revision input::placeholder{color:#94a3b8}.search-box-revision input:focus{outline:none;border:none}.add-revision{width:220px;height:50px;border-radius:15px;border:none;background:linear-gradient(135deg,#1f61a0,#0c4a78);color:#fff;cursor:pointer;font-size:16px;font-family:Inter,sans-serif;font-weight:600;letter-spacing:.5px;transition:all .3s ease;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 25px #1f61a04d;position:relative;overflow:hidden}.add-revision:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.add-revision:hover:before{left:100%}.add-revision:hover{background:linear-gradient(135deg,#0c4a78,#1f61a0);transform:translateY(-3px);box-shadow:0 12px 35px #1f61a066}.table-container-revision{display:flex;flex-direction:column;gap:0px;background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;box-shadow:0 20px 60px #00000014;border:1px solid rgba(255,255,255,.3);overflow:hidden}.table-header-revision{display:grid;grid-template-columns:50px 2fr 1.5fr 1.5fr 1.5fr 1.5fr 1.5fr;align-items:center;text-align:left;padding:18px 15px;width:100%;height:60px;border-radius:15px;background:linear-gradient(135deg,#1f61a0,#0c4a78);color:#fff;font-weight:700;font-size:13px;letter-spacing:.08em;font-family:Inter,sans-serif;box-shadow:0 8px 25px #1f61a033}.table-header-revision span{display:flex;align-items:center;padding-left:2px}.revision-table-header-content{display:contents!important}.table-row-revision{display:grid;grid-template-columns:50px 2fr 1.5fr 1.5fr 1.5fr 1.5fr 1.5fr;align-items:center;text-align:left;padding:20px 15px;border-bottom:1px solid rgba(226,232,240,.8);font-family:Inter,sans-serif;font-size:14px;transition:all .3s ease;position:relative}.table-row-revision:hover{background:linear-gradient(135deg,#1f61a00a,#1f61a014);transform:translate(5px);box-shadow:0 4px 20px #1f61a01a}.table-cell-revision{padding-left:10px;display:flex;align-items:center;font-weight:500;color:#475569}.designation-container{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.designation-single{font-family:Inter,sans-serif;font-size:13px;font-weight:600;color:#1e293b;padding:6px 12px;border-radius:12px;border:1px solid #e2e8f0;box-shadow:0 2px 4px #00000005;transition:all .2s ease}.designation-single:hover{background:linear-gradient(135deg,#e2e8f0,#cbd5e1);transform:translateY(-1px);box-shadow:0 4px 8px #00000014}.designation-from{font-family:Inter,sans-serif;font-size:12px;font-weight:500;color:#7f1d1d;padding:4px 10px;border-radius:10px;border:1px solid #fecaca;position:relative;transition:all .3s ease}.designation-to{font-family:Inter,sans-serif;font-size:12px;font-weight:600;color:#14532d;padding:4px 10px;border-radius:10px;border:1px solid #bbf7d0;position:relative;transition:all .3s ease;box-shadow:0 2px 4px #22c55e1a}.designation-arrow{color:#1f61a0;font-size:14px;margin:0 4px;transition:all .3s ease;filter:drop-shadow(0 2px 4px rgba(31,97,160,.2))}.designation-container:hover .designation-arrow{color:#0c4a78;transform:translate(2px)}.designation-container:hover .designation-from{background:linear-gradient(135deg,#fee2e2,#fecaca);transform:translateY(-1px)}.designation-container:hover .designation-to{background:linear-gradient(135deg,#dcfce7,#bbf7d0);transform:translateY(-1px);box-shadow:0 4px 8px #22c55e26}@media (max-width: 768px){.designation-container{gap:8px}.designation-to{font-size:11px;padding:3px 8px}.designation-arrow{font-size:12px;margin:0 2px}}.designation-container.stacked{flex-direction:column;align-items:flex-start;gap:6px}.designation-container.stacked .designation-arrow{transform:rotate(90deg);margin:2px 0}.offer-date-container{display:flex;align-items:center}.offer-date{font-family:Inter,sans-serif;font-size:14px}.offer-letter-icon{margin-left:8px;color:#dc3545;font-size:14px;cursor:pointer;transition:color .3s ease}.offer-letter-icon:hover{color:#c82333}.appointment-date-container{display:flex;align-items:center}.appointment-date{font-family:Inter,sans-serif;font-size:14px}.appointment-date.has-appointment-letter:hover{color:#0056b3}.appointment-letter-icon{margin-left:8px;color:#dc3545;font-size:14px;cursor:pointer;transition:color .3s ease}.appointment-letter-icon:hover{color:#c82333}.generate-revision-link{color:#28a745;cursor:pointer;text-decoration:underline;font-size:13px;font-weight:500;font-family:Inter,sans-serif}.generate-revision-link:hover{color:#218838}.action-buttons-container{display:flex;align-items:center;justify-content:flex-start;gap:1px;flex-wrap:wrap}.action-button{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;border-radius:10px;cursor:pointer;font-size:14px;transition:all .3s ease;position:relative;overflow:hidden}.action-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s}.action-button:hover:before{left:100%}.action-button:hover{transform:translateY(-2px)}.action-button:active{transform:translateY(0)}.revision-list-edit-button{background:linear-gradient(135deg,#1f61a0,#0c4a78);color:#fff}.revision-list-edit-button:hover{background:linear-gradient(135deg,#0c4a78,#1f61a0)}.revision-list-audit-button{background:transparent;color:#6b7280}.revision-list-audit-button:hover{background:#6b72801a;color:#374151;border-color:#9ca3af}.action-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.action-button:disabled:hover{transform:none;background:transparent}.no-revisions-message{text-align:center;color:#64748b;margin-top:40px;font-size:16px;font-family:Inter,sans-serif;font-weight:500;padding:40px;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border-radius:15px;border:2px dashed #cbd5e1}.error-message{color:#dc3545;font-size:16px;font-family:Inter,sans-serif;font-weight:500;margin:20px 0}.revision-toggle-button{background:linear-gradient(135deg,#1f61a0,#0c4a78);color:#fff;border:none;font-size:16px;cursor:pointer;border-radius:12px;transition:all .3s ease;box-shadow:0 2px 5px #1f62a025;display:flex;align-items:center;justify-content:center;padding:5px;width:20px}.revision-toggle-button:hover{background:linear-gradient(135deg,#0c4a78,#1f61a0);box-shadow:0 8px 25px #1f61a059}.accordion-revision{width:100%;background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:20px;font-size:14px;color:#1e293b;box-shadow:0 8px 32px #1f61a01f;border-bottom:2px solid #e7f3ff;transition:all .3s ease}.accordion-revision:hover{background:linear-gradient(135deg,#1f61a00a,#1f61a014);box-shadow:0 12px 40px #1f61a02e}.revision-info-container{display:flex;align-items:flex-start;margin-top:10px;gap:20px}.revision-info-details{display:grid;gap:15px;color:#1e293b;text-align:left;flex:1;font-weight:500}.revision-info-details p{margin:0;padding:5px 0;display:flex;align-items:center;gap:10px}.revision-info-details p strong{min-width:150px}@media (min-width: 1441px){.revision-toggle-button,.accordion-revision{display:none}}@media (min-width: 1025px) and (max-width: 1440px){.main-content-revision{margin-left:87px;padding:15px}.revision-container h1{font-size:28px;margin-top:20px;margin-bottom:25px}.top-bar-revision{margin-bottom:30px}.search-box-revision{width:250px;padding:12px}.search-box-revision:hover{box-shadow:0 12px 40px #1f61a02e;transform:translateY(-2px)}.add-revision{width:200px;font-size:15px}.revision-info-details p:nth-child(1),.revision-info-details p:nth-child(4){display:none}.table-header-revision span:nth-child(3),.table-row-revision span:nth-child(5),.table-header-revision span:nth-child(4),.table-row-revision span:nth-child(4){display:none!important}.add-revision:hover{background:linear-gradient(135deg,#0c4a78,#1f61a0);transform:translateY(-2px);box-shadow:0 12px 35px #1f61a066}.action-buttons-container{flex-wrap:nowrap}.table-header-revision{grid-template-columns:1.8fr 1.9fr 2.3fr 2.2fr;font-size:12px;padding:15px 12px}.table-row-revision{grid-template-columns:2fr 2.4fr 2.7fr 2fr .5fr;padding:15px 12px;position:relative}.revision-toggle-button{position:absolute;right:20px;top:50%;transform:translateY(-50%);width:30px;height:30px;padding:0;display:flex;align-items:center;justify-content:center}.table-cell-revision:last-child{padding-right:45px}}@media (min-width: 769px) and (max-width: 1024px){.main-content-revision{padding:12px}.Toggle{margin-top:40px}.revision-container h1{font-size:26px;margin-top:70px;margin-bottom:20px}.top-bar-revision{flex-direction:row;align-items:flex-start;gap:15px;margin-bottom:25px}.search-box-revision{width:250px;padding:10px 15px}.revision-info-details p:nth-child(1),.revision-info-details p:nth-child(4){display:none}.table-header-revision span:nth-child(3),.table-row-revision span:nth-child(5),.table-header-revision span:nth-child(4),.table-row-revision span:nth-child(4){display:none!important}.search-box-revision:hover{box-shadow:0 12px 40px #1f61a02e;transform:translateY(-2px)}.add-revision{width:180px;font-size:14px;height:45px}.add-revision:hover{background:linear-gradient(135deg,#0c4a78,#1f61a0);transform:translateY(-2px);box-shadow:0 12px 35px #1f61a066}.table-header-revision{grid-template-columns:1.5fr 1fr 1fr 1fr 1fr;font-size:11px;padding:12px 8px}.table-row-revision{grid-template-columns:1.5fr 1fr 1fr 1fr 1fr;padding:12px 8px;height:95px;position:relative}.revision-toggle-button{position:absolute;right:20px;top:50%;transform:translateY(-50%);width:30px;height:30px;padding:0;display:flex;align-items:center;justify-content:center}.table-cell-revision:last-child{padding-right:45px}}@media (min-width: 577px) and (max-width: 768px){.main-content-revision{padding:12px}.Toggle{margin-top:30px}.revision-container h1{font-size:25px;margin-top:70px;margin-bottom:20px}.top-bar-revision{flex-direction:row;align-items:flex-start;gap:15px;margin-bottom:25px}.search-box-revision{width:250px;padding:10px 15px}.search-box-revision:hover{box-shadow:0 12px 40px #1f61a02e;transform:translateY(-2px)}.add-revision{width:180px;font-size:14px;height:45px}.add-revision:hover{background:linear-gradient(135deg,#0c4a78,#1f61a0);transform:translateY(-2px);box-shadow:0 12px 35px #1f61a066}.revision-info-details p:nth-child(1),.revision-info-details p:nth-child(4){display:none}.table-header-revision span:nth-child(4),.table-row-revision span:nth-child(4),.table-header-revision span:nth-child(3),.table-row-revision span:nth-child(5){display:none!important}.table-header-revision{grid-template-columns:.9fr .7fr 1fr 1fr;font-size:11px;padding:12px 8px;height:70px}.table-row-revision{grid-template-columns:1fr .7fr 1fr 1fr .3fr;padding:12px 8px;height:120px;position:relative}.revision-toggle-button{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:30px;height:30px;padding:0;display:flex;align-items:center;justify-content:center}.table-cell-revision:last-child{padding-right:45px}}@media (max-width: 576px){.main-content-revision{padding:12px}.Toggle{margin-top:30px}.action-buttons-container{flex-wrap:nowrap}.revision-container h1{font-size:23px;margin-top:70px;margin-bottom:20px}.top-bar-revision{flex-direction:row;align-items:flex-start;gap:15px;margin-bottom:25px}.search-box-revision{width:130px;padding:10px 15px}.search-box-revision:hover{box-shadow:0 12px 40px #1f61a02e;transform:translateY(-2px)}.add-revision{width:170px;font-size:14px;height:45px}.add-revision:hover{background:linear-gradient(135deg,#0c4a78,#1f61a0);transform:translateY(-2px);box-shadow:0 12px 35px #1f61a066}.table-header-revision{grid-template-columns:1.5fr 1.5fr .5fr;font-size:11px;padding:12px 8px;height:50px}.table-header-revision span:nth-child(2),.table-header-revision span:nth-child(3),.table-header-revision span:nth-child(4),.table-row-revision span:nth-child(6),.table-row-revision span:nth-child(3),.table-row-revision span:nth-child(4),.table-header-revision span:nth-child(5),.table-row-revision span:nth-child(5){display:none!important}.table-row-revision{grid-template-columns:1.5fr 1.5fr .5fr;padding:12px 8px;height:60px;gap:8px;position:relative}.table-cell-revision:last-child{display:flex;justify-content:flex-end;align-items:center}.revision-toggle-button{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:30px;height:30px;padding:0;display:flex;align-items:center;justify-content:center}}.revision-list-previous-button{background:transparent;color:#6b7280}.revision-list-previous-button:hover{background:#6b72801a;color:#374151}.export-revision-button{width:205px;height:40px;border-radius:15px;border:2px solid rgba(31,97,160,.3);background:#1f61a01a;color:#1f61a0;cursor:pointer;font-size:16px;font-family:Inter,sans-serif;font-weight:600;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.export-revision-button:hover{background:#1f61a033;border-color:#1f61a080;transform:translateY(-2px);box-shadow:0 8px 25px #1f61a033}.export-revision-button .export-icon{width:18px;height:18px}.revision-actions-container{display:flex;align-items:center;gap:8px}.table-header-revision input[type=checkbox],.table-row-revision input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:22px;height:22px;border:2px solid #1f61a0;border-radius:6px;outline:none;cursor:pointer;position:relative;margin:0;vertical-align:middle;transition:all .3s ease;background:#fff;box-shadow:0 2px 8px #1f61a01a}.table-header-revision input[type=checkbox]:hover,.table-row-revision input[type=checkbox]:hover{border-color:#0c4a78;box-shadow:0 4px 12px #1f61a033}.table-header-revision input[type=checkbox]:checked,.table-row-revision input[type=checkbox]:checked{background:linear-gradient(135deg,#1f61a0,#0c4a78);border-color:#1f61a0;box-shadow:0 4px 15px #1f61a04d}.table-header-revision input[type=checkbox]:checked:after,.table-row-revision input[type=checkbox]:checked:after{content:"✓";position:absolute;color:#fff;font-size:16px;font-weight:700;left:3px;top:-2px}#export-offer-loading-notification{position:fixed;top:20px;right:20px;background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:20px;border-radius:15px;box-shadow:0 20px 60px #00000026;display:flex;align-items:center;gap:15px;z-index:10000;animation:slideInRight .3s ease-out}#export-offer-loading-notification .spinner{width:30px;height:30px;border:3px solid rgba(31,97,160,.2);border-top-color:#1f61a0;border-radius:50%;animation:spin .8s linear infinite}#export-offer-loading-notification span{font-size:15px;font-weight:600;color:#1f61a0;font-family:Inter,sans-serif}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}@media (min-width: 1025px) and (max-width: 1440px){.table-header-revision{grid-template-columns:50px 1.8fr 2fr 2.3fr 2.2fr!important}.table-row-revision{grid-template-columns:50px 2fr 2fr 2.2fr 2fr .5fr!important}}@media (min-width: 769px) and (max-width: 1024px){.table-header-revision,.table-row-revision{grid-template-columns:50px 1.5fr 1fr 1fr 1fr 1fr!important}}@media (min-width: 577px) and (max-width: 768px){.table-header-revision{grid-template-columns:50px .9fr .7fr 1fr 1fr!important}.table-row-revision{grid-template-columns:50px 1fr .7fr 1fr 1fr .3fr!important}}@media (max-width: 576px){.table-header-revision,.table-row-revision{grid-template-columns:50px 1.5fr 1.5fr .5fr!important}}.selected-revisions-info{display:flex;align-items:center;gap:12px;padding:15px 20px;background:linear-gradient(135deg,#1f61a014,#1f61a01f);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(31,97,160,.2);border-radius:15px;font-size:14px;color:#1f61a0;margin-bottom:20px;max-width:max-content;min-width:280px;box-shadow:0 8px 25px #1f61a026;font-family:Inter,sans-serif;position:relative;overflow:hidden;transition:all .3s ease}.selected-revisions-info:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .8s}.selected-revisions-info:hover:before{left:100%}.selected-revisions-info:hover{transform:translateY(-2px);box-shadow:0 12px 35px #1f61a033;border-color:#1f61a04d}.selected-count{font-weight:700;color:#1f61a0;font-size:16px;padding:6px 12px;background:linear-gradient(135deg,#1f61a0,#0c4a78);color:#fff;border-radius:10px;box-shadow:0 4px 15px #1f61a040;min-width:40px;text-align:center;display:flex;align-items:center;justify-content:center;position:relative}.selected-count:after{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(135deg,#1f61a0,#0c4a78,#1f61a0);border-radius:12px;z-index:-1;opacity:0;transition:opacity .3s ease}.selected-revisions-info:hover .selected-count:after{opacity:.3}.selected-pages{color:#64748b;font-weight:500;font-size:14px;display:flex;align-items:center;gap:4px}.selected-pages:before{content:"📄";font-size:16px}.deselect-all-btn{background:linear-gradient(135deg,#dc26261a,#dc262626);border:2px solid rgba(220,38,38,.3);color:#dc2626;padding:8px 16px;border-radius:10px;font-size:13px;font-weight:600;cursor:pointer;transition:all .3s ease;margin-left:auto;font-family:Inter,sans-serif;position:relative;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 15px #dc26261a}.deselect-all-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(220,38,38,.1),transparent);transition:left .5s}.deselect-all-btn:hover:before{left:100%}.deselect-all-btn:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff;border-color:#dc2626;transform:translateY(-2px);box-shadow:0 8px 25px #dc262640}.deselect-all-btn:active{transform:translateY(0);box-shadow:0 4px 15px #dc262633}.selected-revisions-info:after{content:"✓";position:absolute;left:8px;top:50%;transform:translateY(-50%);width:24px;height:24px;background:linear-gradient(135deg,#22c55e,#16a34a);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#fff;box-shadow:0 4px 12px #22c55e33}.selected-revisions-info{padding-left:45px}@keyframes countPulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.selected-count{animation:countPulse .3s ease-out}.selected-revisions-info:hover .selected-pages:before{animation:bounce .6s ease-in-out}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-3px)}60%{transform:translateY(-2px)}}@media (min-width: 1025px) and (max-width: 1440px){.selected-revisions-info{padding:12px 18px 12px 40px;gap:10px;margin-bottom:18px;min-width:260px}.selected-count{font-size:15px;padding:5px 10px}.selected-pages{font-size:13px}.deselect-all-btn{padding:6px 14px;font-size:12px}}@media (min-width: 769px) and (max-width: 1024px){.selected-revisions-info{padding:12px 16px 12px 38px;gap:8px;margin-bottom:16px;min-width:240px;border-radius:12px}.selected-count{font-size:14px;padding:4px 8px;border-radius:8px}.selected-pages{font-size:12px}.deselect-all-btn{padding:6px 12px;font-size:11px;border-radius:8px}.selected-revisions-info:after{width:20px;height:20px;font-size:10px;left:6px}}@media (min-width: 577px) and (max-width: 768px){.selected-revisions-info{flex-wrap:wrap;padding:10px 14px 10px 35px;gap:8px;margin-bottom:15px;min-width:220px;border-radius:12px}.selected-count{font-size:13px;padding:4px 8px}.selected-pages{font-size:11px}.deselect-all-btn{padding:5px 10px;font-size:10px;margin-left:0;flex-basis:100%;margin-top:5px}.selected-revisions-info:after{width:18px;height:18px;font-size:9px;left:5px}}@media (max-width: 576px){.selected-revisions-info{flex-direction:row;align-items:stretch;padding:12px 15px;gap:10px;margin-bottom:12px;min-width:auto;width:100%;border-radius:10px}.selected-revisions-info:after{display:none}.selected-revisions-info{padding-left:15px}.selected-count{font-size:14px;padding:6px 10px;align-self:flex-start;min-width:50px}.selected-pages{font-size:12px;text-align:center}.deselect-all-btn{padding:8px 12px;font-size:11px;margin-left:0;border-radius:8px}}:root{--primary-color: #6366f1;--success-color: #4caf50;--info-color: #2196f3;--danger-color: #f44336;--neutral-color: #9e9e9e;--background-color: #f9fafb;--text-color: #111827;--border-radius: 8px;--shadow: 0 20px 40px rgba(0, 0, 0, .1)}.audit-dialog{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;justify-content:center;align-items:center}.audit-dialog-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:fadeIn .3s ease-in}.audit-dialog-container{position:relative;background:#fff;border-radius:12px;width:min(800px,90vw);max-height:90vh;box-shadow:var(--shadow);display:flex;flex-direction:column;overflow:hidden;animation:slideIn .3s ease-out;z-index:1001}.audit-dialog-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e5e7eb;background:var(--background-color)}.audit-dialog-header h3{margin:0;font-size:1.25rem;font-weight:600;color:var(--text-color);display:flex;align-items:center;gap:10px}.audit-title-icon{color:var(--primary-color)}.audit-dialog-close{background:none;border:none;font-size:24px;cursor:pointer;color:#6b7280;padding:8px;border-radius:6px;transition:var(--transition);width:40px;height:40px;display:flex;align-items:center;justify-content:center}.audit-dialog-close:hover{background-color:#f3f4f6;color:#374151;transform:scale(1.1)}.audit-inline-header{padding:16px 0;border-bottom:1px solid #e5e7eb}.audit-inline-header h3{margin:0;font-size:1.25rem;font-weight:600;color:var(--text-color);display:flex;align-items:center;gap:10px}.audit-dialog-loader{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#6b7280;min-height:300px}.audit-dialog-spinner{width:32px;height:32px;border:3px solid #e5e7eb;border-top:3px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.audit-dialog-loader p{margin:0;font-size:1rem}.audit-dialog-error{margin:16px 24px;padding:12px 16px;background-color:#fef2f2;border:1px solid #fecaca;border-radius:var(--border-radius);color:#dc2626;font-size:14px;animation:shake .5s ease-in-out}.audit-dialog-content{flex:1;overflow-y:auto;padding:0 24px}.audit-dialog-header-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid #e0e0e0;margin-top:1rem}.audit-dialog-header-controls h4{margin:0;color:#333;font-size:1.1rem;font-weight:600}.audit-timeline{position:relative;padding:20px 0}.audit-timeline:before{content:"";position:absolute;left:20px;top:0;bottom:0;width:2px;background:linear-gradient(to bottom,#e5e7eb,#d1d5db)}.audit-timeline-item{position:relative;margin-bottom:24px;opacity:0;animation:fadeInUp .5s forwards}.audit-timeline-marker{position:absolute;left:12px;top:8px;width:18px;height:18px;background:#fff;border:2px solid #e5e7eb;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;z-index:1;transition:var(--transition)}.audit-timeline-content{margin-left:50px;background:#fff;border:1px solid #e5e7eb;border-radius:var(--border-radius);padding:16px;box-shadow:0 1px 3px #0000001a;transition:var(--transition)}.audit-timeline-content:hover{box-shadow:0 4px 12px #0000001a;border-color:#d1d5db;transform:translateY(-2px)}.audit-timeline-item:hover .audit-timeline-marker{transform:scale(1.2)}.audit-log-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px}.audit-log-main{display:flex;flex-direction:column;gap:4px}.audit-action{font-weight:600;font-size:14px;letter-spacing:.5px;text-transform:uppercase}.audit-timestamp{font-size:12px;color:#6b7280}.audit-log-user{display:flex;align-items:center;gap:6px;font-size:13px;color:#374151;background:var(--background-color);padding:6px 10px;border-radius:6px;transition:var(--transition)}.audit-log-user:hover{background:#e5e7eb}.user-icon{color:#6b7280;font-size:11px}.audit-log-details{margin-top:12px}.audit-toggle-details{font-size:12px;color:#1f61a0;cursor:pointer;font-weight:500;padding:.5rem 1rem;border-radius:4px;transition:all .2s ease;display:inline-block}.audit-toggle-details:active{transform:translateY(0)}.audit-details-content{margin-top:12px;padding-top:12px;border-top:1px solid #e5e7eb;animation:slideDown .3s ease-out}.audit-changes{display:flex;flex-direction:column;gap:12px}.changes-section{background:var(--background-color);border-radius:6px;padding:12px;border:1px solid #e5e7eb}.changes-section strong{display:block;margin-bottom:8px;color:#374151;font-size:13px;font-weight:600}.changes-content{background:#fff;border:1px solid #e5e7eb;border-radius:4px;padding:10px;margin:0;font-size:12px;color:#4b5563;white-space:pre-wrap;word-break:break-word;max-height:200px;overflow-y:auto;font-family:Monaco,Menlo,Ubuntu Mono,monospace}.changes-list{margin-top:.5rem}.change-item{margin-bottom:1rem;padding:.75rem;background-color:#f8f9fa;border-left:3px solid #007bff;border-radius:4px}.change-item:last-child{margin-bottom:0}.change-item strong{color:#333;display:block;margin-bottom:.5rem;font-size:.9rem}.change-values{display:flex;flex-direction:column;gap:.25rem}.old-value{color:#dc3545;font-family:monospace;font-size:.85rem;padding:.25rem .5rem;background-color:#fff5f5;border-radius:3px;border-left:3px solid #dc3545}.new-value{color:#28a745;font-family:monospace;font-size:.85rem;padding:.25rem .5rem;background-color:#f0fff4;border-radius:3px;border-left:3px solid #28a745}.audit-no-logs{text-align:center;padding:60px 20px;color:#6b7280}.no-logs-icon{font-size:48px;color:#d1d5db;margin-bottom:16px}.audit-no-logs p{margin:0;font-size:16px}.audit-dialog-footer{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-top:1px solid #e5e7eb;background:var(--background-color)}.audit-summary{font-size:14px;color:#6b7280;font-weight:500}.audit-dialog-button{padding:12px 24px;border-radius:10px;font-size:14px;font-weight:700;cursor:pointer;transition:var(--transition);border:none}.audit-dialog-close-btn{background:#1f61a0;color:#fff;border:1px solid #1f61a0}.audit-dialog-close-btn:hover{background:#1f61a0;transform:translateY(-2px);box-shadow:0 4px 12px #1f61a066}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{transform:translate(-50%,-60%);opacity:0;scale:.9}to{transform:translate(-50%,-50%);opacity:1;scale:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.audit-dialog-container{width:95vw;max-height:95vh;margin:2.5vh auto}.audit-dialog-header{padding:16px 20px}.audit-dialog-header h3{font-size:1.1rem}.audit-dialog-content{padding:0 20px}.audit-log-header{flex-direction:column;gap:8px;align-items:flex-start}.audit-timeline-content{margin-left:35px;padding:12px}.audit-timeline:before{left:15px}.audit-timeline-marker{left:7px}.audit-dialog-footer{flex-direction:column;gap:12px;text-align:center}.audit-dialog-button{width:100%;padding:12px}}@media (max-width: 576px){.audit-dialog-header{margin-top:100px}}@media (max-width: 480px){.audit-dialog-container{width:100vw;height:100vh;max-height:100vh;border-radius:0;margin:0}.audit-timeline-content{margin-left:20px}.audit-timeline:before{display:none}.audit-timeline-marker{display:none}}.display-licenses-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#1f61a01a,#0009);z-index:1000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:display-licenses-overlay-enter .3s ease-out}@keyframes display-licenses-overlay-enter{0%{opacity:0;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}to{opacity:1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}}.display-licenses-dialog{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:linear-gradient(145deg,#fff,#f8fafc);border:1px solid rgba(31,97,160,.08);border-radius:16px;box-shadow:0 25px 50px -12px #00000026,0 0 0 1px #1f61a00d,inset 0 1px #ffffffe6;z-index:1001;width:90%;max-width:600px;max-height:80vh;overflow:hidden;display:flex;flex-direction:column;animation:display-licenses-dialog-enter .44s cubic-bezier(.34,1.56,.64,1)}@keyframes display-licenses-dialog-enter{0%{opacity:0;transform:translate(-50%,-50%) scale(.9) rotateX(10deg)}to{opacity:1;transform:translate(-50%,-50%) scale(1) rotateX(0)}}.display-licenses-header{display:flex;justify-content:space-between;align-items:center;padding:24px 28px 20px;border-bottom:1px solid rgba(31,97,160,.1);background:linear-gradient(135deg,#1f61a005,#f8fafccc);position:relative;flex-shrink:0}.display-licenses-header:after{content:"";position:absolute;bottom:0;left:28px;right:28px;height:1px;background:linear-gradient(90deg,transparent,rgba(31,97,160,.2),transparent)}.display-licenses-title{font-size:22px;font-weight:700;background:linear-gradient(135deg,#1f61a0,#2563eb);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin:0;font-family:Inter,sans-serif;letter-spacing:-.02em;text-shadow:0 1px 2px rgba(31,97,160,.1)}.display-licenses-close{background:none;border:none;font-size:24px;cursor:pointer;color:#6b7280;padding:8px;border-radius:6px;transition:all .3s ease;width:40px;height:40px;display:flex;align-items:center;justify-content:center}.display-licenses-close:hover{background-color:#f3f4f6;color:#374151;transform:scale(1.1)}.display-licenses-content{flex:1;overflow-y:auto;padding:20px 28px;background:linear-gradient(135deg,#f8fafc80,#fffc)}.display-licenses-list{display:flex;flex-direction:column;gap:16px}.display-license-item{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;overflow:hidden}.expired-badge{display:inline-flex;align-items:center;padding:4px 12px;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;font-size:11px;font-weight:700;border-radius:12px;margin-left:12px;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 8px #ef44444d;animation:pulse-badge 2s ease-in-out infinite}.display-license-header{background:linear-gradient(135deg,#f1f5f9,#6b92c7);padding:12px 16px;font-weight:600;color:#1e293b;border-bottom:1px solid rgba(31,97,160,.1);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px}.display-license-details{padding:16px;display:grid;grid-template-columns:1fr 1fr;gap:12px}.display-license-details p{margin:0;font-size:14px;color:#334155}.display-license-details strong{color:#1e293b}.display-licenses-empty{text-align:center;color:#64748b;padding:20px}.display-licenses-actions{display:flex;justify-content:flex-end;padding:20px 28px;background:linear-gradient(135deg,#f8fafccc,#ffffffe6);flex-shrink:0}.display-licenses-close-btn{padding:12px 24px;background-color:#1f61a0;color:#fff;border:1px solid #1f61a0;border-radius:10px;font-size:14px;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #1f61a04d,inset 0 1px #fff3}.display-licenses-close-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #1f61a066,inset 0 1px #fff3}@media (min-width: 1025px) and (max-width: 1440px){.display-licenses-dialog{width:85%;max-width:650px}.display-licenses-header{padding:22px 26px 18px}.display-licenses-title{font-size:20px}.display-licenses-content{padding:18px 26px}.display-license-details{grid-template-columns:1fr 1fr;gap:10px}.display-licenses-actions{padding:18px 26px}}@media (min-width: 769px) and (max-width: 1024px){.display-licenses-dialog{width:90%;max-width:600px;max-height:75vh}.display-licenses-header{padding:20px 24px 16px}.display-licenses-title{font-size:19px}.display-licenses-content{padding:16px 24px}.display-license-details{grid-template-columns:1fr 1fr;gap:10px}.display-license-details p{font-size:13px}.display-licenses-actions{padding:16px 24px}.display-licenses-close-btn{padding:10px 20px;font-size:13px}}@media (min-width: 577px) and (max-width: 768px){.display-licenses-dialog{width:95%;max-width:none;max-height:70vh}.display-licenses-header{padding:18px 20px 14px}.display-licenses-title{font-size:18px}.display-licenses-content{padding:14px 20px}.display-license-details{grid-template-columns:1fr 1fr;gap:8px}.display-license-details p{font-size:13px}.display-licenses-actions{padding:14px 20px}.display-licenses-close-btn{padding:10px 18px;font-size:13px}}@media (max-width: 576px){.display-licenses-dialog{width:98%;max-width:none;max-height:65vh;margin:10px}.display-licenses-header{padding:16px 18px 12px}.display-licenses-title{font-size:16px}.display-licenses-content{padding:12px 18px}.display-license-details{grid-template-columns:1fr 1fr;gap:6px}.display-license-details p{font-size:12px}.display-licenses-actions{padding:12px 18px}.display-licenses-close-btn{padding:8px 16px;font-size:12px;width:100%}.display-license-item{margin-bottom:8px}.display-license-header{padding:10px 14px;font-size:14px}.display-license-details{padding:12px}}.pro-rated-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#1f61a01a,#0009);z-index:1000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:pro-rated-overlay-enter .3s ease-out}@keyframes pro-rated-overlay-enter{0%{opacity:0;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}to{opacity:1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}}.pro-rated-dialog{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:linear-gradient(145deg,#fff,#f8fafc);border:1px solid rgba(31,97,160,.08);border-radius:16px;box-shadow:0 25px 50px -12px #00000026,0 0 0 1px #1f61a00d,inset 0 1px #ffffffe6;z-index:1001;width:90%;max-width:700px;max-height:85vh;overflow:hidden;display:flex;flex-direction:column;animation:pro-rated-dialog-enter .4s cubic-bezier(.34,1.56,.64,1)}@keyframes pro-rated-dialog-enter{0%{opacity:0;transform:translate(-50%,-50%) scale(.9) rotateX(10deg)}to{opacity:1;transform:translate(-50%,-50%) scale(1) rotateX(0)}}.pro-rated-header{display:flex;justify-content:space-between;align-items:center;padding:24px 28px 20px;border-bottom:1px solid rgba(31,97,160,.1);background:linear-gradient(135deg,#1f61a005,#f8fafccc);position:relative;flex-shrink:0}.pro-rated-header:after{content:"";position:absolute;bottom:0;left:28px;right:28px;height:1px;background:linear-gradient(90deg,transparent,rgba(31,97,160,.2),transparent)}.pro-rated-title{font-size:22px;font-weight:700;background:linear-gradient(135deg,#1f61a0,#2563eb);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin:0;font-family:Inter,sans-serif;letter-spacing:-.02em;text-shadow:0 1px 2px rgba(31,97,160,.1)}.pro-rated-close{background:none;border:none;font-size:24px;cursor:pointer;color:#6b7280;padding:8px;border-radius:6px;transition:all .3s ease;width:40px;height:40px;display:flex;align-items:center;justify-content:center}.pro-rated-close:hover{background-color:#f3f4f6;color:#374151;transform:scale(1.1)}.pro-rated-controls{padding:20px 28px;background:linear-gradient(135deg,#f8fafc4d,#fff9);border-bottom:1px solid rgba(31,97,160,.08);display:flex;flex-direction:column;gap:16px}.pro-rated-search-container{position:relative;display:flex;align-items:center}.pro-rated-search{width:100%;padding:12px 16px;border:2px solid rgba(31,97,160,.15);border-radius:12px;font-size:14px;background:#fff;transition:all .3s ease;box-shadow:0 2px 4px #0000000d}.pro-rated-search:focus{outline:none;border-color:#1f61a0;box-shadow:0 4px 12px #1f61a026;transform:translateY(-1px)}.pro-rated-search::placeholder{color:#64748b}.pro-rated-clear-search{position:absolute;right:12px;background:none;border:none;font-size:18px;color:#64748b;cursor:pointer;padding:4px;border-radius:50%;transition:all .2s ease}.pro-rated-clear-search:hover{background:#1f61a01a;color:#1f61a0}.pro-rated-sort-controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.pro-rated-sort-label{font-size:14px;font-weight:600;color:#1e293b;margin-right:8px}.pro-rated-sort-btn{padding:8px 12px;background:#fff;border:2px solid rgba(31,97,160,.15);border-radius:8px;font-size:13px;font-weight:500;color:#475569;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:4px;box-shadow:0 1px 3px #0000000d}.pro-rated-sort-btn:hover{border-color:#1f61a0;color:#1f61a0;background:#1f61a00d;transform:translateY(-1px);box-shadow:0 2px 6px #1f61a01a}.pro-rated-sort-btn.active{background:linear-gradient(135deg,#1f61a0,#2563eb);color:#fff;border-color:#1f61a0;box-shadow:0 4px 12px #1f61a04d}.pro-rated-sort-btn.active:hover{background:linear-gradient(135deg,#1e5a96,#2563eb);transform:translateY(-1px)}.pro-rated-scrollable{flex:1;overflow-y:auto}.pro-rated-content{padding:20px 28px;background:linear-gradient(135deg,#f8fafc80,#fffc)}.pro-rated-list{display:flex;flex-direction:column;gap:16px}.pro-rated-item{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;overflow:hidden;transition:all .3s ease}.pro-rated-item:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0000001f}.pro-rated-license-header{background:linear-gradient(135deg,#f1f5f9,#6b92c7);padding:12px 16px;font-weight:600;color:#1e293b;border-bottom:1px solid rgba(31,97,160,.1)}.pro-rated-details{padding:16px;display:grid;grid-template-columns:1fr 1fr;gap:12px}.pro-rated-details p{margin:0;font-size:14px;color:#334155}.pro-rated-details strong{color:#1e293b}.pro-rated-empty{text-align:center;color:#64748b;padding:40px 20px;font-style:italic}.pro-rated-actions{display:flex;justify-content:flex-end;padding:20px 28px;background:linear-gradient(135deg,#f8fafccc,#ffffffe6);flex-shrink:0}.pro-rated-close-btn{padding:12px 24px;background-color:#1f61a0;color:#fff;border:1px solid #1f61a0;border-radius:10px;font-size:14px;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #1f61a04d,inset 0 1px #fff3}.pro-rated-calculate-btn{padding:8px 16px;background-color:#1f61a0;color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:700;cursor:pointer;height:35px;width:90px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #1f61a04d,inset 0 1px #fff3;margin:8px 0}.pro-rated-calculate-btn:hover{background:linear-gradient(135deg,#1f61a0,#1f61a0);transform:translateY(-2px);box-shadow:0 6px 16px #1f61a066,inset 0 1px #fff3}.pro-rated-subheader{padding:8px 12px;margin:-12px -12px 12px;border-radius:8px 8px 0 0;font-weight:600;color:#1e293b}.pro-rated-subheader h4{margin:0;font-size:16px}.pro-rated-result{background:#f8fafc80;padding:12px;border-radius:8px;margin:8px 0;border:1px solid rgba(31,97,160,.1)}.pro-rated-result p{margin:4px 0;font-size:14px}.pro-rated-close-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #1f61a066,inset 0 1px #fff3}@media (max-width: 768px){.pro-rated-dialog{width:95%;max-width:none}.pro-rated-details{grid-template-columns:1fr 1fr}.pro-rated-sort-controls{flex-direction:initial;align-items:flex-start}.pro-rated-sort-btn{font-size:12px;padding:6px 10px}.pro-rated-controls{padding:16px 20px}.pro-rated-header,.pro-rated-content,.pro-rated-actions{padding-left:20px;padding-right:20px}}.customer-status-display{display:inline-flex;align-items:center;justify-content:center;padding:8px 16px;border-radius:8px;border:1px solid;transition:all .2s ease;min-width:110px}.customer-status-draft{background-color:#f59e0b1a;border-color:#f59e0b}.customer-status-draft .customer-status-label{color:#f59e0b}.customer-status-submitted{background-color:#10b9811a;border-color:#10b981}.customer-status-submitted .customer-status-label{color:#10b981}.customer-status-label{font-size:13px;font-weight:600;font-family:Inter,sans-serif;white-space:nowrap}@media (max-width: 768px){.customer-status-display{min-width:100px;padding:6px 12px}.customer-status-label{font-size:12px}}@media (max-width: 576px){.customer-status-display{min-width:90px;padding:5px 10px}.customer-status-label{font-size:11px}}.main-contentit{flex:1;padding:20px;overflow-x:auto}.it-container h1{color:#1f61a0;margin-bottom:30px;font-size:32px;font-weight:700;font-family:Inter,sans-serif;text-shadow:0 2px 4px rgba(31,97,160,.1)}.top-barit{display:flex;justify-content:space-between;align-items:center;margin-top:10px;margin-bottom:40px}.search-box-user{flex-shrink:0;width:300px;display:flex;align-items:center;padding:15px;background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:8px;height:40px;box-shadow:0 8px 32px #1f61a01f;border:1px solid rgba(255,255,255,.2);transition:all .3s ease}.search-box-user:hover{box-shadow:0 12px 40px #1f61a02e;transform:translateY(-2px)}.search-box-user input{border:none;outline:none;padding:5px;width:250px;background:transparent;font-size:15px;font-family:Inter,sans-serif;color:#334155;font-weight:500}.search-box-user input::placeholder{color:#94a3b8}.clear-search-btn{background:none;border:none;cursor:pointer;color:#94a3b8;font-size:14px;padding:0;margin-left:5px;transition:color .2s ease}.clear-search-btn:hover{color:#1f61a0}.add-itofit{width:200px;max-width:200px;min-width:200px;height:40px;border-radius:10px;border:none;background:linear-gradient(135deg,#1f61a0,#0c4a78);color:#fff;cursor:pointer;font-size:16px;font-family:Inter,sans-serif;font-weight:600;letter-spacing:0%;transition:all .3s ease;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 25px #1f61a04d;position:relative;overflow:hidden}.add-itofit:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.add-itofit:hover:before{left:100%}.add-itofit:hover{background:linear-gradient(135deg,#0c4a78,#1f61a0);transform:translateY(-2px);box-shadow:0 12px 35px #1f61a066}.table-containerofit{display:flex;flex-direction:column;gap:0px;background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:12px;box-shadow:0 20px 60px #00000014;border:1px solid rgba(255,255,255,.3)}.table-headerit{display:grid;grid-template-columns:1.8fr 1.9fr 1.8fr 1.1fr 1.8fr;align-items:center;text-align:left;padding:12px 10px;width:100%;height:50px;border-radius:12px;border-width:1px;background:linear-gradient(135deg,#1f61a0,#0c4a78);border:1px solid #1f61a0;font-weight:700;font-size:14px;letter-spacing:.09em;color:#fff;font-family:Inter,sans-serif;text-transform:uppercase;box-shadow:0 8px 25px #1f61a033}.table-headerit span{display:flex;justify-content:flex-start;align-items:center;white-space:nowrap;padding-left:2px}.table-rowit{display:grid;grid-template-columns:1.8fr 1.9fr 1.8fr 1.1fr 1.8fr;align-items:center;background:#fff;text-align:left;padding:12px 10px;width:100%;height:90px;border-radius:1px;border-width:1px;border-bottom:2px solid #e7f3ff;transition:all .3s ease}.table-rowit:hover{background:linear-gradient(135deg,#1f61a00a,#1f61a014);transform:translate(5px);box-shadow:0 4px 20px #1f61a01a}.table-rowit span{white-space:normal;overflow-wrap:normal;max-width:69%;font-weight:500;color:#475569;display:flex;justify-content:flex-start;align-items:center}.table-rowit span:first-child,.table-rowit span:last-child{margin-left:0}.no-border{border-bottom:none!important}.twobuttons{display:flex;gap:1px;justify-content:flex-start;align-items:normal}.it-bell-button{background:none;border:none;cursor:pointer;margin-left:10px;padding:5px;color:#1f61a0;transition:all .2s ease;font-size:16px}.it-bell-button:hover{color:#0c4a78;transform:scale(1.1)}.it-edit-button{background:none;border:none;cursor:pointer;border-radius:12px;transition:all .3s ease;box-shadow:0 2px 5px #1f62a025;display:flex;align-items:center;justify-content:center;padding:5px}.it-edit-button:hover{background:linear-gradient(135deg,#1f61a00a,#1f61a014);transform:translateY(-2px);box-shadow:0 8px 25px #1f61a059}.it-edit-button img{width:20px;height:20px}.it-toggle-button{background:linear-gradient(135deg,#1f61a0,#0c4a78);color:#fff;border:none;font-size:16px;cursor:pointer;border-radius:12px;transition:all .3s ease;box-shadow:0 2px 5px #1f62a025;display:flex;align-items:center;justify-content:center;padding:5px;width:30px;height:30px}.it-toggle-button:hover{background:linear-gradient(135deg,#0c4a78,#1f61a0);transform:translateY(-2px);box-shadow:0 8px 25px #1f61a059}.accordionit{width:100%;height:auto;border-radius:1px;border-width:1px;background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:20px;font-size:14px;color:#1e293b;box-shadow:0 8px 32px #1f61a01f;border-bottom:2px solid #e7f3ff;text-align:left;transition:all .3s ease}.accordionit:hover{background:linear-gradient(135deg,#1f61a00a,#1f61a014);box-shadow:0 12px 40px #1f61a02e}.it-info-container{display:grid;grid-template-columns:3fr 3fr;align-items:flex-start;margin-top:20px;gap:20px;flex-wrap:wrap}.it-info-details1{display:grid;gap:15px;color:#1e293b;text-align:left;align-items:center;flex:1;min-width:250px;font-weight:500;font-size:15px}.no-it-message{text-align:center;color:#64748b;margin-top:20px;font-size:16px;font-family:Inter,sans-serif;font-weight:500;padding:40px;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border-radius:15px;border:2px dashed #cbd5e1}.license-item{padding:10px;border-bottom:1px dashed rgba(31,97,160,.3);text-align:left}.license-item:last-child{border-bottom:none}.error-message{text-align:center;color:#ef4444;margin-top:20px;font-size:16px;font-family:Inter,sans-serif;font-weight:500;padding:20px;background:#fef2f2;border-radius:10px;border:2px solid #fecaca}.it-license-button{background:none;border:none;cursor:pointer;margin-left:10px;padding:5px}.it-license-button img{width:20px;height:20px}.it-calculator-button{background:none;border:none;cursor:pointer;margin-left:10px;padding:5px;width:30px;height:20px}.it-audit-button{background:none;border:none;cursor:pointer;margin-left:10px;padding:5px;color:#1f61a0;transition:color .2s ease}.it-audit-button:hover{color:#0c4a78}@media (min-width: 1441px){.it-info-details1 p:nth-child(1),.it-info-details1 p:nth-child(6){display:none}.it-info-details1 p:nth-child(7){display:none!important}.table-rowit{grid-template-columns:1.8fr 1.9fr 1.8fr 1.1fr 1.8fr .3fr}}@media (min-width: 1025px) and (max-width: 1440px){.main-contentit{margin-left:87px;padding:13px}.it-info-details1 p:nth-child(1),.it-info-details1 p:nth-child(6){display:none}.it-info-details1 p:nth-child(7){display:none!important}.it-container h1{font-size:1.8rem;margin-top:20px;margin-bottom:25px}.top-barit{margin-bottom:30px}.search-box-user{width:250px;padding:12px}.add-itofit{width:180px;font-size:15px}.table-headerit{grid-template-columns:1.8fr 1.9fr 1.8fr 1.1fr 1.8fr;font-size:14px}.table-rowit{grid-template-columns:1.8fr 1.9fr 1.8fr 1.1fr 1.8fr .3fr;font-size:14px}.accordionit{height:auto;font-size:12px}}@media (min-width: 769px) and (max-width: 1024px){.main-contentit{margin-left:1px;padding:12px}.it-info-details1 p:nth-child(1),.it-info-details1 p:nth-child(6){display:none}.it-info-details1 p:nth-child(7){display:none!important}.it-container h1{font-size:1.6rem;margin-top:70px;margin-bottom:20px}.top-barit{flex-direction:row;align-items:flex-start;gap:15px;margin-bottom:25px}.search-box-user{width:220px;padding:10px}.add-itofit{width:160px;font-size:14px}.table-headerit{grid-template-columns:1.2fr 1.8fr 1.2fr 1fr 1.6fr;font-size:12px}.table-rowit{grid-template-columns:1.2fr 1.8fr 1.2fr 1fr 1.6fr .3fr;font-size:12px}.accordionit{height:auto;font-size:12px}.it-toggle-button{width:35px;height:35px;font-size:14px}}@media (min-width: 577px) and (max-width: 768px){.main-contentit{margin-left:1px;padding:10px}.it-container h1{font-size:1.4rem;margin-top:69px;margin-bottom:15px}.top-barit{flex-direction:row;align-items:flex-start;gap:12px;margin-bottom:20px}.search-box-user{width:200px;padding:8px}.add-itofit{width:140px;font-size:13px}.table-headerit{grid-template-columns:1.7fr 1.5fr 1.5fr;font-size:11px}.table-rowit{grid-template-columns:1.7fr 1.5fr 1.5fr .5fr;font-size:11px}.table-rowit{height:100px}.table-headerit span:nth-child(2),.table-rowit span:nth-child(2),.table-headerit span:nth-child(3),.table-rowit span:nth-child(3),.it-info-details1 p:nth-child(1){display:none}.accordionit{height:auto;font-size:11px}.table-rowit{height:95px}.it-toggle-button{width:30px;height:30px;font-size:12px}}@media (max-width: 576px){.main-contentit{padding:10px}.it-container h1{font-size:1.5rem;margin-top:60px;margin-bottom:12px}.top-barit{flex-direction:row;align-items:flex-start;gap:10px;margin-bottom:15px}.it-info-details1 p:nth-child(1){display:none}.search-box-user{width:50%;padding:6px}.search-box-user input{width:100%;font-size:12px}.add-itofit{width:120px;min-width:120px;font-size:12px;height:36px}.table-headerit{grid-template-columns:2fr 1.5fr 2fr .5fr;font-size:10px;padding:8px}.table-headerit span:nth-child(2),.table-rowit span:nth-child(2),.table-headerit span:nth-child(3),.table-rowit span:nth-child(3){display:none}.table-rowit{grid-template-columns:2fr 1.5fr 2fr .5fr;font-size:12px;padding:8px;height:auto;gap:8px}.it-bell-button{font-size:14px}.accordionit{height:auto;font-size:10px;padding:8px}.it-toggle-button{width:25px;height:25px;font-size:10px}}.it-customer-form-container{flex:1;padding:20px;max-width:1200px;margin:0 auto}.it-customer-form-title{color:#1f61a0;margin-bottom:30px;font-size:28px;font-weight:600;font-family:Inter,sans-serif}.it-customer-form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:20px}.it-customer-form-section{display:flex;flex-direction:column}.it-customer-form-section label{font-weight:500;margin-bottom:8px;color:#333;font-size:14px;font-family:Inter,sans-serif}.it-customer-form-section input{padding:12px;border:1px solid #d0d5dd;border-radius:6px;font-size:14px;font-family:Inter,sans-serif;outline:none;transition:all .3s ease}.it-customer-form-section input:focus{border-color:#1f61a0;box-shadow:0 0 6px #1f61a04d}.it-customer-error-field{border-color:red!important;background-color:#ffebee}.it-customer-price-card-input.it-customer-error-field{border-color:red!important;background-color:#ffebee!important}.it-customer-error-field .dropdown-trigger,.it-customer-error-field .react-datepicker-wrapper input{border-color:#e63946!important;background-color:#ffebee!important;box-shadow:0 4px 15px #e6394626!important}.it-customer-error-field .dropdown-trigger:hover,.it-customer-error-field .react-datepicker-wrapper input:hover{border-color:#e63946!important;background-color:#ffebee!important;box-shadow:0 6px 20px #e6394640!important}.it-customer-error-field .dropdown-trigger.open,.it-customer-error-field:focus .dropdown-trigger,.it-customer-error-field .react-datepicker-wrapper input:focus{border-color:#e63946!important;background-color:#ffebee!important;box-shadow:0 8px 25px #e639464d,0 0 0 4px #e639461a!important}.it-customer-error-message{color:#e63946;font-size:12px;margin-top:4px;font-family:Inter,sans-serif}.it-customer-required-asterisk{color:red}.it-customer-button-group{display:flex;justify-content:flex-end;gap:16px;margin-top:30px;grid-column:1 / -1}.it-customer-save-btn{padding:12px 24px;border-radius:10px;font-weight:600;cursor:pointer;background-color:#1f61a0;color:#fff;border:none;transition:all .3s ease}.it-customer-update-btn,.it-customer-saveas-btn{padding:12px 24px;border-radius:10px;font-weight:600;cursor:pointer;background-color:#4175a5;color:#fff;border:none;transition:all .3s ease}.it-customer-update-btn,.it-customer-saveas-btn:hover{background-color:#4175a5}.it-customer-save-btn:hover{background-color:#1f61a0}.it-customer-update-btn:disabled,.it-customer-saveas-btn:disabled,.it-customer-save-btn:disabled{background-color:#ccc;cursor:not-allowed}.it-customer-cancel-btn{padding:12px 24px;border-radius:10px;font-weight:600;cursor:pointer;background-color:#fff;color:#1f61a0;border:1px solid #1f61a0;transition:all .3s ease}.it-customer-cancel-btn:disabled{background-color:#ccc;color:#666;border-color:#ccc;cursor:not-allowed}.it-customer-license-search-container{position:relative}.it-customer-license-dropdown{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #d0d5dd;border-radius:6px;max-height:200px;overflow-y:auto;z-index:1000;box-shadow:0 4px 12px #0000001a;min-width:200px}.it-customer-license-option{padding:8px 12px;cursor:pointer}.it-customer-license-option:hover{background-color:#f0f8ff}.it-customer-add-license-btn{background:none;border:none;width:110px;height:20px;color:#1f61a0;cursor:pointer;font-size:13px;font-weight:500;padding:8px 0;text-align:right;transition:all .3s ease}.it-customer-add-license-btn:hover{color:#165080;text-decoration:none}.it-customer-add-license-btn:disabled{color:#ccc;cursor:not-allowed;text-decoration:none}.it-customer-license-container{display:flex;flex-direction:column;gap:8px}.it-customer-selected-licenses{padding:8px;border:1px solid #ddd;border-radius:4px;background-color:#f9f9f9;min-height:20px}.selected-items{font-size:14px;color:#333}.placeholder-text{color:#999}.it-customer-add-license-section{margin-top:8px;display:flex;flex-direction:row-reverse}.it-customer-selected-licenses-cards{margin-top:20px;border-radius:12px;box-shadow:0 2px 8px #0000001a;border:1px solid #e8eaed}.it-customer-selected-licenses-cards h4{margin:0;padding:16px 20px;background:linear-gradient(135deg,#f8f9fa,#e9ecef);color:#2c3e50;font-size:16px;font-weight:600;border-bottom:1px solid #e8eaed;font-family:Inter,sans-serif}.it-customer-licenses-cards-container{display:flex;flex-wrap:wrap;gap:20px;padding:20px;justify-content:flex-start;font-family:Inter,sans-serif}.it-customer-license-card{flex:0 1 calc(50% - 10px);min-width:400px;max-width:500px;background:#fff;border:1px solid #e8eaed;border-radius:12px;box-shadow:0 2px 8px #00000014;transition:all .3s ease;position:relative}.it-customer-license-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #00000026}.it-customer-card-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:linear-gradient(135deg,#1f61a0,#165080);color:#fff;border-bottom:1px solid #e8eaed}.it-customer-license-name{font-weight:600;font-size:16px;color:#fff;margin:0}.it-customer-delete-license-icon{width:20px;height:20px;cursor:pointer;opacity:1;transition:all .2s ease;filter:brightness(0) invert(1)}.it-customer-delete-license-icon:hover{opacity:1;transform:scale(1.1)}.it-customer-card-content{padding:20px}.it-customer-card-row{display:flex;gap:20px;margin-bottom:16px}.it-customer-card-row:last-child{margin-bottom:0}.it-customer-card-field{flex:1;display:flex;flex-direction:column}.it-customer-card-field.it-customer-full-width{flex:1 1 100%;width:100%}.it-customer-card-field label,.it-customer-card-field-qua label{font-size:13px;font-weight:600;color:#2c3e50;margin-bottom:6px;font-family:Inter,sans-serif}.it-customer-price-card-input{width:100%;padding:10px 12px;border:2px solid #e8eaed;border-radius:8px;font-size:14px;font-weight:500;transition:all .3s ease;background:#fff;text-align:left}.it-customer-price-card-input:focus{outline:none;border-color:#1f61a0;background:#fff;box-shadow:0 0 0 3px #1f61a01a}.it-customer-price-card-input:hover:not(:disabled){border-color:#1f61a0;background:#fff}.it-customer-price-card-input{-webkit-appearance:none;-moz-appearance:textfield;appearance:none}.it-customer-price-card-input::-webkit-outer-spin-button,.it-customer-price-card-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.it-customer-price-card-input[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.it-customer-price-card-input::placeholder{color:#95a5a6;font-size:12px}.it-customer-card-error{color:#e74c3c;font-size:11px;margin-top:4px;font-weight:500;padding:2px 6px;border-radius:4px;display:block}.it-customer-input-error-container{display:flex;flex-direction:column;position:relative}.it-customer-dropdown{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #d0d5dd;border-radius:6px;box-shadow:0 4px 12px #0000001a;z-index:1000;max-height:200px;overflow-y:auto;min-width:200px}.it-customer-dropdown-option{padding:8px 12px;cursor:pointer;font-size:14px;color:#333}.it-customer-dropdown-option:hover{background-color:#f0f8ff}.it-customer-quantity-controls{display:flex;justify-content:left;gap:10px;margin-top:5px}.it-customer-quantity-btn{width:28px;height:28px;border:2px solid #1f61a0;background:#fff;color:#1f61a0;border-radius:6px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;line-height:1;flex-shrink:0}.it-customer-quantity-btn:disabled{background:#f5f5f5;color:#ccc;border-color:#ccc;cursor:not-allowed;transform:none}.it-customer-quantity-minus{border-color:#e74c3c;color:#e74c3c}.it-customer-quantity-input{width:60px;height:28px;padding:4px 8px;border:2px solid #e8eaed;border-radius:6px;font-size:14px;font-weight:500;text-align:center;transition:all .3s ease;background:#fff;flex-shrink:0;-webkit-appearance:none;-moz-appearance:textfield;appearance:none}.it-customer-quantity-input::-webkit-outer-spin-button,.it-customer-quantity-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.it-customer-quantity-input[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.it-customer-quantity-input:focus{outline:none;border-color:#1f61a0;background:#fff;box-shadow:0 0 0 3px #1f61a01a}.it-customer-quantity-input:hover:not(:disabled){border-color:#1f61a0;background:#fff}.it-customer-quantity-input:disabled{background:#f5f5f5;color:#999;cursor:not-allowed}@media (min-width: 1025px) and (max-width: 1440px){.it-customer-form-container{padding:18px;margin-left:70px}.it-customer-form-title{font-size:26px;margin-bottom:25px}.it-customer-form-grid{gap:15px}.it-customer-form-container form{padding:18px}.it-customer-form-section input{padding:10px;font-size:13px}.it-customer-form-section label{font-size:13px}.it-customer-update-btn,.it-customer-saveas-btn,.it-customer-save-btn,.it-customer-cancel-btn{padding:10px 20px;font-size:15px}.it-customer-error-message{font-size:11px}.it-customer-license-option{padding:7px 10px;font-size:13px}.it-customer-add-license-btn{font-size:13px}.it-customer-selected-licenses-cards h4{padding:14px 18px;font-size:15px}.it-customer-licenses-cards-container{padding:18px;gap:18px}.it-customer-license-card{min-width:380px;max-width:480px}.it-customer-card-header{padding:14px 18px}.it-customer-license-name{font-size:15px}.it-customer-card-content{padding:18px}.it-customer-card-row{gap:18px;margin-bottom:14px}.it-customer-card-field label,.it-customer-card-field-qua label{font-size:12px}.it-customer-price-card-input{padding:9px 11px;font-size:13px}.it-customer-dropdown{max-height:180px;min-width:180px}.it-customer-dropdown-option{padding:6px 9px;font-size:12px}}@media (min-width: 769px) and (max-width: 1024px){.it-customer-form-container{padding:15px;margin-left:50px}.it-customer-form-title{margin-top:60px;font-size:24px;margin-bottom:20px}.it-customer-form-grid{grid-template-columns:1fr;gap:12px}.it-customer-form-container form{padding:15px}.it-customer-form-section input{padding:10px;font-size:13px}.it-customer-form-section label{font-size:13px}.it-customer-update-btn,.it-customer-saveas-btn,.it-customer-save-btn,.it-customer-cancel-btn{padding:10px 18px;font-size:14px}.it-customer-error-message{font-size:11px}.it-customer-license-option{padding:6px 9px;font-size:12px}.it-customer-add-license-btn{font-size:12px}.it-customer-selected-licenses-cards{margin-top:15px}.it-customer-licenses-cards-container{padding:15px;gap:15px}.it-customer-license-card{min-width:100%;max-width:100%}.it-customer-card-header{padding:12px 16px}.it-customer-license-name{font-size:14px}.it-customer-card-content{padding:16px}.it-customer-card-row{gap:16px;margin-bottom:12px}.it-customer-card-field label,.it-customer-card-field-qua label{font-size:11px}.it-customer-price-card-input{padding:8px 10px;font-size:12px}.it-customer-dropdown{max-height:160px;min-width:160px}.it-customer-dropdown-option{padding:5px 8px;font-size:11px}}@media (min-width: 577px) and (max-width: 768px){.it-customer-form-container{padding:12px;margin-left:40px;max-width:100%;overflow-x:hidden;box-sizing:border-box}.it-customer-form-title{font-size:22px;margin-bottom:15px;margin-top:65px}.it-customer-form-grid{grid-template-columns:1fr;gap:10px;max-width:100%}.it-customer-form-container form{padding:12px;max-width:100%;overflow-x:hidden;box-sizing:border-box}.it-customer-form-section input{padding:8px;font-size:12px}.it-customer-form-section label{font-size:12px;overflow-wrap:break-word}.it-customer-update-btn,.it-customer-saveas-btn,.it-customer-save-btn,.it-customer-cancel-btn{padding:8px 16px;font-size:13px}.it-customer-error-message{font-size:10px}.it-customer-license-option{padding:5px 8px;font-size:11px}.it-customer-add-license-btn{font-size:11px}.it-customer-selected-licenses-cards{margin-top:12px}.it-customer-licenses-cards-container{padding:12px;gap:12px}.it-customer-license-card{min-width:100%;max-width:100%}.it-customer-card-header{padding:10px 14px}.it-customer-license-name{font-size:12px}.it-customer-card-content{padding:14px}.it-customer-card-row{gap:14px;margin-bottom:10px}.it-customer-card-field label,.it-customer-card-field-qua label{font-size:10px}.it-customer-price-card-input{padding:6px 8px;font-size:11px}.it-customer-dropdown{max-height:140px;min-width:140px}.it-customer-dropdown-option{padding:4px 6px;font-size:10px}}@media (max-width: 576px){.it-customer-form-container{padding:8px;margin-left:0;margin-top:15px;max-width:100vw;overflow-x:hidden;box-sizing:border-box}.it-customer-quantity-controls{margin-top:-2px}.it-customer-quantity-btn{height:25px}.it-customer-form-title{margin-top:45px;font-size:20px;margin-bottom:12px}.it-customer-form-grid{grid-template-columns:1fr;gap:6px}.it-customer-form-container form{padding:8px;max-width:100%;overflow-x:hidden}.it-customer-form-section input{padding:6px;font-size:11px;max-width:100%;height:30px;box-sizing:border-box}.it-customer-form-section label{font-size:11px;word-wrap:break-word;overflow-wrap:break-word}.it-customer-error-message{font-size:10px}.it-customer-button-group{flex-direction:row;gap:10px}.it-customer-update-btn,.it-customer-saveas-btn,.it-customer-save-btn,.it-customer-cancel-btn{padding:8px 12px;font-size:12px;width:100px;max-width:200px}.it-customer-license-option{padding:4px 7px;font-size:10px}.it-customer-add-license-btn{font-size:10px}.it-customer-selected-licenses-cards{margin-top:8px}.it-customer-licenses-cards-container{padding:8px;gap:8px}.it-customer-license-card{min-width:100%;max-width:100%}.it-customer-card-header{padding:8px 12px}.it-customer-license-name{font-size:10px}.it-customer-delete-license-icon{width:16px;height:16px}.it-customer-card-content{padding:12px}.it-customer-card-row{gap:12px;margin-bottom:8px}.it-customer-card-field label,.it-customer-card-field-qua label{font-size:9px}.it-customer-price-card-input{padding:4px 6px;font-size:10px}.it-customer-dropdown{max-height:120px;min-width:120px}.it-customer-dropdown-option{padding:3px 5px;font-size:9px}}.it-customer-total-price-display{padding:12px 16px;height:42px;background:linear-gradient(135deg,#fff);border:2px solid #1f61a0;border-radius:8px;font-size:18px;font-weight:700;color:#1f61a0;text-align:center;font-family:Inter,sans-serif}:root{--toastify-color-light: #fff;--toastify-color-dark: #121212;--toastify-color-info: #3498db;--toastify-color-success: #07bc0c;--toastify-color-warning: #f1c40f;--toastify-color-error: hsl(6, 78%, 57%);--toastify-color-transparent: rgba(255, 255, 255, .7);--toastify-icon-color-info: var(--toastify-color-info);--toastify-icon-color-success: var(--toastify-color-success);--toastify-icon-color-warning: var(--toastify-color-warning);--toastify-icon-color-error: var(--toastify-color-error);--toastify-container-width: fit-content;--toastify-toast-width: 320px;--toastify-toast-offset: 16px;--toastify-toast-top: max(var(--toastify-toast-offset), env(safe-area-inset-top));--toastify-toast-right: max(var(--toastify-toast-offset), env(safe-area-inset-right));--toastify-toast-left: max(var(--toastify-toast-offset), env(safe-area-inset-left));--toastify-toast-bottom: max(var(--toastify-toast-offset), env(safe-area-inset-bottom));--toastify-toast-background: #fff;--toastify-toast-padding: 14px;--toastify-toast-min-height: 64px;--toastify-toast-max-height: 800px;--toastify-toast-bd-radius: 6px;--toastify-toast-shadow: 0px 4px 12px rgba(0, 0, 0, .1);--toastify-font-family: sans-serif;--toastify-z-index: 9999;--toastify-text-color-light: #757575;--toastify-text-color-dark: #fff;--toastify-text-color-info: #fff;--toastify-text-color-success: #fff;--toastify-text-color-warning: #fff;--toastify-text-color-error: #fff;--toastify-spinner-color: #616161;--toastify-spinner-color-empty-area: #e0e0e0;--toastify-color-progress-light: linear-gradient(to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55);--toastify-color-progress-dark: #bb86fc;--toastify-color-progress-info: var(--toastify-color-info);--toastify-color-progress-success: var(--toastify-color-success);--toastify-color-progress-warning: var(--toastify-color-warning);--toastify-color-progress-error: var(--toastify-color-error);--toastify-color-progress-bgo: .2}.Toastify__toast-container{z-index:var(--toastify-z-index);-webkit-transform:translate3d(0,0,var(--toastify-z-index));position:fixed;width:var(--toastify-container-width);box-sizing:border-box;color:#fff;display:flex;flex-direction:column}.Toastify__toast-container--top-left{top:var(--toastify-toast-top);left:var(--toastify-toast-left)}.Toastify__toast-container--top-center{top:var(--toastify-toast-top);left:50%;transform:translate(-50%);align-items:center}.Toastify__toast-container--top-right{top:var(--toastify-toast-top);right:var(--toastify-toast-right);align-items:end}.Toastify__toast-container--bottom-left{bottom:var(--toastify-toast-bottom);left:var(--toastify-toast-left)}.Toastify__toast-container--bottom-center{bottom:var(--toastify-toast-bottom);left:50%;transform:translate(-50%);align-items:center}.Toastify__toast-container--bottom-right{bottom:var(--toastify-toast-bottom);right:var(--toastify-toast-right);align-items:end}.Toastify__toast{--y: 0;position:relative;touch-action:none;width:var(--toastify-toast-width);min-height:var(--toastify-toast-min-height);box-sizing:border-box;margin-bottom:1rem;padding:var(--toastify-toast-padding);border-radius:var(--toastify-toast-bd-radius);box-shadow:var(--toastify-toast-shadow);max-height:var(--toastify-toast-max-height);font-family:var(--toastify-font-family);z-index:0;display:flex;flex:1 auto;align-items:center;word-break:break-word}@media only screen and (max-width: 480px){.Toastify__toast-container{width:100vw;left:env(safe-area-inset-left);margin:0}.Toastify__toast-container--top-left,.Toastify__toast-container--top-center,.Toastify__toast-container--top-right{top:env(safe-area-inset-top);transform:translate(0)}.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-right{bottom:env(safe-area-inset-bottom);transform:translate(0)}.Toastify__toast-container--rtl{right:env(safe-area-inset-right);left:initial}.Toastify__toast{--toastify-toast-width: 100%;margin-bottom:0;border-radius:0}}.Toastify__toast-container[data-stacked=true]{width:var(--toastify-toast-width)}.Toastify__toast--stacked{position:absolute;width:100%;transform:translate3d(0,var(--y),0) scale(var(--s));transition:transform .3s}.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body,.Toastify__toast--stacked[data-collapsed] .Toastify__close-button{transition:opacity .1s}.Toastify__toast--stacked[data-collapsed=false]{overflow:visible}.Toastify__toast--stacked[data-collapsed=true]:not(:last-child)>*{opacity:0}.Toastify__toast--stacked:after{content:"";position:absolute;left:0;right:0;height:calc(var(--g) * 1px);bottom:100%}.Toastify__toast--stacked[data-pos=top]{top:0}.Toastify__toast--stacked[data-pos=bot]{bottom:0}.Toastify__toast--stacked[data-pos=bot].Toastify__toast--stacked:before{transform-origin:top}.Toastify__toast--stacked[data-pos=top].Toastify__toast--stacked:before{transform-origin:bottom}.Toastify__toast--stacked:before{content:"";position:absolute;left:0;right:0;bottom:0;height:100%;transform:scaleY(3);z-index:-1}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-icon{margin-inline-end:10px;width:22px;flex-shrink:0;display:flex}.Toastify--animate{animation-fill-mode:both;animation-duration:.5s}.Toastify--animate-icon{animation-fill-mode:both;animation-duration:.3s}.Toastify__toast-theme--dark{background:var(--toastify-color-dark);color:var(--toastify-text-color-dark)}.Toastify__toast-theme--light,.Toastify__toast-theme--colored.Toastify__toast--default{background:var(--toastify-color-light);color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{color:var(--toastify-text-color-info);background:var(--toastify-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{color:var(--toastify-text-color-success);background:var(--toastify-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{color:var(--toastify-text-color-warning);background:var(--toastify-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{color:var(--toastify-text-color-error);background:var(--toastify-color-error)}.Toastify__progress-bar-theme--light{background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error{background:var(--toastify-color-transparent)}.Toastify__close-button{color:#fff;position:absolute;top:6px;right:6px;background:transparent;outline:none;border:none;padding:0;cursor:pointer;opacity:.7;transition:.3s ease;z-index:1}.Toastify__toast--rtl .Toastify__close-button{left:6px;right:unset}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;height:16px;width:14px}.Toastify__close-button:hover,.Toastify__close-button:focus{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{position:absolute;bottom:0;left:0;width:100%;height:100%;z-index:1;opacity:.7;transform-origin:left}.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{right:0;left:initial;transform-origin:right;border-bottom-left-radius:initial}.Toastify__progress-bar--wrp{position:absolute;overflow:hidden;bottom:0;left:0;width:100%;height:5px;border-bottom-left-radius:var(--toastify-toast-bd-radius);border-bottom-right-radius:var(--toastify-toast-bd-radius)}.Toastify__progress-bar--wrp[data-hidden=true]{opacity:0}.Toastify__progress-bar--bg{opacity:var(--toastify-color-progress-bgo);width:100%;height:100%}.Toastify__spinner{width:20px;height:20px;box-sizing:border-box;border:2px solid;border-radius:100%;border-color:var(--toastify-spinner-color-empty-area);border-right-color:var(--toastify-spinner-color);animation:Toastify__spin .65s linear infinite}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px,var(--y),0)}to{opacity:0;transform:translate3d(2000px,var(--y),0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px,var(--y),0)}to{opacity:0;transform:translate3d(-2000px,var(--y),0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.Toastify__bounce-enter--top-left,.Toastify__bounce-enter--bottom-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--top-right,.Toastify__bounce-enter--bottom-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--top-left,.Toastify__bounce-exit--bottom-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--top-right,.Toastify__bounce-exit--bottom-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:translate3d(0,var(--y),0) scale3d(.3,.3,.3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{transform:perspective(400px) rotateX(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateX(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateX(10deg);opacity:1}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:translate3d(0,var(--y),0) perspective(400px)}30%{transform:translate3d(0,var(--y),0) perspective(400px) rotateX(-20deg);opacity:1}to{transform:translate3d(0,var(--y),0) perspective(400px) rotateX(90deg);opacity:0}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{transform:translate3d(110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInLeft{0%{transform:translate3d(-110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInUp{0%{transform:translate3d(0,110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInDown{0%{transform:translate3d(0,-110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideOutRight{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(110%,var(--y),0)}}@keyframes Toastify__slideOutLeft{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(-110%,var(--y),0)}}@keyframes Toastify__slideOutDown{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(0,500px,0)}}@keyframes Toastify__slideOutUp{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(0,-500px,0)}}.Toastify__slide-enter--top-left,.Toastify__slide-enter--bottom-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--top-right,.Toastify__slide-enter--bottom-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--top-left,.Toastify__slide-exit--bottom-left{animation-name:Toastify__slideOutLeft;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--top-right,.Toastify__slide-exit--bottom-right{animation-name:Toastify__slideOutRight;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--top-center{animation-name:Toastify__slideOutUp;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--bottom-center{animation-name:Toastify__slideOutDown;animation-timing-function:ease-in;animation-duration:.3s}@keyframes Toastify__spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.addnew-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#1f61a01a,#0009);z-index:1000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:addnew-overlay-enter .3s ease-out}@keyframes addnew-overlay-enter{0%{opacity:0;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}to{opacity:1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}}.addnew-dialog{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:linear-gradient(145deg,#fff,#f8fafc);border:1px solid rgba(31,97,160,.08);border-radius:16px;box-shadow:0 25px 50px -12px #00000026,0 0 0 1px #1f61a00d,inset 0 1px #ffffffe6;z-index:1001;width:90%;max-width:520px;max-height:90vh;overflow:hidden;animation:addnew-dialog-enter .4s cubic-bezier(.34,1.56,.64,1)}@keyframes addnew-dialog-enter{0%{opacity:0;transform:translate(-50%,-50%) scale(.9) rotateX(10deg)}to{opacity:1;transform:translate(-50%,-50%) scale(1) rotateX(0)}}.addnew-header{display:flex;justify-content:space-between;align-items:center;padding:28px 28px 20px;border-bottom:1px solid rgba(31,97,160,.1);background:linear-gradient(135deg,#1f61a005,#f8fafccc);position:relative}.addnew-header:after{content:"";position:absolute;bottom:0;left:28px;right:28px;height:1px;background:linear-gradient(90deg,transparent,rgba(31,97,160,.2),transparent)}.addnew-title{font-size:22px;font-weight:700;background:linear-gradient(135deg,#1f61a0,#2563eb);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin:0;font-family:Inter,sans-serif;letter-spacing:-.02em;text-shadow:0 1px 2px rgba(31,97,160,.1)}.addnew-form{display:flex;flex-direction:column;height:100%}.addnew-content{padding:5px 28px;background:linear-gradient(135deg,#f8fafc80,#fffc)}.addnew-description{color:#1e293b;font-size:15px;margin:0 0 24px;line-height:1.6;font-family:Inter,sans-serif;font-weight:500}.addnew-input-group{display:flex;flex-direction:column}.addnew-label{font-weight:600;color:#1e293b;font-size:14px;margin-bottom:10px;font-family:Inter,sans-serif;letter-spacing:-.01em}.addnew-required{color:#ef4444;margin-left:-4px}.addnew-input{padding:14px 18px;border:2px solid #e2e8f0;border-radius:12px;font-size:15px;font-family:Inter,sans-serif;outline:none;transition:all .3s cubic-bezier(.4,0,.2,1);background:linear-gradient(135deg,#fff,#f8fafc);box-shadow:inset 0 1px 3px #00000014;position:relative}.addnew-input:focus{border-color:#1f61a0;background:#fff;box-shadow:0 0 0 4px #1f61a01f,inset 0 1px 3px #00000014,0 2px 4px #0000000d;transform:translateY(-1px)}.addnew-input::placeholder{color:#94a3b8;font-style:sans-serif}.addnew-input:disabled{background-color:#f9fafb;color:#6b7280;cursor:not-allowed}.addnew-input-error{border-color:#ef4444!important;background-color:#fef2f2}.addnew-input-error:focus{border-color:#ef4444!important;box-shadow:0 0 0 3px #ef44441a!important}.addnew-error-message{color:#ef4444;font-size:12px;margin-top:6px;font-family:Inter,sans-serif}.addnew-actions{display:flex;justify-content:flex-end;gap:16px;padding:24px 28px 28px;background:linear-gradient(135deg,#f8fafccc,#ffffffe6)}.addnew-cancel-btn{padding:12px 24px;font-size:13px;transition:all .3s cubic-bezier(.4,0,.2,1);font-family:Inter,sans-serif;box-shadow:0 2px 4px #0000000d;border-radius:10px;font-weight:600;cursor:pointer;background-color:#fff;color:#1f61a0;border:1px solid #1f61a0;transition:all .3s ease}.addnew-cancel-btn:hover:not(:disabled){background:linear-gradient(135deg,#fff);border-color:#1f61a0;transform:translateY(-1px);box-shadow:0 4px 8px #0000001a}.addnew-cancel-btn:disabled{opacity:.5;cursor:not-allowed}.addnew-confirm-btn{padding:12px 28px;background-color:#1f61a0;color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);font-family:Inter,sans-serif;display:flex;align-items:center;gap:10px;width:158px;height:40px;justify-content:center;box-shadow:0 4px 12px #1f61a04d,inset 0 1px #fff3;text-shadow:0 1px 2px rgba(0,0,0,.2)}.addnew-confirm-btn:hover:not(:disabled){background:linear-gradient(135deg,#1f61a0);transform:translateY(-2px);box-shadow:0 6px 16px #1f61a066,inset 0 1px #fff3}.addnew-confirm-btn:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 8px #1f61a04d,inset 0 1px #fff3}.addnew-confirm-btn:disabled{background-color:#1f61a0;cursor:not-allowed;width:158px;height:40px}.addnew-confirm-btn:disabled:hover{background-color:#1f61a0;cursor:not-allowed}.addnew-spinner{width:16px;height:16px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:addnew-spin 1s linear infinite}@keyframes addnew-spin{to{transform:rotate(360deg)}}@media (max-width: 768px){.addnew-dialog{width:95%;margin:20px}.addnew-header{padding:20px 20px 0}.addnew-title{font-size:18px}.addnew-content{padding:20px}.addnew-actions{padding:16px 20px 20px;flex-direction:row}.addnew-cancel-btn{width:100px}.addnew-confirm-btn{width:100%;justify-content:center}}@media (max-width: 5760px){.addnew-dialog{width:100%;margin:10px;border-radius:8px}.addnew-header{padding:16px 16px 0}.addnew-title{font-size:16px}.addnew-content{padding:16px}.addnew-description{font-size:13px}.addnew-input{padding:10px 12px;font-size:13px}.addnew-actions{padding:12px 16px 16px;gap:8px}.addnew-cancel-btn,.addnew-confirm-btn{padding:12px 16px;font-size:13px}}.designation-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;z-index:1000;padding:20px;box-sizing:border-box;animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0;backdrop-filter:blur(0px);-webkit-backdrop-filter:blur(0px)}to{opacity:1;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}}.designation-modal-content{background:#fff;border-radius:12px;padding:0;max-width:500px;width:100%;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 20px 40px #0000004d;transform:scale(1);transition:transform .3s ease-out;animation:slideIn .3s ease-out}@keyframes slideIn{0%{transform:translateY(-30px) scale(.95);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.designation-linear-progress{position:absolute;top:0;left:0;right:0;height:4px;background-color:#f0f0f0;overflow:hidden;border-radius:12px 12px 0 0;opacity:0;transition:opacity .3s ease}.designation-linear-progress.show{opacity:1}.designation-linear-progress-bar{height:100%;background:linear-gradient(90deg,#1f61a0,#007bff,#1f61a0);background-size:200% 100%;animation:progress-animation 2s infinite}@keyframes progress-animation{0%{background-position:200% 0}to{background-position:-200% 0}}.designation-modal-header{padding:24px 24px 16px;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;align-items:center;position:relative}.designation-modal-title{margin:0;font-size:20px;font-weight:600;color:#333;font-family:Inter,sans-serif}.designation-close-btn{background:none;border:none;font-size:24px;cursor:pointer;padding:8px;color:#666;border-radius:50%;transition:all .2s ease;width:40px;height:40px;display:flex;align-items:center;justify-content:center;line-height:1}.designation-close-btn:hover:not(:disabled){background-color:#f5f5f5;color:#333}.designation-close-btn:disabled{cursor:not-allowed;opacity:.5}.designation-modal-body{padding:24px}.designation-modal-info{margin-bottom:20px}.designation-info-row{display:flex;justify-content:space-between;margin:8px 0;font-size:14px;color:#555;padding:8px 0;border-bottom:1px solid #f0f0f0}.designation-info-row:last-child{border-bottom:none}.designation-info-label{color:#333;font-weight:600}.designation-info-value{color:#555;text-align:right}.designation-download-section{margin:20px 0;padding:16px 0;border-top:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0}.designation-download-btn{width:100%;padding:14px 20px;background:#1f61a0;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px;font-family:Inter,sans-serif;min-height:48px}.designation-download-btn:hover:not(:disabled){background:#165080;transform:translateY(-1px);box-shadow:0 4px 12px #1f61a04d}.designation-download-btn:disabled{cursor:not-allowed;opacity:.5;transform:none;background:#ccc}.designation-modal-file-section{margin-top:20px}.designation-file-label{display:block;margin-bottom:8px;font-weight:500;color:#333;font-size:14px;font-family:Inter,sans-serif}.required-asterisk{color:red;margin-left:4px}.designation-file-input{width:100%;padding:14px;border:2px dashed #ddd;border-radius:8px;background:#fafafa;cursor:pointer;font-size:14px;transition:all .2s ease;box-sizing:border-box;min-height:48px;font-family:Inter,sans-serif}.designation-file-input:hover:not(:disabled){border-color:#1f61a0;background:#f8f9ff}.designation-file-input:focus:not(:disabled){outline:none;border-color:#1f61a0;box-shadow:0 0 0 3px #1f61a01a}.designation-file-input:disabled{cursor:not-allowed;opacity:.5;background:#f8f8f8}.designation-file-input.designation-file-error{border-color:#dc3545;background:#fff5f5}.designation-file-selected{color:#1f61a0;font-size:14px;margin-top:12px;display:flex;align-items:center;gap:8px;padding:10px;background-color:#e7f3ff;border-left:3px solid #1f61a0;border-radius:4px}.designation-file-selected span{font-weight:500}.designation-error-message{color:#dc3545;font-size:13px;margin-top:8px;display:flex;align-items:center;gap:6px}.designation-modal-buttons{display:flex;gap:12px;margin:24px 0 0;flex-wrap:wrap;justify-content:flex-end}.designation-modal-cancel-btn{padding:12px 20px;border:1px solid #1f61a0;background:#fff;color:#1f61a0;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s ease;min-height:44px;font-family:Inter,sans-serif}.designation-modal-cancel-btn:hover:not(:disabled){border-color:#1f61a0;background-color:#fff;box-shadow:0 4px 10px #1f61a033}.designation-modal-cancel-btn:disabled{cursor:not-allowed;opacity:.5}.designation-modal-upload-btn{padding:12px 20px;background:#1f61a0;color:#fff;border:none;border-radius:8px;cursor:pointer;width:100%;font-size:14px;font-weight:500;transition:all .2s ease;min-height:44px;font-family:Inter,sans-serif}.designation-modal-upload-btn:hover:not(:disabled){background:#165080;transform:translateY(-1px);box-shadow:0 4px 12px #1f61a04d}.designation-modal-upload-btn:disabled{cursor:not-allowed;opacity:.5;transform:none;background:#165080}.designation-modal-upload-btn:hover:disabled{background:#165080}.designation-modal-content.loading{pointer-events:none}.designation-modal-content.loading .designation-modal-body{opacity:.7}@media (max-width: 768px){.designation-modal-overlay{padding:16px;background-color:#0009;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.designation-modal-content{width:100%;max-width:100%;max-height:85vh;border-radius:16px;box-shadow:0 25px 50px #0006;margin:0}.designation-modal-header{padding:20px 20px 16px;border-bottom:1px solid #e0e0e0}.designation-modal-title{font-size:18px}.designation-modal-body{padding:20px}.designation-info-row{flex-direction:column;gap:4px}.designation-info-value{text-align:left}.designation-modal-buttons{flex-direction:column;gap:12px}.designation-modal-cancel-btn,.designation-modal-upload-btn{width:100%;justify-content:center;min-height:48px}.designation-modal-upload-btn{order:2}.designation-modal-cancel-btn{order:1}.designation-download-btn{min-height:52px}.designation-modal-cancel-btn:active,.designation-modal-upload-btn:active,.designation-download-btn:active{transform:scale(.98)}.designation-modal-file-section{background:#f8f9fa;margin:24px -20px 0;padding:20px;border-radius:0 0 16px 16px}.designation-download-section{margin:20px -20px;padding:16px 20px;background:#f8f9fa}}@media (max-width: 480px){.designation-modal-overlay{padding:12px;background-color:#000000a6;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.designation-modal-content{width:100%;max-height:90vh;border-radius:20px;box-shadow:0 30px 60px #00000080}.designation-modal-header{padding:16px 20px 12px}.designation-modal-title{font-size:17px}.designation-modal-body{padding:16px 20px}.designation-info-row{font-size:13px}.designation-close-btn{width:36px;height:36px;font-size:22px}}@media (max-width: 768px){body.modal-open{overflow:hidden;position:fixed;width:100%}}.designation-form-container{flex:1;padding:20px}.designation-form-title{color:#1f61a0;margin-bottom:30px;font-size:28px;font-weight:600;margin-left:10px;font-family:Inter,sans-serif}.designation-form-container form{background:#fff;padding:20px;border-radius:12px;box-shadow:0 4px 12px #0000000d;border:1px solid #00000005}.designation-form-grid{display:grid;grid-template-columns:repeat(2,1fr);margin-bottom:20px;gap:20px}.designation-form-section{display:flex;flex-direction:column}.designation-form-section label{font-weight:500;margin-bottom:8px;color:#333;font-size:14px;font-weight:700;font-family:Inter,sans-serif}.required-asterisk-designation{color:red;margin-left:-3px}.designation-form-section input{padding:12px;border:1px solid #d0d5dd;border-radius:6px;font-size:14px;font-family:Inter,sans-serif;outline:none;transition:all .3s ease}.designation-form-section input:focus{border-color:#1f61a0;box-shadow:0 0 6px #1f61a04d}.designation-error-field{border-color:#e63946!important;background-color:#ffebee}.designation-error-message{color:#e63946;font-size:12px;margin-top:4px;font-family:Inter,sans-serif}.designation-button-group{display:flex;justify-content:flex-end;gap:16px;margin-top:20px}.designation-save-btn,.designation-cancel-btn{padding:12px 24px;border-radius:10px;font-weight:600;cursor:pointer;transition:all .3s ease;border:none;font-family:Inter,sans-serif;font-size:13px;box-shadow:0 2px 6px #0000001a}.designation-save-btn{background-color:#1f61a0;color:#fff}.designation-save-btn:hover:not(:disabled){background-color:#1f61a0;box-shadow:0 4px 10px #1f61a04d}.designation-save-btn:disabled{background-color:#ccc;cursor:not-allowed}.designation-cancel-btn{background-color:#fff;color:#1f61a0;border:1px solid #1f61a0}.designation-cancel-btn:hover:not(:disabled){background-color:#fff;box-shadow:0 4px 10px #0000001a}.designation-cancel-btn:disabled{background-color:#ccc;color:#666;border-color:#ccc;cursor:not-allowed}@media (min-width: 1025px) and (max-width: 1440px){.designation-form-container{padding:18px;margin-left:70px}.designation-form-title{margin-left:10px;font-size:26px;margin-bottom:25px}.designation-form-grid{gap:15px}.designation-form-container form{padding:18px}.designation-form-section input{padding:10px;font-size:13px}.designation-form-section label{font-size:13px}.designation-save-btn,.designation-cancel-btn{padding:10px 20px;font-size:13px}}@media (min-width: 769px) and (max-width: 1024px){.designation-form-container{padding:1px;margin-left:10px}.designation-form-title{margin-left:10px;font-size:24px;margin-bottom:20px;margin-top:80px}.designation-form-grid{grid-template-columns:1fr;gap:12px}.designation-form-container form{padding:15px}.designation-form-section input{padding:10px;font-size:13px}.designation-form-section label{font-size:13px}.designation-save-btn,.designation-cancel-btn{padding:10px 18px;font-size:14px}}@media (min-width: 577px) and (max-width: 768px){.designation-form-container{padding:1px;margin-left:10px}.designation-form-title{margin-left:10px;font-size:22px;margin-bottom:15px;margin-top:70px}.designation-form-grid{grid-template-columns:1fr;gap:10px}.designation-form-container form{padding:12px}.designation-form-section input{padding:8px;font-size:12px}.designation-form-section label{font-size:12px}.designation-save-btn,.designation-cancel-btn{padding:8px 16px;font-size:13px}}@media (max-width: 576px){.designation-form-container{padding:10px;margin-left:0;margin-top:20px}.designation-form-title{margin-left:10px;font-size:20px;margin-bottom:12px;margin-top:30px}.designation-form-grid{grid-template-columns:1fr;gap:8px}.designation-form-container form{padding:10px}.designation-form-section input{padding:8px;font-size:12px}.designation-form-section label{font-size:12px}.designation-error-message{font-size:11px}.designation-button-group{flex-direction:row;gap:10px}.designation-save-btn,.designation-cancel-btn{padding:8px 12px;font-size:12px;width:100%;max-width:200px}}*{margin:0;padding:0;box-sizing:border-box;font-family:Inter,sans-serif}.main-content-dc{flex:1;padding:20px;overflow-x:auto}.dc-container h1{color:#1f61a0;margin-bottom:30px;font-size:32px;font-weight:700;text-shadow:0 2px 4px rgba(31,97,160,.1)}.top-bar-dc{display:flex;justify-content:space-between;align-items:center;margin-top:10px;margin-bottom:40px}.search-box-dc{flex-shrink:0;width:300px;display:flex;align-items:center;padding:15px;background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:8px;height:40px;box-shadow:0 8px 32px #1f61a01f;border:1px solid rgba(255,255,255,.2);transition:all .3s ease}.search-box-dc:hover{box-shadow:0 12px 40px #1f61a02e;transform:translateY(-2px)}.search-box-dc input{border:none;outline:none;padding:5px;width:250px;background:transparent;font-size:15px;font-weight:500;color:#334155}.search-box-dc input::placeholder{color:#94a3b8}.clear-search-btn-dc{background:none;border:none;cursor:pointer;color:#94a3b8;font-size:14px;padding:0;margin-left:5px;transition:color .2s ease}.clear-search-btn-dc:hover{color:#1f61a0}.add-dc-btn{width:220px;height:40px;border-radius:10px;border:none;background:linear-gradient(135deg,#1f61a0,#0c4a78);color:#fff;cursor:pointer;font-size:16px;font-weight:600;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 25px #1f61a04d;position:relative;overflow:hidden;transition:all .3s ease}.add-dc-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.add-dc-btn:hover:before{left:100%}.add-dc-btn:hover{background:linear-gradient(135deg,#0c4a78,#1f61a0);transform:translateY(-2px);box-shadow:0 12px 35px #1f61a066}.table-container-dc{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:12px;box-shadow:0 20px 60px #00000014;border:1px solid rgba(255,255,255,.3)}.table-header-dc{display:grid;grid-template-columns:1.5fr 1.9fr 1.7fr 1.5fr 1.1fr .4fr;align-items:center;padding:12px 10px;background:linear-gradient(135deg,#1f61a0,#0c4a78);color:#fff;width:100%;height:50px;font-weight:700;font-size:14px;text-transform:uppercase;letter-spacing:.09em;box-shadow:0 8px 25px #1f61a033;border-radius:12px}.table-header-dc span{display:flex;justify-content:flex-start;align-items:center;white-space:nowrap;padding-left:2px}.table-row-dc{display:grid;grid-template-columns:1.5fr 1.8fr 1.5fr 1.6fr 1fr .4fr;align-items:center;background:#fff;padding:12px 10px;width:99%;height:90px;border-bottom:2px solid #e7f3ff;transition:all .3s ease}.table-row-dc:hover{background:linear-gradient(135deg,#1f61a00a,#1f61a014);transform:translate(5px);box-shadow:0 4px 20px #1f61a01a}.table-row-dc span{white-space:normal;overflow-wrap:normal;font-weight:500;color:#475569;display:flex;justify-content:flex-start;align-items:center}.no-border-dc{border-bottom:none!important}.action-col-dc{display:flex;justify-content:flex-start;gap:8px}.dc-edit-btn{background:none;border:none;cursor:pointer;border-radius:12px;transition:all .3s ease;box-shadow:0 2px 5px #1f62a025;display:flex;align-items:center;justify-content:center;padding:5px}.dc-edit-btn:hover{background:linear-gradient(135deg,#1f61a00a,#1f61a014);transform:translateY(-2px);box-shadow:0 8px 25px #1f61a059}.dc-edit-btn img{width:20px;height:20px}.dc-toggle-btn{background:linear-gradient(135deg,#1f61a0,#0c4a78);color:#fff;border:none;font-size:16px;cursor:pointer;border-radius:12px;transition:all .3s ease;box-shadow:0 2px 5px #1f62a025;display:flex;align-items:center;justify-content:center;padding:5px;width:30px;height:30px}.dc-toggle-btn:hover{background:linear-gradient(135deg,#0c4a78,#1f61a0);transform:translateY(-2px);box-shadow:0 8px 25px #1f61a059}.accordion-dc{width:100%;background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:20px;font-size:14px;color:#1e293b;box-shadow:0 8px 32px #1f61a01f;border-bottom:2px solid #e7f3ff;text-align:left;transition:all .3s ease}.accordion-dc:hover{background:linear-gradient(135deg,#1f61a00a,#1f61a014);box-shadow:0 12px 40px #1f61a02e}.dc-info-container{display:grid;grid-template-columns:1fr;gap:12px;margin-top:10px}.dc-info-details{display:grid;gap:10px;color:#1e293b;font-weight:500;font-size:14px}.no-records-dc{text-align:center;color:#64748b;margin-top:20px;font-size:16px;font-weight:500;padding:40px;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border-radius:15px;border:2px dashed #cbd5e1}@media (min-width: 1441px){.accordion-dc,.dc-toggle-btn{display:none}.table-header-dc{grid-template-columns:1.5fr 1.3fr 1.8fr 1.8fr 1.1fr 1.4fr 1fr;font-size:13px}.table-row-dc{grid-template-columns:1.5fr 1.4fr 1.8fr 1.8fr 1.1fr 1.4fr 1fr;font-size:14px}}@media (min-width: 1025px) and (max-width: 1440px){.main-content-dc{margin-left:87px;padding:1px}.dc-container h1{font-size:1.8rem;margin-top:20px;margin-bottom:25px}.top-bar-dc{margin-bottom:30px}.search-box-dc{width:250px;padding:12px}.table-row-dc :nth-child(6){margin-left:20px}.add-dc-btn{width:180px;font-size:15px}.table-header-dc{grid-template-columns:1.5fr 1.7fr 1.5fr 1.5fr 1.2fr .5fr;font-size:12px;height:60px}.table-row-dc{grid-template-columns:1.5fr 1.75fr 1.45fr 1.5fr 1.2fr .5fr;font-size:14px;height:75px}.accordion-dc{font-size:13px}.table-header-dc :nth-child(2),.table-header-dc :nth-child(5){display:none}.table-row-dc>span:nth-child(2),.table-row-dc>span:nth-child(5){display:none}.dc-info-details p:nth-child(6){display:none!important}.dc-info-details p:nth-child(1),.dc-info-details p:nth-child(3),.dc-info-details p:nth-child(4),.dc-info-details p:nth-child(6){display:none}}@media (min-width: 769px) and (max-width: 1024px){.main-content-dc{margin-left:1px;padding:12px}.dc-container h1{font-size:1.6rem;margin-top:70px;margin-bottom:20px}.top-bar-dc{flex-direction:row;gap:15px;margin-bottom:25px}.search-box-dc{width:220px;padding:10px}.add-dc-btn{width:160px;font-size:14px}.table-header-dc{grid-template-columns:1.5fr 1.1fr 1.5fr 1.5fr 1.3fr 1fr .4fr;font-size:11px;height:60px}.table-row-dc{grid-template-columns:1.5fr 1.1fr 1.5fr 1.5fr 1.3fr 1fr .4fr;font-size:14px;height:65px}.table-header-dc :nth-child(5),.table-row-dc :nth-child(5){display:none}.dc-info-details p:nth-child(1),.dc-info-details p:nth-child(2),.dc-info-details p:nth-child(3),.dc-info-details p:nth-child(4),.dc-info-details p:nth-child(6){display:none}.dc-info-details p:nth-child(6){display:none!important}.accordion-dc{font-size:12px}}@media (min-width: 577px) and (max-width: 768px){.main-content-dc{padding:10px}.dc-container h1{font-size:1.4rem;margin-top:69px;margin-bottom:15px}.top-bar-dc{flex-direction:row;gap:12px;margin-bottom:20px}.search-box-dc{width:200px;padding:8px}.add-dc-btn{width:140px;font-size:13px}.table-header-dc{grid-template-columns:1.6fr 1.88fr 1.8fr 1.3fr .3fr;font-size:11px;height:70px}.table-row-dc{grid-template-columns:1.7fr 1.88fr 1.8fr 1.3fr .4fr;font-size:14px;height:80px}.table-header-dc :nth-child(6),.table-header-dc :nth-child(2),.table-header-dc :nth-child(5),.table-row-dc :nth-child(5){display:none}.table-row-dc span:nth-child(6){display:none}.table-row-dc>span:nth-child(2){display:none}.dc-info-details p:nth-child(1),.dc-info-details p:nth-child(3),.dc-info-details p:nth-child(4){display:none}.accordion-dc{font-size:11px}}@media (max-width: 576px){.main-content-dc{padding:10px}.dc-container h1{font-size:1.5rem;margin-top:60px;margin-bottom:12px}.top-bar-dc{flex-direction:row;gap:10px;margin-bottom:15px}.search-box-dc{width:50%;padding:6px}.search-box-dc input{width:100%;font-size:12px}.add-dc-btn{width:120px;min-width:120px;font-size:12px;height:36px}.table-header-dc{grid-template-columns:1.8fr 1.8fr .7fr .3fr;font-size:11px;padding:8px}.table-row-dc{grid-template-columns:1.8fr 1.8fr .7fr .3fr;font-size:14px;padding:8px;height:60px}.table-header-dc :nth-child(2),.table-header-dc :nth-child(3),.table-header-dc :nth-child(4),.table-header-dc :nth-child(5){display:none}.table-row-dc>span:nth-child(2){display:none}.table-row-dc span:nth-child(3),.table-row-dc span:nth-child(4),.table-row-dc span:nth-child(5){display:none}.dc-info-details p:nth-child(1){display:none}.dc-info-details p:nth-child(6){display:none!important}.dc-edit-btn img{width:18px;height:18px}.dc-toggle-btn{width:25px;height:25px;font-size:14px}}.action-col-dc{display:flex;align-items:center;gap:8px}.dc-edit-btn,.dc-audit-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:8px;cursor:pointer;font-size:14px;transition:all .3s ease;position:relative;overflow:hidden}.dc-edit-btn{background:linear-gradient(135deg,#1f61a0,#0c4a78);color:#fff;box-shadow:0 4px 12px #00000026}.dc-edit-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s ease}.dc-edit-btn:hover:before{left:100%}.dc-edit-btn:hover{background:linear-gradient(135deg,#0c4a78,#1f61a0);transform:translateY(-2px);box-shadow:0 6px 16px #0003}.dc-edit-btn:active{transform:translateY(0);box-shadow:0 2px 8px #00000026}.dc-audit-btn{background:transparent;color:#1f61a0;border:1px solid transparent}.dc-audit-btn:hover{background-color:#1f61a01a;transform:scale(1.1)}.dc-audit-btn:active{transform:scale(1)}.offer-date-container{display:flex;align-items:center;gap:8px}.offer-date{cursor:default}.offer-date.has-offer-letter{cursor:pointer;color:#007bff;text-decoration:underline}.offer-date.has-offer-letter:hover{color:#0056b3}.offer-letter-icon{cursor:pointer;transition:transform .2s ease}.offer-letter-icon:hover{transform:scale(1.2)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,sans-serif;background:linear-gradient(135deg,#f8fafc,#e2e8f0)}