@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&family=Inter:wght@400;500;600;700&display=swap";.header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:1.2rem 2rem;position:sticky;top:0;z-index:100}.header-container{max-width:1400px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.header-left{cursor:pointer}.logo{font-size:1.8rem;font-weight:800;display:flex;align-items:center;gap:8px}.logo:before{content:"🏪"}.tagline{font-size:.85rem}.header-right{display:flex;align-items:center;gap:1.5rem}.lang-toggle{background:#fff3;border:none;padding:6px 14px;border-radius:20px;color:#fff;cursor:pointer}.user-menu{display:flex;align-items:center;gap:12px}.header-avatar{width:45px;height:45px;border-radius:50%;object-fit:cover;border:2px solid white}.user-name{font-weight:600}.logout-btn{background:#ef4444;border:none;padding:8px 14px;border-radius:8px;color:#fff;cursor:pointer}.auth-buttons{display:flex;gap:10px}.login-btn,.register-btn{padding:8px 14px;border-radius:8px;border:none;cursor:pointer}.login-btn{background:#fff;color:#667eea}.register-btn{background:transparent;border:2px solid white;color:#fff}@media (max-width: 768px){.header{padding:1rem}.header-container{flex-direction:column;align-items:center;gap:10px}.logo{font-size:1.4rem}.tagline{font-size:.75rem;text-align:center}.header-right{width:100%;justify-content:space-between;flex-wrap:wrap;gap:10px}.user-name{display:none}.header-avatar{width:35px;height:35px}.auth-buttons{width:100%;justify-content:center;flex-wrap:wrap}.login-btn,.register-btn,.logout-btn{padding:6px 10px;font-size:.85rem}.header{overflow-x:hidden}}.footer{background:linear-gradient(135deg,#1f2937,#111827);color:#f3f4f6;padding:3rem 2rem 1rem;margin-top:3rem;border-top:1px solid rgba(255,255,255,.1)}.footer-container{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-bottom:2rem}.footer-section{line-height:1.8}.footer-section h3{margin-bottom:1rem;color:var(--primary-color);font-size:1.2rem;font-weight:700;display:flex;align-items:center;gap:8px}.footer-section:nth-child(1) h3:before{content:"ℹ️"}.footer-section:nth-child(2) h3:before{content:"📞"}.footer-section p{margin:.5rem 0;font-size:.9rem}.footer-bottom{text-align:center;padding-top:2rem;border-top:1px solid rgba(255,255,255,.1);color:#9ca3af;font-size:.85rem;font-weight:500}@media (max-width: 768px){.footer{padding:2rem 1rem 1rem}.footer-container{grid-template-columns:1fr;gap:1.5rem;text-align:center}.footer-section h3{justify-content:center;font-size:1.1rem}.footer-section p{font-size:.85rem}.footer-bottom{padding-top:1.5rem;font-size:.8rem}body{overflow-x:hidden}}.intro-page{display:flex;flex-direction:column;min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#c3cfe2)}.intro-main{flex:1}.hero{position:relative;height:550px;display:flex;align-items:center;justify-content:center;color:#fff;text-align:center;background:linear-gradient(135deg,#667eea,#764ba2);overflow:hidden}.hero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:url(/s.jpg);background-size:cover;background-position:center;opacity:.4;z-index:0}.hero-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#00000059;display:flex;align-items:center;justify-content:center;z-index:2}.hero-content{max-width:800px;z-index:2;padding:2rem}.hero-content h1{font-size:3.5rem;margin:0 0 1rem;font-weight:900;letter-spacing:-1px;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.hero-content h1:before{content:"🌟 ";display:block;font-size:2.5rem;margin-bottom:.5rem}.hero-subtitle{font-size:1.6rem;margin:0 0 1.5rem;opacity:1;font-weight:600;text-shadow:1px 1px 2px rgba(0,0,0,.2)}.hero-description{font-size:1.1rem;margin:0 0 2rem;line-height:1.8;opacity:.98;max-width:600px;text-shadow:1px 1px 2px rgba(0,0,0,.1)}.hero-buttons{display:flex;gap:1.5rem;justify-content:center;flex-wrap:wrap}.btn-primary,.btn-secondary{padding:1.2rem 2.5rem;font-size:1.05rem;font-weight:700;border:none;border-radius:12px;cursor:pointer;transition:var(--transition);display:inline-flex;align-items:center;gap:10px;box-shadow:var(--shadow-lg)}.btn-primary:before{content:"🔐";font-size:1.2rem}.btn-secondary:before{content:"✨";font-size:1.2rem}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-primary:hover{transform:translateY(-4px);box-shadow:0 15px 40px #667eea66}.btn-secondary{background:#fff3;color:#fff;border:2px solid white;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-secondary:hover{background:#ffffff59;transform:translateY(-4px);box-shadow:0 15px 40px #0003}.why-us,.impact{padding:5rem 2rem;text-align:center}.why-us{background:linear-gradient(135deg,#f5f7fa,#e9ecef)}.container{max-width:1200px;margin:0 auto}.why-us h2,.impact h2{font-size:2.5rem;margin-bottom:3rem;color:#1f2937;font-weight:800;display:flex;align-items:center;justify-content:center;gap:12px}.why-us h2:before{content:"❓";font-size:2.2rem}.impact h2:before{content:"💥";font-size:2.2rem}.reasons-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2.5rem}.reason-card{background:#fff;padding:2.5rem;border-radius:16px;box-shadow:var(--shadow-md);transition:var(--transition);border:2px solid transparent}.reason-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-xl);border-color:#667eea}.reason-icon{font-size:2.5rem;margin-bottom:1rem;display:block;min-height:60px;display:flex;align-items:center;justify-content:center}.reason-card:nth-child(1) .reason-icon:before{content:"💬"}.reason-card:nth-child(2) .reason-icon:before{content:"🔒"}.reason-card:nth-child(3) .reason-icon:before{content:"📍"}.reason-card:nth-child(4) .reason-icon:before{content:"✔️"}.reason-card:nth-child(5) .reason-icon:before{content:"🌐"}.reason-card p{margin:0;color:#4b5563;line-height:1.7;font-weight:500}.impact{background:linear-gradient(135deg,#fff,#f9fafb)}.impact-text{font-size:1.15rem;line-height:1.9;color:#4b5563;max-width:800px;margin:0 auto;font-weight:500}@media (max-width: 768px){.hero{height:auto;padding:3rem 1rem}.hero-content{padding:1rem}.hero-content h1{font-size:2rem}.hero-subtitle{font-size:1.1rem}.hero-description{font-size:.95rem}.hero-buttons{flex-direction:column;gap:10px}.btn-primary,.btn-secondary{width:100%;padding:1rem;font-size:.95rem}.why-us,.impact{padding:2.5rem 1rem}.why-us h2,.impact h2{font-size:1.6rem;flex-direction:column;gap:5px}.reasons-grid{grid-template-columns:1fr;gap:1.5rem}.reason-card{padding:1.5rem}.impact-text{font-size:1rem}body{overflow-x:hidden}}.auth-page{height:100vh;display:flex;justify-content:center;align-items:center;background:linear-gradient(135deg,#667eea,#764ba2)}.auth-container{width:100%;max-width:400px}.auth-box{background:#fff;padding:30px;border-radius:20px;box-shadow:0 15px 40px #00000026;text-align:center}.auth-box h2{margin-bottom:20px;font-weight:600;color:#333}.auth-error{background:#ffe5e5;color:#d8000c;padding:12px;border-radius:10px;margin-bottom:15px;font-size:14px}.auth-box input{width:100%;padding:14px;margin-bottom:12px;border-radius:12px;border:1px solid #ddd;font-size:15px;transition:.3s}.auth-box input:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 2px #667eea33}.form-group{text-align:left;margin-top:10px}.form-group label{font-size:13px;color:#666;margin-bottom:5px;display:block}.auth-box button{width:100%;padding:14px;margin-top:10px;border-radius:12px;border:none;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-weight:700;cursor:pointer;transition:.3s}.auth-box button:hover{transform:translateY(-2px);opacity:.95}.auth-box p{margin-top:15px;font-size:14px}.auth-box span{color:#667eea;font-weight:700}.image-preview{margin-top:10px}@media (max-width: 768px){.auth-page{min-height:100vh;height:auto;padding:20px;align-items:flex-start}.auth-container{max-width:100%}.auth-box{padding:20px;border-radius:16px}.auth-box h2{font-size:1.4rem}.auth-box input{padding:12px;font-size:14px}.auth-box button{padding:12px}.auth-page{overflow-x:hidden}}.password-wrapper{position:relative}.password-wrapper input{width:100%;padding-right:40px}.password-wrapper .toggle-eye{position:absolute;right:10px;top:50%;transform:translateY(-50%);cursor:pointer;font-size:18px}.sidebar{background:linear-gradient(180deg,#1f2937,#111827);color:#fff;padding:2rem 1.5rem;width:280px;min-height:calc(100vh - 200px);display:flex;flex-direction:column;box-shadow:4px 0 15px #00000026;transition:.3s ease}.sidebar-header{margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:2px solid rgba(102,126,234,.2)}.sidebar-header h2{font-size:1.2rem;margin:0;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.sidebar-nav{flex:1;display:flex;flex-direction:column;gap:.5rem}.sidebar-item{display:flex;align-items:center;gap:1rem;padding:1rem 1.2rem;background:transparent;border:none;color:#e5e7eb;cursor:pointer;border-radius:10px;transition:var(--transition);font-size:1rem;justify-content:flex-start;font-weight:500}.sidebar-item:hover{background:#667eea26;color:#fff;transform:translate(8px)}.sidebar-item.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:var(--shadow-md)}.icon{font-size:1.4rem;min-width:30px;text-align:center}.logout-btn{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;padding:1rem 1.2rem;border-radius:10px;cursor:pointer;font-weight:700;transition:var(--transition);margin-top:auto;box-shadow:var(--shadow-md);display:flex;align-items:center;justify-content:center;gap:8px}.logout-btn:before{content:"🚪";font-size:1.2rem}.logout-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.menu-btn{display:none;position:fixed;top:80px;left:15px;z-index:2000;background:#667eea;color:#fff;border:none;padding:10px 14px;border-radius:8px;font-size:18px}.sidebar-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:1500}@media (max-width: 768px){.menu-btn{display:block}.sidebar{position:fixed;top:0;left:-100%;height:100%;width:260px;z-index:2000;padding:1.5rem}.sidebar.open{left:0}.sidebar-header{text-align:left;margin-bottom:1.5rem}.sidebar-nav{flex-direction:column}.sidebar-item{flex-direction:row;justify-content:flex-start;padding:.9rem 1rem}.sidebar-item:hover{transform:none}.logout-btn{margin-top:auto;width:100%}body{overflow-x:hidden}}.dashboard-page{display:flex;flex-direction:column;min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#c3cfe2)}.dashboard-container{display:flex;flex:1}.dashboard-main{flex:1;background:transparent;padding:2.5rem}.dashboard-content{max-width:1200px;margin:0 auto}.welcome-section{background:#fff;padding:2.5rem;border-radius:16px;margin-bottom:2.5rem;box-shadow:var(--shadow-md);border:1px solid rgba(102,126,234,.1)}.welcome-header{display:flex;align-items:center;gap:2rem}.profile-image-dashboard{width:100px;height:100px;border-radius:12px;object-fit:cover;border:3px solid #667eea;box-shadow:0 4px 12px #667eea33;flex-shrink:0}.welcome-text h2{color:#1f2937;margin:0 0 .5rem;font-size:2rem;font-weight:800}.welcome-text h2:before{content:"👋 "}.welcome-text p{color:#6b7280;margin:0;font-size:1.05rem}.welcome-section h2{color:#1f2937;margin:0 0 .5rem;font-size:2rem;font-weight:800}.welcome-section h2:before{content:"👋 "}.welcome-section p{color:#6b7280;margin:0;font-size:1.05rem}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.dashboard-card{background:#fff;padding:2rem;border-radius:16px;box-shadow:var(--shadow-md);text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);border:1px solid rgba(102,126,234,.1)}.dashboard-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg);border-color:#667eea4d}.dashboard-card h3{color:#1f2937;margin:0 0 1rem;font-size:1.25rem;font-weight:700}.dashboard-card h3:before{margin-right:.5rem}.dashboard-card:nth-child(1) h3:before{content:"📚 "}.dashboard-card:nth-child(2) h3:before{content:"❤️ "}.dashboard-card:nth-child(3) h3:before{content:"💬 "}.dashboard-card:nth-child(4) h3:before{content:"📊 "}.card-number{font-size:3rem;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:800;margin:1rem 0}.dashboard-card button{width:100%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:.8rem 1.25rem;border:none;border-radius:12px;cursor:pointer;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:var(--shadow-md)}.dashboard-card button:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}@media (max-width: 768px){.dashboard-container{flex-direction:column}.dashboard-main{padding:1rem}.dashboard-content{max-width:100%}.welcome-section{padding:1.5rem;margin-bottom:1.5rem}.welcome-header{flex-direction:column;align-items:center;text-align:center;gap:1rem}.profile-image-dashboard{width:80px;height:80px}.welcome-text h2{font-size:1.4rem}.welcome-text p{font-size:.95rem}.dashboard-grid{grid-template-columns:1fr;gap:1.2rem}.dashboard-card{padding:1.5rem}.card-number{font-size:2.2rem}.dashboard-card button{padding:.9rem}.dashboard-page{overflow-x:hidden}}@media (max-width: 768px){.dashboard-container{display:block}.dashboard-main{width:100%}}.search-box{display:flex;gap:10px;margin-bottom:30px}.search-box input{flex:1;padding:14px;border-radius:12px;border:1px solid #ddd;font-size:16px}.search-box button{padding:14px 20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:12px;cursor:pointer}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px;padding:10px}.product-card{background:#fff;border-radius:16px;overflow:hidden;transition:.3s ease;box-shadow:0 5px 20px #00000014}.product-card:hover{transform:translateY(-6px)}.product-image-wrapper{position:relative;height:200px;background:#f3f3f3;overflow:hidden}.image-slider{display:flex;height:100%;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.image-slider::-webkit-scrollbar{display:none}.slider-image{min-width:100%;height:100%;object-fit:cover;scroll-snap-align:start;flex-shrink:0}.dots{position:absolute;bottom:6px;width:100%;display:flex;justify-content:center}.dot{width:6px;height:6px;background:#fff;opacity:.6;border-radius:50%;margin:0 3px}.product-info{padding:15px}.product-title{font-size:15px;font-weight:600;margin-bottom:4px}.product-description{font-size:13px;color:#555;margin:6px 0;line-height:1.4;display:block;overflow:visible}.product-price{color:#667eea;font-weight:700;margin-top:5px}.product-seller{display:flex;align-items:center;gap:8px;margin-top:8px;font-size:13px;color:#555}.seller-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover}.product-location{font-size:13px;color:#888}.product-actions{display:flex;gap:10px;margin-top:10px}.contact-btn{flex:1;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:8px;border-radius:8px;cursor:pointer}.favorite-btn{flex:1;background:#fff;border:1px solid #ddd;padding:8px;border-radius:8px;cursor:pointer}.loading,.no-results{text-align:center;margin-top:40px;color:gray}@media (max-width: 768px){.search-box{flex-direction:column;gap:8px}.search-box input{padding:12px;font-size:14px}.search-box button{width:100%;padding:12px}.products-grid{grid-template-columns:1fr;gap:15px;padding:5px}.product-image-wrapper{height:180px}.product-info{padding:12px}.product-title{font-size:15px}.product-description{font-size:13px;color:#555;margin:6px 0;line-height:1.5;word-break:break-word;overflow-wrap:anywhere}.product-price{font-size:15px}.product-location{font-size:12px}.product-actions{flex-direction:column;gap:8px}.contact-btn,.favorite-btn{width:100%;padding:10px}body{overflow-x:hidden}}.publish-page{display:flex;flex-direction:column;min-height:100vh}.publish-container{display:flex;flex:1}.publish-main{flex:1;background:#f5f5f5;padding:2rem}.publish-content{max-width:550px;background:#fff;padding:1.5rem;border-radius:8px;margin:0 auto;box-shadow:0 2px 10px #0000000d}.publish-content h2{color:#1f2937;margin-bottom:2rem;font-weight:800}.publish-content h2:before{content:"📝 "}.success-message,.error-message{padding:1rem 1rem 1rem 2.5rem;border-radius:10px;margin-bottom:1rem;font-weight:500;position:relative}.success-message:before{content:"✅";position:absolute;left:.75rem;font-size:1.2rem}.error-message:before{content:"❌";position:absolute;left:.75rem;font-size:1.2rem}.publish-form{display:flex;flex-direction:column;gap:1.5rem}.form-group label{color:#2c3e50;font-weight:600;margin-bottom:.5rem}.form-group input,.form-group textarea,.form-group select{padding:.8rem 1rem;border:2px solid #e5e7eb;border-radius:10px;font-size:1rem;font-family:inherit;transition:all .3s cubic-bezier(.4,0,.2,1)}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.file-input{cursor:pointer}.file-name{font-size:.9rem;color:#27ae60;margin-top:.5rem;font-weight:500}.form-actions{display:flex;gap:1rem;margin-top:1rem}.publish-btn,.cancel-btn{flex:1;padding:1rem;border:none;border-radius:12px;cursor:pointer;font-weight:600;font-size:1rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.publish-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:var(--shadow-md)}.publish-btn:before{content:"🚀 "}.publish-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-lg)}.publish-btn:disabled{background:#d1d5db;cursor:not-allowed;box-shadow:none}.cancel-btn{background:#fff;color:#1f2937;border:2px solid #e5e7eb}.cancel-btn:hover{background:#f3f4f6;border-color:#d1d5db}.section-buttons{display:flex;gap:1rem;margin-bottom:2rem;border-bottom:2px solid #e5e7eb;padding-bottom:1rem}.section-btn{padding:.75rem 1.5rem;border:none;background:transparent;color:#6b7280;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s;border-radius:8px}.section-btn:hover{color:#1f2937;background:#f3f4f6}.section-btn.active{color:#667eea;background:#667eea1a;border-bottom:3px solid #667eea}.listings-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem;margin-top:1.5rem}.listing-card{background:#fff;border:2px solid #e5e7eb;border-radius:12px;overflow:hidden;display:flex;flex-direction:column}.listing-card img{width:100%;height:130px;object-fit:cover}.listing-info{padding:1.5rem;display:flex;flex-direction:column;gap:.5rem}.listing-actions{display:flex;gap:.75rem;margin-top:.75rem}@media (max-width: 768px){.publish-container{display:block}.publish-main{width:100%;padding:1rem;margin-top:60px}.publish-content{max-width:100%;padding:1rem}.publish-form{gap:1rem}.form-actions{flex-direction:column}.publish-btn,.cancel-btn{width:100%}.listings-grid{grid-template-columns:1fr}body{overflow-x:hidden}}.image-slider{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:10px}.slider-image{min-width:100%;height:200px;object-fit:cover;border-radius:10px;scroll-snap-align:start}.payment-page{display:flex;flex-direction:column;min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2)}.payment-container{display:flex;flex:1;gap:20px;padding:20px;max-width:1400px;margin:0 auto;width:100%}.payment-main{flex:1;background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000001a;overflow:hidden}.payment-content{padding:40px;max-width:600px;margin:0 auto}.payment-content h2{color:#333;margin-bottom:30px;font-size:28px;text-align:center}.payment-info-box{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:25px;border-radius:10px;margin-bottom:30px;text-align:center}.payment-info-box .amount{font-size:24px;margin:0 0 10px}.payment-info-box .amount strong{font-size:32px;display:block;margin:10px 0 0}.payment-info-box .description{font-size:14px;opacity:.95;margin:0}.payment-form{background:#f8f9fa;padding:25px;border-radius:10px}.form-section{margin-bottom:30px}.form-section h3{color:#333;margin-bottom:15px;font-size:16px;font-weight:600}.payment-methods{display:flex;flex-direction:column;gap:12px}.method-option{display:flex;align-items:center;padding:15px;border:2px solid #ddd;border-radius:8px;cursor:pointer;transition:all .3s ease;background:#fff}.method-option:hover{border-color:#667eea;background:#f0f4ff}.method-option input[type=radio]{margin-right:15px;width:18px;height:18px;cursor:pointer}.method-option input[type=radio]:checked{accent-color:#667eea}.method-content{display:flex;flex-direction:column;gap:4px}.method-name{font-weight:600;color:#333;font-size:15px}.method-desc{font-size:13px;color:#666}.notchpay-channels{display:grid;grid-template-columns:1fr 1fr;gap:12px}.channel-option{display:flex;align-items:center;padding:12px;border:2px solid #ddd;border-radius:8px;cursor:pointer;transition:all .3s ease;background:#fff;font-size:14px}.channel-option:hover{border-color:#667eea;background:#f0f4ff}.channel-option input[type=radio]{margin-right:8px;width:16px;height:16px;cursor:pointer}.channel-option input[type=radio]:checked{accent-color:#667eea}.channel-option span{font-weight:500;color:#333}.form-group{margin-bottom:25px}.form-group label{display:block;color:#333;font-weight:600;margin-bottom:8px;font-size:14px}.form-group input[type=tel],.form-group input[type=text],.form-group input[type=email]{width:100%;padding:12px 15px;border:2px solid #ddd;border-radius:8px;font-size:14px;transition:border-color .3s ease;box-sizing:border-box}.form-group input:focus{outline:none;border-color:#667eea;background:#f0f4ff}.form-group small{display:block;color:#666;font-size:12px;margin-top:5px}.payment-summary{background:#fff;border:2px solid #e0e0e0;border-radius:8px;padding:20px;margin:25px 0}.summary-row{display:flex;justify-content:space-between;margin-bottom:12px;color:#333;font-size:14px}.summary-row:last-child{margin-bottom:0}.summary-row strong{color:#667eea;font-weight:600}.form-actions{display:flex;gap:12px;margin-top:25px}.pay-btn,.cancel-btn{flex:1;padding:14px 20px;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease}.pay-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.pay-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.pay-btn:disabled{opacity:.6;cursor:not-allowed}.cancel-btn{background:#e0e0e0;color:#333}.cancel-btn:hover:not(:disabled){background:#d0d0d0}.cancel-btn:disabled{opacity:.6;cursor:not-allowed}.success-message{background:#d4edda;color:#155724;padding:15px;border-radius:8px;margin-bottom:20px;border:1px solid #c3e6cb;text-align:center;font-weight:500}.error-message{background:#f8d7da;color:#721c24;padding:15px;border-radius:8px;margin-bottom:20px;border:1px solid #f5c6cb;text-align:center;font-weight:500}.success-box{background:linear-gradient(135deg,#d4edda,#c3e6cb);border:2px solid #28a745;border-radius:10px;padding:30px;text-align:center;margin-top:30px}.success-box h3{color:#155724;margin:0 0 15px;font-size:22px}.success-box p{color:#155724;margin:10px 0;font-size:14px}@media (max-width: 768px){.payment-container{flex-direction:column;padding:10px;gap:10px}.payment-content{padding:20px}.payment-content h2{font-size:22px;margin-bottom:20px}.payment-info-box{padding:18px}.payment-info-box .amount{font-size:18px}.payment-info-box .amount strong{font-size:24px}.payment-form{padding:15px}.form-section{margin-bottom:20px}.method-option{padding:12px}.notchpay-channels{grid-template-columns:1fr;gap:10px}.channel-option,.form-group input{padding:10px;font-size:13px}.payment-summary{padding:15px}.summary-row{font-size:13px}.form-actions{flex-direction:column}.pay-btn,.cancel-btn{width:100%;padding:12px}.success-box{padding:20px}.success-box h3{font-size:18px}body{overflow-x:hidden}}.messages-content{flex:1;display:flex;justify-content:center;padding:20px}.messages-box{width:100%;max-width:1200px;height:80vh;background:#fff;border-radius:16px;overflow:hidden;display:flex;box-shadow:0 8px 30px #00000014}.messages-layout{display:flex;width:100%;height:100%}.messages-sidebar{width:320px;border-right:1px solid #eee;display:flex;flex-direction:column;background:#fafafa;overflow-y:auto}.sidebar-header{padding:15px;font-weight:700;border-bottom:1px solid #eee;background:#fff}.conversation-item{display:flex;align-items:center;gap:12px;padding:12px;cursor:pointer;transition:.2s}.conversation-item:hover{background:#f1f5ff}.conversation-item.active{background:#667eea;color:#fff}.conversation-item.active strong{color:#fff}.conversation-item.active p{color:#e0e7ff}.conversation-item.active img{border:2px solid white}.avatar-img{width:42px;height:42px;border-radius:50%;object-fit:cover;background:#ddd}.conversation-info{flex:1;min-width:0}.conversation-item div{display:flex;flex-direction:column;overflow:hidden}.conversation-info span{font-weight:600;font-size:.9rem}.conversation-info p{font-size:.8rem;color:#666;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-panel{flex:1;display:flex;flex-direction:column;background:#f9fafb;overflow:hidden}.chat-header{display:flex;align-items:center;gap:12px;padding:14px;background:#fff;border-bottom:1px solid #eee}.chat-header img{width:42px;height:42px;border-radius:8px;object-fit:cover}.product-preview{display:flex;align-items:center;gap:10px;padding:10px;border-bottom:1px solid #eee;background:#fafafa;max-height:80px;overflow:hidden}.product-preview img{width:60px;height:60px;min-width:60px;object-fit:cover;border-radius:8px}.product-preview p{margin:0;font-weight:600;font-size:14px}.chat-messages{flex:1;padding:16px;overflow-y:auto;display:flex;flex-direction:column;gap:12px}.chat-bubble{max-width:65%;padding:10px 14px;border-radius:16px;font-size:.9rem;word-break:break-word;display:inline-block}.chat-bubble.incoming{background:#fff;border:1px solid #eee;align-self:flex-start}.chat-bubble.outgoing{background:#667eea;color:#fff;align-self:flex-end}.chat-input{display:flex;padding:12px;background:#fff;border-top:1px solid #eee}.chat-input input{flex:1;padding:10px;border-radius:20px;border:1px solid #ddd}.chat-input button{margin-left:10px;padding:10px 16px;border-radius:20px;border:none;background:#667eea;color:#fff;cursor:pointer}.empty-chat{flex:1;display:flex;justify-content:center;align-items:center;color:#888}img{max-width:100%;height:auto;display:block}@media (max-width: 768px){.messages-content{padding:0}.messages-box{flex-direction:column;height:100vh;border-radius:0}.messages-layout{flex-direction:column;height:100%}.messages-sidebar{width:100%;height:auto;flex-direction:row;overflow-x:auto;border-right:none;border-bottom:1px solid #eee}.conversation-item{min-width:220px;flex-shrink:0}.chat-panel{flex:1;height:auto}.chat-messages{padding:10px}.chat-bubble{max-width:85%;font-size:.85rem}.chat-input{padding:10px}.chat-input input{padding:8px}.chat-input button{padding:8px 12px}body{overflow-x:hidden}}.message-time{font-size:.7rem;margin-top:4px;opacity:.6}.chat-bubble.outgoing .message-time{text-align:right}.chat-bubble.incoming .message-time{text-align:left}.product-image{width:50px;height:50px;border-radius:8px;object-fit:cover}.product-image{width:60px;height:60px;border-radius:10px}.account-page{display:flex;flex-direction:column;min-height:100vh}.account-container{display:flex;flex:1}.account-main{flex:1;background:#f5f5f5;padding:2rem}.account-content{max-width:900px;margin:0 auto}.account-content h2{color:#1f2937;margin-bottom:2rem;font-size:2rem;font-weight:800}.account-content h2:before{content:"⚙️ "}.error-message,.success-message{padding:1rem 1rem 1rem 2.5rem;border-radius:10px;margin-bottom:1rem;font-weight:500;position:relative}.error-message{background:#fee2e2;color:#991b1b;border:1px solid #fca5a5}.error-message:before{content:"❌";position:absolute;left:.75rem}.success-message{background:#dcfce7;color:#166534;border:1px solid #86efac}.success-message:before{content:"✅";position:absolute;left:.75rem}.account-tabs{background:#fff;border-radius:16px;box-shadow:0 8px 30px #0000000d;overflow:hidden}.tab{padding:2rem}.tab h3{color:#2c3e50;margin-bottom:1.5rem;font-size:1.4rem}.profile-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.image-center{grid-column:1 / -1;display:flex;justify-content:center;margin-bottom:1rem}.account-profile-image{width:140px;height:140px;object-fit:cover;border-radius:16px;border:3px solid #667eea}.default-avatar.big{width:140px;height:140px;border-radius:16px;background:#667eea;color:#fff;font-size:2rem;display:flex;align-items:center;justify-content:center}.form-group{display:flex;flex-direction:column}.form-group label{font-weight:600;margin-bottom:.5rem;color:#2c3e50}.form-group input{padding:.8rem 1rem;border:2px solid #e5e7eb;border-radius:10px;font-size:1rem;transition:.3s}.form-group input:focus{border-color:#667eea;outline:none}.form-group input:disabled{background:#ecf0f1;cursor:not-allowed}.form-actions{grid-column:1 / -1;display:flex;gap:1rem;margin-top:1rem}.edit-btn,.save-btn,.cancel-btn{padding:.8rem 1.5rem;border-radius:10px;border:none;font-weight:600;cursor:pointer;transition:.3s}.edit-btn,.save-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.edit-btn:hover,.save-btn:hover{transform:translateY(-2px)}.cancel-btn{background:#fff;border:2px solid #ddd}.cancel-btn:hover{background:#f3f4f6}.listings-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1.5rem}.listing-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 8px 20px #0000000d;transition:.3s}.listing-card:hover{transform:translateY(-6px)}.listing-card img{width:100%;height:150px;object-fit:cover}.listing-info{padding:1rem}.listing-info h4{margin-bottom:.5rem}.listing-price{font-weight:800;color:#667eea}.listing-actions{display:flex;gap:.5rem;margin-top:1rem}.delete-btn{background:#fee2e2;color:#991b1b;border:1px solid #fca5a5;padding:.5rem;border-radius:8px;cursor:pointer}.edit-product-form{background:linear-gradient(135deg,#667eea,#764ba2);padding:2rem;border-radius:16px;margin-bottom:2rem;color:#fff}.edit-product-form input,.edit-product-form textarea{width:100%;padding:.7rem;border-radius:10px;border:none;margin-top:.5rem}@media (max-width: 768px){.account-container{display:block}.account-main{width:100%;padding:1rem;margin-top:60px}.account-content{max-width:100%}.account-content h2{font-size:1.5rem;text-align:center}.profile-form{grid-template-columns:1fr;gap:1rem}.account-profile-image,.default-avatar.big{width:100px;height:100px}.form-actions{flex-direction:column}.edit-btn,.save-btn,.cancel-btn{width:100%}.listings-grid{grid-template-columns:1fr}.listing-card{margin-bottom:1rem}body{overflow-x:hidden}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:9999}.modal-content{background:#fff;padding:1.5rem;border-radius:12px;width:420px;max-width:92%;box-shadow:0 10px 30px #02061733}.modal-content h3{margin:0 0 .5rem;font-size:1.1rem}.modal-content p{color:#4b5563;margin:0 0 1rem}.modal-input{width:100%;padding:.6rem .75rem;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:1rem}.modal-actions{display:flex;justify-content:flex-end;gap:.5rem}.modal-cancel{background:#f3f4f6;border:none;padding:.6rem .9rem;border-radius:8px;cursor:pointer}.modal-confirm{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:.6rem .9rem;border-radius:8px;cursor:pointer}@media (max-width: 768px){.modal-overlay{padding:10px;align-items:flex-end}.modal-content{width:100%;max-width:100%;border-radius:12px 12px 0 0;padding:1.2rem}.modal-content h3{font-size:1rem}.modal-content p{font-size:.9rem}.modal-input{padding:.7rem;font-size:.9rem}.modal-actions{flex-direction:column;gap:8px}.modal-cancel,.modal-confirm{width:100%;padding:.8rem;font-size:.9rem}body{overflow-x:hidden}}.admin-page{min-height:100vh;background:linear-gradient(135deg,#eef2ff,#e0e7ff)}.admin-container{display:flex}.admin-main{flex:1;padding:2rem}.admin-content{max-width:1200px;margin:auto}.admin-content h2{font-size:2rem;margin-bottom:2rem}.center-box{display:flex;justify-content:center;align-items:flex-start;padding-top:120px}.error-box{background:#fff;padding:2rem;border-radius:12px;text-align:center;border-left:5px solid red;max-width:400px}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:2rem}.stat-card{background:#fff;padding:1.5rem;border-radius:12px;text-align:center;font-weight:700;box-shadow:0 5px 20px #0000000d}.tabs{margin-bottom:1rem}.tabs button{padding:10px 20px;border:none;cursor:pointer;background:#ddd;margin-right:10px;border-radius:8px;transition:.2s}.tabs button:hover{background:#c7d2fe}.tabs .active{background:#667eea;color:#fff}.table-container{background:#fff;padding:1.5rem;border-radius:12px;overflow:hidden}table{width:100%;border-collapse:collapse}th,td{padding:12px;border-bottom:1px solid #eee}th{text-align:left;background:#f9fafb;font-weight:600}.loading{text-align:center;padding:2rem}@media (max-width: 768px){.admin-container{display:block}.admin-main{padding:1rem;width:100%}.admin-content{max-width:100%}.admin-content h2{font-size:1.5rem;text-align:center}.stats-grid{grid-template-columns:1fr;gap:1rem}.stat-card{padding:1rem}.tabs{display:flex;flex-wrap:wrap;gap:8px}.tabs button{flex:1;min-width:120px;margin-right:0}.table-container{overflow-x:auto}table{min-width:600px}.center-box{padding-top:60px}body{overflow-x:hidden}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Poppins,sans-serif;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);color:#2c3e50;line-height:1.6}html,body,#root{height:100%;width:100%}:root{--primary-color: #667eea;--primary-dark: #5568d3;--secondary-color: #764ba2;--success-color: #10b981;--warning-color: #f59e0b;--danger-color: #ef4444;--dark-color: #1f2937;--light-color: #f3f4f6;--border-radius: 12px;--transition: all .3s cubic-bezier(.4, 0, .2, 1);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1)}button,input,select,textarea{font-family:Poppins,sans-serif}a{text-decoration:none;color:inherit}input,textarea,select{padding:12px 16px;border:2px solid #e5e7eb;border-radius:var(--border-radius);font-size:1rem;transition:var(--transition);background:#fff}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #667eea1a}button{padding:12px 24px;border:none;border-radius:var(--border-radius);cursor:pointer;font-weight:600;background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);color:#fff;transition:var(--transition);box-shadow:var(--shadow-md);display:inline-flex;align-items:center;gap:8px;justify-content:center}button:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-lg)}button:active:not(:disabled){transform:translateY(0)}button:disabled{background:#d1d5db;cursor:not-allowed;opacity:.7}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f5f9}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}.research-page,.favorites-page,.messages-page{display:flex;flex-direction:column;min-height:100vh}.research-container,.favorites-container,.messages-container{display:flex;flex:1}.research-main,.favorites-main,.messages-content{flex:1;padding:2rem;background:#f5f5f5;display:block}.sidebar{width:250px;min-width:250px;height:100%}.research-content,.favorites-content{width:100%}@media (max-width: 768px){.research-container,.favorites-container,.messages-container{flex-direction:column}.sidebar{width:100%;min-width:100%;height:auto;display:flex;overflow-x:auto;border-bottom:1px solid #ddd}.research-main,.favorites-main,.messages-content{padding:1rem}body{overflow-x:hidden}}