.hero-section{background:linear-gradient(135deg,#5b7b47,#a8c893);color:#fff;padding:60px 0;border-radius:0 0 20px 20px;margin-bottom:30px}.product-card{background:#fff;border:none;border-radius:20px;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;position:relative;margin-bottom:20px;height:100%;box-shadow:0 4px 20px rgba(0,0,0,.08)}.product-card:hover{transform:translateY(-8px);box-shadow:0 12px 30px rgba(0,0,0,.15)}.product-card img{width:100%;height:220px;object-fit:cover;border-bottom:1px solid #f0f0f0}.product-card .card-body{padding:25px;display:flex;flex-direction:column;gap:10px}.product-card .card-title{font-size:1.3rem;font-weight:600;color:#4a6a37;margin-bottom:5px}.product-card .card-text{color:#555;font-size:.95rem;margin-bottom:10px}.qty-selector{display:flex;align-items:center;gap:12px;margin-top:10px}.qty-selector input{width:70px;text-align:center;border:1px solid #d1d9cc;border-radius:8px;padding:8px;font-size:.9rem}.qty-selector button{background:#e8efe3;border:none;border-radius:8px;padding:8px 12px;color:#4a6a37;font-weight:600;transition:background .3s ease}.qty-selector button:hover{background:#a8c893;color:#fff}.out-of-stock{position:absolute;top:15px;right:-30px;background:#ff4d4d;color:#fff;padding:6px 40px;font-size:.85rem;font-weight:600;transform:rotate(45deg);box-shadow:0 2px 5px rgba(0,0,0,.2)}.vendor-sidebar{background:#fff;border-radius:20px;padding:25px;box-shadow:0 5px 15px rgba(0,0,0,.05);height:-moz-fit-content;height:fit-content}.vendor-sidebar img{width:100%;height:160px;object-fit:cover;border-radius:12px}.vendor-sidebar .map-placeholder{background:#e8efe3;height:200px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#4a6a37;font-weight:600;margin-top:20px}.action-buttons{gap:10px;margin-top:10px}.contact-icon{background:#e8efe3;color:#5b7b47;border:none;border-radius:5px;padding:10px;font-size:1.2rem;transition:background .3s,color .3s;width:40px;height:40px;display:flex;align-items:center;justify-content:center}.add-to-cart{background:#4a6a37;color:#fff;border:none;border-radius:8px;padding:12px;width:100%;font-weight:600;font-size:.95rem;transition:background .3s ease,transform .2s ease;margin-top:auto}.add-to-cart:hover{background:#a8c893;transform:translateY(-2px)}.add-to-cart:disabled{background:#ccc;cursor:not-allowed}.filter-section{background:#fff;border-radius:20px;padding:25px;margin:30px 0;box-shadow:0 5px 15px rgba(0,0,0,.05)}.filter-title{color:#4a6a37;font-weight:600;font-size:1.25rem}.filter-group,.filter-title{margin-bottom:15px}.category-btn{background:#e8efe3;border:1px solid #d1d9cc;color:#4a6a37;border-radius:25px;padding:8px 20px;margin:5px;font-size:.9rem;transition:all .3s ease}.category-btn.active,.category-btn:hover{background:#4a6a37;color:#fff;border-color:#4a6a37}.price-range{display:flex;align-items:center;gap:12px}.price-range input{width:100px;border:1px solid #d1d9cc;border-radius:8px;padding:8px 10px;font-size:.9rem}.price-range .apply-btn{background:#4a6a37;color:#fff;border:none;border-radius:8px;padding:8px 20px;font-size:.9rem;transition:background .3s ease}.price-range .apply-btn:hover{background:#a8c893}.results-info{color:#4a6a37;font-weight:600;margin-bottom:15px;font-size:1rem}@media (max-width:768px){.product-card img{height:180px}.vendor-sidebar{margin-top:20px}.price-range{flex-direction:column;align-items:flex-start}.product-card .card-body{padding:20px}}.loader{position:relative;width:80px;height:80px;background:transparent}.loader div{box-sizing:border-box;display:block;position:absolute;width:64px;height:64px;margin:8px;border-radius:0;animation:spin 1.2s cubic-bezier(.5,0,.5,1) infinite;border:8px solid transparent;border-top-color:#3498db}.loader div:first-child{animation-delay:-.45s}.loader div:nth-child(2){animation-delay:-.3s}.loader div:nth-child(3){animation-delay:-.15s}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.productCard{background-color:#fff;border:none;border-radius:15px;box-shadow:0 8px 20px rgba(91,123,71,.2);overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;max-width:300px;margin:20px auto}.productCard:hover{transform:translateY(-5px);box-shadow:0 12px 30px rgba(91,123,71,.3)}.productImage{width:100%;height:200px;object-fit:cover;border-bottom:3px solid #5b7b47}.productInfo{padding:15px}.productPrice{color:#5b7b47;font-size:1.5rem;font-weight:700}.productQtyUnits{color:#3a4b2e;font-size:.9rem;margin:10px 0}.actionIcons{display:flex;gap:10px}.actionIcons .btn{background-color:#5b7b47;border:none;color:#fff;transition:background-color .3s ease}.actionIcons .btn:hover{background-color:#3a4b2e}.actionIcons .btn i{font-size:1rem}.btn{display:inline-block;padding:.8rem 1.5rem;background-color:#198754;transition:background-color .3s ease}.btn:hover{background-color:#0f5132}.btn-secondary{background-color:#6c757d}.btn-secondary:hover{background-color:#5a6268}.btn-open{position:fixed;bottom:5rem;right:30rem;z-index:1100;width:60px;height:60px;border-radius:50%;font-size:1.5rem;box-shadow:0 6px 15px rgba(0,0,0,.2)}.btn-open,.vendor-loader-wrapper{display:flex;align-items:center;justify-content:center}.vendor-loader-wrapper{height:60vh}.view-toggle{display:flex;align-items:center;gap:10px}.view-btn{border:none;background:none;cursor:pointer;padding:10px;border-radius:8px;font-size:20px;transition:all .3s ease;color:#666}.view-btn:hover{background-color:#f0f0f0}.view-btn.active{background-color:#007bff;color:#fff}.view-label{margin-left:12px;font-size:14px;color:#555}.paginations{display:flex;gap:8px;list-style:none;padding:0}.page-item{cursor:pointer}.page-item a{padding:8px 12px;border-radius:6px;text-decoration:none;color:#555}.page-item.active a{background-color:#007bff;color:#fff}.table-container{max-height:400px;overflow-y:auto;border:1px solid #e5e7eb;border-radius:8px;position:relative;scrollbar-width:thin;scrollbar-color:#c1c1c1 #f1f1f1}.table-container::-webkit-scrollbar{width:12px;height:12px}.table-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.table-container::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:10px}.table-container::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.table-container>.bidding-summary-table{width:calc(100% + 17px);margin-right:-17px;min-width:1300px;border-collapse:collapse;table-layout:fixed}.bidding-summary-table thead th{position:-webkit-sticky;position:sticky;top:0;background:#b3b0b0d5;color:#374151;font-weight:600;font-size:.875rem;text-align:left;height:60px;line-height:60px;padding:0 12px;border-bottom:1px solid #e5e7eb;z-index:10;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bidding-summary-table thead th:last-child{text-align:center;z-index:20}.bidding-summary-table tbody td:first-child,.bidding-summary-table thead th:first-child{position:-webkit-sticky;position:sticky;left:0}.bidding-summary-table tbody td{height:40px;padding:4px 12px;font-size:.8rem;color:#1f2937;border-bottom:1px solid #f3f4f6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;vertical-align:middle}.bidding-summary-table tbody td:last-child{position:-webkit-sticky;position:sticky;top:60px;z-index:15;display:flex;justify-content:center;align-items:center;padding:0 8px}.bidding-summary-table tbody td:nth-child(4){padding:2px 8px}.bidding-summary-table tbody td:nth-child(4) img{border-radius:20px;width:50px;height:50px;object-fit:cover;display:block}.bidding-summary-table tbody tr:hover{background:#f8f9fa}.action-buttons{width:100%;height:100%;padding:0 8px!important}.action-buttons,.btn-delete,.btn-update{justify-content:center;align-items:center}.btn-delete,.btn-update{width:28px;height:28px;padding:0;border:none;border-radius:6px;cursor:pointer;transition:all .2s ease;display:flex;font-size:.75rem}.btn-update{background:#3b82f6;color:#fff}.btn-update:hover{background:#2563eb;transform:scale(1.05)}.btn-delete{background:#ef4444;color:#fff}.btn-delete:hover{background:#dc2626;transform:scale(1.05)}.vendor-card{background:#fff;border-radius:10px;box-shadow:0 3px 14px rgba(0,0,0,.06);overflow:hidden;height:100%;display:flex;flex-direction:column}.card-header{background:#3c5037;color:#fff;padding:10px 14px;display:flex;align-items:center;gap:10px}.back-btn{background:hsla(0,0%,100%,.22);border:none;color:#fff;width:30px;height:30px;border-radius:50%;font-size:17px;display:grid;place-items:center;cursor:pointer;transition:.15s}.back-btn:hover{background:hsla(0,0%,100%,.38)}.card-header h1{margin:0;font-size:1.15rem;font-weight:600}.card-body{padding:14px;flex:1 1;display:flex;flex-direction:column}.vendor-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.vendor-avatar{width:64px;height:64px;border-radius:10px;object-fit:cover;background:#e5e7eb;flex-shrink:0;border:2px solid #e5e7eb}.vendor-info{flex:1 1;min-width:0}.vendor-name{margin:0;font-size:1.25rem;font-weight:700;line-height:1.3}.vendor-type{color:#5a7a55;font-size:.86rem;margin-top:2px}.details{font-size:.92rem;line-height:2;margin-top:4px}.detail-row{display:grid;grid-template-columns:94px 1fr;grid-gap:8px;gap:8px;margin-bottom:8px}.detail-label{color:#6b7280;font-weight:500}.detail-value{width:100%;color:#111827;font-weight:500;word-break:break-word}.status-active{color:#5a7a55;font-weight:600}.actions{margin-top:16px;display:flex;gap:8px;flex-wrap:wrap}.btn{padding:7px 14px;border-radius:6px;font-size:.88rem;font-weight:600;transition:.15s}.btn-primary{background:#3c5037;color:#fff}.btn-primary:hover{background:#2f412c;transform:translateY(-1px)}.btn-outline{background:transparent;border:1px solid #c3c9c0;color:#374151}.btn-outline:hover{background:#f5f7f4}@media (max-width:992px){.detail-row{grid-template-columns:88px 1fr}.vendor-name{font-size:1.18rem}.vendor-avatar{width:56px;height:56px}}:root{--primary:#3c5037;--primary-light:#e8f0e6;--border:#dee2e6;--shadow:0 4px 20px rgba(60,80,55,.1)}.table-wrapper{background:#fff;border-radius:12px;overflow:hidden;box-shadow:var(--shadow);border:1px solid var(--border);max-width:100%;margin:40px;font-family:DM Sans,sans-serif}.table-container{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}.filter-row th{background:var(--primary);color:#fff;padding:12px 10px;font-weight:600;font-size:.8rem;text-transform:uppercase;letter-spacing:.8px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.filter-input{width:100%;padding:8px 10px;border:none;border-radius:6px;font-family:inherit;font-size:.85rem;margin-top:6px;background:hsla(0,0%,100%,.9);transition:all .2s}.filter-input:focus{outline:none;background:#fff;box-shadow:0 0 0 2px hsla(0,0%,100%,.5)}thead th{background:#f1f8f0;color:var(--primary);font-weight:600;text-align:left;padding:16px 12px;font-size:.95rem;position:-webkit-sticky;position:sticky;top:58px;z-index:9;border-bottom:2px solid var(--primary-light)}td.action-sticky,th.action-sticky{position:-webkit-sticky;position:sticky;left:0;background:#fff;z-index:8;min-width:100px}th.action-sticky{background:#f1f8f0;z-index:11}tbody tr:nth-child(2n) td{background-color:var(--primary-light)}tbody tr:hover td{background-color:#d4e6d0!important;transition:background-color .2s ease}td{padding:16px 12px;border-bottom:1px solid var(--border);background:#fff}.action-buttons{display:flex;gap:8px}.btn{width:38px;height:38px;border-radius:8px;font-size:1rem;display:flex;align-items:center;justify-content:center;transition:all .25s ease;box-shadow:0 2px 6px rgba(0,0,0,.1)}.btn-update{background:#e3f2fd;color:#1976d2}.btn-update:hover{background:#bbdefb;transform:translateY(-2px)}.btn-delete{background:#ffebee;color:#d32f2f}.btn-delete:hover{background:#ffcdd2;transform:translateY(-2px)}.product-img{width:50px;height:50px;object-fit:cover;border-radius:10px;border:3px solid #fff;box-shadow:0 3px 10px rgba(0,0,0,.15)}@media (max-width:768px){.table-wrapper{margin:20px}.filter-row{display:none}table,tbody,td,th,thead,tr{display:block;width:100%}thead{display:none}tr{margin-bottom:24px;background:#fff;border-radius:16px;overflow:hidden;box-shadow:var(--shadow);border:1px solid var(--border);position:relative;padding:80px 16px 16px}td{display:block;text-align:right;padding:8px 0;border:none;font-size:.95rem}td:before{content:attr(data-label);float:left;font-weight:600;color:var(--primary);text-transform:capitalize}.action-buttons{position:absolute;top:16px;right:16px;z-index:10}td[data-label="Product Image"]{position:absolute;top:16px;left:16px;padding:0}.product-img{width:70px;height:70px;border-radius:12px}}.category-card{background-color:#f8f9fa;border:none;border-radius:15px;box-shadow:0 4px 15px rgba(91,123,71,.2);transition:transform .3s ease,box-shadow .3s ease;height:100%;display:flex;flex-direction:column;justify-content:space-between;padding:20px}.category-card:hover{transform:translateY(-5px);box-shadow:0 6px 20px rgba(91,123,71,.3)}.card-title{color:#5b7b47;font-size:1.5rem;font-weight:600;margin-bottom:15px}.card-text{color:#333;font-size:1rem;margin-bottom:15px}.card-benefits{background-color:rgba(91,123,71,.1);padding:10px;border-radius:10px;margin-bottom:15px}.card-benefits ul{list-style-type:none;padding-left:0}.card-benefits li{margin-bottom:8px;color:#444}.form-check-input:checked{background-color:#5b7b47;border-color:#5b7b47}.form-check-label{color:#5b7b47;font-weight:500}.container{padding:40px 20px}.body{background-color:#fff;font-family:Arial,sans-serif;display:flex;justify-content:center;align-items:center;min-height:100vh;margin:0;color:#333}.container{display:flex;max-width:1200px;width:100%;gap:40px;padding:20px;flex-wrap:wrap}.loginSection{flex:1 1;padding:40px;background:#fff;box-shadow:0 10px 30px rgba(0,0,0,.1);border-radius:15px;display:flex;flex-direction:column;align-items:center}.loginTitle{color:#5b7b47;font-size:2.5em;margin-bottom:20px}.input{width:100%;padding:15px;margin:10px 0;border:none;border-bottom:2px solid #5b7b47;background:transparent;font-size:1.1em}.button{background-color:#5b7b47;color:#fff;font-size:1.5em;padding:15px 60px;border-radius:50px;margin:20px 0;border:none;cursor:pointer;text-align:center;display:inline-block;text-decoration:none}.socialLogin{display:flex;gap:20px;margin-top:20px;font-size:2em}.infoSection{flex:1 1;background:#f8f9fa;border-radius:15px;padding:40px}.infoTitle{color:#5b7b47;font-size:2em;margin-bottom:20px}.infoText{font-size:1.1em;line-height:1.6;margin-bottom:20px;text-align:justify}.flowchart{padding-top:20px}.flowchartStep{background:#5b7b47;color:#fff;padding:15px 25px;margin:15px 0;border-radius:10px;display:flex;align-items:center;gap:10px;font-size:1.1em}.business-card{background:hsla(0,0%,100%,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:15px;width:100%;height:200px;display:flex;overflow:hidden;box-shadow:0 8px 32px rgba(0,0,0,.2);transition:transform .3s ease,box-shadow .3s ease;position:relative;border:1px solid rgba(60,80,55,.2)}.business-card:hover{transform:translateY(-10px);box-shadow:0 12px 40px rgba(0,0,0,.3)}.logo-section{width:30%;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.2)}.logo-img{width:100%;height:100%;object-fit:contain}.info-section{width:70%;padding:20px;display:flex;flex-direction:column;justify-content:space-between}.company-name{font-size:1.5em;font-weight:700;color:#4a6642;margin:0;text-transform:uppercase;letter-spacing:1px}.contact-details,.location{font-size:.9em;color:#344a30;margin:5px 0}.button-group{display:flex;gap:10px}.btn{padding:8px 16px;border:none;border-radius:25px;font-size:.9em;cursor:pointer;text-transform:uppercase;transition:background .3s ease,transform .2s ease;text-decoration:none;color:#fff;background:linear-gradient(45deg,#3c5037,#526b4a)}.btn:hover{background:linear-gradient(45deg,#526b4a,#3c5037);transform:scale(1.05)}.futuristic-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle,rgba(60,80,55,.1) 0,transparent 70%);pointer-events:none}@media (max-width:768px){.business-card{width:100%;height:auto;flex-direction:column}.logo-section{width:100%;padding:10px}.info-section{width:100%;padding:15px}}.tab-container{width:100%;max-width:calc(100vw - 40px);margin:5rem auto;position:relative}.tab-list{display:flex;flex-wrap:wrap;gap:.5rem;padding-bottom:2px}.tab,.tab-list{position:relative}.tab{flex:1 1;min-width:150px;padding:1rem 1.5rem;background:rgba(91,123,71,.1);color:#2f3d24;text-align:center;cursor:pointer;transition:all .3s ease;z-index:1;border-radius:8px 8px 0 0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.tab:hover{background:rgba(91,123,71,.3)}.tab-active{background:#5b7b47;color:#fff}.tab-icon{margin-right:.5rem}.content{background:hsla(0,0%,100%,.9);padding:2rem;border-radius:0 8px 8px 8px;min-height:100%;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#2f3d24;border:1px solid rgba(91,123,71,.2);width:100%;margin:0 auto}.progress-line{position:absolute;bottom:0;height:4px;background:linear-gradient(45deg,#6b944e,#84b366);transition:all .3s ease;z-index:0}@media (max-width:640px){.tab{min-width:100px;font-size:.9rem;padding:.75rem}}