:root{--white: #ffffff;--light-gray: #f5f5f5;--medium-gray: #e0e0e0;--dark-gray: #666666;--black: #000000;--shadow: 0 2px 10px rgba(0, 0, 0, .1);--transition: all .3s ease}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:var(--black);background-color:var(--white);line-height:1.6}header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 5%;background-color:var(--white);box-shadow:var(--shadow);position:sticky;top:0;z-index:1000}.logo{font-size:1.8rem;font-weight:700;color:var(--black);text-decoration:none;display:flex;align-items:center}.logo span{color:var(--dark-gray)}.search-container{flex-grow:1;max-width:500px;margin:0 2rem;min-width:200px;transition:all .3s ease}.search-box input{flex-grow:1;padding:.8rem 1.2rem;border:1px solid var(--medium-gray);border-right:none;font-size:1rem;transition:var(--transition)}.search-box input:focus{outline:none;border-color:var(--dark-gray)}.search-box button{background-color:var(--black);color:var(--white);border:none;padding:0 1.5rem;cursor:pointer;transition:var(--transition)}.search-box button:hover{background-color:var(--dark-gray)}.auth-container{display:flex;gap:1.5rem;align-items:center;flex-shrink:0}.user-greeting{color:var(--dark-gray);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}.auth-btn.seller-dashboard{background-color:var(--dark-gray);color:var(--white);border-color:var(--dark-gray);padding:.6rem 1.2rem;font-size:1rem}.auth-btn.seller-dashboard:hover{background-color:var(--black);border-color:var(--black)}.logout{background-color:#dc3545!important;color:var(--white)!important;border-color:#dc3545!important}.logout:hover{background-color:#c82333!important;border-color:#c82333!important}.create-product{background-color:#28a745!important;color:var(--white)!important;border-color:#28a745!important}.create-product:hover{background-color:#218838!important;border-color:#218838!important}.auth-btn{background:none;border:1px solid var(--black);color:var(--black);padding:.6rem 1.2rem;cursor:pointer;font-weight:500;transition:var(--transition);border-radius:2px}.auth-btn.signup{background-color:var(--black);color:var(--white)}.auth-btn:hover{background-color:var(--dark-gray);color:var(--white);border-color:var(--dark-gray)}.hero{background-color:var(--light-gray);padding:4rem 5%;text-align:center}.hero h1{font-size:2.8rem;margin-bottom:1rem;font-weight:700}.hero p{font-size:1.2rem;color:var(--dark-gray);max-width:600px;margin:0 auto 2rem}.cta-button{background-color:var(--black);color:var(--white);border:none;padding:1rem 2.5rem;font-size:1.1rem;font-weight:500;cursor:pointer;transition:var(--transition);border-radius:2px}.cta-button:hover{background-color:var(--dark-gray);transform:translateY(-2px)}.section-title{text-align:center;font-size:2rem;margin:3rem 0 2rem;position:relative;display:inline-block;left:50%;transform:translate(-50%)}.section-title:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:50px;height:3px;background-color:var(--black)}.categories{display:flex;justify-content:center;flex-wrap:wrap;gap:2rem;padding:2rem 5%}.category-card{width:150px;text-align:center;transition:var(--transition)}.category-card:hover{transform:translateY(-5px)}.category-icon{width:100px;height:100px;background-color:var(--light-gray);border-radius:50%;margin:0 auto 1rem;display:flex;align-items:center;justify-content:center;font-size:2.5rem;color:var(--black);border:1px solid var(--medium-gray)}.category-card h3{font-weight:500;font-size:1.1rem}.featured-auctions{padding:3rem 5%;background-color:var(--white)}.auctions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:2.5rem;margin-top:2rem}.auction-card{border:1px solid var(--medium-gray);border-radius:4px;overflow:hidden;transition:var(--transition);box-shadow:var(--shadow)}.auction-card:hover{box-shadow:0 5px 15px #00000026;transform:translateY(-5px)}.auction-img{height:200px;background-color:var(--light-gray);display:flex;align-items:center;justify-content:center;font-size:3rem;color:var(--dark-gray)}.auction-title{font-size:1.3rem;font-weight:600;margin-bottom:.5rem}.auction-desc{color:var(--dark-gray);font-size:.95rem;margin-bottom:1rem;min-height:40px}.auction-price{font-size:1.5rem;font-weight:700;margin:.5rem 0}.auction-timer{background-color:var(--light-gray);display:inline-block;padding:.3rem .8rem;border-radius:3px;font-weight:500;margin:.5rem 0;font-size:.9rem}.bid-button{background-color:var(--black);color:var(--white);border:none;width:100%;padding:.8rem;margin-top:.5rem;cursor:pointer;font-weight:500;transition:var(--transition)}.bid-button:hover{background-color:var(--dark-gray)}.how-it-works{padding:4rem 5%;background-color:var(--light-gray);text-align:center}.steps{display:flex;justify-content:center;flex-wrap:wrap;gap:3rem;margin-top:3rem}.step{max-width:300px}.step-number{width:50px;height:50px;background-color:var(--black);color:var(--white);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;margin:0 auto 1.5rem}.step h3{font-size:1.5rem;margin-bottom:1rem}.login-container,.signup-container{display:flex;justify-content:center;align-items:center;min-height:calc(100vh - 180px);padding:2rem 5%;background-color:var(--light-gray)}.login-box,.signup-box{background-color:var(--white);border-radius:4px;box-shadow:var(--shadow);padding:2.5rem;width:100%;max-width:450px}.login-header,.signup-header{text-align:center;margin-bottom:2rem}.login-header h1,.signup-header h1{font-size:2rem;font-weight:700;margin-bottom:.5rem}.login-header p,.signup-header p{color:var(--dark-gray);font-size:.95rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:500;font-size:.95rem}.form-control{width:100%;padding:.9rem 1.2rem;border:1px solid var(--medium-gray);border-radius:3px;font-size:1rem;transition:var(--transition)}.form-control:focus{outline:none;border-color:var(--black);box-shadow:0 0 0 2px #0000001a}.form-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;gap:1rem}.form-row .form-group{flex:1;margin-bottom:0}.remember-me{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:var(--dark-gray)}.remember-me input{margin:0}.forgot-password{color:var(--dark-gray);text-decoration:none;font-size:.9rem;transition:var(--transition)}.forgot-password:hover{color:var(--black);text-decoration:underline}.login-btn,.signup-btn{width:100%;background-color:var(--black);color:var(--white);border:none;padding:1rem;font-size:1rem;font-weight:500;cursor:pointer;border-radius:3px;transition:var(--transition)}.login-btn:hover,.signup-btn:hover{background-color:var(--dark-gray);transform:translateY(-2px)}.login-btn:active,.signup-btn:active{transform:translateY(0)}.divider{text-align:center;margin:1.5rem 0;position:relative}.divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background-color:var(--medium-gray)}.divider span{background-color:var(--white);padding:0 1rem;position:relative;color:var(--dark-gray);font-size:.9rem}.social-login{display:flex;justify-content:center;gap:1rem;margin-top:1.5rem}.social-btn{width:50px;height:50px;border-radius:50%;border:1px solid var(--medium-gray);background-color:var(--white);display:flex;align-items:center;justify-content:center;font-size:1.3rem;cursor:pointer;transition:var(--transition)}.social-btn:hover{border-color:var(--black);transform:translateY(-2px)}.register-link,.login-link{text-align:center;margin-top:1.5rem;color:var(--dark-gray);font-size:.95rem}.register-link a,.login-link a{color:var(--black);text-decoration:none;font-weight:500;transition:var(--transition)}.register-link a:hover,.login-link a:hover{color:var(--dark-gray);text-decoration:underline}.form-check{display:flex;align-items:flex-start;gap:.7rem;margin-bottom:1.5rem}.form-check input{margin-top:.3rem;cursor:pointer}.form-check label{margin:0;font-size:.9rem;color:var(--dark-gray);line-height:1.5}.form-check a{color:var(--black);text-decoration:none;font-weight:500;transition:var(--transition)}.form-check a:hover{color:var(--dark-gray);text-decoration:underline}.api-note{background-color:var(--light-gray);border-left:4px solid var(--black);padding:1rem;margin:1.5rem 0;font-size:.9rem;color:var(--dark-gray);border-radius:3px}footer{background-color:var(--black);color:var(--white);padding:3rem 5% 1.5rem}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem}.footer-section h3{font-size:1.3rem;margin-bottom:1.5rem;position:relative;padding-bottom:.5rem}.footer-section h3:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background-color:var(--white)}.footer-links{list-style:none}.footer-links li{margin-bottom:.8rem}.footer-links a{color:var(--medium-gray);text-decoration:none;transition:var(--transition)}.footer-links a:hover{color:var(--white);padding-left:5px}.copyright{text-align:center;padding-top:2rem;color:var(--medium-gray);font-size:.9rem;border-top:1px solid var(--medium-gray);margin-top:2rem}@media (max-width: 900px){.search-container{display:none}.hero h1{font-size:2.3rem}}@media (max-width: 768px){header{flex-direction:column;padding:1rem 5%;gap:1.5rem}.logo{font-size:1.6rem}.search-container{width:100%;max-width:100%;margin:0;display:block}.search-box{width:100%}.auth-container{width:100%;justify-content:space-between}.hero{padding:2.5rem 5%}.hero h1{font-size:2rem}.section-title{font-size:1.7rem}.auctions-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.login-box,.signup-box{padding:2rem}.login-header h1,.signup-header h1{font-size:1.7rem}.form-row{flex-direction:column;gap:0}}@media (max-width: 480px){.hero h1{font-size:1.8rem}.section-title{font-size:1.5rem}.auctions-grid{grid-template-columns:1fr}.steps{flex-direction:column;align-items:center}.footer-content{grid-template-columns:1fr}.login-box,.signup-box{padding:1.8rem}.login-header h1,.signup-header h1{font-size:1.5rem}.form-control{padding:.8rem 1rem}.login-btn,.signup-btn{padding:.9rem}.social-login{flex-direction:column;gap:.8rem}.social-btn{width:100%;height:auto;border-radius:3px;font-size:1rem}}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.css-test-page{padding:2rem;max-width:1200px;margin:0 auto}.test-section{margin-bottom:3rem;padding:1.5rem;border:1px solid var(--medium-gray);border-radius:8px;background-color:var(--light-gray)}.test-section h2{margin-top:0;color:var(--black);border-bottom:2px solid var(--dark-gray);padding-bottom:.5rem}.button-tests,.color-test{display:flex;gap:1rem;flex-wrap:wrap}.color-box{width:100px;height:100px;display:flex;align-items:center;justify-content:center;border:1px solid var(--dark-gray);font-weight:700;text-align:center}.App{text-align:center}main{min-height:calc(100vh - 200px)}.product-card{border:1px solid #eee;border-radius:4px;overflow:hidden;background-color:#fff;box-shadow:0 2px 10px #0000001a;transition:transform .2s,box-shadow .2s;cursor:pointer}.product-card:hover{transform:translateY(-5px);box-shadow:0 5px 20px #00000026}@media (max-width: 768px){.dashboard-container{padding:1rem}.stats-grid{grid-template-columns:1fr}.action-buttons{flex-direction:column;align-items:center}.action-button{width:100%;max-width:300px}}.seller-dashboard-page{max-width:1200px;margin:0 auto;padding:2rem}.dashboard-header{margin-bottom:2rem}.dashboard-header h1{color:var(--black);margin-bottom:1.5rem}.dashboard-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem}.summary-card{background:white;border:1px solid var(--medium-gray);border-radius:8px;padding:1.5rem;text-align:center;box-shadow:0 2px 4px #0000001a}.summary-card h3{font-size:2rem;color:var(--dark-gray);margin:0 0 .5rem}.summary-card p{color:var(--dark-gray);margin:0;font-weight:500}.dashboard-actions{margin-bottom:2rem;text-align:center}.btn-primary{background-color:var(--dark-gray);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer;transition:background-color .2s}.btn-primary:hover{background-color:var(--black)}.my-products{background:white;border-radius:8px;padding:2rem;box-shadow:0 2px 8px #0000001a}.products-tabs{display:flex;gap:1rem;margin-bottom:2rem;border-bottom:1px solid var(--light-gray);padding-bottom:1rem}.tab{background:none;border:none;padding:.75rem 1.5rem;font-size:1rem;font-weight:500;color:var(--dark-gray);cursor:pointer;border-radius:6px 6px 0 0;transition:all .2s}.tab.active{background-color:var(--dark-gray);color:#fff}.tab:hover:not(.active){background-color:var(--light-gray);color:var(--black)}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.product-card{border:1px solid var(--medium-gray);border-radius:8px;overflow:hidden;transition:transform .2s,box-shadow .2s}.product-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.product-image{position:relative;height:200px;background-color:var(--light-gray);display:flex;align-items:center;justify-content:center}.image-placeholder{font-size:3rem;color:var(--dark-gray);font-weight:700}.status-badge{position:absolute;top:1rem;right:1rem;padding:.25rem .75rem;border-radius:20px;font-size:.875rem;font-weight:600;color:#fff}.status-active{background-color:var(--success-green)}.status-ending-soon{background-color:var(--warning-orange)}.status-ended{background-color:var(--error-red)}.product-title{font-size:1.25rem;font-weight:600;color:var(--black);margin:0 0 .5rem}.product-price{font-size:1.5rem;font-weight:700;color:#000;margin:0 0 .5rem}.product-deadline{color:var(--dark-gray);margin:0 0 1rem;font-size:.9rem}.product-stats{display:flex;justify-content:space-between;margin-bottom:1.5rem;padding:.75rem;background-color:var(--light-gray);border-radius:6px}.stat{display:flex;align-items:center;gap:.5rem;font-size:.9rem;font-weight:500}.stat.status{padding:.25rem .75rem;border-radius:20px;color:#fff}.product-actions{display:flex;gap:.75rem}.btn-secondary{flex:1;background-color:var(--dark-gray);color:#fff;border:none;padding:.75rem;border-radius:6px;font-weight:500;cursor:pointer;transition:background-color .2s}.btn-secondary:hover{background-color:var(--black)}.btn-outline{flex:1;background:white;color:#000;border:1px solid #000000;padding:.75rem;border-radius:6px;font-weight:500;cursor:pointer;transition:all .2s}.btn-outline:hover{background-color:#000;color:#fff}.empty-state{text-align:center;padding:3rem 2rem;background:white;border-radius:12px;box-shadow:0 4px 12px #0000001a;max-width:500px;margin:2rem auto}.empty-icon{font-size:4rem;margin-bottom:1rem;opacity:.7}.empty-state h3{color:var(--black);margin:1rem 0 .5rem;font-size:1.5rem}.empty-state p{color:var(--dark-gray);margin:0 0 1.5rem;font-size:1.1rem;line-height:1.6}.hero{text-align:center;padding:4rem 2rem;background:linear-gradient(135deg,var(--light-gray) 0%,white 100%)}.hero h1{font-size:2.5rem;color:var(--black);margin-bottom:1rem;font-weight:700}.hero p{font-size:1.2rem;color:var(--dark-gray);max-width:800px;margin:0 auto 2rem;line-height:1.6}.categories-section{padding:3rem 2rem;text-align:center}.section-title{text-align:center;color:var(--black);margin-bottom:2rem;font-size:2rem;width:100%}.highlights-tabs{display:flex;justify-content:center;gap:1rem;margin-bottom:2rem;flex-wrap:wrap}.highlight-tab{padding:.75rem 1.5rem;background:white;border:2px solid var(--medium-gray);border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;color:var(--dark-gray)}.highlight-tab:hover{border-color:var(--dark-gray);color:var(--dark-gray);transform:translateY(-2px)}.highlight-tab.active{background:var(--dark-gray);color:#fff;border-color:var(--dark-gray);box-shadow:0 4px 12px #5f63684d}.products-display{max-width:1200px;margin:0 auto;padding:0 1rem}.auctions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:2rem;margin:0 auto}.auctions-grid.centered{justify-content:center;grid-template-columns:repeat(auto-fit,minmax(280px,300px))}.how-it-works{padding:3rem 2rem;text-align:center;background-color:var(--light-gray)}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;max-width:1400px;margin:0 auto;padding:0 2rem;grid-auto-flow:row;grid-template-rows:auto}.step{background:white;padding:2rem 1.5rem;border-radius:12px;box-shadow:0 4px 12px #0000001a;text-align:center;min-width:0}.step-number{width:50px;height:50px;background:var(--dark-gray);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;margin:0 auto 1rem}.step h3{color:var(--black);margin-bottom:1rem;font-size:1.25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.step p{color:var(--dark-gray);line-height:1.6;font-size:.95rem}.auction-card{background:white;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px #0000001a;transition:transform .3s,box-shadow .3s}.auction-card:hover{transform:translateY(-5px);box-shadow:0 8px 24px #00000026}.auction-img{position:relative;height:200px;background:linear-gradient(135deg,var(--dark-gray),var(--black));display:flex;align-items:center;justify-content:center;color:#fff;font-size:3rem;font-weight:700;overflow:hidden}.auction-img img{width:100%;height:100%;object-fit:cover;display:block}.countdown-badge{position:absolute;top:1rem;right:1rem;background:rgba(0,0,0,.7);color:#fff;padding:.5rem 1rem;border-radius:20px;font-weight:600;font-size:.9rem}.auction-details{padding:1.5rem}.auction-title{font-size:1.25rem;font-weight:600;color:var(--black);margin:0 0 .5rem}.auction-category{color:var(--dark-gray);font-size:.9rem;margin:0 0 .75rem;font-weight:500}.auction-price{font-size:1.5rem;font-weight:700;color:var(--success-green);margin:0 0 .5rem}.auction-deadline{color:var(--dark-gray);font-size:.9rem;margin:0 0 1.5rem}.bid-button{display:block;width:100%;background:var(--dark-gray);color:#fff;text-align:center;padding:.75rem;border-radius:6px;font-weight:600;text-decoration:none;transition:background-color .2s}.bid-button:hover{background:var(--black);color:#fff;text-decoration:none}.view-all-button{text-align:center;margin-top:2rem}.search-filter-section{margin:2rem 0;padding:2rem;background:rgba(255,255,255,.9);border-radius:12px;box-shadow:0 4px 12px #0000001a}.search-form{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;justify-content:center}.search-container{position:relative;flex:1;min-width:300px;max-width:500px}.search-input{width:100%;padding:12px 50px 12px 16px;border:2px solid var(--medium-gray);border-radius:8px;font-size:16px;transition:all .3s ease;background:white}.search-input:focus{outline:none;border-color:var(--primary-blue);box-shadow:0 0 0 3px #0000001a}.search-button{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:var(--primary-blue);color:#fff;border:none;border-radius:6px;padding:8px 12px;cursor:pointer;font-size:16px;transition:background-color .3s ease}.search-button:hover{background:var(--dark-blue)}.category-filter{min-width:200px}.category-select{width:100%;padding:12px 16px;border:2px solid var(--medium-gray);border-radius:8px;font-size:16px;background:white;cursor:pointer;transition:all .3s ease}.category-select:focus{outline:none;border-color:var(--primary-blue);box-shadow:0 0 0 3px #007bff1a}.browse-button{padding:12px 24px;background:var(--primary-blue);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap}.browse-button:hover{background:var(--dark-blue);transform:translateY(-2px);box-shadow:0 4px 8px #007bff4d}@media (min-width: 1025px){.steps{grid-template-columns:repeat(4,1fr)!important;gap:2rem!important;max-width:1400px!important}.step{padding:2rem 1.5rem!important}.step h3{font-size:1.25rem!important}.step p{font-size:.95rem!important}}@media (max-width: 1024px) and (min-width: 769px){.steps{grid-template-columns:repeat(2,1fr)!important;gap:1.5rem}.step{padding:1.5rem 1rem}.step h3{font-size:1.1rem}.step p{font-size:.9rem}}@media (max-width: 768px){.hero{padding:2rem 1rem}.hero h1{font-size:2rem}.categories-section{padding:2rem 1rem}.highlights-tabs{flex-direction:column;align-items:center}.highlight-tab{width:80%;max-width:300px}.auctions-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.5rem}.steps{grid-template-columns:1fr!important;gap:1.5rem}.how-it-works{padding:2rem 1rem}.step{padding:1.5rem}}@media (max-width: 480px){.hero h1{font-size:1.8rem}.hero p{font-size:1rem}.section-title{font-size:1.5rem}.auctions-grid{grid-template-columns:1fr;gap:1rem}.empty-state{padding:2rem 1rem;margin:1rem auto}}.product-list-page{max-width:1200px;margin:0 auto;padding:2rem}.page-header{text-align:center;margin-bottom:2rem}.page-header h1{color:var(--black);margin-bottom:.5rem}.page-header p{color:var(--dark-gray);font-size:1.1rem}.filters-section{display:flex;gap:1rem;margin-bottom:2rem;flex-wrap:wrap;align-items:center;padding:1.5rem;background:white;border-radius:8px;box-shadow:0 2px 8px #0000001a}.search-input,.category-select,.sort-select{padding:.75rem;border:1px solid var(--medium-gray);border-radius:6px;font-size:1rem}.search-input{flex:1;min-width:250px}.category-select,.sort-select{min-width:180px}.products-section{background:white;border-radius:8px;padding:2rem;box-shadow:0 2px 8px #0000001a}.product-link{text-decoration:none;color:inherit;display:block}.loading,.error{text-align:center;padding:2rem;font-size:1.1rem}.loading{color:var(--dark-gray)}.error{color:var(--error-red)}:root{--primary-blue: #000000;--dark-blue: #333333;--success-green: #34a853;--warning-orange: #fb8c00;--error-red: #ea4335;--black: #202124;--dark-gray: #5f6368;--medium-gray: #dadce0;--light-gray: #f8f9fa}.search-container{position:relative;flex:1;max-width:500px;margin:0 2rem}.search-box{display:flex;width:100%}.search-box input{flex:1;padding:.75rem 1rem;border:2px solid var(--medium-gray);border-right:none;border-radius:4px 0 0 4px;font-size:1rem;outline:none;transition:border-color .3s ease}.search-box input:focus{border-color:var(--primary-blue)}.search-box button{padding:.75rem 1.5rem;background-color:var(--primary-blue);color:#fff;border:2px solid var(--primary-blue);border-radius:0 4px 4px 0;cursor:pointer;font-size:1rem;font-weight:600;transition:background-color .3s ease}.search-box button:hover{background-color:var(--dark-blue)}.search-results-dropdown{position:absolute;top:100%;left:0;right:0;background:white;border:1px solid var(--medium-gray);border-radius:4px;box-shadow:0 4px 12px #00000026;z-index:1000;max-height:400px;overflow-y:auto;margin-top:.25rem}.search-results-section{padding:.75rem;border-bottom:1px solid var(--light-gray)}.search-results-section:last-child{border-bottom:none}.search-results-section h4{margin:0 0 .5rem;color:var(--dark-gray);font-size:.9rem;text-transform:uppercase;letter-spacing:.5px}.search-result-item{padding:.75rem;cursor:pointer;border-radius:4px;transition:background-color .2s ease}.search-result-item:hover{background-color:var(--light-gray)}.result-title{font-weight:600;color:var(--black);margin-bottom:.25rem}.result-price{color:#000;font-weight:600;font-size:.9rem}.result-email{color:var(--dark-gray);font-size:.85rem}.no-results{text-align:center;color:var(--dark-gray);padding:1rem;font-style:italic}.search-suggestions-dropdown{position:absolute;top:100%;left:0;right:0;background:white;border:1px solid var(--medium-gray);border-radius:4px;box-shadow:0 4px 12px #00000026;z-index:1001;max-height:300px;overflow-y:auto;margin-top:.25rem}.search-suggestion-item{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;cursor:pointer;border-bottom:1px solid var(--light-gray);transition:background-color .2s ease}.search-suggestion-item:last-child{border-bottom:none}.search-suggestion-item:hover,.search-suggestion-item.selected{background-color:var(--light-gray)}.search-suggestion-item.selected{background-color:#000;color:#fff}.search-suggestion-item.selected .suggestion-subtitle{color:#fffc}.suggestion-content{flex:1;min-width:0}.suggestion-title{font-weight:600;margin-bottom:.25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-suggestion-item.selected .suggestion-title{color:#fff}.suggestion-subtitle{color:var(--dark-gray);font-size:.85rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.suggestion-type{font-size:1.2rem;margin-left:.5rem;flex-shrink:0}.suggestion-type.product{color:#28a745}.suggestion-type.user{color:#000}.search-suggestion-item.selected .suggestion-type{color:#fff}.search-results-dropdown{z-index:1000}@media (max-width: 768px){.search-suggestions-dropdown{position:fixed;top:auto;left:1rem;right:1rem;max-height:250px}}.view-all-products-container{text-align:center;margin:2rem 0;padding:0 2rem}.view-all-products-btn{background:var(--dark-gray);color:#fff;border:none;padding:1rem 2rem;border-radius:8px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #5f63684d;min-width:200px}.view-all-products-btn:hover{background:var(--black);transform:translateY(-3px);box-shadow:0 6px 16px #20212466}.view-all-products-btn:active{transform:translateY(-1px)}@media (max-width: 768px){.view-all-products-container{padding:0 1rem;margin:1.5rem 0}.view-all-products-btn{padding:.875rem 1.5rem;font-size:1rem;min-width:180px}}@media (max-width: 480px){.view-all-products-container{margin:1rem 0}.view-all-products-btn{padding:.75rem 1.25rem;font-size:.95rem;min-width:160px;width:100%;max-width:250px}}.error-container{max-width:600px;margin:2rem auto;padding:2rem;text-align:center;background:#f8d7da;border:1px solid #f5c6cb;border-radius:8px;color:#721c24}.error-message{font-size:1.1rem;margin-bottom:1.5rem;font-weight:500}.retry-button{background:#dc3545;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:4px;cursor:pointer;font-size:1rem;font-weight:600;transition:background-color .3s ease}.retry-button:hover{background:#c82333;transform:translateY(-2px)}.loading{text-align:center;padding:2rem;font-size:1.2rem;color:#666}.loading:after{content:"";display:inline-block;width:20px;height:20px;margin-left:10px;border:3px solid #f3f3f3;border-top:3px solid #000000;border-radius:50%;animation:spin 1s linear infinite}.auth-btn{background:#000000;color:#fff;border:none;padding:.5rem 1.25rem;border-radius:4px;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none;display:inline-block}.auth-btn:hover{background:#333333;transform:translateY(-1px);box-shadow:0 2px 6px #0003}.auth-btn.signup{background:#ffffff;color:#000;border:1px solid #000000}.auth-btn.signup:hover{background:#000000;color:#fff}.auth-btn.seller-dashboard{background:#333333;color:#fff}.auth-btn.seller-dashboard:hover{background:#000000}.auth-btn.logout{background:#dc3545;color:#fff}.auth-btn.logout:hover{background:#c82333}.user-greeting{color:#333;font-weight:500;text-decoration:none;padding:.5rem 1rem}.user-greeting:hover{color:#000}.bid-form-container{background:white;border-radius:8px;padding:20px;border:1px solid #eee;margin-bottom:20px}.bid-form{margin-bottom:20px}.bid-input-group{margin-bottom:15px}.bid-input-group label{display:block;margin-bottom:8px;font-weight:600;color:#202124;font-size:14px}.bid-input-wrapper{position:relative;display:flex;align-items:center}.currency-symbol{position:absolute;left:12px;color:#5f6368;font-weight:600;z-index:1}.bid-input-wrapper input{width:100%;padding:12px 12px 12px 28px;border:1px solid #dadce0;border-radius:4px;font-size:16px;transition:border-color .2s}.bid-input-wrapper input:focus{outline:none;border-color:#000;box-shadow:0 0 0 2px #0003}.bid-input-wrapper input.error{border-color:#ea4335}.bid-input-wrapper input:disabled{background-color:#f8f9fa;cursor:not-allowed}.error-message{display:block;color:#ea4335;font-size:12px;margin-top:5px;font-weight:500}.bid-suggestions{margin-bottom:15px}.suggested-bid-btn{width:100%;padding:10px;background:#f1f3f4;color:#5f6368;border:1px solid #dadce0;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.suggested-bid-btn:hover:not(:disabled){background:#e8eaed;border-color:#d2e3fc}.suggested-bid-btn:disabled{cursor:not-allowed;opacity:.6}.quick-bid-presets{display:flex;align-items:center;gap:8px;margin-top:12px;flex-wrap:wrap}.quick-bid-label{font-size:13px;color:#5f6368;font-weight:500}.quick-bid-preset-btn{padding:8px 16px;background:#ffffff;color:#202124;border:1px solid #dadce0;border-radius:4px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;min-height:44px}.quick-bid-preset-btn:hover:not(:disabled){background:#000000;color:#fff;border-color:#000}.quick-bid-preset-btn:disabled{cursor:not-allowed;opacity:.6}.place-bid-btn{width:100%;padding:12px;background:#000000;color:#fff;border:none;border-radius:4px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s}.place-bid-btn:hover:not(:disabled){background:#333333;transform:translateY(-1px);box-shadow:0 2px 6px #0000004d}.place-bid-btn:disabled{background:#dadce0;color:#5f6368;cursor:not-allowed;transform:none;box-shadow:none}.bid-info{background:#f8f9fa;border-radius:4px;padding:15px}.bid-rules h4{margin:0 0 10px;color:#202124;font-size:14px;font-weight:600}.bid-rules ul{margin:0;padding-left:20px}.bid-rules li{margin-bottom:5px;color:#5f6368;font-size:13px;line-height:1.4}.bid-login-prompt{text-align:center;padding:30px 20px}.bid-login-prompt p{margin:0 0 15px;color:#5f6368;font-size:16px}.login-btn{padding:10px 20px;background:#000000;color:#fff;border:none;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s}.login-btn:hover{background:#333333}:root{--color-primary: #000000;--color-secondary: #ffffff;--color-gray-light: #f8f9fa;--color-gray-medium: #dadce0;--color-gray-dark: #5f6368;--color-accent: #202124;--color-success: #34a853;--color-error: #ea4335;--color-success-bg: #e6f4ea;--font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;--font-size-xs: 12px;--font-size-sm: 14px;--font-size-base: 16px;--font-size-lg: 18px;--font-size-xl: 24px;--font-size-2xl: 28px;--font-size-3xl: 32px;--font-size-price: 36px;--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 1.5rem;--spacing-lg: 2rem;--spacing-xl: 3rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .1);--shadow-md: 0 2px 10px rgba(0, 0, 0, .1);--shadow-lg: 0 4px 20px rgba(0, 0, 0, .15);--transition-fast: .2s;--transition-normal: .3s}.product-detail-page{min-height:calc(100vh - 180px);background-color:var(--color-gray-light);font-family:var(--font-family)}.page-container{max-width:1400px;margin:0 auto;padding:var(--spacing-sm)}.breadcrumb-nav{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) 0;margin-bottom:var(--spacing-md);font-size:var(--font-size-sm);flex-wrap:wrap}.breadcrumb-link{color:var(--color-gray-dark);text-decoration:none;transition:color var(--transition-fast)}.breadcrumb-link:hover{color:var(--color-primary)}.breadcrumb-separator{color:var(--color-gray-medium)}.breadcrumb-current{color:var(--color-primary);font-weight:600}.product-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.image-gallery{background:var(--color-secondary);border-radius:var(--radius-md);padding:var(--spacing-md);box-shadow:var(--shadow-md)}.main-image-container{position:relative;width:100%;height:400px;background:var(--color-gray-light);border-radius:var(--radius-md);overflow:hidden;display:flex;align-items:center;justify-content:center;cursor:zoom-in;transition:transform var(--transition-fast)}.main-image-container:hover{transform:scale(1.02)}.main-image{max-width:100%;max-height:100%;object-fit:contain}.image-placeholder{font-size:72px;font-weight:700;color:var(--color-primary);background:var(--color-gray-medium);width:200px;height:200px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center}.thumbnail-strip{display:flex;gap:var(--spacing-xs);margin-top:var(--spacing-md);overflow-x:auto;padding:var(--spacing-xs) 0;scrollbar-width:thin;scrollbar-color:var(--color-gray-medium) var(--color-gray-light)}.thumbnail-strip::-webkit-scrollbar{height:6px}.thumbnail-strip::-webkit-scrollbar-track{background:var(--color-gray-light);border-radius:3px}.thumbnail-strip::-webkit-scrollbar-thumb{background:var(--color-gray-medium);border-radius:3px}.thumbnail{width:70px;height:70px;background:var(--color-gray-light);border:2px solid transparent;border-radius:var(--radius-sm);cursor:pointer;flex-shrink:0;overflow:hidden;transition:border-color var(--transition-fast),transform var(--transition-fast)}.thumbnail:hover{border-color:var(--color-gray-dark);transform:translateY(-2px)}.thumbnail.active{border-color:var(--color-primary)}.thumbnail img{width:100%;height:100%;object-fit:cover}.product-info{background:var(--color-secondary);border-radius:var(--radius-md);padding:var(--spacing-lg);box-shadow:var(--shadow-md)}.product-title{margin:0 0 var(--spacing-md) 0;font-size:var(--font-size-xl);font-weight:700;color:var(--color-accent);line-height:1.3}.seller-info,.price-section{margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--color-gray-medium)}.price-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm)}.price-row:last-child{margin-bottom:0}.price-label{font-weight:600;color:var(--color-gray-dark);font-size:var(--font-size-sm)}.current-price{font-size:var(--font-size-2xl);font-weight:700;color:var(--color-success)}.starting-price{font-size:var(--font-size-2xl);font-weight:700;color:var(--color-primary)}.bid-count{font-size:var(--font-size-sm);color:var(--color-gray-dark);margin-left:var(--spacing-xs)}.auction-timer{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-accent) 100%);color:var(--color-secondary);border-radius:var(--radius-md);padding:var(--spacing-md);margin-bottom:var(--spacing-md);text-align:center}.timer-label{font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:1px;margin-bottom:var(--spacing-sm);opacity:.9}.timer-display{display:flex;justify-content:center;gap:var(--spacing-md)}.timer-unit{display:flex;flex-direction:column;align-items:center}.timer-value{font-size:var(--font-size-2xl);font-weight:700;line-height:1}.timer-unit-label{font-size:var(--font-size-xs);margin-top:4px;opacity:.8}.timer-ended{color:#ff6b6b;font-size:var(--font-size-lg);font-weight:600}.key-details{margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--color-gray-medium)}.detail-row{display:flex;justify-content:space-between;padding:var(--spacing-xs) 0}.detail-label{font-weight:600;color:var(--color-gray-dark);font-size:var(--font-size-sm)}.detail-value{color:var(--color-accent);font-size:var(--font-size-sm)}.description-section{margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--color-gray-medium)}.section-title{margin:0 0 var(--spacing-sm) 0;font-size:var(--font-size-lg);font-weight:600;color:var(--color-accent)}.description-text{margin:0;line-height:1.8;color:var(--color-gray-dark);font-size:var(--font-size-sm)}.description-expanded{max-height:none;overflow:visible}.description-collapsed{max-height:100px;overflow:hidden;position:relative}.description-collapsed:after{content:"";position:absolute;bottom:0;left:0;right:0;height:40px;background:linear-gradient(transparent,var(--color-secondary))}.expand-btn{background:none;border:none;color:var(--color-primary);font-size:var(--font-size-sm);font-weight:600;cursor:pointer;padding:var(--spacing-xs) 0;margin-top:var(--spacing-sm);transition:color var(--transition-fast)}.expand-btn:hover{color:var(--color-gray-dark)}.bid-form-section{margin-bottom:var(--spacing-md)}.bid-form-card{background:var(--color-gray-light);border-radius:var(--radius-md);padding:var(--spacing-md);border:1px solid var(--color-gray-medium)}.quick-bid-presets{display:flex;gap:var(--spacing-xs);margin-bottom:var(--spacing-sm);flex-wrap:wrap}.quick-bid-btn{padding:8px 16px;background:var(--color-secondary);border:1px solid var(--color-gray-medium);border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:600;color:var(--color-accent);cursor:pointer;transition:all var(--transition-fast)}.quick-bid-btn:hover{background:var(--color-primary);color:var(--color-secondary);border-color:var(--color-primary)}.action-buttons{display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-md)}.btn-primary{flex:1;padding:14px 24px;background:var(--color-primary);color:var(--color-secondary);border:none;border-radius:var(--radius-md);font-size:var(--font-size-base);font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.btn-primary:hover{background:var(--color-accent);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-secondary{flex:1;padding:14px 24px;background:var(--color-success);color:var(--color-secondary);border:none;border-radius:var(--radius-md);font-size:var(--font-size-base);font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.btn-secondary:hover{background:#2d8a44;transform:translateY(-1px);box-shadow:var(--shadow-md)}.bid-history-section{background:var(--color-secondary);border-radius:var(--radius-md);padding:var(--spacing-lg);box-shadow:var(--shadow-md)}.bid-list{max-height:350px;overflow-y:auto}.bid-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) 0;border-bottom:1px solid var(--color-gray-light)}.bid-item:last-child{border-bottom:none}.bidder-info{display:flex;flex-direction:column;gap:4px}.bidder-name{font-weight:600;color:var(--color-accent)}.bid-time{font-size:var(--font-size-xs);color:var(--color-gray-dark)}.bid-amount{font-size:var(--font-size-lg);font-weight:700;color:var(--color-gray-dark)}.bid-amount.current{color:var(--color-success)}.current-badge{font-size:var(--font-size-xs);margin-left:6px;color:var(--color-success);background:var(--color-success-bg);padding:2px 8px;border-radius:4px;font-weight:600}.no-bids{text-align:center;padding:var(--spacing-xl);color:var(--color-gray-dark)}.loading-state{min-height:calc(100vh - 180px);display:flex;justify-content:center;align-items:center;background:var(--color-gray-light)}.loading-spinner{width:50px;height:50px;border:4px solid var(--color-gray-light);border-top:4px solid var(--color-primary);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:var(--spacing-md)}.loading-text{font-size:var(--font-size-base);color:var(--color-gray-dark)}.error-state{min-height:calc(100vh - 180px);display:flex;justify-content:center;align-items:center;background:var(--color-gray-light)}.error-content{text-align:center;background:var(--color-secondary);padding:var(--spacing-lg);border-radius:var(--radius-md);box-shadow:var(--shadow-md)}.error-title{color:var(--color-error);font-size:var(--font-size-xl);margin:0 0 var(--spacing-sm) 0}.error-message{color:var(--color-gray-dark);font-size:var(--font-size-base);margin-bottom:var(--spacing-md)}.btn-back{padding:10px 20px;background:var(--color-primary);color:var(--color-secondary);border:none;border-radius:var(--radius-sm);cursor:pointer;font-size:var(--font-size-sm);font-weight:600;transition:background var(--transition-fast)}.btn-back:hover{background:var(--color-accent)}@media (min-width: 480px){.page-container{padding:var(--spacing-md)}.product-title{font-size:var(--font-size-2xl)}.main-image-container{height:450px}.timer-display{gap:var(--spacing-md)}}@media (min-width: 768px){.page-container{padding:var(--spacing-lg)}.product-grid{grid-template-columns:1fr 1fr;gap:var(--spacing-xl)}.image-gallery{padding:var(--spacing-lg)}.main-image-container{height:500px}.product-info{padding:var(--spacing-xl)}.product-title{font-size:var(--font-size-3xl)}.current-price,.starting-price{font-size:var(--font-size-price)}.auction-timer{padding:var(--spacing-lg)}.timer-value{font-size:var(--font-size-3xl)}.bid-history-section{margin-top:var(--spacing-lg)}}@media (min-width: 1024px){.product-grid{grid-template-columns:1.2fr 1fr}.main-image-container{height:550px}}@media (min-width: 1440px){.page-container{max-width:1600px}.main-image-container{height:600px}}@media (max-width: 767px){.action-buttons{flex-direction:column}.btn-primary,.btn-secondary{width:100%}.price-row{flex-direction:column;align-items:flex-start;gap:var(--spacing-xs)}.detail-row{flex-direction:column;gap:4px}.thumbnail{width:60px;height:60px}.btn-primary,.btn-secondary,.quick-bid-btn{min-height:44px}}.settings-container{min-height:calc(100vh - 180px);padding:2rem 5%;background-color:#f5f5f5}.settings-header{text-align:center;margin-bottom:2rem}.settings-header h1{font-size:2.5rem;color:var(--black);margin:0 0 .5rem}.settings-header p{color:var(--dark-gray);font-size:1.1rem;margin:0}.message{padding:1rem;margin:1rem 0;border-radius:4px;font-weight:700;text-align:center;background-color:#f8d7da;border-left:4px solid #dc3545;color:#721c24;font-size:.9rem}.message.success{background-color:#d4edda;border-left:4px solid #28a745;color:#155724}.message.error{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.loading-state{text-align:center;padding:3rem}.spinner{width:40px;height:40px;border:4px solid var(--medium-gray);border-top:4px solid var(--black);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.settings-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:1.5rem;margin-bottom:2rem}.settings-section{background-color:var(--white);border-radius:4px;padding:1.5rem;box-shadow:var(--shadow);text-align:left}.settings-section h2{margin:0 0 1.5rem;font-size:1.5rem;color:var(--black);font-weight:600}.settings-form{display:flex;flex-direction:column;gap:1.5rem}.form-row{display:flex;gap:1.5rem}.form-row .form-group{flex:1}.form-group{display:flex;flex-direction:column}.form-group label{font-weight:500;margin-bottom:.5rem;color:var(--black);font-size:.95rem}.form-control,input[type=text],input[type=email],input[type=password],input[type=tel],input[type=date],select{width:100%;padding:.75rem 1rem;border:1px solid var(--medium-gray);border-radius:4px;font-size:1rem;transition:var(--transition);background-color:var(--white)}.form-control:focus,input[type=text]:focus,input[type=email]:focus,input[type=password]:focus,input[type=tel]:focus,input[type=date]:focus,select:focus{outline:none;border-color:var(--black);box-shadow:0 0 0 2px #0000001a}.form-control.error,input[type=text].error,input[type=email].error,input[type=password].error,input[type=tel].error,input[type=date].error,select.error{border-color:#dc3545;box-shadow:0 0 0 2px #dc35451a}.auto-update-note{font-size:.9rem;color:var(--dark-gray);margin-bottom:1.5rem;font-style:italic;text-align:center}.help-text{font-size:.85rem;color:var(--dark-gray);margin-top:.3rem}.error-message{display:block;background-color:#f8d7da;border-left:4px solid #dc3545;padding:1rem;margin:1rem 0;font-size:.9rem;color:#721c24;font-weight:700;border-radius:3px;position:relative}.saving-indicator{display:block;font-size:.8rem;color:var(--dark-gray);margin-top:.25rem;font-style:italic}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23666666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right .75rem center;background-size:1rem;padding-right:2.5rem}@media (max-width: 768px){.settings-container{padding:1rem 5%}.settings-content{grid-template-columns:1fr;gap:1.5rem}.settings-header h1{font-size:2rem}.form-row{flex-direction:column;gap:1.5rem}}@media (max-width: 480px){.settings-header{margin-bottom:1.5rem}.settings-header h1{font-size:1.5rem}.settings-section{padding:1.25rem}.settings-section h2{font-size:1.3rem}.form-control,input[type=text],input[type=email],input[type=password],input[type=tel],input[type=date],select{padding:.6rem .8rem;font-size:.95rem}}.settings-container{color:var(--black)!important}.settings-section{background-color:var(--white)!important;border:1px solid var(--medium-gray)}.form-control,input[type=text],input[type=email],input[type=password],input[type=tel],input[type=date],select{background-color:var(--white)!important;border:1px solid var(--medium-gray);color:var(--black)!important}.form-control:focus,input[type=text]:focus,input[type=email]:focus,input[type=password]:focus,input[type=tel]:focus,input[type=date]:focus,select:focus{border-color:var(--black);box-shadow:0 0 0 2px #0000001a}.action-button,.action-button-password-change{padding:1rem 2rem;border:none;border-radius:4px;cursor:pointer;font-size:1rem;font-weight:500;transition:var(--transition);background-color:var(--black);color:var(--white)}.action-button:hover:not(:disabled),.action-button-password-change:hover:not(:disabled){background-color:#333;transform:translateY(-1px);box-shadow:0 2px 6px #0000004d}.action-button:disabled,.action-button-password-change:disabled{background-color:var(--medium-gray);cursor:not-allowed}@media (prefers-color-scheme: dark){.settings-container{color:var(--black)!important}.settings-section,.form-control,input[type=text],input[type=email],input[type=password],input[type=tel],input[type=date],select{background-color:var(--white)!important;color:var(--black)!important;border-color:var(--medium-gray)!important}.form-control:focus,input[type=text]:focus,input[type=email]:focus,input[type=password]:focus,input[type=tel]:focus,input[type=date]:focus,select:focus{border-color:var(--black)!important;box-shadow:0 0 0 2px #0000001a!important}}.create-product-page{min-height:100vh;background-color:#f8f9fa;padding:2rem 0}.create-product-container{max-width:800px;margin:0 auto;background:white;border-radius:8px;box-shadow:0 2px 10px #0000001a;overflow:hidden}.create-product-header{background:#000000;color:#fff;padding:2rem;text-align:center}.create-product-header h1{margin:0 0 .5rem;font-size:2rem;font-weight:600}.subtitle{margin:0;opacity:.9;font-size:1.1rem}.status-message{padding:1rem 1.5rem;margin:1rem 2rem;border-radius:4px;font-weight:500;text-align:center}.status-message.warning{background-color:#fff3cd;border-left:4px solid #ffc107;color:#856404}.status-message.error{background-color:#f8d7da;border-left:4px solid #dc3545;color:#721c24}.status-message.info{background-color:#d1ecf1;border-left:4px solid #17a2b8;color:#0c5460}.create-product-form{padding:2rem}.form-section{margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid #eee}.form-section:last-child{border-bottom:none;margin-bottom:0}.form-section h2{margin:0 0 1rem;color:#333;font-size:1.4rem}.section-description{color:#666;margin:0 0 1rem;font-size:.9rem}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:#333}.form-group input,.form-group select,.form-group textarea{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:4px;font-size:1rem;transition:border-color .2s;box-sizing:border-box}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#000;box-shadow:0 0 0 2px #667eea1a}.form-group input:disabled,.form-group select:disabled,.form-group textarea:disabled{background-color:#f8f9fa;color:#6c757d;cursor:not-allowed}.form-group.error input,.form-group.error select,.form-group.error textarea{border-color:#dc3545}.error-message{display:block;color:#dc3545;font-size:.875rem;margin-top:.25rem}.help-text{display:block;color:#6c757d;font-size:.875rem;margin-top:.25rem;font-style:italic}.proof-upload-toggle{margin-bottom:1rem}.toggle-checkbox{display:flex;align-items:center;cursor:pointer;font-weight:500;color:#333;gap:.5rem}.toggle-checkbox input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:#000000}.status-options-description{margin-top:1rem;padding:1rem;background-color:#f8f9fa;border-radius:8px;border-left:4px solid #000000}.status-option{margin-bottom:1rem;padding:.75rem;background:white;border-radius:4px;font-size:.9rem;line-height:1.6}.status-option:last-child{margin-bottom:0}.status-option strong{color:#000;display:inline-block;margin-right:.25rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.checkbox-group{display:flex;align-items:center}.checkbox-group label{display:flex;align-items:center;cursor:pointer;font-weight:400}.checkbox-group input[type=checkbox]{width:auto;margin-right:.5rem}.image-upload-section{margin-top:1rem}.image-upload-area{border:2px dashed #ddd;border-radius:8px;padding:2rem;text-align:center;background-color:#fafafa;transition:border-color .2s}.image-upload-area:hover{border-color:#000}.image-upload-label{display:block;cursor:pointer;padding:1.5rem}.image-upload-icon{font-size:3rem;margin-bottom:.5rem}.image-upload-text{font-weight:500;color:#333;margin-bottom:.25rem}.image-upload-hint{font-size:.875rem;color:#6c757d;font-style:italic}.upload-button{display:inline-block;background:#000000;color:#fff;padding:.75rem 1.5rem;border-radius:4px;cursor:pointer;font-weight:500;transition:background-color .2s;margin-bottom:1rem}.upload-button:hover{background:#333333}.image-preview-container{margin-top:1.5rem}.image-preview-title{font-weight:600;color:#333;margin-bottom:1rem;font-size:.95rem}.image-preview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.75rem}.image-preview-item{position:relative;border-radius:8px;overflow:hidden;border:2px solid #eee;transition:all .2s;aspect-ratio:1}.image-preview-item:hover{border-color:#000;box-shadow:0 0 0 2px #667eea33}.image-preview-item img{width:100%;height:100%;object-fit:cover;display:block}.image-remove-btn{position:absolute;top:4px;right:4px;width:24px;height:24px;border-radius:50%;background:rgba(220,53,69,.9);color:#fff;border:none;font-size:18px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;padding:0}.image-remove-btn:hover{background:#c82333;transform:scale(1.1)}.primary-badge{position:absolute;bottom:4px;left:4px;background:rgba(102,126,234,.9);color:#fff;font-size:.7rem;padding:2px 6px;border-radius:4px;font-weight:600}.uploading-message{margin-top:1rem;padding:.75rem;background-color:#e7f3ff;border-left:3px solid #17a2b8;color:#0c5460;font-size:.9rem}.form-actions{display:flex;gap:1rem;justify-content:flex-end;padding-top:2rem;border-top:1px solid #eee;margin-top:2rem}.cancel-btn,.submit-btn{padding:.75rem 2rem;border-radius:4px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s}.cancel-btn{background:#6c757d;color:#fff;border:1px solid #6c757d}.cancel-btn:hover{background:#5a6268;border-color:#545b62}.submit-btn{background:#000000;color:#fff;border:1px solid #000000}.submit-btn:hover:not(:disabled){background:#333333;border-color:#333}.submit-btn:disabled{background:#6c757d;border-color:#6c757d;cursor:not-allowed}.delete-btn{padding:.75rem 2rem;border-radius:4px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s;background:#dc3545;color:#fff;border:1px solid #dc3545}.delete-btn:hover:not(:disabled){background:#c82333;border-color:#bd2130}.delete-btn:disabled{background:#6c757d;border-color:#6c757d;cursor:not-allowed}@media (max-width: 768px){.create-product-page{padding:1rem 0}.create-product-container{margin:0 1rem}.create-product-header{padding:1.5rem}.create-product-header h1{font-size:1.5rem}.status-message{margin:1rem}.create-product-form{padding:1.5rem}.form-row{grid-template-columns:1fr;gap:0}.form-actions{flex-direction:column}.image-preview-container{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.image-preview img{height:120px}}@media (max-width: 480px){.create-product-container{margin:0 .5rem}.create-product-header,.create-product-form,.image-upload-area{padding:1rem}}.user-profile-page{min-height:100vh;background-color:#f5f5f5;padding-bottom:2rem}.user-profile-page>.profile-header,.user-profile-page>.profile-content{max-width:1200px;margin:0 auto;padding:2rem}.profile-header{background:white;border-radius:8px;padding:2rem;margin-bottom:2rem;box-shadow:0 2px 10px #0000001a}.profile-info{display:flex;align-items:center;gap:2rem}.profile-avatar{width:120px;height:120px;border-radius:50%;background:#000000;display:flex;align-items:center;justify-content:center;color:#fff;font-size:3rem;font-weight:700;flex-shrink:0}.profile-details{flex:1}.profile-name{font-size:2.5rem;color:#333;margin:0 0 .5rem;font-weight:700}.profile-email{color:#666;font-size:1.1rem;margin:0 0 .5rem}.profile-joined{color:#888;font-size:.9rem;margin:0 0 1rem}.edit-profile-btn{background:#000000;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:4px;cursor:pointer;font-size:1rem;font-weight:600;transition:background-color .3s ease}.edit-profile-btn:hover{background:#333333}.profile-content{background:white;border-radius:8px;padding:2rem;box-shadow:0 2px 10px #0000001a}.profile-section h2{color:#333;margin:0 0 1.5rem;font-size:1.8rem;font-weight:600}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.product-card{border:1px solid #eee;border-radius:8px;overflow:hidden;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.product-card:hover{transform:translateY(-5px);box-shadow:0 5px 15px #0000001a}.product-image{height:200px;background:#f8f9fa;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.product-img{width:100%;height:100%;object-fit:cover}.image-placeholder{font-size:3rem;color:#ccc;font-weight:700}.product-info{padding:1.5rem}.product-title{font-size:1.2rem;color:#333;margin:0 0 .5rem;font-weight:600;height:3rem;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.product-category{color:#666;font-size:.9rem;margin:0 0 .5rem}.product-price{color:#000;font-size:1.3rem;font-weight:700;margin:0 0 .5rem}.product-date{color:#888;font-size:.8rem}.no-products{text-align:center;padding:3rem;color:#666}.no-products p{font-size:1.2rem;margin-bottom:1.5rem}.create-product-btn{background:#28a745;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:4px;cursor:pointer;font-size:1rem;font-weight:600;transition:background-color .3s ease}.create-product-btn:hover{background:#218838}.loading,.error{text-align:center;padding:3rem;font-size:1.2rem}.loading{color:#666}.error{color:#dc3545;background:#f8d7da;border:1px solid #f5c6cb;border-radius:4px;padding:1rem}@media (max-width: 768px){.user-profile-page{padding:1rem}.profile-info{flex-direction:column;text-align:center;gap:1rem}.profile-avatar{width:80px;height:80px;font-size:2rem}.profile-name{font-size:2rem}.products-grid{grid-template-columns:1fr}.profile-header,.profile-content{padding:1.5rem}}@media (max-width: 480px){.profile-name{font-size:1.5rem}.profile-avatar{width:60px;height:60px;font-size:1.5rem}}