@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap";.header{background:linear-gradient(135deg,var(--caterpillar-yellow) 0%,var(--caterpillar-yellow-dark) 100%);border-bottom:2px solid var(--caterpillar-yellow-dark);padding:16px 0;position:sticky;top:0;z-index:1000;box-shadow:0 2px 12px #0003;transition:box-shadow .3s ease}.header-content{display:flex;justify-content:space-between;align-items:center}.logo a{font-size:20px;font-weight:700;color:var(--dark-bg);text-decoration:none;transition:color .3s ease}.logo a:hover{color:var(--metal-grey-darker)}.nav{display:flex;gap:24px;align-items:center}.nav a{color:var(--dark-bg);text-decoration:none;font-weight:500;transition:all .3s ease}.nav a:hover{color:var(--metal-grey-darker);transform:translateY(-1px)}.btn-add-listing{background-color:var(--dark-bg);color:var(--caterpillar-yellow)!important;padding:10px 20px;border-radius:6px;font-weight:600;transition:all .3s ease;border:2px solid var(--dark-bg)}.btn-add-listing:hover{background-color:var(--metal-grey-darker);transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}@media(max-width:768px){.nav{gap:12px;font-size:14px}.logo a{font-size:16px}}.user-menu{display:flex;align-items:center;gap:12px}.user-email{color:var(--dark-bg);font-size:14px;font-weight:500}.btn-signout{background-color:#0003;color:var(--dark-bg);border:1px solid rgba(0,0,0,.3);padding:6px 12px;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-signout:hover{background-color:#0000004d}@media(max-width:768px){.user-menu{flex-direction:column;gap:4px;align-items:flex-end}.user-email{font-size:12px}}.logo-link{display:flex;align-items:center;gap:12px;text-decoration:none}.logo-image{height:40px;width:auto}.logo-text{color:var(--dark-bg);font-size:16px;font-weight:600}@media(max-width:768px){.logo-image{height:32px}.logo-text{display:none}}.footer{background-color:#1a1e2e;color:var(--light-gray);padding:60px 0 30px}.footer-content{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px;margin-bottom:40px}.footer-column h3{color:var(--white);font-size:18px;margin-bottom:16px}.footer-column h4{color:var(--white);font-size:16px;margin-bottom:16px}.footer-column p{line-height:1.6;margin-bottom:20px}.footer-column ul{list-style:none}.footer-column ul li{margin-bottom:10px}.footer-column a{color:var(--light-gray);text-decoration:none;transition:color .3s ease}.footer-column a:hover{color:var(--caterpillar-yellow)}.social-icons{display:flex;gap:16px}.social-icons a{font-size:24px;transition:transform .3s ease}.social-icons a:hover{transform:scale(1.2)}.footer-bottom{text-align:center;padding-top:30px;border-top:1px solid rgba(255,255,255,.1);color:var(--lighter-gray)}@media(max-width:768px){.footer-content{grid-template-columns:1fr;gap:30px}}.hero-section{background-color:var(--dark-bg);padding:80px 20px;text-align:center}.hero-title{color:var(--white);font-size:42px;font-weight:700;margin-bottom:16px}.hero-title .highlight{color:var(--caterpillar-yellow)}.hero-subtitle{color:var(--lighter-gray);font-size:18px;margin-bottom:40px}.search-box{display:grid;grid-template-columns:2fr 1.5fr 1.5fr auto;gap:16px;margin-top:40px;max-width:1000px;margin-left:auto;margin-right:auto}.search-input,.search-select{width:100%;padding:16px 20px;border:1px solid rgba(255,255,255,.2);border-radius:12px;background-color:#ffffff0d;color:var(--white);font-size:16px;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.search-select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23ffffff' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;padding-right:44px}.search-select option{background-color:var(--dark-bg);color:var(--white)}.search-input:focus,.search-select:focus{outline:none;border-color:var(--caterpillar-yellow);background-color:#ffffff1a}.search-input::placeholder{color:var(--lighter-gray)}.search-button{background-color:var(--caterpillar-yellow);color:var(--dark-bg);border:none;padding:16px 32px;border-radius:12px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease;white-space:nowrap;text-decoration:none;display:flex;align-items:center;justify-content:center}.search-button:hover{background-color:var(--caterpillar-yellow-dark);transform:translateY(-2px);box-shadow:0 8px 20px #ffcd0066}@media(max-width:1024px){.search-box{grid-template-columns:1fr 1fr}}@media(max-width:640px){.search-box{grid-template-columns:1fr}}.stats-section{background-color:var(--caterpillar-yellow);padding:40px 20px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;text-align:center}.stat-item h3{color:var(--dark-bg);font-size:32px;font-weight:700;margin-bottom:8px}.stat-item p{color:var(--dark-bg);font-size:16px}.categories-section{background-color:var(--darker-bg);padding:60px 20px}.section-title{color:var(--white);text-align:center;font-size:36px;margin-bottom:40px;font-weight:700}.categories-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:24px;max-width:1200px;margin:0 auto}.category-card{text-align:center;text-decoration:none;display:block;padding:24px 16px;border-radius:12px;background:var(--dark-bg);transition:all .3s ease;border:2px solid transparent}.category-card:hover{transform:translateY(-5px);border-color:var(--caterpillar-yellow);box-shadow:0 8px 20px #ffcd004d}.category-icon{width:80px;height:80px;border-radius:50%;margin:0 auto 12px;display:flex;align-items:center;justify-content:center;font-size:36px}.category-name{color:var(--white);font-size:14px;font-weight:500}.how-it-works-section{background-color:var(--dark-bg);padding:60px 20px}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;max-width:1200px;margin:0 auto}.step-card{background-color:var(--darker-bg);padding:32px;border-radius:12px;border-left:4px solid var(--caterpillar-yellow);transition:all .3s ease;border:2px solid transparent}.step-card:hover{transform:translateY(-5px);border-color:var(--caterpillar-yellow);box-shadow:0 8px 20px #e97a1f4d}.step-title{color:var(--caterpillar-yellow);font-size:24px;margin-bottom:16px;font-weight:600}.step-description{color:var(--light-gray);font-size:16px;line-height:1.6}.listings-section{background-color:var(--darker-bg);padding:60px 20px}.no-listings{text-align:center;color:var(--light-gray);font-size:18px;margin:40px 0}.text-center{text-align:center;margin-top:40px}.btn-view-all{display:inline-block;background-color:var(--caterpillar-yellow);color:#fff;padding:16px 32px;border-radius:8px;text-decoration:none;font-weight:600;font-size:16px;transition:all .3s ease}.btn-view-all:hover{background-color:#e6b800;transform:translateY(-2px);box-shadow:0 4px 12px #ffcd0066}.benefits-section{background-color:var(--dark-bg);padding:60px 20px}.benefits-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;max-width:1200px;margin:0 auto}.benefit-card{background-color:var(--darker-bg);padding:32px;border-radius:12px;text-align:center;transition:all .3s ease;border:2px solid transparent}.benefit-card:hover{transform:translateY(-5px);border-color:var(--caterpillar-yellow);box-shadow:0 8px 20px #e97a1f4d}.benefit-icon{font-size:48px;margin-bottom:16px}.benefit-title{color:var(--caterpillar-yellow);font-size:20px;margin-bottom:12px;font-weight:600}.benefit-description{color:var(--light-gray);font-size:15px;line-height:1.6}.cta-section{background-color:var(--caterpillar-yellow);padding:80px 20px;text-align:center}.cta-title{color:var(--dark-bg);font-size:40px;margin-bottom:16px;font-weight:700}.cta-subtitle{color:var(--dark-bg);font-size:20px;margin-bottom:32px;opacity:.9}.cta-button{display:inline-block;background-color:var(--dark-bg);color:var(--white);padding:18px 40px;border-radius:8px;text-decoration:none;font-weight:700;font-size:18px;box-shadow:0 4px 12px #00000026;transition:all .3s ease}.cta-button:hover{transform:translateY(-3px);box-shadow:0 6px 20px #00000040}@media(max-width:1024px){.categories-grid{grid-template-columns:repeat(3,1fr)}.benefits-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.search-box{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr);gap:30px}.categories-grid{grid-template-columns:repeat(2,1fr)}.steps-grid,.benefits-grid{grid-template-columns:1fr}.hero-title{font-size:32px}.section-title,.cta-title{font-size:28px}}.recent-listings-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-bottom:40px}.recent-listings-grid .listing-card{background-color:var(--dark-bg);border-radius:12px;overflow:hidden;text-decoration:none;transition:all .3s ease;border:2px solid transparent;display:block}.recent-listings-grid .listing-card:hover{transform:translateY(-5px);border-color:var(--caterpillar-yellow);box-shadow:0 8px 20px #ffcd004d}.recent-listings-grid .listing-image{position:relative;width:100%;height:200px;overflow:hidden}.recent-listings-grid .listing-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.recent-listings-grid .listing-card:hover .listing-image img{transform:scale(1.05)}.recent-listings-grid .listing-badge{position:absolute;top:12px;right:12px;background-color:var(--caterpillar-yellow);color:var(--dark-bg);padding:4px 10px;border-radius:6px;font-size:12px;font-weight:600}.recent-listings-grid .listing-content{padding:16px}.recent-listings-grid .listing-title{color:var(--white);font-size:16px;font-weight:600;margin-bottom:8px;line-height:1.3}.recent-listings-grid .listing-location{color:var(--lighter-gray);font-size:13px;margin-bottom:8px}.recent-listings-grid .listing-price{color:var(--caterpillar-yellow);font-size:18px;font-weight:700}@media(max-width:1024px){.recent-listings-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.recent-listings-grid{grid-template-columns:1fr}}.skeleton{background:linear-gradient(90deg,#ffffff0d 25%,#ffffff1a,#ffffff0d 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:8px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-card{background-color:var(--dark-bg);border-radius:12px;overflow:hidden;border:2px solid transparent;pointer-events:none}.skeleton-image{width:100%;height:200px;border-radius:0}.skeleton-content{padding:16px;display:flex;flex-direction:column;gap:12px}.skeleton-title{height:24px;width:80%}.skeleton-text{height:16px;width:100%}.skeleton-text.short{width:60%}.skeleton-price{height:28px;width:40%;margin-top:8px}.listing-detail-skeleton{padding:40px 20px;max-width:1200px;margin:0 auto;background-color:var(--darker-bg);min-height:100vh}.skeleton-breadcrumbs{margin-bottom:20px}.skeleton-title.large{height:40px;width:60%;margin-bottom:30px}.skeleton-detail-grid{display:grid;grid-template-columns:1fr 400px;gap:40px;margin-top:30px}.skeleton-main{display:flex;flex-direction:column;gap:30px}.skeleton-image-large{width:100%;height:500px}.skeleton-text-block{height:200px;width:100%}.skeleton-sidebar{display:flex;flex-direction:column;gap:20px}.skeleton-card{height:200px;width:100%}.dashboard-listing-card.skeleton-card{display:grid;grid-template-columns:200px 1fr auto;gap:24px;padding:20px;align-items:center}.skeleton-image-small{width:200px;height:150px}.skeleton-actions{display:flex;flex-direction:column;gap:8px}.skeleton-button{height:40px;width:120px}@media(max-width:1024px){.skeleton-detail-grid{grid-template-columns:1fr}.dashboard-listing-card.skeleton-card{grid-template-columns:150px 1fr}.skeleton-actions{grid-column:1 / -1;flex-direction:row}}@media(max-width:768px){.dashboard-listing-card.skeleton-card{grid-template-columns:1fr}.skeleton-image-small{width:100%;height:200px}}.page-header{background-color:var(--dark-bg);padding:60px 20px 40px;text-align:center}.page-header h1{color:var(--white);font-size:36px;font-weight:700;margin-bottom:12px}.page-header p{color:var(--lighter-gray);font-size:18px}.filters-section{background-color:var(--darker-bg);padding:30px 20px;border-bottom:1px solid rgba(255,255,255,.1)}.filters-grid{display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:16px;align-items:center}.filter-input,.filter-select{width:100%;padding:12px 16px;border:1px solid rgba(255,255,255,.2);border-radius:8px;background-color:#ffffff0d;color:var(--white);font-size:15px;transition:border-color .3s ease}.filter-select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23ffffff' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px}.filter-select option{background-color:var(--dark-bg);color:var(--white)}.filter-input:focus,.filter-select:focus{outline:none;border-color:var(--caterpillar-yellow)}.filter-input::placeholder{color:var(--lighter-gray)}.filter-button{background-color:var(--caterpillar-yellow);color:var(--dark-bg);border:none;padding:12px 24px;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap}.filter-button:hover{background-color:var(--caterpillar-yellow-dark);transform:translateY(-2px);box-shadow:0 4px 12px #ffcd0066}.listings-grid-section{background-color:var(--darker-bg);padding:40px 20px 80px;min-height:60vh}.listings-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;max-width:1200px;margin:0 auto}.listing-card{background-color:var(--dark-bg);border-radius:12px;overflow:hidden;text-decoration:none;transition:all .3s ease;border:2px solid transparent;display:block}.listing-card:hover{transform:translateY(-5px);border-color:var(--caterpillar-yellow);box-shadow:0 8px 20px #ffcd004d}.listing-image{position:relative;width:100%;height:220px;overflow:hidden}.listing-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.listing-card:hover .listing-image img{transform:scale(1.05)}.listing-badge{position:absolute;top:12px;right:12px;background-color:var(--caterpillar-yellow);color:var(--dark-bg);padding:6px 12px;border-radius:6px;font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.listing-content{padding:20px}.listing-title{color:var(--white);font-size:18px;font-weight:600;margin-bottom:12px;line-height:1.4}.listing-details{display:flex;gap:12px;margin-bottom:12px;flex-wrap:wrap}.listing-details span{color:var(--lighter-gray);font-size:13px;background-color:#ffffff0d;padding:4px 10px;border-radius:4px}.listing-location{color:var(--lighter-gray);font-size:14px;margin-bottom:12px}.listing-price{color:var(--caterpillar-yellow);font-size:22px;font-weight:700}@media(max-width:1024px){.listings-grid{grid-template-columns:repeat(2,1fr)}.filters-grid{grid-template-columns:1fr 1fr}.filter-button{grid-column:1 / -1}}@media(max-width:640px){.listings-grid,.filters-grid{grid-template-columns:1fr}.page-header h1{font-size:28px}}.loading-message,.no-results{text-align:center;color:var(--light-gray);font-size:18px;padding:60px 20px}.no-results p{margin-bottom:20px}.pagination{display:flex;justify-content:center;align-items:center;gap:20px;margin-top:60px;padding-top:40px;border-top:1px solid rgba(255,255,255,.1)}.pagination-btn{background-color:var(--caterpillar-yellow);color:var(--dark-bg);border:none;padding:12px 24px;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease}.pagination-btn:hover:not(:disabled){background-color:var(--caterpillar-yellow-dark);transform:translateY(-2px);box-shadow:0 4px 12px #ffcd0066}.pagination-btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.pagination-info{color:var(--white);font-size:16px;font-weight:500;display:flex;flex-direction:column;align-items:center;gap:4px}.pagination-count{color:var(--lighter-gray);font-size:13px;font-weight:400}@media(max-width:640px){.pagination{gap:12px}.pagination-btn{padding:10px 16px;font-size:14px}.pagination-info{font-size:14px}}.advanced-filters{display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:20px;margin-top:24px;padding-top:24px;border-top:1px solid rgba(255,255,255,.1);align-items:end}.filter-group{display:flex;flex-direction:column;gap:8px}.filter-group label{color:var(--white);font-size:14px;font-weight:500}.range-inputs{display:flex;align-items:center;gap:8px}.range-input{flex:1;padding:10px 12px;border:1px solid rgba(255,255,255,.2);border-radius:6px;background-color:#ffffff0d;color:var(--white);font-size:14px;transition:border-color .3s ease}.range-input:focus{outline:none;border-color:var(--caterpillar-yellow)}.range-input::placeholder{color:var(--lighter-gray)}.range-separator{color:var(--lighter-gray);font-weight:600}.filter-group .filter-select{padding:10px 36px 10px 12px;background-position:right 8px center}.clear-filters-btn{background-color:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.3);padding:10px 20px;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap;height:fit-content}.clear-filters-btn:hover{background-color:#ef444433}@media(max-width:1024px){.filters-grid,.advanced-filters{grid-template-columns:1fr 1fr}}@media(max-width:768px){.filters-grid,.advanced-filters{grid-template-columns:1fr}}.listing-detail-page{background-color:var(--darker-bg);min-height:100vh;width:100%;margin:0;padding:0}.listing-detail-page .container{max-width:1200px;margin:0 auto;padding:40px 20px}.listing-detail-content{display:grid;grid-template-columns:1fr 380px;gap:40px;max-width:1400px;margin:0 auto}.listing-main{display:flex;flex-direction:column;gap:30px}.image-gallery{background-color:var(--dark-bg);border-radius:12px;overflow:hidden;padding:20px}.main-image{width:100%;height:500px;border-radius:8px;overflow:hidden;margin-bottom:16px}.main-image img{width:100%;height:100%;object-fit:cover}.image-thumbnails{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.thumbnail{height:100px;border-radius:8px;overflow:hidden;cursor:pointer;border:3px solid transparent;transition:all .3s ease}.thumbnail:hover,.thumbnail.active{border-color:var(--caterpillar-yellow)}.thumbnail img{width:100%;height:100%;object-fit:cover}.listing-section{background-color:var(--dark-bg);border-radius:12px;padding:30px}.listing-section h2{color:var(--white);font-size:24px;margin-bottom:20px;font-weight:600}.description-text{color:var(--light-gray);font-size:16px;line-height:1.8}.features-list{list-style:none;display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.features-list li{color:var(--light-gray);font-size:15px;padding:10px;background-color:#ffffff0d;border-radius:6px}.specifications-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.spec-item{background-color:#ffffff0d;padding:16px;border-radius:8px}.spec-label{display:block;color:var(--lighter-gray);font-size:13px;margin-bottom:6px}.spec-value{display:block;color:var(--white);font-size:16px;font-weight:600}.listing-sidebar{display:flex;flex-direction:column;gap:20px}.price-card{background-color:var(--dark-bg);border-radius:12px;padding:30px;text-align:center;border:2px solid var(--caterpillar-yellow);box-shadow:0 4px 12px #ffcd0033}.price-badge{display:inline-block;background-color:var(--caterpillar-yellow);color:var(--dark-bg);padding:6px 16px;border-radius:20px;font-size:13px;font-weight:700;margin-bottom:16px;text-transform:uppercase;letter-spacing:.5px}.price-amount{color:var(--caterpillar-yellow);font-size:36px;font-weight:700;margin-bottom:8px}.price-negotiable{color:var(--lighter-gray);font-size:14px}.info-card{background-color:var(--dark-bg);border-radius:12px;padding:24px}.info-card h3{color:var(--white);font-size:18px;margin-bottom:20px;font-weight:600}.info-item{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.1)}.info-item:last-child{border-bottom:none}.info-label{color:var(--lighter-gray);font-size:14px}.info-value{color:var(--white);font-size:14px;font-weight:500;text-align:right}.contact-card{background-color:var(--dark-bg);border-radius:12px;padding:24px}.contact-card h3{color:var(--white);font-size:18px;margin-bottom:16px;font-weight:600}.seller-info{margin-bottom:20px}.seller-name{color:var(--white);font-size:16px;font-weight:600;margin-bottom:4px}.seller-member{color:var(--lighter-gray);font-size:13px}.contact-button{display:block;width:100%;padding:14px;border-radius:8px;text-align:center;text-decoration:none;font-weight:600;font-size:15px;margin-bottom:12px;transition:all .3s ease}.phone-button{background-color:var(--caterpillar-yellow);color:var(--dark-bg)}.phone-button:hover{background-color:var(--caterpillar-yellow-dark);transform:translateY(-2px);box-shadow:0 4px 12px #ffcd0066}.email-button{background-color:#ffffff1a;color:var(--white);border:1px solid rgba(255,255,255,.2)}.email-button:hover{background-color:#ffffff26;border-color:var(--caterpillar-yellow)}.safety-card{background-color:#ffcd001a;border:1px solid rgba(255,205,0,.3);border-radius:12px;padding:20px}.safety-card h4{color:var(--caterpillar-yellow);font-size:16px;margin-bottom:12px;font-weight:600}.safety-card ul{list-style:none}.safety-card li{color:var(--light-gray);font-size:13px;padding:8px 0 8px 20px;position:relative}.safety-card li:before{content:"•";position:absolute;left:0;color:var(--caterpillar-yellow);font-weight:700}@media(max-width:1024px){.listing-detail-content{grid-template-columns:1fr}.listing-sidebar{order:-1}.features-list,.specifications-grid{grid-template-columns:1fr}}@media(max-width:640px){.main-image{height:300px}.image-thumbnails{grid-template-columns:repeat(3,1fr)}.price-amount{font-size:28px}}.loading-message,.error-message{text-align:center;color:var(--light-gray);padding:80px 20px}.error-message h2{color:var(--white);font-size:32px;margin-bottom:16px}.error-message p{font-size:18px;margin-bottom:24px}.back-button{display:inline-block;background-color:var(--caterpillar-yellow);color:var(--dark-bg);padding:12px 24px;border-radius:8px;text-decoration:none;font-weight:600;transition:all .3s ease}.back-button:hover{background-color:var(--caterpillar-yellow-dark);transform:translateY(-2px)}.listing-title-section{grid-column:1 / -1;margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid rgba(255,255,255,.1)}.listing-main-title{color:var(--white);font-size:32px;font-weight:700;margin-bottom:12px;line-height:1.3}.listing-meta-bar{display:flex;gap:20px;flex-wrap:wrap}.meta-item{color:var(--lighter-gray);font-size:14px}@media(max-width:768px){.listing-main-title{font-size:24px}}.breadcrumbs{grid-column:1 / -1;padding:16px 0;font-size:14px;color:var(--lighter-gray);display:flex;align-items:center;flex-wrap:wrap;gap:8px}.breadcrumbs a{color:var(--caterpillar-yellow);text-decoration:none;transition:color .3s ease}.breadcrumbs a:hover{color:var(--caterpillar-yellow-dark);text-decoration:underline}.breadcrumbs .separator{color:var(--lighter-gray);-webkit-user-select:none;user-select:none}.breadcrumbs .current{color:var(--white);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:300px}@media(max-width:768px){.breadcrumbs{font-size:12px}.breadcrumbs .current{max-width:150px}}.seller-info{display:flex;align-items:center;gap:12px;margin-bottom:16px}.seller-avatar{font-size:32px;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#ffcd001a;border-radius:50%}.add-listing-page{background-color:var(--darker-bg);min-height:100vh;padding:40px 20px 80px}.add-listing-header{text-align:center;margin-bottom:40px}.add-listing-header h1{color:var(--white);font-size:36px;margin-bottom:40px}.progress-steps{display:flex;justify-content:center;gap:40px;max-width:800px;margin:0 auto}.progress-step{display:flex;flex-direction:column;align-items:center;gap:8px;opacity:.4;transition:opacity .3s ease}.progress-step.active{opacity:1}.step-number{width:40px;height:40px;border-radius:50%;background-color:#ffffff1a;color:var(--white);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:18px;transition:all .3s ease}.progress-step.active .step-number{background-color:var(--caterpillar-yellow);color:var(--dark-bg)}.step-label{color:var(--light-gray);font-size:13px;font-weight:500}.add-listing-form{max-width:700px;margin:0 auto;background-color:var(--dark-bg);border-radius:12px;padding:40px}.form-step h2{color:var(--white);font-size:28px;margin-bottom:30px}.form-group{margin-bottom:24px}.form-group label{display:block;color:var(--white);font-size:15px;font-weight:500;margin-bottom:8px}.form-group input,.form-group select,.form-group textarea{width:100%;padding:12px 16px;border:1px solid rgba(255,255,255,.2);border-radius:8px;background-color:#ffffff0d;color:var(--white);font-size:15px;transition:border-color .3s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--caterpillar-yellow)}.form-group select option{background-color:var(--dark-bg);color:var(--white)}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--lighter-gray)}.form-row{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.feature-input{display:flex;gap:8px;margin-bottom:12px}.feature-input input{flex:1}.btn-remove{background-color:#ef444433;color:#ef4444;border:1px solid rgba(239,68,68,.3);padding:8px 12px;border-radius:6px;cursor:pointer;font-size:16px;transition:all .3s ease}.btn-remove:hover{background-color:#ef44444d}.btn-add-feature{background-color:#ffcd001a;color:var(--caterpillar-yellow);border:1px solid rgba(255,205,0,.3);padding:10px 16px;border-radius:6px;cursor:pointer;font-weight:500;transition:all .3s ease}.btn-add-feature:hover{background-color:#ffcd0033}.image-upload-note{background-color:#ffcd001a;border:1px solid rgba(255,205,0,.3);border-radius:8px;padding:16px;margin-bottom:24px}.image-upload-note p{color:var(--light-gray);font-size:14px;margin:0}.uploaded-images{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:16px}.uploaded-image{position:relative;border-radius:8px;overflow:hidden;aspect-ratio:4/3}.uploaded-image img{width:100%;height:100%;object-fit:cover}.btn-remove-image{position:absolute;top:8px;right:8px;background-color:#000000b3;color:#fff;border:none;width:28px;height:28px;border-radius:50%;cursor:pointer;font-size:16px;display:flex;align-items:center;justify-content:center;transition:background-color .3s ease}.btn-remove-image:hover{background-color:#ef4444e6}.form-summary{background-color:#ffcd001a;border:1px solid rgba(255,205,0,.3);border-radius:8px;padding:20px;margin-bottom:24px}.form-summary h3{color:var(--caterpillar-yellow);font-size:18px;margin-bottom:16px}.summary-item{color:var(--light-gray);font-size:14px;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.1)}.summary-item:last-child{border-bottom:none}.summary-item strong{color:var(--white);margin-right:8px}.form-actions{display:flex;gap:16px;justify-content:space-between;margin-top:40px}.btn-prev,.btn-next,.btn-submit{padding:14px 32px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;border:none}.btn-prev{background-color:#ffffff1a;color:var(--white);border:1px solid rgba(255,255,255,.2)}.btn-prev:hover{background-color:#ffffff26}.btn-next,.btn-submit{background-color:var(--caterpillar-yellow);color:var(--dark-bg);margin-left:auto}.btn-next:hover,.btn-submit:hover{background-color:var(--caterpillar-yellow-dark);transform:translateY(-2px);box-shadow:0 4px 12px #ffcd0066}.btn-next:disabled,.btn-submit:disabled{opacity:.5;cursor:not-allowed;transform:none}@media(max-width:768px){.add-listing-form{padding:24px}.form-row{grid-template-columns:1fr}.progress-steps{gap:20px}.step-label{display:none}.uploaded-images{grid-template-columns:repeat(2,1fr)}}.file-input{width:100%;padding:12px;border:2px dashed rgba(255,205,0,.3);border-radius:8px;background-color:#ffcd000d;color:var(--white);cursor:pointer;transition:all .3s ease}.file-input:hover{border-color:var(--caterpillar-yellow);background-color:#ffcd001a}.file-input::file-selector-button{background-color:var(--caterpillar-yellow);color:var(--dark-bg);border:none;padding:8px 16px;border-radius:6px;font-weight:600;cursor:pointer;margin-right:12px}.file-input::file-selector-button:hover{background-color:var(--caterpillar-yellow-dark)}.uploading-message{background-color:#ffcd001a;border:1px solid rgba(255,205,0,.3);color:var(--caterpillar-yellow);padding:12px 16px;border-radius:8px;text-align:center;font-weight:600;margin-bottom:16px}.auth-page{background-color:var(--darker-bg);min-height:100vh;padding:60px 20px;display:flex;align-items:center}.auth-container{max-width:500px;margin:0 auto;width:100%}.auth-card{background-color:var(--dark-bg);border-radius:12px;padding:40px;box-shadow:0 4px 20px #0000004d}.auth-card h1{color:var(--white);font-size:32px;margin-bottom:12px;text-align:center}.auth-subtitle{color:var(--light-gray);font-size:16px;text-align:center;margin-bottom:32px}.error-message{background-color:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#ef4444;padding:12px 16px;border-radius:8px;margin-bottom:24px;font-size:14px}.auth-form{display:flex;flex-direction:column;gap:20px}.auth-form .form-group{margin-bottom:0}.auth-form .form-group label{display:block;color:var(--white);font-size:15px;font-weight:500;margin-bottom:8px}.auth-form .form-group input{width:100%;padding:12px 16px;border:1px solid rgba(255,255,255,.2);border-radius:8px;background-color:#ffffff0d;color:var(--white);font-size:15px;transition:border-color .3s ease}.auth-form .form-group input:focus{outline:none;border-color:var(--caterpillar-yellow)}.auth-form .form-group input::placeholder{color:var(--lighter-gray)}.auth-form .btn-submit{background-color:var(--caterpillar-yellow);color:var(--dark-bg);border:none;padding:14px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:8px}.auth-form .btn-submit:hover:not(:disabled){background-color:var(--caterpillar-yellow-dark);transform:translateY(-2px);box-shadow:0 4px 12px #ffcd0066}.auth-form .btn-submit:disabled{opacity:.6;cursor:not-allowed}.auth-toggle{text-align:center;margin-top:24px;padding-top:24px;border-top:1px solid rgba(255,255,255,.1)}.auth-toggle p{color:var(--light-gray);font-size:14px}.link-button{background:none;border:none;color:var(--caterpillar-yellow);font-weight:600;cursor:pointer;text-decoration:underline;padding:0;font-size:14px}.link-button:hover{color:var(--caterpillar-yellow-dark)}@media(max-width:640px){.auth-card{padding:24px}.auth-card h1{font-size:28px}}.dashboard-page{background-color:var(--darker-bg);min-height:100vh;padding:40px 20px 80px}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px}.dashboard-header h1{color:var(--white);font-size:36px;margin-bottom:8px}.dashboard-subtitle{color:var(--light-gray);font-size:16px}.btn-add-new{background-color:var(--caterpillar-yellow);color:var(--dark-bg);padding:12px 24px;border-radius:8px;text-decoration:none;font-weight:600;font-size:15px;transition:all .3s ease;display:inline-block}.btn-add-new:hover{background-color:var(--caterpillar-yellow-dark);transform:translateY(-2px);box-shadow:0 4px 12px #ffcd0066}.no-listings-message{text-align:center;background-color:var(--dark-bg);border-radius:12px;padding:60px 40px;max-width:600px;margin:0 auto}.no-listings-message h3{color:var(--white);font-size:24px;margin-bottom:12px}.no-listings-message p{color:var(--light-gray);font-size:16px;margin-bottom:24px}.btn-add-first{background-color:var(--caterpillar-yellow);color:var(--dark-bg);padding:14px 32px;border-radius:8px;text-decoration:none;font-weight:600;font-size:16px;display:inline-block;transition:all .3s ease}.btn-add-first:hover{background-color:var(--caterpillar-yellow-dark);transform:translateY(-2px);box-shadow:0 4px 12px #ffcd0066}.dashboard-listings{display:flex;flex-direction:column;gap:20px}.dashboard-listing-card{background-color:var(--dark-bg);border-radius:12px;padding:20px;display:grid;grid-template-columns:200px 1fr auto;gap:24px;align-items:center;transition:all .3s ease;border:2px solid transparent}.dashboard-listing-card:hover{border-color:var(--caterpillar-yellow);box-shadow:0 4px 12px #ffcd0033}.listing-image-small{position:relative;width:200px;height:150px;border-radius:8px;overflow:hidden}.listing-image-small img{width:100%;height:100%;object-fit:cover}.status-badge{position:absolute;top:8px;right:8px;padding:4px 10px;border-radius:6px;font-size:12px;font-weight:600}.status-badge.active{background-color:#10b981e6;color:#fff}.status-badge.inactive{background-color:#6b7280e6;color:#fff}.listing-info h3{color:var(--white);font-size:20px;margin-bottom:12px;font-weight:600}.listing-meta{display:flex;gap:16px;margin-bottom:12px;flex-wrap:wrap}.listing-meta span{color:var(--lighter-gray);font-size:14px}.listing-price-small{color:var(--caterpillar-yellow);font-size:22px;font-weight:700;margin-bottom:8px}.listing-date{color:var(--lighter-gray);font-size:13px}.listing-actions{display:flex;flex-direction:column;gap:8px}.listing-actions button,.listing-actions a{padding:10px 16px;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none;text-align:center;border:none;white-space:nowrap}.btn-view{background-color:var(--caterpillar-yellow);color:var(--dark-bg)}.btn-view:hover{background-color:var(--caterpillar-yellow-dark)}.btn-toggle{background-color:#ffffff1a;color:var(--white);border:1px solid rgba(255,255,255,.2)}.btn-toggle:hover{background-color:#ffffff26}.btn-delete{background-color:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.btn-delete:hover{background-color:#ef444433}@media(max-width:1024px){.dashboard-listing-card{grid-template-columns:150px 1fr}.listing-actions{grid-column:1 / -1;flex-direction:row}.listing-image-small{width:150px;height:110px}}@media(max-width:768px){.dashboard-header{flex-direction:column;align-items:flex-start;gap:20px}.dashboard-listing-card{grid-template-columns:1fr}.listing-image-small{width:100%;height:200px}.dashboard-header h1{font-size:28px}}.btn-edit{background-color:#3b82f61a;color:#3b82f6;border:1px solid rgba(59,130,246,.3)}.btn-edit:hover{background-color:#3b82f633}.verification-notice{background:linear-gradient(135deg,#ef44441a,#f59e0b1a);border:2px solid rgba(239,68,68,.3);border-radius:12px;padding:24px;margin-bottom:32px;display:flex;gap:20px;align-items:flex-start}.verification-icon{font-size:40px;flex-shrink:0}.verification-content{flex:1}.verification-content h3{color:var(--white);font-size:20px;margin-bottom:8px}.verification-content p{color:var(--light-gray);font-size:15px;line-height:1.6;margin-bottom:16px}.btn-resend{background-color:var(--caterpillar-yellow);color:var(--dark-bg);border:none;padding:10px 20px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-resend:hover{background-color:var(--caterpillar-yellow-dark);transform:translateY(-2px);box-shadow:0 4px 12px #ffcd0066}*{margin:0;padding:0;box-sizing:border-box}html,body{margin:0;padding:0;width:100%;background-color:#141828}body{margin:0;padding:0;background-color:#141828;min-height:100vh;font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{width:100%}:root{--dark-bg: #1a1e2e;--darker-bg: #141828;--caterpillar-yellow: #FFCD00;--caterpillar-yellow-dark: #E6B800;--white: #ffffff;--light-gray: #cbd5e1;--lighter-gray: #94a3b8}.container{max-width:1200px;margin:0 auto;padding:0 20px;width:100%}.section-full{width:100%;padding:60px 20px}.section-dark{background-color:var(--dark-bg)}.section-darker{background-color:var(--darker-bg)}.section-orange{background-color:var(--orange)}main{min-height:100vh;margin:0;padding:0;width:100%;background-color:var(--darker-bg)}h1,h2,h3,h4,h5,h6{font-family:Plus Jakarta Sans,sans-serif;font-weight:700}:root{font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6;font-weight:400;color:#ffffffde;background-color:#141828;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;padding:0;min-width:320px;min-height:100vh;background-color:#141828;font-family:Plus Jakarta Sans,sans-serif}h1,h2,h3,h4,h5,h6{font-family:Plus Jakarta Sans,sans-serif;font-weight:700;line-height:1.2}h1{font-size:3.2em;font-weight:800}a{font-weight:500;text-decoration:inherit;color:inherit}button{font-family:Plus Jakarta Sans,sans-serif;font-weight:600}
