html,body{margin:0;padding:0;width:100%;overflow-x:hidden;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;background-color:#fff;color:#213547}:root{color:#213547;background-color:#fff;line-height:1.5;font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#0a7cff;text-decoration:none}a:hover{color:#005ec2}button{border-radius:6px;border:none;padding:10px 16px;font-size:1rem;cursor:pointer}.header{width:100%;height:104px;display:flex;padding:30px 40px;align-items:center;justify-content:space-between;background:#fff;box-shadow:#0f22430f 0 8px 64px,#0f224314 0 0 1px;box-sizing:border-box}.header .left{display:flex;align-items:center}.header .logo{height:42px;object-fit:contain}.header .right{display:flex;gap:16px}.header .right .team-btn{position:relative;overflow:hidden;outline:none;border:1px solid transparent;background-color:transparent;color:#3c76f1;border-radius:.8rem;font-family:inherit;line-height:20px;opacity:1;cursor:pointer;pointer-events:auto;transition:.2s ease-in-out;display:inline-flex;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center;text-align:center;width:fit-content;height:40px;padding:8px 16px;font-size:15px;font-weight:600}.header .right .inquiry-btn{position:relative;overflow:hidden;outline:none;border:1px solid transparent;background-color:#3c76f1;color:#fff;font-size:15px;border-radius:.8rem;font-weight:400;font-family:inherit;line-height:20px;opacity:1;cursor:pointer;pointer-events:auto;transition:.2s ease-in-out;display:inline-flex;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center;text-align:center;width:186px;height:40px;padding:4px 12px}.header .right .inquiry-btn:hover{background:#005ec0}.header .right .inquiry-btn:active{transform:scale(.97)}@media(max-width:768px){.header{padding:0 20px}.header .right{gap:16px}}.marketplace-container{padding:40px}.marketplace-header{margin-bottom:24px}.marketplace-container .heading{font-weight:650;text-align:inherit;color:#000;font-size:1.8rem;line-height:1.9rem}.marketplace-container>*{margin-inline:auto;width:100%}.project-info-container{display:flex;justify-content:space-between}.project-info{display:grid;width:100%;overflow:visible;margin:auto;height:auto}.project-info-block{cursor:auto;box-sizing:content-box;border:0px solid transparent;background-color:#fff;color:#191825;border-radius:24px;transition:.3s;width:304px;position:relative;display:flex;flex-direction:row;align-items:center;padding:1.4rem;box-shadow:0 8px 64px #0f22430f,0 0 1px #0f224314}.project-icon{width:3.6rem;height:3.6rem;border-radius:50%;background-color:#eff4fe;display:flex;justify-content:center;align-items:center;flex-shrink:0}.infocard-container{box-sizing:content-box;padding-right:3rem;padding-left:1rem}.infocard-title{color:#a6adba;font-weight:600;font-size:1rem;line-height:1.2rem;white-space:nowrap}.infocard-body{font-weight:650;font-size:2rem;line-height:2.4rem;display:flex}.project-grid{display:grid;width:100%;gap:24px;overflow:visible;grid-template-columns:repeat(3,1fr);margin:2.4rem auto 4.4rem;height:100%}@media(min-width:768px)and (max-width:1024px){.project-info{grid-template-columns:repeat(2,1fr)}}@media(max-width:1024px){.project-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.project-grid{grid-template-columns:1fr}}.project-card{background-color:#fff;border-radius:24px;overflow:hidden;display:flex;flex-direction:column;position:relative;box-shadow:0 8px 64px #0f22430f,0 0 1px #0f224314;transition:transform .3s ease;height:100%}.project-card-image{position:relative;width:100%;background-size:cover;background-position:center;height:250px;overflow:hidden}.project-card-img{width:100%;height:100%;object-fit:cover}.project-card-badges{position:absolute;top:16px;left:16px;display:flex;gap:8px}.registry-badge{background:#eff4fe;color:#3c76f1;font-size:12px;font-weight:600;line-height:16px;padding:4px 8px;border-radius:8px}.sdg-badge{background:#eff4fe;color:#3c76f1;font-size:12px;font-weight:600;line-height:16px;padding:4px 8px;border-radius:8px;display:inline-flex;align-items:center;gap:6px;height:24px}.sdg-icon{width:15px!important;height:15px!important;flex-shrink:0;display:block;object-fit:contain}.project-card-body{padding:20px 24px;display:grid;grid-template-rows:auto auto auto;row-gap:12px}.project-title{font-size:18px;font-weight:650;line-height:1.4;color:#111;margin-bottom:15px;margin-top:1px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.8em}.project-attributes{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;row-gap:12px;column-gap:24px;margin:12px 0 16px}.project-attributes>div:nth-child(3){grid-column:1 / -1}.project-attributes>div{display:flex;flex-direction:column;gap:7px}.label{font-size:12px;font-weight:600;line-height:16px;color:#a6adba}.value{font-size:14px;font-weight:600;line-height:20px;color:#191825;white-space:normal;word-break:break-word;overflow-wrap:anywhere}.project-button{justify-self:end;width:fit-content;background:#3c76f1;color:#fff;border:none;padding:10px 16px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:background .2s ease,transform .1s ease}.project-button:hover{background-color:#2f63d9}.project-button:active{transform:scale(.98)}.project-details-page{padding:40px}.project-header{display:flex;align-items:center;gap:16px;margin-bottom:24px;-webkit-user-select:none;user-select:none;width:fit-content}.back-link{text-decoration:none;font-size:22px;color:#0b0b0c;transition:color .2s ease}.back-link:hover{color:#0b0b0c}.project-header h1{font-size:22px;font-weight:700;line-height:1.2;color:#111;margin:0}.project-hero{display:flex;gap:32px;align-items:flex-start}.project-main{width:100%;display:flex;flex-direction:column;gap:24px;max-width:900px}.project-image{width:100%;max-width:900px;height:380px;border-radius:16px;object-fit:cover;box-shadow:0 8px 30px #00000014;transition:transform .3s ease}.project-side-card{width:35%;background:#fff;border-radius:24px;padding:24px;box-shadow:0 12px 40px #00000012;min-width:320px;display:flex;flex-direction:column;gap:16px}.credits-block{display:flex;flex-direction:column;align-items:center;gap:0}.project-side-card .label{font-size:15px;text-align:center;margin:0;color:#a1a0a0;letter-spacing:.5px}.project-side-card h2{font-size:19px;text-align:center;margin:0;color:#111}.project-side-card .side-text{font-size:14px;color:#727272;line-height:1.5;text-align:left;margin-top:30px;margin-bottom:12px}.primary-btn{width:320px;margin:0 auto;height:48px;background:#0a7cff;color:#fff;border:none;border-radius:12px;font-weight:600;font-size:15px;cursor:pointer;transition:background .2s ease,transform .2s ease}.primary-btn:hover{background:#0056b3;transform:translateY(-2px)}.project-details-container{display:grid;background:#fff;border-radius:20px;padding:40px 25px;box-shadow:0 12px 40px #00000012;margin-bottom:48px}.project-info-box{display:grid;grid-template-columns:repeat(3,1fr);gap:24px 32px;justify-items:stretch}.project-info-box div{display:flex;flex-direction:column}.project-info-box span{font-size:13px;color:#777;font-weight:500}.project-info-box p{margin-top:6px;font-size:15px;font-weight:600;color:#111}.sdgs-section{display:block}.sdgs-section h3{font-size:13px;font-weight:400;margin-bottom:5px}.sdg-list{display:flex;flex-wrap:wrap;padding:0;margin:0 0 0 -12px}.sdg-pill{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;font-size:13px;font-weight:500;padding:6px 12px;gap:4px}.sdg-pill svg{width:64px;height:64px;display:block}.sdg-pill.muted{color:#777;font-size:14px;justify-content:center}.project-section h3{font-size:13px;font-weight:400;margin-bottom:5px}.project-section p{font-size:15px;line-height:1.8;color:#0b0909}hr{border:none;border-top:1px solid #e2e8f0;margin:48px 0}.registry-link{color:#2b6cb0;text-decoration:underline;font-weight:500}.project-image-carousel{position:relative}.carousel-btn{position:absolute;top:50%;transform:translateY(-50%);background:#0006;color:#fff;border:none;font-size:28px;padding:8px 12px;cursor:pointer;z-index:2}.carousel-btn.left{left:10px}.carousel-btn.right{right:10px}.carousel-btn:hover{background:#0009}@media(max-width:1024px){.project-hero{flex-direction:column}.project-image,.project-side-card{width:100%}.project-info-box{grid-template-columns:repeat(2,1fr)}.sdg-list{justify-content:flex-start}}@media(max-width:600px){.project-header h1{font-size:24px}.project-side-card h2{font-size:28px}.project-info-box{padding:24px;grid-template-columns:1fr}.project-image{max-width:100%;height:280px}}:root{--primary-blue: #3f75ff;--text-dark: #212121;--text-muted: #6c757d;--background: #f5f7fa;--white: #ffffff}.team-page-wrapper{background-color:var(--background);font-family:Inter,Segoe UI,sans-serif;color:var(--text-dark)}.team-page{max-width:1070px;margin:0 auto;padding:2rem}.section{background-color:var(--white);border-radius:12px;padding:1.5rem;margin-bottom:2rem;box-shadow:0 4px 12px #0000000a}.section h2{color:var(--primary-blue);margin-top:0;font-size:1.5rem;margin-bottom:.85rem}.section p{font-size:1rem;line-height:1.6;margin:0;margin-bottom:.85rem}.person{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1.5rem}.person img{width:80px;height:80px;border-radius:50%;object-fit:cover}.person-details{flex:1}.person-details p{font-size:1rem;line-height:1.6}strong{font-weight:bolder}._login_vx033_1{height:100vh;display:flex}._leftSection_vx033_7{flex:1;position:relative}._loginImage_vx033_12{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}@media(max-width:768px){._leftSection_vx033_7{display:none}}._rightSection_vx033_28{flex:1;background-color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding-top:17vh;position:relative}._formWrapper_vx033_40{width:100%}._welcomeText_vx033_44{text-align:center;padding:1.3rem 0;font-weight:600;font-size:1.1rem;color:#363c46}._loginForm_vx033_52{width:50%;margin:0 auto;display:flex;flex-direction:column}._inputWrapper_vx033_60{display:flex;flex-direction:column;width:100%}._inputWrapper_vx033_60 label{margin-bottom:2px;font-size:.8rem;color:#8992a3}._inputWrapper_vx033_60 input{padding:.6rem 1.3rem;border-radius:.5rem;border:2px solid #d3d3d3;font-size:1rem;margin-bottom:1.1rem}._passwordField_vx033_81{position:relative;width:100%}._passwordField_vx033_81 input{width:100%;padding-right:2.6rem}._eyeButton_vx033_91{position:absolute;right:.8rem;top:35%;transform:translateY(-50%);background:none;border:none;color:#777;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0}._eyeButton_vx033_91:hover{color:#333}._errorText_vx033_111{color:red;font-weight:600;min-height:1.8rem;margin-top:-1.5rem}._checkboxRow_vx033_119{display:flex;justify-content:space-between;align-items:center}._checkboxLabel_vx033_125{display:flex;align-items:center;gap:.4rem}._checkboxLabel_vx033_125 input{margin:0;transform:translateY(1px)}._checkboxLabel_vx033_125 label{font-size:1rem;font-weight:450}._forgotLink_vx033_141{text-decoration:none;color:#0a57f4;font-size:1rem}._signInButton_vx033_148{width:100%;padding:.8rem 1.6rem;background-color:#3c76f1;color:#fff;border-radius:.5rem;border:none;font-size:1rem;font-weight:500;cursor:pointer;margin-top:1rem}._formFooter_vx033_162{font-size:16px;margin-top:1.2rem;font-weight:500;text-align:center}._formFooter_vx033_162 a{color:#0a57f4;text-decoration:none}._logoFooter_vx033_175{position:absolute;bottom:3rem;font-size:.8rem;font-weight:500;color:#333}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#363c4640;display:flex;justify-content:center;align-items:center;padding:20px;z-index:2000}.modal-card{background:#fff;border-radius:24px;padding:16px 20px;width:100%;max-width:720px;max-height:85vh;display:flex;flex-direction:column;gap:12px;box-shadow:0 8px 32px #1f26871f;position:relative}.modal-header{display:flex;justify-content:space-between;align-items:center}.modal-title{font-size:18px;font-weight:700;line-height:24px}.close-btn{background:transparent;border:none;font-size:18px;cursor:pointer;color:#363c46;font-weight:400}.modal-subtitle{font-size:14px;line-height:24px;color:#6b778c;margin-bottom:12px}.modal-form{display:flex;flex-direction:column;gap:24px;overflow-y:auto}.form-row{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-size:12px;font-weight:600;color:#898e9f}.required{color:gray;margin-left:3px}.form-group input,.form-full textarea{width:100%;padding:10px 12px;border-radius:8px;border:2px solid #d3d3d3;font-size:14px;line-height:24px;outline:none;font-family:inherit;color:#52555b;resize:none}.form-full{display:flex;flex-direction:column;gap:6px}.form-full textarea{min-height:70px;max-height:30vh;resize:vertical;overflow:auto}.char-counter{text-align:right;font-size:14px;color:#898e9f}.modal-actions{display:flex;justify-content:flex-end;gap:12px}.submit-button{background:#3c76f1;color:#fff;border-radius:8px;padding:10px 16px;font-weight:600;cursor:pointer;border:none;transition:background .2s ease}.submit-button:hover{background-color:#2f63d9}@media(max-width:480px){.form-row{grid-template-columns:1fr;gap:12px}}.procurement-container{padding:24px;background:#f9fafb;min-height:100vh}.procurement-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.primary-action-btn{position:relative;overflow:hidden;width:auto;padding:.8rem 1.6rem;outline:none;border:1px solid transparent;background-color:#3c76f1;color:#fff;font-size:14px;border-radius:8px;font-weight:450;font-family:inherit;line-height:24px;cursor:pointer;transition:.2s ease-in-out;display:inline-flex;justify-content:center;align-items:center}.primary-action-btn:hover{background-color:#2d68e6}.primary-action-btn:active{transform:scale(.98)}.procurement-header .primary-action-btn{padding:9px 16px}.primary-action-btn svg{margin-right:10px;stroke:#fff}.summary-wrapper{display:flex;justify-content:space-between;align-items:flex-start;margin-top:1.5rem;margin-bottom:1.5rem}.summary-grid{display:grid;grid-template-columns:320px 320px 320px;gap:24px}.infocard{display:flex;align-items:center;background-color:#fff;padding:1.1rem;border-radius:24px;box-shadow:0 8px 64px #0f22430f,0 0 1px #0f224314;transition:.3s}.infocard-icon{flex:0 0 3rem;width:3rem;height:3rem;border-radius:50%;background-color:#eff4fe;display:flex;justify-content:center;align-items:center;margin-right:16px}.infocard-label{padding-right:3rem}.infocard-title{font-size:1rem;color:#787e8a;margin-bottom:4px}.infocard-body{font-size:1.8rem;font-weight:650;color:#191825}.summary-action{display:flex;justify-content:flex-end;height:40px}.download-btn{width:fit-content!important;min-width:140px!important;padding:4px 8px!important;font-size:16px!important}.table-container{box-sizing:content-box;border:0px solid transparent;background-color:#fff;color:#191825;border-radius:24px;padding:24px 20px;transition:.3s}.table-top-right{display:flex;justify-content:flex-end;margin-bottom:10px}table{width:100%;font-size:1rem;border-collapse:collapse}thead{font-size:.7rem;color:#8b9ba8;font-weight:700}th{padding:2.4rem 1.2rem 1.6rem;text-transform:uppercase;background:#fff;border-bottom:1px solid #f0f0f0;text-align:left}td{padding:1.6rem 1.2rem;border-bottom:1px solid #f2f2f2;font-size:14px;color:#191825}th,td{padding:12px;border-bottom:1px solid #e5e7eb;text-align:left}.status-badge{padding:4px 10px;border-radius:999px;font-size:12px;font-weight:600}.in-stock{background:#dcfce7;color:#166534}.on-hold{background:#fef3c7;color:#92400e}.removed{background:#fecdc7;color:#921b0e}.pagination-container{display:flex;justify-content:space-between;align-items:center;padding-top:8px;margin-top:15px}.pagination-left{display:flex;align-items:center;gap:4px}.pagination-left span{color:#363c46;font-size:12px}.pagination-center{display:flex;gap:8px}.pagination-center button{width:24px;height:24px;font-weight:600;font-size:12px;line-height:16px;display:flex;align-items:center;justify-content:center;border:none;border-radius:8px;background:transparent;color:#8992a3;cursor:pointer}.ellipsis{padding:0 6px;color:#8992a3;font-size:12px}.pagination-center button.active{background:#d8e4fc;color:#3c76f1}.pagination-center button:disabled{opacity:.5}.pagination-left select{gap:4px;width:54px;height:24px;display:flex;border-radius:8px;align-items:center;justify-content:center;background:#fff;border:1px solid rgb(196,201,209)}.pagination-right span{font-size:12px;color:#363c46}.sortable-header{cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap}.sortable-header>div{display:flex;align-items:center;justify-content:left}.sort-icons{display:inline-flex;flex-direction:row;align-items:center;margin-left:6px;color:#848484}.active-sort{color:#2459cc!important}.loading-text,.empty-text{text-align:center;padding:24px;color:#6b7280}.modify-btn-wrapper{display:flex;justify-content:flex-end;gap:1.5rem;margin-bottom:1.2rem}.modify-columns-btn{position:relative;overflow:hidden;width:9rem;padding:.3rem .8rem;background-color:transparent;color:#3c76f1;font-size:.9rem;font-weight:400;font-family:inherit;line-height:1.8rem;border:1px solid rgb(60,118,241);border-radius:.5rem;cursor:pointer;display:inline-flex;justify-content:center;align-items:center;text-align:center;transition:all .2s ease-in-out}.modify-columns-btn:hover{background-color:#3c76f114}.afro-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#363c4640;box-shadow:0 8px 32px #1f26875e;border:1px solid hsla(0,0%,100%,.18);display:flex;justify-content:center;align-items:center;z-index:1000}.afro-modal{background-color:#fff;border:1px solid #c4c9d1;padding:1.4rem;border-radius:1.6rem;width:460px;max-width:90%;position:relative}.afro-modal-content{text-align:center;max-width:420px}.afro-modal-title{margin-bottom:10px;font-weight:700;color:#363c46;font-size:1.1rem;line-height:2rem}.afro-modal-desc{margin-bottom:30px;font-weight:400;color:#363c46;font-size:1rem;line-height:1.8rem}.afro-modal-actions{display:flex;justify-content:center}.afro-btn-cancel{position:relative;overflow:hidden;padding:.5rem 1.1rem;border:1px solid var(--color-info, #101010);background:transparent;color:var(--color-dark, #363c46);font-size:1.2rem;border-radius:.5rem;line-height:1.8rem;cursor:pointer;transition:.2s ease-in-out;margin-right:16px}.afro-btn-delete{position:relative;overflow:hidden;padding:.5rem 1.1rem;border:1px solid transparent;background-color:#ff647c;color:#fff;font-size:1.2rem;border-radius:.5rem;line-height:1.8rem;cursor:pointer;transition:.2s ease-in-out}.afro-btn-delete:hover{background-color:#eb5068}.afro-status-modal{background-color:#fff;border:1px solid #c4c9d1;padding:16px;border-radius:20px;position:relative;width:340px}.afro-status-title{font-size:16px;font-weight:500;color:#52555b}.afro-status-row{display:flex;align-items:center;justify-content:space-between}.afro-status-label{font-size:16px;font-weight:500;color:#52555b}.afro-status-dropdown{position:relative;width:50%}.afro-status-selected{padding:6px 15px;border-radius:.5rem;border:2px solid rgb(211,211,211);font-size:15px;line-height:27px;color:#52555b;display:flex;align-items:center;justify-content:space-between;cursor:pointer}.afro-status-options{margin-top:.2rem;position:absolute;top:120%;left:0;right:0;background:#fff;border:1px solid rgb(196,201,209);border-radius:.6rem;max-height:150px;overflow:auto;opacity:0;pointer-events:none;transition:.2s ease-in;font-size:14px}.afro-status-options-open{opacity:1;pointer-events:auto}.afro-status-option{padding:10px;cursor:pointer;color:#52555b}.afro-status-option:hover{background:#f5f6f8}.afro-btn-ok{padding:6px 10px;border:1px solid transparent;background-color:#3c76f1;color:#fff;font-size:16px;border-radius:6px;line-height:28px;min-width:70px;cursor:pointer}.afro-btn-cancel-red{padding:6px 10px;border:1px solid transparent;background-color:#ff647c;color:#fff;font-size:16px;border-radius:6px;line-height:28px;min-width:70px;cursor:pointer}.afro-input-wrapper{width:50%;display:flex;flex-direction:column}.afro-text-input{padding:6px 10px;border-radius:6px;border:1.5px solid rgb(211,211,211);font-size:13px;color:#52555b;width:100%}.afro-textarea{width:100%;padding:6px 10px;border-radius:6px;border:1.5px solid rgb(211,211,211);font-size:13px;color:#52555b;resize:vertical;min-height:70px;margin-top:4px}.checkbox-list{display:flex;flex-direction:column;max-height:200px;overflow-y:auto;margin:10px 0}.action-dropdown{position:relative;display:inline-block;cursor:pointer}.action-box{width:28px;height:28px;border:1px solid #d0d5dd;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;background:#fff}.action-box:hover{background-color:#f2f4f7}.action-box:active{background-color:#e4e7ec}.dropdown-menu{position:absolute;top:20px;right:0;background:#fff;border:1px solid #ccc;border-radius:4px;min-width:120px;z-index:10;display:flex;flex-direction:column}.dropdown-menu button{padding:6px 12px;border:none;background:#fff;cursor:pointer;text-align:left}.dropdown-menu button:hover{background:#f0f0f0}.modal select{padding:5px;border-radius:4px;border:1px solid #ccc}.Modal_modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#363c4640;box-shadow:0 8px 32px #1f26875e;border-radius:10px;border:1px solid rgba(255,255,255,.18);display:flex;justify-content:center;align-items:center;z-index:1000}.Modal_modal{background-color:#fff;border:1px solid #c4c9d1;padding:1.4rem;gap:4rem;border-radius:1.7rem;position:relative}.ModifyColumn_container{width:300px;max-height:560px;display:flex;flex-direction:column}ul{padding-inline-start:10px;margin:0}.ModifyColumn_container ul{max-height:none;overflow:visible}.ModifyColumn_heading{padding:.6rem 0;font-weight:700;font-size:1.6rem}.ModifyColumn_text{padding:.3rem 0;font-weight:600;font-size:.8rem}.ModifyColumn_li{text-decoration:none;display:flex;align-items:center;font-size:1rem;gap:1rem;padding:.3rem 0;font-weight:600}.ModifyColumn_btns{display:flex;justify-content:flex-end;gap:1rem;margin-top:12px}.btn-cancel-red{width:auto;padding:.4rem .9rem;border:1px solid red;background-color:transparent;color:red;font-size:1rem;border-radius:.6rem;line-height:2rem;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:.2s ease-in-out}.btn-cancel-red:hover{background:#ff00000d}.btn-apply-blue{width:auto;padding:.4rem .9rem;border:1px solid transparent;background-color:#3c76f1;color:#fff;font-size:1rem;border-radius:.6rem;line-height:2rem;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:.2s ease-in-out}.btn-apply-blue:hover{background-color:#3064dc}.project-row{cursor:pointer;border-radius:1rem;overflow:hidden}.project-row:hover{background-color:#275bcc0f;transition:background .15s ease}.project-name{color:#222;font-weight:500}.expand-arrow{cursor:pointer;font-size:14px;text-align:center;color:#4b5563}.expand-arrow.disabled{cursor:not-allowed;color:#aaa}.vintage-container{box-sizing:content-box;border:0px solid transparent;background:#3c76f109;border-radius:0px 0px 1.6rem 1.6rem;padding-left:2.4rem;padding-right:1rem;margin-top:-4px}.vintage-scroll{width:100%;overflow-x:scroll}.vintage-table{width:100%;font-size:1.6rem;border-collapse:collapse}.vintage-table td{font-size:12px!important;padding:8px 10px!important}.vintage-table th{font-size:11px!important;padding:8px 10px!important}.vintage-header th span{font-size:11px;letter-spacing:.3px}.vintage-header{font-size:1rem;color:#8b9ba8;font-weight:700}.vintage-header th{padding:12px!important;text-transform:uppercase;white-space:normal}.vintage-th{display:flex;align-items:center;justify-content:flex-start}.vintage-arrows{padding:0 .4rem;display:inline-flex;color:#ccc}.vintage-row{cursor:pointer;border-radius:1rem;overflow:hidden}.vintage-row td{font-size:1.4rem;color:#363c46;text-align:center;font-weight:400;padding:2rem 1.2rem;white-space:nowrap}.vintage-row:hover{background:#3c76f10f}@media(min-width:1020px)and (max-width:1201px){.summary-grid{grid-template-columns:repeat(2,1fr)}}.add-project-step2{padding:24px}.add-project-step2 .form-card>*{margin-bottom:48px}.add-project-step2 .horizontal-group,.add-project-step2 .input-group{margin-bottom:18px}.add-project-step2 .section-title{font-weight:550;color:#000;font-size:.9rem;line-height:2rem;display:block;margin-bottom:16px}.add-project-step2 .horizontal-group{display:grid;grid-template-columns:repeat(2,1fr);gap:32px;width:100%}.step-circle.green{background:#2e7d32!important}.add-project-step2 .step-progress .step.completed span{color:#2e7d32!important}.completed-circle{font-size:1.1rem;font-weight:700}.step-progress .step.completed+.step-line{background-color:#2e7d32}.add-project-container .section-title:first-of-type{margin-bottom:38px}.add-project-step2 .sdg-section{margin-bottom:48px}.add-project-step2 .sdg-row{display:grid;grid-template-columns:repeat(10,1fr);gap:50px;margin:24px 0 48px}.add-project-step2 .sdg-icon svg{width:64px;height:64px;transform:scale(4);transform-origin:center;z-index:1;pointer-events:none}.add-project-step2 .sdg-icon{width:256px;height:256px;background-color:#b0b0b0;position:relative;display:flex;justify-content:center;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none;overflow:visible}.add-project-step2 .sdg-icon input[type=checkbox]{position:absolute;top:24px;right:24px;z-index:10;width:16px;height:16px;background:#fff;border-radius:4px;cursor:pointer}.add-project-step2 label{font-size:1rem;color:#8992a3;display:block;margin-bottom:12px}.add-project-step2 input{width:100%;padding:.6rem 1.2rem;border-radius:.8rem;border:2px solid #d3d3d3;background-color:transparent;font-size:1.4rem;line-height:1.1rem;color:#52555b}.add-project-step2 select{width:100%;padding:.8rem 1.2rem;border-radius:.6rem;border:2px solid #d3d3d3;background-color:transparent;font-size:1rem;line-height:1.1rem;color:#52555b}.add-project-step2 textarea{width:100%;padding:.9rem 1.2rem;border-radius:.6rem;border:2px solid #d3d3d3;background-color:transparent;font-size:1rem;line-height:1.1rem;color:#52555b}.info{position:relative;margin-left:6px;cursor:pointer}.add-project-step2 .tooltip{pointer-events:none;position:absolute;bottom:0;left:0;opacity:0;transition:opacity .3s ease-in;text-align:left;padding:6px 16px;background-color:#fff;box-shadow:0 8px 24px -6px #0f224329;border-radius:8px;width:350px;z-index:10;color:#000}.add-project-step2 .info:hover .tooltip{opacity:1}.add-project-step2 .timeline-row{display:flex;align-items:center;gap:14px;width:100%}.add-project-step2 .apply-btn{margin-top:32px;padding:.8rem 1.3rem;border-radius:.6rem;background-color:#3c76f1;color:#fff;border:none;font-size:1rem;cursor:pointer}.add-project-step2 .timeline-instruction{margin-top:34px;color:#030303;font-size:1rem;font-weight:550}.add-project-step2 .tonnes-apply-row{display:flex;align-items:center;gap:12px}.add-project-step2 .tonnes-apply-row input{flex:1}.add-project-step2 .apply-btn{margin-top:0;white-space:nowrap}input:disabled,select:disabled{background:#f4f6f8;cursor:not-allowed}.add-project-container{max-width:100%;margin:0 auto;font-family:Inter,sans-serif;color:#252733;background-color:#f9f9f9;padding:24px}.add-project-container .page-title{display:flex;align-items:center;gap:12px;margin-bottom:24px}.add-project-container .page-title h3{font-size:1.2rem;font-weight:600;margin:0}.add-project-container .back-button{background:none;border:none;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;color:#2a2a2a;transition:background .2s}.add-project-container .back-button:hover{background-color:#fff;border-radius:4px}.add-project-container>div:first-child{display:flex;flex-direction:column;gap:6px}.add-project-container .step-progress{display:flex;align-items:center;gap:16px;margin-bottom:30px;justify-content:flex-start;font-size:.95rem;margin-left:220px;margin-right:220px}.add-project-container .step{display:flex;align-items:center;gap:8px}.add-project-container .step-circle{width:2rem;height:2rem;border-radius:50%;background-color:#3c76f1;color:#fff;font-weight:600;display:flex;justify-content:center;align-items:center;font-size:.85rem}.add-project-container .step-circle.inactive{background-color:#fff;color:#c4c9d1;border:2px solid #c4c9d1}.add-project-container .step span{font-weight:600;color:#3c76f1}.add-project-container .step .inactive-text{color:#c4c9d1}.add-project-container .step-line{flex:1;height:2px;background-color:#e1e4e8;border-radius:8px}.add-project-container .fetch-success{text-align:center;background-color:#5a96e3;padding:.5rem 1rem;border-radius:.5rem;color:#fff;font-weight:600;margin-bottom:24px;font-size:.9rem;max-width:calc(100% - 280px);margin-left:auto;margin-right:auto}.add-project-container .form-card{background-color:#fff;border-radius:24px;padding:32px;box-shadow:0 2px 12px #0000000f;margin-left:140px;margin-right:140px;max-width:calc(100% - 60px)}.add-project-container .section-title{font-size:1rem;font-weight:600;margin-bottom:16px;display:block}.add-project-container .horizontal-group{display:grid;grid-template-columns:repeat(2,1fr);gap:32px;margin-top:24px}.add-project-container .single-column{margin-top:24px;width:100%;max-width:505px}.add-project-container .form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:32px;margin-top:24px}.add-project-container .input-group{display:flex;flex-direction:column}.add-project-container .input-group label{font-size:.9rem;color:#8992a3;margin-bottom:6px;font-weight:500}.add-project-container .input-group input,.add-project-container .select-box{padding:.8rem 1rem;font-size:.9rem;border-radius:.5rem;border:2px solid #d3d3d3;outline:none;transition:border-color .2s,box-shadow .2s;width:100%}.add-project-container .input-group input:focus,.add-project-container .select-box:focus{border-color:#3c76f1;box-shadow:0 0 0 3px #3c76f133}.add-project-container .select-box{background-color:#fff;color:#52555b;cursor:pointer}.add-project-container .fetch-btn{margin-top:10px;padding:.8rem 1.6rem;border-radius:.5rem;font-size:1rem;border:2px solid #a4bffa;background-color:#a4bffa;color:#fff;cursor:not-allowed;transition:background .2s,color .2s;width:50%;box-sizing:border-box;margin-left:auto;display:block}.add-project-container .fetch-btn.enabled{background-color:#3c76f1;color:#fff;cursor:pointer}.add-project-container .divider{height:1px;width:100%;background-color:#e1e4e8;margin:48px 0}.add-project-container .form-footer{display:flex;justify-content:space-between;align-items:center;margin-top:40px}.add-project-container .footer-right{display:flex;gap:16px}.add-project-container .back-btn{padding:.7rem 1.2rem;border-radius:.8rem;font-size:1rem;font-weight:600;border:2px solid #3c76f1;color:#3c76f1;background-color:#fff;cursor:pointer;transition:background .2s,border-color .2s}.add-project-container .primary-btn{padding:.7rem 1.2rem;background-color:#3c76f1;color:#fff;border-radius:.8rem;font-size:1rem;font-weight:600;border:none;cursor:pointer;transition:background .2s;width:fit-content}.add-project-container .primary-btn:hover{background-color:#345ecc}.add-project-container .secondary-btn{padding:.7rem 1.2rem;border-radius:.8rem;font-size:1rem;font-weight:600;border:2px solid #d32f2f;color:#d32f2f;background-color:#fff;cursor:pointer;transition:background .2s,border-color .2s}.add-project-container .secondary-btn:hover:not(:disabled){background-color:#ffeaea;color:#d32f2f}.add-project-container .back-btn:disabled{opacity:.5;cursor:not-allowed}.add-project-step3{padding:24px}.add-project-step3 .section-title{font-weight:550;color:#000;font-size:.9rem;line-height:2rem;display:block;margin-bottom:24px}.add-project-step3 .divider{height:1px;background:#e0e0e0;margin:32px 0}.review-grid{display:grid;gap:32px;margin-bottom:32px}.review-grid.three-col{grid-template-columns:repeat(3,1fr)}.review-grid.four-col{grid-template-columns:repeat(4,1fr)}.review-grid.two-col{grid-template-columns:repeat(2,1fr)}.review-grid.full-width{grid-template-columns:1fr}.review-item{display:flex;flex-direction:column;gap:6px}.review-item .label{font-size:.95rem;color:#8992a3;font-weight:500}.review-item .value{font-size:1.05rem;color:#52555b;word-break:break-word}.add-project-step3 .sdg-container{display:flex;flex-wrap:wrap;gap:12px}.add-project-step3 .default-image-preview{width:160px;height:120px;object-fit:cover;border-radius:8px;margin-top:12px;cursor:pointer}.add-project-step3 .confirm-checkbox{display:flex;align-items:center;gap:12px;margin-top:32px}.add-project-step3 .confirm-checkbox label{font-size:.95rem;color:#333}.add-project-step3 .form-footer{margin-top:40px;display:flex;justify-content:space-between;align-items:center}.add-project-step3 .footer-actions{display:flex;gap:16px}.add-project-step3 .step-circle.green{background:#2e7d32}.add-project-step3 .step.completed span{color:#2e7d32}.add-project-step3 .step.completed+.step-line{background-color:#2e7d32}.sidebar{background-color:#fff;margin-top:var(--navbar-height);height:calc(100vh - var(--navbar-height));width:72px;padding:30px 20px;display:flex;flex-direction:column;position:relative;transition:width .2s ease;z-index:110;box-shadow:1px 0 6px #0000000d}.sidebar.expanded{width:165px}.sidebar-toggle{position:absolute;right:-12px;top:4.3rem;width:2rem;height:2rem;background:#fff;border-radius:50%;box-shadow:1px 1px 4px #001e351a;display:flex;align-items:center;justify-content:center;cursor:pointer}.sidebar.expanded .sidebar-toggle svg{transform:rotate(180deg);transition:transform .2s}.sidebar-logo{width:3.7rem;height:3.7rem;border-radius:8px;color:#fff;font-weight:600;display:flex;flex-direction:column;align-items:center;justify-content:center;margin-bottom:40px;text-decoration:none;cursor:pointer}.sidebar-logo img{width:50px;height:auto;border-radius:0;object-fit:contain;transition:all .2s ease}.sidebar.expanded .sidebar-logo{align-items:flex-start;padding-left:8px}.sidebar.expanded .sidebar-logo img{width:100px}.sidebar-nav{display:flex;flex-direction:column;flex:1;justify-content:center;transform:translateY(-60px)}.sidebar-nav .label{display:flex;flex-direction:column;font-size:.9rem;line-height:1.2;white-space:nowrap}.sidebar-item{height:3.2rem;display:flex;align-items:center;gap:16px;padding-left:12px;justify-content:center;margin:8px 0;color:#8992a3;text-decoration:none;position:relative;cursor:pointer;flex-shrink:0}.sidebar.expanded .sidebar-item{justify-content:flex-start;padding-left:12px;gap:16px}.sidebar-item:hover{background-color:#f5f7fb;border-radius:8px}.sidebar-item.active{color:#3c76f1}.sidebar-item:after{content:"";position:absolute;right:-20px;top:10%;height:80%;width:4px;background-color:#3c76f1;border-radius:2px;opacity:0;transition:opacity .2s ease}.sidebar-item.active:after{opacity:1}.navbar{display:flex;justify-content:flex-end;align-items:center;padding-right:2rem;gap:1.5rem;background-color:#fff;min-height:72px;position:sticky;top:0;width:100%;z-index:99;box-shadow:0 1px 6px #0000000d}.navbar h3{font-size:.78rem;font-weight:medium;margin:0;color:#212121}.navbar-icons{display:flex;align-items:center;gap:20px}.navbar-item{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative;transition:background .2s}.profile-container{display:flex;align-items:center;gap:6px;cursor:pointer;position:relative}.profile-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover;border:1px solid #e5e8ef}.down-arrow{display:flex;align-items:center;margin-left:4px}.profile-dropdown{position:absolute;top:48px;right:0;background:#fff;border-radius:8px;box-shadow:0 4px 12px #0000001a;padding:8px 0;min-width:120px;z-index:100;display:flex;flex-direction:column}.profile-dropdown button{background:none;border:none;text-align:left;padding:10px 16px;width:100%;font-size:14px;cursor:pointer;color:#212121}.profile-dropdown button:hover{background-color:#f1f4fa}.user-layout{display:flex;background-color:#f5f7fb;height:100vh;width:100%;box-sizing:border-box;overflow:hidden}.user-layout-main{flex:1;display:flex;flex-direction:column;overflow:hidden}.user-layout-content{padding:0;overflow-y:auto;flex:1;background-color:transparent}.project-details-container{padding:32px;background:transparent!important;border:none!important;box-shadow:none!important}.project-details-container>*{background:transparent!important}.project-details-header{display:flex;align-items:center;margin-bottom:24px}.back-arrow,.project-name{font-weight:700;font-size:1.3rem;line-height:2.4rem;color:#000}.project-tabs{display:flex;gap:8px;margin-bottom:20px}.project-status{padding:2px 8px!important;font-weight:700!important;font-size:1rem!important;line-height:1.4rem!important;border-radius:10px!important}.project-form-card{background:#fff;border-radius:24px;padding:24px;width:80%;margin-left:auto;margin-right:auto;transition:.3s}.tab-content{padding:4px}.primary-details section{margin-bottom:20px}.primary-details h3{font-weight:700;font-size:18px;line-height:24px;color:#000;margin-bottom:20px}.grid{display:grid;gap:16px;margin-bottom:24px}.grid strong{font-size:14px;color:#7c7c7d;display:block;margin-bottom:4px}.grid div{font-size:16px;color:#000}.comment-count{background:#3c76f1;color:#fff;width:20px;height:20px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:12px;margin-left:8px}.primary-details-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.save-changes-row{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.tab.disabled{pointer-events:none;opacity:.6;cursor:not-allowed}.tabs_tab_content{padding:30px 0 5px}.project-card{background:#fff;border-radius:24px;padding:24px;width:80%;margin-left:auto;margin-right:auto}.additional-form>*{margin-bottom:48px}.section-title{font-weight:600;color:#000;font-size:1.4rem;line-height:2.4rem}.two-col-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:32px}.compact-input{width:100%;padding:6px 10px;font-size:13px;border-radius:6px;border:1.5px solid #d3d3d3;height:32px}.compact-input:disabled{background:#f5f5f5;cursor:not-allowed}.dropzone{border:2px dashed #c4c9d1;border-radius:.8rem;padding:20px;height:200px;width:400px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer}.sdg-grid{display:grid;grid-template-columns:repeat(10,1fr);gap:16px}.sdg-box{width:64px;height:64px;display:flex;align-items:center;justify-content:center;background:gray;cursor:pointer}.rating-select{width:auto;padding:.8rem 1.6rem;border-radius:.8rem;border:2px solid rgb(211,211,211);font-size:1.4rem}.info-tooltip{position:relative;display:inline-block;margin-left:6px;cursor:pointer;color:#222223;font-size:14px}.tooltip-text{visibility:hidden;width:260px;background-color:#e3e4e7;color:#232222;text-align:left;padding:8px 10px;border-radius:8px;position:absolute;z-index:999;bottom:120%;left:50%;transform:translate(-50%);font-size:12px;line-height:1.4}.info-tooltip:hover .tooltip-text{visibility:visible}.rating-input{width:100%;padding:6px 10px;font-size:13px;border-radius:6px;border:1.5px solid #d3d3d3;height:32px}.rating-input:disabled{background:#f5f5f5;cursor:not-allowed}.compact-textarea{width:100%;min-height:90px;padding:8px 10px;font-size:13px;border-radius:6px;border:1.5px solid #d3d3d3;resize:vertical;margin-top:6px}.compact-textarea:disabled{background:#f5f5f5;cursor:not-allowed}.image-block{margin-bottom:16px;padding:10px;border:1px solid #eaeaea;border-radius:8px}.image-block strong{display:block;margin-bottom:8px;font-size:14px}.image-block textarea{width:100%;min-height:70px;margin-top:8px;padding:6px 8px;border-radius:6px;border:1.5px solid #d3d3d3;font-size:13px}.image-block input[type=file]{margin-top:8px}.image-block .remove{margin-left:10px}.link-btn{margin-top:12px}.textarea-section{display:flex;flex-direction:column;gap:14px}.textarea-block{display:flex;flex-direction:column;margin-bottom:12px}.textarea-block .field-label{margin-bottom:4px}.pricing-summary{display:flex;justify-content:space-between;margin:20px 0}.summary-value{font-size:20px;font-weight:600;margin-top:4px}.pricing-table{width:100%;border-collapse:collapse}.pricing-table th,.pricing-table td{border:1px solid #ddd;padding:10px}.pricing-table th{background:#f5f5f5;text-align:left}.pagination{margin-top:16px;display:flex;justify-content:flex-end;gap:12px}.vintage-details-container{padding:32px}.vintage-details-header{display:flex;align-items:center;margin-bottom:24px}.back-arrow,.vintage-name{font-weight:700;font-size:1.3rem;line-height:2.4rem;color:#000}.vintage-status{margin-left:20px;padding:2px 10px;border-radius:12px;font-weight:500;font-size:14px}.vintage-status.active{background:#d4edda;color:#155724}.vintage-status.on-hold{background:#fff3cd;color:#856404}.vintage-status.removed{background:#f8d7da;color:#721c24}.vintage-tabs{display:flex;gap:8px;margin-bottom:20px}.tab{display:flex;padding:8px 16px;background:transparent;border:none;cursor:pointer;font-size:16px;font-weight:600;line-height:24px;color:#777778;border-bottom:2px solid transparent}.tab.active{border-bottom:2px solid #007bff;font-weight:600;color:#007bff}.tab.disabled{pointer-events:none;opacity:.5;cursor:not-allowed}.vintage-form-card{background:#fff;border-radius:24px;padding:24px;width:80%;margin-left:auto;margin-right:auto;transition:.3s}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.vintage-actions{display:flex;gap:8px}.btn-base{display:inline-flex;align-items:center;justify-content:center;height:40px;width:120px;padding:0;font-size:13px;font-weight:600;border-radius:6px;border:none;cursor:pointer;transition:all .2s ease}.edit-btn{background:#007bff;color:#fff}.edit-btn:hover{background:#0056b3}.secondary-btn{background:#dfdfdf;color:#292929}.secondary-btn:hover{background:#0c0c0c;color:#eaeaea}.primary-btn{background:#007bff;color:#fff}.primary-btn:hover{background:#0056b3}.primary-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.primary-actions{display:flex;gap:10px}.quantity-input{width:100%;padding:6px 10px;font-size:13px;border-radius:6px;border:1.5px solid #d3d3d3;height:32px}.quantity-input:disabled{background:#f5f5f5;cursor:not-allowed}.vertical-field{display:flex;flex-direction:column;gap:6px}.field-label{margin-bottom:5px;font-size:14px;font-weight:600;color:#7c7c7d}.field-value{word-break:break-word}.sdg-grid{display:flex;flex-wrap:wrap;gap:12px;margin-top:8px}.sdg-item{display:flex;flex-direction:column;align-items:center;text-align:center}.ratings-grid{display:flex;flex-direction:column;gap:18px}.rating-row{display:grid;grid-template-columns:1fr 1fr;gap:10px 24px;align-items:start}.rating-label{font-size:14px;font-weight:600;color:#7c7c7d}.rating-value{font-size:14px;color:#000}.images-grid{display:flex;flex-wrap:wrap;gap:16px;margin-top:8px}.image-item{display:flex;flex-direction:column;align-items:center;text-align:center}.grid{display:grid;gap:12px;margin:10px 0}.grid.two{grid-template-columns:repeat(2,1fr)}.grid.three{grid-template-columns:repeat(3,1fr)}.grid.four{grid-template-columns:repeat(4,1fr)}.comment-count{margin-left:10px;background:#0d6efd;color:#fff;width:22px;height:22px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:12px}.comment{padding:10px;border-bottom:1px solid #eee}.comments-list{display:flex;flex-direction:column;gap:12px;max-height:230px;overflow-y:auto;padding-right:6px}.comments-list::-webkit-scrollbar{width:6px}.comments-list::-webkit-scrollbar-thumb{background:#ccc;border-radius:10px}.comment-box{padding:10px;border-radius:6px;background:#f5f5f5}.comment-box.highlight{background:#e8f4ff;border-left:4px solid #007bff}.comment-box small{display:block;color:#666;margin-top:6px}