@font-face{font-family:Inter;font-style:italic;font-weight:100 900;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcCm3FwrK3iLTcvnUwkT9nA2.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:italic;font-weight:100 900;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcCm3FwrK3iLTcvnUwAT9nA2.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter;font-style:italic;font-weight:100 900;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcCm3FwrK3iLTcvnUwgT9nA2.woff2) format("woff2");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter;font-style:italic;font-weight:100 900;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcCm3FwrK3iLTcvnUwcT9nA2.woff2) format("woff2");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter;font-style:italic;font-weight:100 900;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcCm3FwrK3iLTcvnUwsT9nA2.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:italic;font-weight:100 900;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcCm3FwrK3iLTcvnUwoT9nA2.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:italic;font-weight:100 900;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcCm3FwrK3iLTcvnUwQT9g.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcCo3FwrK3iLTcvvYwYL8g.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcCo3FwrK3iLTcvmYwYL8g.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcCo3FwrK3iLTcvuYwYL8g.woff2) format("woff2");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcCo3FwrK3iLTcvhYwYL8g.woff2) format("woff2");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcCo3FwrK3iLTcvtYwYL8g.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcCo3FwrK3iLTcvsYwYL8g.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcCo3FwrK3iLTcviYwY.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IntelOne-Display-Bold;src:url("./media/IntelOne-Display-Bold-J2FMZADZ.ttf"),url("./media/IntelOne-Display-Bold-J2FMZADZ.ttf")}@font-face{font-family:IntelOne-Display-Medium;src:url("./media/IntelOne-Display-Medium-LP7PWJZI.ttf"),url("./media/IntelOne-Display-Medium-LP7PWJZI.ttf")}@font-face{font-family:IntelOne-Display-Regular;src:url("./media/IntelOne-Display-Regular-F7VWFORR.ttf"),url("./media/IntelOne-Display-Regular-F7VWFORR.ttf")}:root{--black: #000;--white: #fff;--main-color: #281a47;--second-color: #ffd100;--body-bg: #f5f3f4;--sidebar-width: 310px;--sidebar-bg: #1d2327;--sidebar-hover: #2c3338;--active-bg: #0073aa;--text-light: #ccd0d4;--text-white: #fff;--content-bg: #f0f0f1;--topbar-bg: #fff}*{font-family:IntelOne-Display-Regular;margin:0;padding:0;box-sizing:border-box;outline:none;border:none;text-decoration:none!important;border-spacing:0}*::-webkit-scrollbar{height:.5rem;width:.5rem}*::-webkit-scrollbar-track{background-color:transparent}*::-webkit-scrollbar-thumb{background-color:var(--main-color);border-radius:5rem}html{font-size:16px;overflow-x:hidden;scroll-behavior:smooth;scroll-padding-top:2rem}ul,li{list-style:none;padding:0}body{padding:1rem;background-color:var(--body-bg);min-height:100vh}.d-flex{display:flex}.text-end{text-align:end}.mt-1{margin-top:1rem}.mb-1{margin-bottom:1rem}.btn-one{display:inline-block;background-color:#efefef;font-family:IntelOne-Display-Regular;padding:.7rem 1.5rem;border-radius:8px;font-size:12px;color:#272727;transition:all .3s ease-in-out;cursor:pointer}.btn-two{display:inline-block;background-color:#3a4cde;font-family:IntelOne-Display-Regular;padding:.7rem 1.8rem;border-radius:8px;font-size:12px;color:#fff;transition:all .3s ease-in-out;cursor:pointer}.btn-three{display:inline-block;background-color:#efefef;font-family:IntelOne-Display-Regular;padding:.7rem 1.8rem;border-radius:8px;font-size:12px;color:#272727;transition:all .3s ease-in-out;cursor:pointer}.btn-reload{background-color:#3db40d;font-family:IntelOne-Display-Regular;padding:.7rem 1.5rem;width:38px;height:38px;display:flex;align-items:center;justify-content:center;border-radius:8px;font-size:12px;color:#272727;transition:all .3s ease-in-out;cursor:pointer}.btn-one:hover,.btn-two:hover,.btn-three:hover,.btn-reload:hover{box-shadow:0 0 7px #02061799,inset 0 1px #ffffff05}.btn{cursor:pointer!important;background:transparent!important;border:none!important;padding:5px!important}.btn:hover{cursor:pointer!important;opacity:.8}.btn img{cursor:pointer!important}.sec-side-menu{width:var(--sidebar-width);background:linear-gradient(180deg,#1a1535,#2a1a49,#13132d);color:#fff;position:fixed;top:1rem;bottom:1rem;left:1rem;transition:transform .3s ease;z-index:1000;padding:1rem;border-radius:10px;overflow:auto}.sec-side-menu::-webkit-scrollbar{height:.5rem;width:.5rem;border-radius:2px}.sec-side-menu::-webkit-scrollbar-track{background-color:transparent;border-radius:0 10px 10px 0;overflow:hidden}.sec-side-menu::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#ffffff32,#ffffff41);border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(10px) saturate(120%);-webkit-backdrop-filter:blur(10px) saturate(120%);border-radius:0 10px 10px 0}.side-menu-inner{position:relative;height:100%}.logo{padding-left:1rem}.side-menu{padding-top:1rem;min-height:71vh}.side-menu-list{margin-bottom:.5rem}.side-menu-item{padding:.7rem 1rem;border-radius:10px;color:#fff;display:flex;align-items:center;gap:.7rem;border:1px solid transparent;transition:all .3s ease-in-out;font-family:IntelOne-Display-Medium;font-size:15px}.side-menu-item.active,.side-menu-item:hover{background:linear-gradient(180deg,#ffffff32,#ffffff41);border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(10px) saturate(120%);-webkit-backdrop-filter:blur(10px) saturate(120%);box-shadow:0 0 7px #02061799,inset 0 1px #ffffff05}.side-menu-item img{max-width:25px;min-width:25px}.menu-main-item{padding-bottom:1rem}.side-menu-item.drop-btn span{display:flex;align-items:center;justify-content:space-between;width:100%}.dropdown-content{display:none;margin-left:40px;transition:all .3s ease-in-out;background:#f15050;border-radius:10px}.item-box{background-color:#fff;border-radius:10px;box-shadow:0 0 7px #0206171c,inset 0 1px #ffffff1c;padding:1rem}.item-box-wrapper{background-color:#fff;border-radius:10px;box-shadow:0 0 7px #0206171c,inset 0 1px #ffffff1c;padding:1rem;overflow-x:auto;overflow-y:visible}.top-header{display:flex;align-items:start;justify-content:space-between;margin-bottom:1.5rem}.page-name-box{font-size:14px;color:#000;padding:5px 10px;border-radius:10px;border:1px solid #b7b7b7;margin-bottom:1rem;display:inline-block}.page-name-box i{color:#cdcdcd;padding:0 5px;font-size:12px}.bel-icon{background:#0073aa;width:50px;height:50px;border-radius:100px;display:flex;align-items:center;justify-content:center;margin-right:10px;transition:all .3s ease-in-out;cursor:pointer}.user-pro{background:#fff;width:50px;height:50px;border-radius:100px;display:flex;align-items:center;justify-content:center;transition:all .3s ease-in-out;margin-right:5px;cursor:pointer}#menu-btn{background-color:#3a4cde;color:#fff;font-size:20px;width:50px;height:50px;border-radius:100px;display:flex;align-items:center;justify-content:center;transition:all .3s ease-in-out;margin-right:5px;cursor:pointer;display:none}#menu-btn:hover{box-shadow:0 0 7px #02061799,inset 0 1px #fff9}.user-pro:hover{box-shadow:0 0 7px #02061799,inset 0 1px #ffffff1c}.bel-icon:hover{box-shadow:0 0 7px #02061799,inset 0 1px #fff9}.user-pro img{width:100%}.mail-content{width:100%;overflow-x:auto}.email-sec .two-box{display:grid;grid-template-columns:minmax(350px,1fr) 2fr;gap:1rem;overflow-x:auto}.email-user-filter-area{display:flex;gap:.5rem;justify-content:space-between}.multi-btn{display:flex;gap:.5rem}.email-user-filter-area .btn-reload{margin-left:2rem}.email-user-list{padding-top:2rem}.email-user-list li{border-bottom:1px solid #dadada;display:flex;align-items:start;gap:1rem;padding:1rem}.email-user-list li:hover,.mail-active-user{background:linear-gradient(180deg,#ffffff6b,#ffffff6b);backdrop-filter:blur(10px) saturate(120%);-webkit-backdrop-filter:blur(10px) saturate(120%);box-shadow:0 0 7px #02061733,inset 0 1px #ffffff05;border-radius:10px}.email-user-list li:last-child{border:0}.email-user-list li:first-child .time,.email-user-list li:first-child .user-name{display:none}.name-and-time{display:flex;justify-content:space-between}.user-img{width:42px;height:42px;border-radius:100px}.user-list-sub-content,.name-and-time .name-box{width:100%;min-width:0;flex:1}.name-and-time .user-name,.name-and-time .user-title{font-family:IntelOne-Display-Regular;font-size:14px;color:#272727}.name-and-time .time{font-size:14px;color:#8f8f8f}.email-user-list p{font-family:IntelOne-Display-Regular;font-size:12px;color:#8f8f8f;padding-top:5px;width:100%;max-width:280px;white-space:nowrap;display:inline-block;overflow:hidden;text-overflow:ellipsis}.email-inner-top{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;border-bottom:1px solid #000;padding-bottom:1.5rem;margin-bottom:1rem}.chat-user{display:flex;align-items:center;gap:1rem}.chat-user-name-box h5{color:#272727;font-size:14px;font-family:IntelOne-Display-Medium;padding:.1rem}.chat-user-name-box a,.chat-user-name-box span{color:#8f8f8f}.date-and-filter{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}.date-and-filter .date{color:#8f8f8f;font-family:IntelOne-Display-Regular;font-size:14px}.date-and-filter .filter-select{padding:.5rem 1rem;border:1px solid #000;border-radius:10px}.date-and-filter select{padding:0 .5rem;font-family:IntelOne-Display-Regular;font-size:14px;color:#000}.email-content-area{padding:3rem 2rem}.email-content-area h6{color:#272727;font-family:IntelOne-Display-Medium;font-size:18px;padding-bottom:4rem}.table-list{padding:0}.list-search-box{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1rem}.list-search-box h6{font-size:16px;font-family:Inter,sans-serif;color:#414040}.list-search-box .search-box{display:flex;align-items:center;gap:.5rem;padding:10px;border:1px solid #c7c7c7;border-radius:10px}.list-search-box .search-box input{color:#696969}.tabel-content-list table{width:100%;text-align:left;border:none;font-family:Inter,sans-serif}.tabel-content-list thead{background-color:#f5f3f4}.tabel-content-list tr{border-spacing:0}.tabel-content-list th{padding:1rem 0 1rem 1rem;border-spacing:0;font-family:Inter,sans-serif;font-size:12px;color:#535353}.tabel-content-list th span{border-right:1px solid #c7c7c7;width:100%;display:flex;align-items:center;gap:1rem;font-family:Inter,sans-serif;font-size:12px;color:#535353;padding-right:.5rem}.tabel-content-list th:last-child span{border:none}.tabel-overflow{overflow-x:auto;overflow-y:visible;max-width:100%}.tabel-content-list td{padding:1rem}.tabel-content-list tbody td{border-bottom:1px solid #c7c7c7;font-family:Inter,sans-serif;font-weight:400;font-size:16px;color:#535353}.tabel-content-list tbody tr:last-child td{border:none}.tabel-content-list .rfq-num{font-family:Inter,sans-serif;font-weight:700;font-size:16px;color:#272727}.tabel-content-list .rfq{font-family:Inter,sans-serif;font-weight:500;font-size:16px;color:#272727}.tabel-content-list .location{font-family:Inter,sans-serif;font-weight:500;font-size:16px;color:#636363}.action-icon{display:flex;align-items:center;gap:.5rem}.action-icon .box{width:45px;height:42px;border:1px solid #afafaf;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:all .3s ease-in-out;cursor:pointer}.action-icon .box:hover{box-shadow:0 0 7px #02061733,inset 0 1px #ffffff05}.tablenav-pages{padding-top:1rem;display:flex;align-items:center;justify-content:space-between;gap:.7rem}.pagination{display:flex;align-items:center;gap:.7rem}.tablenav-pages-navspan{width:37px;height:33px;display:flex;align-items:center;justify-content:center;color:#b6b3b5;font-size:14px;background-color:#fff;border-radius:8px;transition:all .3s ease-in-out}.tablenav-pages-num{font-family:Inter,sans-serif;width:37px;height:33px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:14px;background-color:#3a4cde;border-radius:8px;transition:all .3s ease-in-out}.tablenav-pages select{font-family:Inter,sans-serif;font-size:14px;padding:.5rem;border-radius:8px;background:radial-gradient(#fff,#999)}.tablenav-pages-navspan:hover{color:#3a4cde}.tablenav-pages-navspan:hover,.tablenav-pages-num:hover{box-shadow:0 0 7px #02061733,inset 0 1px #ffffff05}.product-details-list .table-width th{min-width:80px}.date-name-rfqcode-filter,.date-name-rfqcode-filter .tilter-action{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem;flex-wrap:wrap}.date-name-rfqcode-filter label{font-size:12px;color:#8f8f8f;padding-bottom:.5rem;display:block}.date-name-rfqcode-filter input,.date-name-rfqcode-filter select{font-size:14px;color:#272727;border:1px solid #c7c7c7;padding:.5rem .3rem;border-radius:8px;width:150px}.email-sec .mail-content .email-content-area{padding:1rem}.details-add .btn-two,.product-details-list tbody td{font-size:14px}.supplier-details-list{margin-top:2rem}.supplier-details-list .table-width th{min-width:110px}.star-flex{color:#f9ae0e;display:flex;align-items:center;gap:3px;padding-top:10px}.filter-and-button{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;justify-content:space-between;margin-top:1rem}.filter-and-button .filter-sec{display:flex;align-items:center;gap:1rem}.filter-and-button select{font-size:14px;color:#272727;background:#fff;padding:.5rem 1.3rem;border-radius:10px}.filter-and-button .btn-two{background-color:#3db40d}.feed-response{padding:1.5rem}.feed-response .grid-box{display:grid;grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));gap:2rem 1rem;margin-bottom:2rem}.feed-response .grid-box label{font-family:Inter,sans-serif;display:block;font-size:20px;color:#383636;padding-bottom:1rem}.feed-response .grid-box input{font-family:Inter,sans-serif;display:block;font-size:20px;color:#383636;padding:1rem;border:1px solid #636363;width:100%;border-radius:10px}.feed-response h2{font-size:30px;color:#272727;padding:2rem 0}.feed-response .details-Save .btn-two{background-color:#3db40d;font-size:20px}.breadcrumb-link{cursor:pointer;color:inherit;text-decoration:none}.breadcrumb-link:hover{text-decoration:underline}@media (min-width: 1480px){.feed-response .grid-box{display:grid;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:2rem 1rem;margin-bottom:2rem}}@media (max-width: 1575px){.feed-response .grid-box{display:grid;grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));gap:2rem 1rem;margin-bottom:2rem}}@media (max-width: 1199px){#menu-btn{display:flex}.sec-side-menu{left:-310px;transition:all .3s ease-in-out;z-index:99999}.sec-side-menu.active{left:1rem;transition:all .3s ease-in-out}.content-area{margin:0;padding:1rem 0}}@media (max-width: 992px){.email-sec .two-box{display:grid;grid-template-columns:minmax(320px,400px) 1fr;gap:1rem;overflow-x:auto}}@media (max-width: 768px){.email-sec .two-box{display:grid;grid-template-columns:100%;gap:1rem}.item-box{min-width:350px}.item-box-wrapper{min-width:100%;overflow-x:auto}}@media (max-width: 640px){.email-sec .two-box{display:flex;flex-direction:column;gap:1rem}.item-box{min-width:300px;flex-shrink:0}.item-box-wrapper{min-width:300px;overflow-x:auto}.date-name-rfqcode-filter,.date-name-rfqcode-filter .tilter-action{flex-wrap:wrap;justify-content:flex-start}.date-name-rfqcode-filter input,.date-name-rfqcode-filter select{width:120px;min-width:100px}.filter-and-button{flex-direction:column;align-items:stretch;gap:1rem}.filter-and-button .filter-sec{flex-wrap:wrap;gap:.5rem}}@media (max-width: 574px){#menu-btn{position:relative;z-index:999999}}.form-label-custom{font-family:Inter,sans-serif;display:block;font-size:16px;color:#383636;padding-bottom:.5rem}.form-input-custom{font-family:Inter,sans-serif;display:block;font-size:16px;color:#383636;padding:.6rem .8rem;border:1px solid #636363;width:100%;border-radius:6px}.form-input-custom:focus{outline:none;border-color:#3db40d;box-shadow:0 0 0 2px #3db40d33}.btn-save-custom{background-color:#3db40d;font-size:16px;color:#fff;padding:.6rem 1.5rem;border:none;border-radius:6px;cursor:pointer;font-family:Inter,sans-serif;transition:background-color .3s ease}.btn-save-custom:hover{background-color:#339a0b}.btn-save-custom:disabled{background-color:#ccc;cursor:not-allowed}.btn-small img{width:20px;height:20px}.btn-new-item{background-color:#007bff;font-size:14px;color:#fff;padding:.45rem 1rem;border:none;border-radius:6px;cursor:pointer;font-family:Inter,sans-serif;transition:background-color .3s ease}.btn-new-item:hover{background-color:#0056b3}.btn-new-item:active{transform:translateY(0);background-color:#004085}.btn-new-item i{font-size:14px}.btn-new-custom{background-color:#007bff;font-size:14px;color:#fff;padding:.5rem 1rem;border:none;border-radius:6px;cursor:pointer;font-family:Inter,sans-serif;transition:background-color .3s ease;margin-bottom:1rem}.btn-new-custom:hover{background-color:#0056b3}.btn-regenerate-custom{background-color:#6c757d;font-size:14px;color:#fff;padding:.6rem .8rem;border:none;border-radius:6px;cursor:pointer;font-family:Inter,sans-serif;transition:background-color .3s ease;margin-left:.5rem}.btn-regenerate-custom:hover{background-color:#545b62}.btn-cancel-custom{background-color:#6c757d;font-size:16px;color:#fff;padding:.6rem 1.5rem;border:none;border-radius:6px;cursor:pointer;font-family:Inter,sans-serif;transition:background-color .3s ease}.btn-cancel-custom:hover{background-color:#545b62}.form-select-custom{font-family:Inter,sans-serif;display:block;font-size:16px;color:#383636;padding:.6rem .8rem;border:1px solid #636363;width:100%;border-radius:6px;background-color:#fff}.form-select-custom:focus{outline:none;border-color:#3db40d;box-shadow:0 0 0 2px #3db40d33}.input-group-custom{display:flex;align-items:center}.green-mark{background-color:#2487011a;color:#248701;display:inline-block;padding:.5rem .7rem;border-radius:12px}.sky-blue{background-color:#21a3ff1a;color:#21a3ff;display:inline-block;padding:.5rem .7rem;border-radius:12px}.pink{background-color:#fe00be1a;color:#fe00be;display:inline-block;padding:.5rem .7rem;border-radius:12px}.dark-red{background-color:#8600001a;color:#860000;display:inline-block;padding:.5rem .7rem;border-radius:12px}.light-red{background-color:#ff14181a;color:#ff1418;display:inline-block;padding:.5rem .7rem;border-radius:12px}.orange{background-color:#ff6d1f1a;color:#ff6d1f;display:inline-block;padding:.5rem .7rem;border-radius:12px}.yellow{background-color:#ffcd451a;color:#ffcd45;display:inline-block;padding:.5rem .7rem;border-radius:12px}.light-green{background-color:#3db40d1a;color:#3db40d;display:inline-block;padding:.5rem .7rem;border-radius:12px}.dark-yellow{background-color:#ffb61a1a;color:#ffb61a;display:inline-block;padding:.5rem .7rem;border-radius:12px}.content-area{overflow-y:auto;margin-left:var(--sidebar-width);padding-left:1rem;padding:1rem 0rem 1rem 1rem;transition:margin-left .3s ease;min-height:90vh}.supplier-btn{padding:10px 20px;border:none;border-radius:4px;font-size:1em;cursor:pointer;transition:background-color .2s,box-shadow .2s;font-weight:500;display:flex;align-items:center;gap:8px;line-height:22px}.next-step i{font-size:12px}.workflow-header{margin-left:327px;border-bottom:1px solid #d1d5dc;position:fixed;left:0;right:0;top:0;z-index:999;background:#fff;padding:20px 30px}.workflow-title h3{font-size:14px;font-weight:400;color:#4a5565;margin-bottom:25px;font-family:Inter,sans-serif}.steps-container{display:flex;justify-content:space-between;align-items:center}.step{display:flex;flex-direction:column;align-items:center;position:relative;text-align:center;flex:1;min-width:80px}.step-number{width:40px;height:40px;border-radius:50%;background-color:#e5e7eb;color:#4a5565;display:flex;justify-content:center;align-items:center;font-size:14px;font-family:Inter,sans-serif;z-index:2;transition:all .3s ease-in-out;cursor:pointer}.step-label{margin-top:8px;font-size:.85em;color:#777;white-space:nowrap}.step.active .step-number,.step-number:hover{background-color:#155dfc;box-shadow:0 0 0 3px #007bff4d;color:#fff}.step.active .step-label{color:#333;font-weight:600}.step-separator{flex-grow:1;height:2px;background-color:#eee;margin:0 -10px;position:relative;top:-15px;z-index:1}.form-area{margin-top:150px}.section-title{display:flex;justify-content:space-between;margin-bottom:20px;padding:0 10px}.section-title h6{font-size:16px;font-weight:400;color:#0a0a0a;font-family:Inter,sans-serif}.step-indicator{font-family:Inter,sans-serif;font-weight:400;color:#6a7282;font-size:14px}.form-card{background-color:#fff;border:1px solid #e0e0e0;border-radius:15px;padding:30px;margin-bottom:20px}.card-header{font-family:Inter,sans-serif;font-weight:400;color:#0a0a0a;font-size:16px;margin:0 0 25px;padding-bottom:10px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.form-field{display:flex;flex-direction:column;padding-bottom:2rem}.form-field label{font-family:Inter,sans-serif;font-weight:400;color:#364153;font-size:14px;margin-bottom:10px;font-weight:500}.form-field input,.form-field select{padding:10px 12px;border:1px solid #d1d5dc;border-radius:10px;font-size:1em;outline:none;transition:border-color .2s;appearance:none;width:100%}.form-field input:focus,.form-field select:focus{border-color:#007bff}.form-field small{margin-top:8px;font-size:12px;font-family:Inter,sans-serif;font-weight:400;color:#6a7282}.input-with-icon{position:relative}.input-with-icon input[readonly]{background-color:#f7f7f7;cursor:default}.calendar-icon,.dropdown-icon{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:#999;pointer-events:none}.select-dropdown select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:30px;cursor:pointer}.additional-charges{margin-top:10px;padding-top:30px;border-top:1px solid #f0f0f0}.additional-btn{display:inline-block;background-color:#155dfc;font-size:16px;font-family:Inter,sans-serif;font-weight:400;padding:.9rem 1.8rem;border-radius:8px;color:#fff;transition:all .3s ease-in-out;cursor:pointer}.additional-btn:hover{background-color:#0056b3}.footer-actions{background-color:#fff;padding:15px 0;display:flex;justify-content:flex-end;gap:10px}.supplier-btn{padding:10px 20px;border:none;border-radius:8px;font-size:1em;cursor:pointer;transition:background-color .2s,box-shadow .2s;font-weight:500;display:flex;align-items:center;gap:8px;line-height:22px}.save-draft{background-color:#fff;color:#0a0a0a;border:1px solid #d1d5dc}.save-draft:hover{background-color:#c1c1c1}.next-step{background-color:#155dfc;color:#fff}.next-step i,.save-draft i{font-size:12px;line-height:23px}.next-step:hover{background-color:#0056b3}.active-done .step-number,.steps-container .icon-done{display:none}.active-done .icon-done{width:40px;height:40px;border-radius:50%;background-color:#00c950;color:#fff;display:flex;justify-content:center;align-items:center;font-size:14px;font-family:Inter,sans-serif;z-index:2;transition:all .3s ease-in-out;cursor:pointer}.active-step-separator{background-color:#00c950}.workflow-container{background-color:#fff;border:1px solid #e0e0e0;border-radius:15px;padding:30px;margin-bottom:20px}.items-response-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem}.items-response-header .card-header{padding:0;margin:0}.rfq-items-table{overflow:auto;padding-bottom:1rem}.rfq-items-table table{width:100%;border-collapse:collapse;font-size:14px;font-family:Inter,sans-serif}.rfq-items-table th,.rfq-items-table td{padding:10px 12px;text-align:left;border-bottom:1px solid #f3f4f6;font-family:Inter,sans-serif}.rfq-items-table th{background-color:#f9fafb;font-weight:700;color:#364153;font-size:14px;white-space:nowrap}.rfq-items-table td{font-weight:400;color:#0a0a0a;font-size:14px;white-space:nowrap}.rfq-items-table tbody tr:hover{background-color:#fafafa}.action-icon-feed{font-size:16px;cursor:pointer;margin-left:10px;color:#6c757d}.badge{display:inline-block;padding:4px 8px;border-radius:4px;font-weight:400;font-size:12px;text-align:center;line-height:1;font-family:Inter,sans-serif}.badge.review{background-color:#fef3c6;color:#973c00}.custom-checked-icon{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;background-color:#1877f2;border-radius:4px;color:#fff;font-size:14px;font-weight:700;line-height:1;padding-top:2px}.table-note{font-size:14px;color:#4a5565;margin-top:20px;font-family:Inter,sans-serif}.note-icon{font-size:14px;margin-right:5px;color:#4a5565;font-family:Inter,sans-serif}.footer-navigation{display:flex;align-items:center;justify-content:space-between;padding-top:1rem}.landing-cost-table{overflow:auto;padding-bottom:1rem}.landing-cost-table table{width:100%;border-collapse:collapse;font-size:14px;font-family:Inter,sans-serif}.landing-cost-table th,.landing-cost-table td{padding:20px 10px;text-align:left;border-bottom:1px solid #f3f4f6;font-family:Inter,sans-serif}.landing-cost-table th{background-color:#f9fafb;font-weight:700;color:#364153;font-size:14px;white-space:nowrap}.landing-cost-table tr td:nth-child(9){background-color:#eff6ff}.landing-cost-table tr:last-child td:nth-child(2){background-color:#dbeafe}.landing-cost-table tr:last-child td:nth-child(5){background-color:#dcfce7}.landing-cost-table tr td:nth-child(12){background-color:#f0fdf4}.landing-cost-table tr:last-child td{border-bottom:none;border-top:3px solid #f3f4f6}.landing-cost-table th span{background-color:#f9fafb;font-weight:700;color:#364153;font-size:14px;white-space:nowrap;display:flex;align-items:center;justify-content:space-between;gap:10px}.landing-cost-table .profit-cell span{padding-top:.4rem;font-family:Inter,sans-serif;display:block}.landing-cost-table .profit-cell input{width:50px;padding:4px;border:1px solid #d1d5dc;border-radius:4px;text-align:right;font-size:14px;margin-right:2px;display:block}.action-buttons{margin-bottom:1rem;padding:0 1rem;display:flex;justify-content:flex-end;gap:12px;align-items:center}.workflow-container .card-title{font-family:Inter,sans-serif;font-weight:400;color:#4a5565;font-size:14px;padding-top:10px}.workflow-container .total-margin{font-family:Inter,sans-serif;font-weight:400;color:#155dfc;font-size:14px;padding-top:10px;display:flex;align-items:center;gap:5px}.margin-calculation-table-container{width:100%;overflow-x:auto;font-family:Inter,sans-serif}.margin-calculation-table{width:100%;border-collapse:collapse;min-width:1200px}.margin-calculation-table th{background:#f9fafb;padding:20px 10px;text-align:left;font-size:14px;font-weight:700;border-bottom:1px solid #E5E7EB;border-right:1px solid #E5E7EB;color:#364153;font-family:Inter,sans-serif}.margin-calculation-table th span{font-weight:700;color:#364153;font-size:14px;white-space:nowrap;display:flex;align-items:center;justify-content:space-between;gap:10px}.margin-calculation-table td{padding:15px 10px;border-bottom:1px solid #E5E7EB;border-right:1px solid #E5E7EB;vertical-align:middle;font-family:Inter,sans-serif;font-size:14px;font-weight:400;color:#0a0a0a}.margin-calculation-table td:last-child,.margin-calculation-table th:last-child{border-right:0}.margin-calculation-table th:nth-child(3),.margin-calculation-table td:nth-child(3){background:#eff6ff}.margin-calculation-table th:nth-child(11),.margin-calculation-table td:nth-child(11){background:#fffbeb}.margin-calculation-table th:nth-child(12),.margin-calculation-table td:nth-child(12){background:#f0fdf4}.margin-calculation-table th:nth-child(13),.margin-calculation-table td:nth-child(13){background:#faf5ff}.margin-calculation-table tfoot td:nth-child(3){background-color:#fff}.margin-calculation-table tfoot td:nth-child(4){background-color:#dcfce7}.margin-calculation-table tfoot td:nth-child(5){background-color:#f3e8ff}.margin-calculation-table tfoot td{padding:20px 10px}.margin-calculation-table input[type=number]{width:70px;padding:6px;border:1px solid #ccc;border-radius:6px;font-family:Inter,sans-serif}.margin-calculation-table select{padding:6px;border:1px solid #ccc;border-radius:6px;background:#fff;font-family:Inter,sans-serif}.margin-calculation-table .open-modal{padding:6px 10px;background:#fff;border:1px solid #bcd0ff;border-radius:6px;cursor:pointer;font-size:13px;font-family:Inter,sans-serif}.margin-calculation-table .factor-note{font-size:12px;color:#666;margin-top:3px;font-family:Inter,sans-serif}.margin-calculation-popup .modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;justify-content:center;align-items:center;animation:fadeIn .3s ease;z-index:9999}.margin-calculation-popup .modal-content{background:#fff;padding:20px;width:100%;max-width:768px;border-radius:10px;box-shadow:0 10px 25px #0003;animation:scaleUp .3s ease}.margin-calculation-popup .close-modal{padding:8px 14px;border:none;background:#fff;font-size:20px;font-weight:700;color:#6a7282}.margin-calculation-popup .modal-header{display:flex;justify-content:space-between}.margin-calculation-popup .modal-header h2{font-family:Inter,sans-serif;font-size:16px;color:#0a0a0a}.margin-calculation-popup .modal-subtitle{font-family:Inter,sans-serif;font-size:14px;color:#4a5565}.margin-calculation-popup .factor-grid{margin-top:20px;display:grid;grid-template-columns:1fr 1fr;gap:14px}.margin-calculation-popup .factor-item{padding:20px 15px;width:100%;display:flex;align-items:center;justify-content:space-between;gap:1.5rem;background:#fff;border:2px solid #E5E7EB;border-radius:10px}.margin-calculation-popup .factor-item.active{background:#eff6ff;border:2px solid #2B7FFF;border-radius:10px}.margin-calculation-popup .factor-item .checkbox-head{padding-left:1rem;font-family:Inter,sans-serif;font-size:14px;color:#101828}.margin-calculation-popup .factor-item .factor-value{color:#193cb8;font-family:Inter,sans-serif;font-size:14px;background-color:#dbeafe;padding:7px 10px;border-radius:8px}.margin-calculation-popup .summary-box{background:#fffbeb;border:1px solid #FEE685;margin-top:25px;border-radius:10px;padding:15px 18px;display:flex;justify-content:space-between;align-items:center;font-size:14px;font-family:Inter,sans-serif}.margin-calculation-popup .summary-heading{font-size:14px;color:#7b3306;font-family:Inter,sans-serif}.margin-calculation-popup .summary-sub-heading{font-size:12px;color:#bb4d00;font-family:Inter,sans-serif;padding-top:5px}.margin-calculation-popup .summary-value-head{font-size:14px;color:#7b3306;font-family:Inter,sans-serif;display:block}.margin-calculation-popup .summary-value-num{font-size:24px;color:#7b3306;font-family:Inter,sans-serif;display:block;text-align:end;padding-top:10px}.margin-calculation-popup .modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:20px 0}.margin-calculation-popup .btn{padding:10px 18px;border-radius:8px;border:none;font-size:16px;cursor:pointer}.margin-calculation-popup .btn.cancel{background:#fff;font-family:Inter,sans-serif;border:1px solid #D1D5DC;color:#0a0a0a}.margin-calculation-popup .btn.apply{background:#3177ff;color:#fff;font-family:Inter,sans-serif}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleUp{0%{transform:scale(.8)}to{transform:scale(1)}}.color-box-supplier{display:flex;flex-wrap:wrap;gap:20px;font-family:Inter,sans-serif;padding:2rem 0}.color-box-supplier .box{flex:1 1 calc(50% - 20px);padding:15px;width:100%}.color-box-supplier .box span{font-family:Inter,sans-serif;font-size:14px;padding-bottom:5px;display:block}.color-box-supplier .box ul{padding-left:25px}.color-box-supplier .box ul li{list-style:disc;font-family:Inter,sans-serif;font-size:14px}.color-box-supplier .blue-box{background-color:#eff6ff;border:1px solid #BEDBFF;border-radius:10px;color:#193cb8}.color-box-supplier .green-box{background-color:#f0fdf4;border:1px solid #B9F8CF;border-radius:10px;color:#0d542b}.color-box-supplier .wallet-box{background-color:#faf5ff;border:1px solid #E9D4FF;border-radius:10px;color:#6e11b0}.color-box-supplier .orange-box{background-color:#fffbeb;border:1px solid #FEE685;border-radius:10px;color:#973c00}