*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{min-height:100vh}.App,body{transition:background-color .3s,color .3s}body.dark-mode{background-color:#1a202c;color:#e2e8f0}.App-header{background-color:#282c34;color:#fff;justify-content:space-between;padding:2rem;position:relative;text-align:center}.App-header,.header-left{align-items:center;display:flex}.header-left{gap:1rem}.logo{left:50%;position:absolute;transform:translateX(-50%)}.header-right{align-items:center;display:flex;gap:1rem;justify-content:end}.App-header h1{font-size:2.5rem;margin-bottom:.5rem}.App-header p{color:#aaa;font-size:1.1rem}.App-nav{background-color:#fff;box-shadow:0 2px 4px #0000001a;justify-content:center;padding:1rem 2rem}.App-nav,.nav-left,.nav-right{align-items:center;display:flex;gap:1rem}.sell-equipment-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:50px;box-shadow:0 4px 15px #667eea66;color:#fff;cursor:pointer;font-size:1.2rem;font-weight:700;letter-spacing:.5px;padding:1rem 2.5rem;text-transform:uppercase;transition:all .3s}.sell-equipment-btn:hover{background:linear-gradient(135deg,#764ba2,#667eea);box-shadow:0 6px 20px #667eea99;transform:translateY(-2px)}.cart-icon-container{align-items:center;display:flex;justify-content:center;position:relative}.cart-icon{cursor:pointer;filter:invert(100%) sepia(0) saturate(0) hue-rotate(0deg) brightness(100%) contrast(100%);height:32px;transition:all .3s;width:32px}.cart-icon:hover{filter:invert(42%) sepia(93%) saturate(1352%) hue-rotate(224deg) brightness(97%) contrast(92%);transform:scale(1.1)}.cart-badge{background:linear-gradient(135deg,#e53e3e,#c53030);border-radius:12px;box-shadow:0 2px 8px #e53e3e66;color:#fff;font-size:.75rem;font-weight:700;min-width:20px;padding:.25rem .5rem;position:absolute;right:-8px;text-align:center;top:-8px}.user-menu{align-items:center;display:flex;gap:1rem}.btn-login-nav,.btn-logout,.username{color:#667eea;font-size:1rem;font-weight:600}.btn-login-nav,.btn-logout{align-items:center;background-color:#fff;border:2px solid #667eea;border-radius:8px;cursor:pointer;display:flex;justify-content:center;padding:.75rem 1.5rem;transition:all .3s}.hamburger-icon,.user-icon{cursor:pointer;filter:invert(100%) sepia(0) saturate(0) hue-rotate(0deg) brightness(100%) contrast(100%);height:32px;transition:all .3s;width:32px}.hamburger-icon:hover,.user-icon:hover{filter:invert(42%) sepia(93%) saturate(1352%) hue-rotate(224deg) brightness(97%) contrast(92%);transform:scale(1.1)}.btn-logout:hover{background-color:#667eea;color:#fff}.App-main{margin:2rem auto;max-width:1200px;padding:0 1rem}.dark-mode .App-header{background-color:#1a202c;border-bottom:1px solid #2d3748}.dark-mode .App-nav{background-color:#2d3748;border-bottom:1px solid #4a5568}.dark-mode .App-header h1{color:#e2e8f0}.dark-mode .App-header p{color:#cbd5e0}@media (max-width:768px){.App-nav{flex-direction:column;padding:1rem}.App-header{padding:2rem 1rem}.App-header h1{font-size:2rem}.App-header p{display:none}.App-header img{height:24px;width:24px}.header-right{gap:.5rem}.nav-left,.nav-right{justify-content:center;width:100%}}.listings-list h2{color:#282c34;margin-bottom:2rem}.listings-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.listing-card{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;cursor:pointer;transition:transform .3s,box-shadow .3s}.listing-card:hover{box-shadow:0 4px 16px #00000026}.listing-image{background-color:#f0f0f0;height:250px;overflow:hidden}.listing-image img{height:100%;object-fit:cover;width:100%}.listing-content h3{color:#eee;font-size:1.3rem;margin-bottom:.5rem}.listing-price{color:#27ae60}.listing-tags{display:flex;flex-wrap:wrap;gap:.25rem;margin-bottom:1rem}.listing-category,.listing-condition{background-color:#f0f0f0;border-radius:12px;color:#666;font-size:.85rem;padding:.25rem .75rem}.listing-description{color:#555;margin-bottom:1rem}.listing-footer{border-top:1px solid #eee;margin-top:1rem;padding-top:1rem}.seller-info{margin-bottom:.5rem}.seller-name{color:#333;margin-bottom:.25rem}.seller-email{color:#666;font-size:.9rem}.listing-date{color:#999;font-size:.85rem}.error-message,.loading,.no-listings{color:#666;padding:3rem;text-align:center}.no-listings h3{color:#282c34;margin-bottom:.5rem}.dark-mode .listing-condition{background-color:#4a5a76;color:#e2e8f0}.wizard-container{background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000001a;margin:0 auto;max-width:700px;overflow:hidden}.wizard-progress{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:2rem}.progress-bar{background:#ffffff4d;border-radius:10px;height:8px;margin-bottom:1.5rem;overflow:hidden}.progress-fill{background:#fff;border-radius:10px;height:100%;transition:width .3s ease}.progress-steps{display:flex;gap:1rem;justify-content:space-between}.step{flex:1 1;font-size:.875rem;opacity:.6;text-align:center;transition:opacity .3s}.step.active{font-weight:600;opacity:1}.wizard-content{padding:2.5rem}.wizard-step h2{color:#282c34;font-size:1.75rem;margin:0 0 .5rem}.step-description{color:#666;font-size:1rem;margin:0 0 2rem}.form-group input[type=email],.form-group input[type=number],.form-group input[type=password],.form-group input[type=text],.form-group select,.form-group textarea{border:2px solid #e0e0e0;border-radius:8px;box-sizing:border-box;font-family:inherit;font-size:1rem;padding:.875rem;transition:border-color .3s;width:100%}.form-group select{background-color:#fff}.field-hint{color:#666;display:block;font-size:.85rem;font-style:italic;margin-top:.5rem}.form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.upload-placeholder{background:#f9f9f9}.pricing-breakdown{background:#f9f9f9;margin-top:2rem}.checkbox-group{margin-top:1.5rem}.checkbox-label{align-items:flex-start;cursor:pointer;display:flex;font-weight:400}.checkbox-label input[type=checkbox]{cursor:pointer;height:18px;margin-right:.75rem;margin-top:.25rem;width:18px}.verification-input{font-size:2rem;font-weight:600;letter-spacing:.5rem;text-align:center}.resend-text{color:#666;font-size:.95rem;margin-top:1.5rem;text-align:center}.link-button{background:none;border:none;color:#667eea;cursor:pointer;font-size:inherit;font-weight:600;padding:0;text-decoration:underline}.link-button:hover{color:#764ba2}.wizard-actions{background:#f9f9f9;border-top:1px solid #e0e0e0;display:flex;gap:1rem;justify-content:space-between;padding:2rem 2.5rem}.btn{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:1rem;font-weight:600;padding:.875rem 2rem;transition:all .3s}.btn-primary:hover:not(:disabled){box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.btn-primary:disabled{cursor:not-allowed;opacity:.6}.btn-secondary{border:2px solid #e0e0e0;color:#282c34}.btn-secondary:hover:not(:disabled){background:#f0f0f0}.dark-mode .wizard-container{background:#1e293b;box-shadow:0 4px 20px #00000080}.dark-mode .wizard-progress{background:linear-gradient(135deg,#4f46e5,#4338ca);color:#e2e8f0}.dark-mode .step{color:#a0aec0}.dark-mode .step.active{color:#e2e8f0}.dark-mode .wizard-content{background:#1e293b}.dark-mode .wizard-step h2{color:#e2e8f0}.dark-mode .step-description{color:#94a3b8}.dark-mode .form-group input[type=email],.dark-mode .form-group input[type=number],.dark-mode .form-group input[type=password],.dark-mode .form-group input[type=text],.dark-mode .form-group select,.dark-mode .form-group textarea{background:#2d3748;border-color:#667eea;color:#e2e8f0}.dark-mode .form-group input[type=email]::placeholder,.dark-mode .form-group input[type=number]::placeholder,.dark-mode .form-group input[type=password]::placeholder,.dark-mode .form-group input[type=text]::placeholder,.dark-mode .form-group textarea::placeholder{color:#a0aec0}.dark-mode .btn-primary{background:linear-gradient(135deg,#4f46e5,#4338ca)}.dark-mode .btn-primary:hover:not(:disabled){box-shadow:0 6px 20px #4f46e566}.dark-mode .btn-secondary{background:#2d3748;border-color:#667eea;color:#e2e8f0}.dark-mode .btn-secondary:hover:not(:disabled){background:#374151}.dark-mode .wizard-actions{background:#2d3748;border-top-color:#4a5a76}@media (max-width:768px){.wizard-actions,.wizard-content{padding:1.5rem}.form-row{grid-template-columns:1fr}.progress-steps{font-size:.75rem}.wizard-step h2{font-size:1.5rem}}.listing-details{margin:0 auto;max-width:1200px;padding:0 1rem}.btn-back{background:#fff;border:2px solid #e0e0e0;border-radius:8px;color:#282c34;cursor:pointer;font-size:1rem;font-weight:600;margin-bottom:2rem;padding:.75rem 1.5rem;transition:all .3s}.btn-back:hover{background:#f0f0f0;border-color:#282c34}.details-container{grid-gap:3rem;background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000001a;display:grid;gap:3rem;grid-template-columns:1fr 1fr;padding:2rem}.details-image-section{align-items:flex-start;display:flex;justify-content:center}.details-image{height:auto;max-height:600px;object-fit:cover}.details-image,.no-image{border-radius:12px;width:100%}.no-image{align-items:center;background:#f0f0f0;color:#999;display:flex;font-size:1.2rem;height:400px;justify-content:center}.details-info-section{display:flex;flex-direction:column;gap:1.5rem}.details-info-section h1{color:#282c34;font-size:2rem;margin:0}.details-price{color:#667eea;font-size:2.5rem;font-weight:700;margin:0}.details-badges{display:flex;flex-wrap:wrap;gap:.75rem}.badge{border-radius:20px;display:inline-block;font-size:.875rem;font-weight:600;padding:.5rem 1rem}.badge-condition{background:#e3f2fd;color:#1976d2}.badge-category{background:#f3e5f5;color:#7b1fa2}.details-section{border-top:1px solid #e0e0e0;padding-top:1.5rem}.details-section h3{color:#282c34;font-size:1.2rem;margin:0 0 .75rem}.details-description{color:#555;line-height:1.6;margin:0;white-space:pre-wrap}.seller-name{color:#282c34;font-weight:600;margin:0 0 .25rem}.seller-email{color:#667eea;margin:0}.posted-date{color:#999;font-size:.9rem;margin:0}.btn-buy{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;box-shadow:0 4px 15px #667eea66;color:#fff;cursor:pointer;font-size:1.25rem;font-weight:700;margin-top:auto;padding:1.25rem 2rem;transition:all .3s}.btn-buy:hover{background:linear-gradient(135deg,#764ba2,#667eea);box-shadow:0 6px 20px #667eea99;transform:translateY(-2px)}.error-container{padding:3rem;text-align:center}.loading{color:#666}.dark-mode .details-container{background:#2d3748;box-shadow:0 4px 20px #00000080}.dark-mode .details-container h1,.dark-mode .details-container h3,.dark-mode .details-container p{color:#e2e8f0}.dark-mode .badge-condition{background:#4a5a76;color:#e2e8f0}@media (max-width:768px){.details-container{gap:2rem;grid-template-columns:1fr;padding:1.5rem}.details-info-section h1{font-size:1.5rem}.details-price{font-size:2rem}.details-image{max-height:400px}}.login-overlay{align-items:center;animation:fadeIn .2s ease;background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.login-modal{animation:slideUp .3s ease;background:#fff;border-radius:16px;box-shadow:0 10px 40px #0000004d;max-width:450px;padding:2.5rem;position:relative;width:90%}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.close-btn{background:none;border:none;color:#999;cursor:pointer;font-size:1.5rem;line-height:1;padding:.5rem;position:absolute;right:1rem;top:1rem;transition:color .3s}.close-btn:hover{color:#282c34}.login-modal h2{color:#282c34;font-size:1.75rem;margin:0 0 .5rem}.login-subtitle{color:#666;font-size:1rem;margin:0 0 2rem}.login-modal .form-group{margin-bottom:1.5rem}.login-modal .form-group label{color:#282c34;display:block;font-size:.95rem;font-weight:600;margin-bottom:.5rem}.login-modal .form-group input{border:2px solid #e0e0e0;border-radius:8px;box-sizing:border-box;font-family:inherit;font-size:1rem;padding:.875rem;transition:border-color .3s;width:100%}.login-modal .form-group input:focus{border-color:#667eea;outline:none}.btn-login{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;box-shadow:0 4px 15px #667eea66;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:700;margin-top:.5rem;padding:1rem 2rem;transition:all .3s;width:100%}.btn-login:hover:not(:disabled){background:linear-gradient(135deg,#764ba2,#667eea);box-shadow:0 6px 20px #667eea99;transform:translateY(-2px)}.btn-login:disabled{cursor:not-allowed;opacity:.6}.login-modal .error-message{background:#fff5f5;border-left:4px solid #e53e3e;border-radius:8px;color:#e53e3e;font-weight:500;margin-bottom:1.5rem;padding:1rem}.login-footer{color:#666;font-size:.9rem;margin-top:1.5rem;text-align:center}.dark-mode .login-modal{background:#2d3748;box-shadow:0 10px 40px #000000b3}.dark-mode .login-modal h2{color:#e2e8f0}.dark-mode .login-subtitle{color:#a0aec0}.dark-mode .form-group input{background:#4a5a76;border-color:#667eea;color:#e2e8f0}.create-listing-auth{background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000001a;margin:0 auto;max-width:800px;padding:2.5rem}.form-header{margin-bottom:2rem}.form-header h2{color:#282c34;font-size:2rem;margin:0 0 .5rem}.user-info{color:#666;font-size:1rem;margin:0}.user-info strong{color:#667eea}.listing-form{display:flex;flex-direction:column;gap:2rem}.form-section{background:#f9f9f9;border:1px solid #e0e0e0;border-radius:12px;padding:2rem}.form-section h3{border-bottom:2px solid #667eea;color:#282c34;font-size:1.3rem;margin:0 0 1.5rem;padding-bottom:.75rem}.form-group:last-child{margin-bottom:0}.form-group label{color:#282c34;font-size:.95rem}.form-group input[type=number],.form-group input[type=text],.form-group select,.form-group textarea{background:#fff;border:2px solid #e0e0e0;border-radius:8px;box-sizing:border-box;font-family:inherit;font-size:1rem;padding:.875rem;transition:border-color .3s;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#667eea;outline:none}.form-group select{cursor:pointer}.form-group textarea{min-height:120px;resize:vertical}.image-upload-container{margin-top:.5rem}.upload-placeholder{align-items:center;background:#fff;border:3px dashed #e0e0e0;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;justify-content:center;padding:3rem;transition:all .3s}.upload-placeholder:hover{background:#f5f7ff;border-color:#667eea}.upload-icon{font-size:3rem;margin-bottom:.5rem}.image-preview{border-radius:12px;max-width:100%;overflow:hidden;position:relative}.image-preview img{display:block;height:auto;width:100%}.remove-image{align-items:center;background:#000000b3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.2rem;height:32px;justify-content:center;position:absolute;right:10px;top:10px;transition:background .3s;width:32px}.remove-image:hover{background:#000000e6}.price-input{align-items:center;display:flex;position:relative}.price-input .currency{color:#282c34;font-size:1.2rem;font-weight:600;left:1rem;position:absolute}.price-input input{font-size:1.5rem;font-weight:600;padding-left:2.5rem}.pricing-breakdown{background:#fff;border-radius:12px;margin-top:1rem;padding:1.5rem}.price-row{align-items:center;display:flex;font-size:1rem;justify-content:space-between;padding:.75rem 0}.price-row.total{border-top:2px solid #e0e0e0;font-size:1.2rem;font-weight:700;margin-top:.5rem;padding-top:1rem}.price-value{color:#282c34;font-weight:600}.price-value.fee{color:#e53e3e}.price-row.total .price-value{color:#48bb78;font-size:1.5rem}.btn-submit{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;box-shadow:0 4px 15px #667eea66;color:#fff;cursor:pointer;font-size:1.2rem;font-weight:700;padding:1.25rem 2rem;transition:all .3s;width:100%}.btn-submit:hover:not(:disabled){background:linear-gradient(135deg,#764ba2,#667eea);box-shadow:0 6px 20px #667eea99;transform:translateY(-2px)}.btn-submit:disabled{cursor:not-allowed;opacity:.6}.error-message{border-left:4px solid #e53e3e;color:#e53e3e;font-weight:500}.dark-mode .create-listing-auth{background:#2d3748;box-shadow:0 4px 20px #000000b3}.dark-mode .form-header h2{color:#e2e8f0}.dark-mode .form-section{background:#4a5a76;border-color:#667eea}.dark-mode .form-section h3{border-bottom-color:#a3bffa;color:#e2e8f0}.dark-mode .form-group label{color:#e2e8f0}.dark-mode .form-group input[type=number],.dark-mode .form-group input[type=text],.dark-mode .form-group select,.dark-mode .form-group textarea{background:#2d3748;border-color:#667eea;color:#e2e8f0}.dark-mode .form-group input[type=number]::placeholder,.dark-mode .form-group input[type=text]::placeholder,.dark-mode .form-group textarea::placeholder{color:#a0aec0}.dark-mode .upload-placeholder{background:#4a5a76;border-color:#667eea}.dark-mode .upload-placeholder:hover{background:#2d3748}.dark-mode .remove-image{background:#fff3}.dark-mode .remove-image:hover{background:#fff6}.dark-mode .pricing-breakdown{background:#4a5a76}.dark-mode .price-row,.dark-mode .price-value{color:#e2e8f0}.dark-mode .price-value.fee{color:#f56565}.dark-mode .price-row.total .price-value{color:#48bb78}.dark-mode .btn-submit{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 15px #667eea99}.dark-mode .btn-submit:hover:not(:disabled){background:linear-gradient(135deg,#764ba2,#667eea)}.dark-mode .error-message{background:#742a2a;border-left-color:#feb2b2;color:#fed7d7}@media (max-width:768px){.create-listing-auth,.form-section{padding:1.5rem}}.cart-overlay{animation:fadeIn .2s ease;background:#0009;left:0;z-index:1000}.cart-overlay,.cart-sidebar{bottom:0;position:fixed;right:0;top:0}.cart-sidebar{animation:slideInRight .3s ease;background:#fff;box-shadow:-4px 0 20px #0000004d;display:flex;flex-direction:column;max-width:90%;width:450px}@keyframes slideInRight{0%{transform:translateX(100%)}to{transform:translateX(0)}}.cart-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:2px solid #e0e0e0;color:#fff;display:flex;justify-content:space-between;padding:1.5rem}.cart-header h2{font-size:1.5rem;margin:0}.close-cart-btn{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.5rem;height:36px;justify-content:center;transition:background .3s;width:36px}.close-cart-btn:hover{background:#ffffff4d}.empty-cart{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:3rem 2rem;text-align:center}.empty-cart-icon{font-size:5rem;margin-bottom:1rem;opacity:.3}.empty-cart h3{color:#282c34;font-size:1.5rem;margin:0 0 .5rem}.empty-cart p{color:#666;margin:0}.cart-items{flex:1 1;overflow-y:auto;padding:1rem}.cart-item{background:#f9f9f9;border-radius:12px;display:flex;gap:1rem;margin-bottom:1rem;padding:1rem;position:relative;transition:transform .2s}.cart-item:hover{transform:translateX(-4px)}.cart-item-image{border-radius:8px;flex-shrink:0;height:80px;object-fit:cover;width:80px}.cart-item-details{display:flex;flex:1 1;flex-direction:column;gap:.5rem}.cart-item-details h4{color:#282c34;font-size:1rem;line-height:1.3;margin:0}.cart-item-condition{background:#e3f2fd;border-radius:4px;color:#1976d2;display:inline-block;font-size:.75rem;font-weight:600;padding:.25rem .5rem;width:-webkit-fit-content;width:fit-content}.cart-item-price{color:#667eea;font-size:1.25rem;font-weight:700;margin:0}.remove-item-btn{align-items:center;background:#e53e3e1a;border:none;border-radius:50%;color:#e53e3e;cursor:pointer;display:flex;font-size:1rem;height:28px;justify-content:center;position:absolute;right:.5rem;top:.5rem;transition:all .3s;width:28px}.remove-item-btn:hover{background:#e53e3e;color:#fff}.cart-footer{background:#fff;border-top:2px solid #e0e0e0;padding:1.5rem}.cart-total{align-items:center;display:flex;font-size:1.2rem;font-weight:600;justify-content:space-between;margin-bottom:1.5rem}.total-amount{color:#667eea;font-size:1.75rem}.btn-checkout{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;box-shadow:0 4px 15px #667eea66;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:700;margin-bottom:.75rem;padding:1rem;transition:all .3s;width:100%}.btn-checkout:hover{background:linear-gradient(135deg,#764ba2,#667eea);box-shadow:0 6px 20px #667eea99;transform:translateY(-2px)}.btn-clear-cart{background:#fff;border:2px solid #e0e0e0;border-radius:8px;color:#666;cursor:pointer;font-size:.95rem;font-weight:600;padding:.75rem;transition:all .3s;width:100%}.btn-clear-cart:hover{background:#fff5f5;border-color:#e53e3e;color:#e53e3e}.dark-mode .cart-sidebar{background:#2d3748;box-shadow:-4px 0 20px #000000b3}.dark-mode .cart-item{background:#1a202c}.dark-mode .cart-item h4{color:#e2e8f0}.dark-mode .cart-item-condition{background:#4a5a76;color:#e2e8f0}.dark-mode .cart-header{background:linear-gradient(135deg,#4a90e2,#9013fe);color:#e2e8f0}.dark-mode .close-cart-btn{background:#e2e8f033;color:#e2e8f0}.dark-mode .close-cart-btn:hover{background:#e2e8f04d}.dark-mode .cart-total{color:#e2e8f0}.dark-mode .total-amount{color:#4a90e2}.dark-mode .btn-checkout{background:linear-gradient(135deg,#4a90e2,#9013fe);box-shadow:0 4px 15px #4a90e266}.dark-mode .btn-checkout:hover{background:linear-gradient(135deg,#9013fe,#4a90e2)}.dark-mode .btn-clear-cart{background:#1a202c;border-color:#4a5a76;color:#cbd5e0}.dark-mode .btn-clear-cart:hover{background:#2d1f1f;border-color:#fc8181;color:#fc8181}.dark-mode .cart-footer{background:#2d3748}@media (max-width:768px){.cart-sidebar{max-width:100%;width:100%}}.user-menu-overlay{bottom:0;left:0;position:fixed;right:0;top:0;z-index:999}.user-menu-dropdown{animation:slideDown .2s ease-out;background:#fff;border-radius:12px;box-shadow:0 8px 24px #00000026;min-width:280px;overflow:hidden;position:absolute;right:2rem;top:80px;z-index:1000}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.user-menu-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;gap:1rem;padding:1.5rem}.user-avatar,.user-menu-header{align-items:center;display:flex}.user-avatar{background:#fff3;border:2px solid #ffffff4d;border-radius:50%;font-size:1.5rem;font-weight:700;height:48px;justify-content:center;width:48px}.user-info{color:#e2e8f0;flex:1 1;overflow:hidden}.user-menu-username{font-size:1.1rem;font-weight:700;margin-bottom:.25rem}.user-menu-email,.user-menu-username{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-menu-email{font-size:.85rem;opacity:.9}.user-menu-divider{background:#e2e8f0;height:1px;margin:.5rem 0}.user-menu-items{padding:.5rem}.user-menu-item{align-items:center;background:#0000;border:none;border-radius:8px;color:#2d3748;cursor:pointer;display:flex;font-size:.95rem;font-weight:500;gap:.75rem;padding:.875rem 1rem;text-align:left;transition:all .2s;width:100%}.user-menu-item:hover{background:#f7fafc;transform:translateX(4px)}.menu-item-icon{height:20px;opacity:.7;width:20px}.logout-item{color:#e53e3e}.logout-item:hover{background:#fff5f5}.logout-item .menu-item-icon{filter:invert(27%) sepia(51%) saturate(2878%) hue-rotate(346deg) brightness(104%) contrast(97%)}.dark-mode .user-menu-dropdown{background:#1a202c;box-shadow:0 8px 24px #0006}.dark-mode .user-menu-divider{background:#2d3748}.dark-mode .user-menu-item{filter:invert(100%) sepia(0) saturate(0) hue-rotate(0deg) brightness(100%) contrast(100%)}.dark-mode .user-menu-item:hover{background:#2d3748;color:#e2e8f0;filter:none}.dark-mode .logout-item{color:#fc8181;filter:invert(27%) sepia(51%) saturate(2878%) hue-rotate(346deg) brightness(104%) contrast(97%)}.dark-mode .logout-item:hover{background:#2d1f1f}@media (max-width:768px){.user-menu-dropdown{min-width:260px;right:1rem}}.profile-container{margin:0 auto;max-width:800px;padding:2rem}.profile-header{align-items:center;display:flex;gap:1rem;margin-bottom:2rem}.profile-header h2{color:#2d3748;font-size:2rem;margin:0}.back-button{background:#0000;border:2px solid #667eea;border-radius:8px;color:#667eea;cursor:pointer;font-weight:600;padding:.5rem 1rem;transition:all .3s}.back-button:hover{background:#667eea;color:#fff}.profile-content{background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;padding:2rem}.profile-section h3{color:#2d3748;font-size:1.3rem}.form-group,.profile-section h3{margin-bottom:1.5rem}.form-group label{color:#4a5568;display:block;font-weight:600;margin-bottom:.5rem}.form-input{border:2px solid #e2e8f0;border-radius:8px;font-size:1rem;padding:.75rem;transition:all .3s;width:100%}.form-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.form-input:disabled{background:#f7fafc;cursor:not-allowed}.form-divider{background:#e2e8f0;height:1px;margin:2rem 0}.form-actions{display:flex;gap:1rem;margin-top:2rem}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:.875rem 2rem;transition:all .3s}.btn-primary:hover{box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.btn-secondary{background:#fff;border:2px solid #667eea;border-radius:8px;color:#667eea;cursor:pointer;font-weight:600;padding:.875rem 2rem;transition:all .3s}.btn-secondary:hover{background:#667eea;color:#fff}.dark-mode .profile-header h2,.dark-mode .profile-section h3{color:#e2e8f0}.dark-mode .profile-content{background:#2d3748}.dark-mode .form-group label{color:#cbd5e0}.dark-mode .form-input{background:#1a202c;border-color:#4a5568;color:#e2e8f0}.dark-mode .form-input:disabled{background:#2d3748}.dark-mode .form-divider{background:#4a5568}@media (max-width:768px){.profile-container{padding:1rem}.profile-content{padding:1.5rem}.form-actions{flex-direction:column}.btn-primary,.btn-secondary{width:100%}}.manage-listings-container{margin:0 auto;max-width:1200px;padding:2rem}.manage-listings-header{align-items:center;display:flex;gap:1rem;margin-bottom:2rem}.manage-listings-header h2{color:#2d3748;font-size:2rem;margin:0}.loading{color:#718096;font-size:1.2rem}.loading,.no-listings{padding:3rem;text-align:center}.no-listings{background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a}.no-listings p{color:#718096;font-size:1.2rem}.listings-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.listing-card{background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;overflow:hidden;transition:all .3s}.listing-card:hover{box-shadow:0 8px 24px #00000026;transform:translateY(-4px)}.listing-image-container{background:#f7fafc;height:200px;overflow:hidden;position:relative;width:100%}.listing-image{object-fit:cover;width:100%}.listing-image-placeholder{align-items:center;color:#cbd5e0;display:flex;font-weight:600;height:100%;justify-content:center;width:100%}.listing-status-badge{border-radius:20px;font-size:.85rem;font-weight:600;padding:.5rem 1rem;position:absolute;right:1rem;text-transform:uppercase;top:1rem}.listing-status-badge.active{background:linear-gradient(135deg,#48bb78,#38a169);color:#fff}.listing-status-badge.sold{background:#718096;color:#fff}.listing-content{padding:1.5rem}.listing-title{color:#2d3748;font-size:1.3rem;font-weight:700;margin-bottom:.5rem}.listing-price{color:#667eea;font-size:1.5rem;font-weight:700;margin-bottom:1rem}.listing-description{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:#718096;display:-webkit-box;line-height:1.6;margin-bottom:1.5rem;overflow:hidden}.listing-actions{display:flex;gap:.75rem}.btn-delete,.btn-toggle-status{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-weight:600;padding:.75rem;transition:all .3s}.btn-toggle-status.active{background:#e2e8f0;color:#2d3748}.btn-toggle-status.active:hover{background:#cbd5e0}.btn-toggle-status.sold{background:linear-gradient(135deg,#48bb78,#38a169);color:#fff}.btn-toggle-status.sold:hover{box-shadow:0 4px 12px #48bb7866;transform:translateY(-2px)}.btn-delete{background:#fff5f5;color:#e53e3e}.btn-delete:hover{background:#e53e3e;color:#fff}.dark-mode .manage-listings-header h2{color:#e2e8f0}.dark-mode .loading,.dark-mode .no-listings p{color:#cbd5e0}.dark-mode .listing-card,.dark-mode .no-listings{background:#2d3748}.dark-mode .listing-image-container{background:#1a202c}.dark-mode .listing-title{color:#e2e8f0}.dark-mode .listing-description{color:#cbd5e0}.dark-mode .btn-toggle-status.active{background:#4a5568;color:#e2e8f0}.dark-mode .btn-toggle-status.active:hover{background:#2d3748}.dark-mode .btn-delete{background:#2d1f1f;color:#fc8181}.dark-mode .btn-delete:hover{background:#e53e3e;color:#fff}@media (max-width:768px){.manage-listings-container{padding:1rem}.listings-grid{gap:1.5rem;grid-template-columns:1fr}}.settings-container{margin:0 auto;max-width:800px;padding:2rem}.settings-header{align-items:center;display:flex;gap:1rem;margin-bottom:2rem}.settings-header h2{color:#2d3748;font-size:2rem;margin:0}.settings-content{background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;padding:2rem}.settings-section h3{color:#2d3748;font-size:1.3rem;margin-bottom:1.5rem}.settings-group{display:flex;flex-direction:column;gap:1.5rem}.setting-item{align-items:center;display:flex;gap:1rem;justify-content:space-between}.setting-info{flex:1 1}.setting-info label{color:#2d3748;display:block;font-weight:600;margin-bottom:.25rem}.setting-info p{color:#718096;font-size:.9rem;margin:0}.toggle-switch{display:inline-block;height:28px;position:relative;width:50px}.toggle-switch input{height:0;opacity:0;width:0}.toggle-slider{background-color:#cbd5e0;border-radius:34px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.4s}.toggle-slider:before{background-color:#fff;border-radius:50%;bottom:4px;content:"";height:20px;left:4px;position:absolute;transition:.4s;width:20px}input:checked+.toggle-slider{background:linear-gradient(135deg,#667eea,#764ba2)}input:checked+.toggle-slider:before{transform:translateX(22px)}.setting-select{background:#fff;border:2px solid #e2e8f0;border-radius:8px;color:#2d3748;cursor:pointer;font-size:1rem;padding:.5rem 1rem;transition:all .3s}.setting-select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.settings-divider{background:#e2e8f0;height:1px;margin:2rem 0}.settings-actions{display:flex;justify-content:flex-end;margin-top:2rem}.btn-save{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:.875rem 2rem;transition:all .3s}.btn-save:hover{box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.dark-mode .settings-header h2,.dark-mode .settings-section h3{color:#e2e8f0}.dark-mode .settings-content{background:#2d3748}.dark-mode .setting-info label{color:#e2e8f0}.dark-mode .setting-info p{color:#cbd5e0}.dark-mode .toggle-slider{background-color:#4a5568}.dark-mode .setting-select{background:#1a202c;border-color:#4a5568;color:#e2e8f0}.dark-mode .settings-divider{background:#4a5568}@media (max-width:768px){.settings-container{padding:1rem}.settings-content{padding:1.5rem}.setting-item{align-items:flex-start;flex-direction:column}.setting-select,.toggle-switch{align-self:flex-end}}.seller-onboarding-container{align-items:center;display:flex;justify-content:center;min-height:80vh;padding:2rem}.onboarding-card{background:#fff;border-radius:16px;box-shadow:0 8px 24px #0000001f;max-width:700px;overflow:hidden;width:100%}.onboarding-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:3rem 2rem 2rem;text-align:center}.onboarding-header h2{font-size:2rem;margin-bottom:.5rem}.onboarding-header p{font-size:1.1rem;opacity:.95}.success-icon{align-items:center;background:#fff3;border:3px solid #ffffff4d;border-radius:50%;display:flex;font-size:3rem;height:80px;justify-content:center;margin:0 auto 1rem;width:80px}.onboarding-content{padding:2.5rem}.onboarding-steps{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem}.step{align-items:flex-start;display:flex;gap:1.5rem}.step-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;font-size:1.3rem;font-weight:700;height:48px;justify-content:center;min-width:48px;width:48px}.step-text h3{color:#2d3748;font-size:1.2rem;margin-bottom:.5rem}.step-text p{color:#718096;line-height:1.6}.status-info{background:#f7fafc;border-radius:12px;margin-bottom:2rem;padding:1.5rem}.status-item{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:.75rem 0}.status-item:last-child{border-bottom:none}.status-label{color:#4a5568}.status-label,.status-value{font-weight:600}.status-value.success{color:#48bb78}.status-value.pending{color:#ed8936}.requirements-notice{background:#fff5f5;border:1px solid #feb2b2;border-radius:8px;color:#c53030;margin-top:1rem;padding:1rem}.success-message{color:#2d3748;font-size:1.1rem;padding:2rem 0;text-align:center}.error-message{align-items:center;background:#fff5f5;border:1px solid #fc8181;border-radius:8px;color:#c53030;display:flex;gap:.5rem;margin-bottom:1.5rem;padding:1rem}.onboarding-actions{display:flex;gap:1rem;margin-top:2rem}.btn-cancel,.btn-continue,.btn-refresh{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:1rem;font-weight:600;padding:1rem 2rem;transition:all .3s}.btn-continue{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-continue:hover:not(:disabled){box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.btn-continue:disabled{cursor:not-allowed;opacity:.6}.btn-cancel{background:#fff;border:2px solid #e2e8f0;color:#718096}.btn-cancel:hover:not(:disabled){background:#f7fafc;border-color:#cbd5e0}.btn-refresh{background:#fff;border:2px solid #667eea;color:#667eea}.btn-refresh:hover:not(:disabled){background:#667eea;color:#fff}.onboarding-notice{background:#edf2f7;border-radius:8px;color:#4a5568;font-size:.9rem;margin-top:2rem;padding:1rem}.onboarding-notice strong{color:#2d3748}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #e2e8f0;border-radius:50%;border-top-color:#667eea;height:48px;margin:0 auto 1rem;width:48px}@keyframes spin{to{transform:rotate(1turn)}}.dark-mode .onboarding-card{background:#2d3748}.dark-mode .step-text h3{color:#e2e8f0}.dark-mode .step-text p{color:#cbd5e0}.dark-mode .status-info{background:#1a202c}.dark-mode .status-label{color:#cbd5e0}.dark-mode .status-item{border-bottom-color:#4a5568}.dark-mode .success-message{color:#e2e8f0}.dark-mode .onboarding-notice{background:#1a202c;color:#cbd5e0}.dark-mode .onboarding-notice strong{color:#e2e8f0}.dark-mode .btn-cancel{background:#1a202c;border-color:#4a5568;color:#cbd5e0}.dark-mode .btn-cancel:hover:not(:disabled){background:#2d3748}.dark-mode .btn-refresh{background:#1a202c;border-color:#667eea}@media (max-width:768px){.seller-onboarding-container{padding:1rem}.onboarding-header{padding:2rem 1.5rem 1.5rem}.onboarding-header h2{font-size:1.5rem}.onboarding-content{padding:1.5rem}.onboarding-actions{flex-direction:column}.step{gap:1rem}.step-icon{font-size:1.1rem;height:40px;min-width:40px;width:40px}}
/*# sourceMappingURL=main.570c39ce.css.map*/