.home{background:#fafaf4}.hero{display:grid;grid-template-columns:1.2fr 1fr;padding:80px 8%;align-items:center;background:linear-gradient(180deg,#fffdf5,#f6fbe9)}.hero-left h1{font-size:52px;font-weight:800;color:#1f2937;line-height:1.15}.hero-left p{margin:20px 0;font-size:17px;max-width:480px;color:#4b5563}.hero-btn{background:#f59e0b;color:#fff;border:none;padding:14px 30px;font-size:16px;border-radius:14px;cursor:pointer}.hero-btn:hover{background:#ea580c}.hero-right img{width:100%;max-width:560px;filter:drop-shadow(0 40px 40px rgba(0,0,0,.15))}.popular{padding:60px 8%}.popular h2{font-size:28px;margin-bottom:24px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:26px}.card{background:#fff;padding:18px;border-radius:18px;box-shadow:0 10px 25px #0000000f;text-align:center}.card img{height:150px;width:100%;object-fit:contain;margin-bottom:10px}.card h3{font-size:16px}.card p{font-weight:600;color:#2e7d32;margin:6px 0}.card button{width:100%;border:none;background:#4caf50;color:#fff;padding:10px;border-radius:10px;cursor:pointer}.features{padding:50px 8%;display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.feature{background:#fff;padding:26px;border-radius:18px;text-align:center;box-shadow:0 8px 22px #0000000d}.feature h4{margin-top:10px}@media (max-width: 900px){.hero{grid-template-columns:1fr;text-align:center}.hero-right{margin-top:40px}.features{grid-template-columns:1fr}}.products-page{padding:40px 6%;background:#f8f9f4;min-height:100vh}.products-header{margin-bottom:32px}.products-header h1{font-size:34px;font-weight:700;margin-bottom:6px}.products-header p{color:#666}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:26px}.product-card{background:#fff;border-radius:16px;padding:18px;width:100%;text-align:center;box-shadow:0 10px 26px #0000000f;transition:.25s ease-in-out}.product-card:hover{transform:translateY(-6px);box-shadow:0 15px 30px #0000001a}.product-img{width:100%;height:150px;object-fit:contain;margin-bottom:12px}.product-name{font-size:17px;font-weight:600;margin:6px 0}.product-price{font-size:15px;color:#2e7d32;margin-bottom:14px}.add-btn{background:#4caf50;color:#fff;padding:10px;border:none;width:100%;border-radius:10px;cursor:pointer}.add-btn:hover{background:#43a047}.quantity-box{display:flex;justify-content:center;align-items:center;gap:14px}.qty-btn{background:#f0f0f0;border:none;width:34px;height:34px;font-size:20px;border-radius:8px;cursor:pointer}.qty-value{font-size:16px;font-weight:600}.product-details{display:grid;grid-template-columns:1fr 1fr;gap:50px;padding:60px 8%;background:#f8f9f4;min-height:100vh}.details-image img{width:100%;max-width:480px;border-radius:18px;background:#fff;padding:20px}.details-info h1{font-size:36px;margin-bottom:10px}.details-price{font-size:22px;color:#2e7d32;margin-bottom:14px}.details-desc{color:#555;line-height:1.6;margin-bottom:30px}.qty-box{display:flex;align-items:center;gap:16px}.qty-box button{width:40px;height:40px;border:none;background:#4caf50;color:#fff;font-size:20px;border-radius:10px;cursor:pointer}.qty-box span{font-size:18px;font-weight:600}.add-btn{background:#f28c28;border:none;padding:14px 28px;border-radius:12px;color:#fff;font-size:16px;cursor:pointer}.add-btn:hover{background:#e67c1f}@media (max-width: 900px){.product-details{grid-template-columns:1fr;text-align:center}}.cart-page{padding:40px 8%;background:#f7f9ec;min-height:100vh}.cart-title{font-size:32px;color:#1f3d2b;margin-bottom:30px}.empty-cart{font-size:18px;color:#666}.cart-list{display:flex;flex-direction:column;gap:20px}.cart-item{background:#fff;border-radius:16px;padding:20px;display:flex;align-items:center;gap:20px;box-shadow:0 12px 28px #00000014;animation:fadeIn .3s ease}.cart-item img{width:90px;height:90px;object-fit:cover;border-radius:12px}.cart-info{flex:1}.cart-info h3{margin-bottom:6px;color:#1f3d2b}.unit{font-size:14px;color:#555;margin-bottom:12px}.qty-controls{display:flex;align-items:center;gap:12px}.qty-controls button{width:32px;height:32px;border-radius:50%;border:none;background:#e6efe3;color:#1f3d2b;font-size:18px;cursor:pointer}.qty-controls span{font-size:16px;font-weight:600}.cart-right{text-align:right}.item-total{font-size:18px;font-weight:600;margin-bottom:10px}.remove-btn{background:transparent;border:1px solid #e05b5b;color:#e05b5b;padding:6px 14px;border-radius:8px;cursor:pointer}.remove-btn:hover{background:#e05b5b;color:#fff}.cart-summary{margin-top:40px;background:#fff;padding:25px;border-radius:16px;box-shadow:0 14px 30px #0000001a;display:flex;justify-content:space-between;align-items:center}.checkout-btn{background:#6fb35f;color:#fff;border:none;padding:14px 30px;font-size:16px;border-radius:10px;cursor:pointer}.checkout-btn:hover{background:#5aa94c}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.cart-item{flex-direction:column;align-items:flex-start}.cart-right{width:100%;display:flex;justify-content:space-between}.cart-summary{flex-direction:column;gap:20px}}.auth-page{display:flex;min-height:calc(100vh - 80px);background:#f7f8f2}.auth-image{flex:1;display:flex;align-items:center;justify-content:center;background:#fff}.auth-image img{max-width:520px;width:100%;height:auto}.auth-card{width:460px;padding:36px;background:#fff;box-shadow:0 24px 48px #00000014;border-radius:18px;margin:auto 48px;display:flex;flex-direction:column;gap:18px;box-sizing:border-box}.auth-title{font-size:22px;font-weight:600;color:#2f2f2f}.role-toggle{display:flex;gap:10px}.role-btn{flex:1;height:46px;border-radius:12px;font-size:15px;font-weight:500;border:none;cursor:pointer;transition:background .2s ease}.role-btn.active{background:#e79a4a;color:#fff}.role-btn.inactive{background:#f1c28b;color:#fff}.auth-form{display:flex;flex-direction:column;gap:14px}.auth-form input{height:46px;padding:0 14px;border-radius:10px;border:1px solid #e0e0e0;font-size:14px;background:#f3f7ff}.auth-form input:focus{outline:none;border-color:#6aa84f;background:#fff}.primary-btn{height:48px;border-radius:12px;background:#e79a4a;color:#fff;border:none;font-size:15px;font-weight:600;cursor:pointer;transition:opacity .2s ease}.primary-btn:hover{opacity:.9}.primary-btn:disabled{opacity:.6;cursor:not-allowed}.auth-message{color:#2e7d32;font-size:14px}.auth-error{color:#c62828;font-size:14px}@media (max-width: 900px){.auth-page{flex-direction:column}.auth-image{display:none}.auth-card{margin:40px auto;width:92%}}.register-page{min-height:calc(100vh - 80px);background:#f7f9f4;display:flex;align-items:center;justify-content:center;padding:40px 20px}.register-wrapper{width:100%;max-width:1100px;display:flex;background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 20px 50px #0000001a}.register-brand{flex:1;background:linear-gradient(135deg,#8fbf6a,#a8cc77);padding:50px;color:#fff;display:flex;flex-direction:column;justify-content:center}.register-brand img{max-width:200px;width:100%;margin-bottom:25px}.register-brand h2{font-size:26px;margin-bottom:10px}.register-brand p{font-size:15px;opacity:.95;line-height:1.5}.register-card{flex:1;padding:50px;display:flex;flex-direction:column;justify-content:center}.register-card h1{font-size:28px;margin-bottom:25px;color:#2e2e2e}.role-switch{display:flex;gap:12px;margin-bottom:20px}.role-switch button{flex:1;padding:12px;border-radius:10px;border:none;cursor:pointer;background:#eaeaea;font-weight:600}.role-switch button.active{background:#e0934a;color:#fff}.register-card form{display:flex;flex-direction:column;gap:14px}.register-card input{padding:14px 16px;border-radius:10px;border:1px solid #ddd;font-size:15px}.register-card input:focus{outline:none;border-color:#8fbf6a}.register-card button[type=submit]{margin-top:10px;padding:14px;background:#e0934a;color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer}.register-card button:disabled{opacity:.6;cursor:not-allowed}.form-message{margin-top:10px;font-size:14px;color:#c0392b}.login-link{margin-top:18px;font-size:14px}.login-link a{color:#6fa850;font-weight:600;text-decoration:none}@media (max-width: 900px){.register-wrapper{flex-direction:column}.register-brand{align-items:center;text-align:center}}.navbar{background:#6fb26a;padding:16px 8%;display:flex;justify-content:space-between;align-items:center}.logo{color:#fff;font-size:22px;font-weight:700}.nav-links{list-style:none;display:flex;align-items:center;gap:24px}.nav-links a{color:#fff;text-decoration:none;font-weight:500}.register-btn a{background:#fff;color:#2e7d32;padding:8px 14px;border-radius:8px}.profile{position:relative}.profile button{background:#fff;border:none;padding:8px 14px;border-radius:8px;cursor:pointer}.dropdown{position:absolute;top:44px;right:0;background:#fff;border-radius:12px;box-shadow:0 12px 30px #00000026;width:180px;overflow:hidden;z-index:100}.dropdown a,.dropdown button{display:block;width:100%;padding:12px;border:none;background:none;text-align:left;cursor:pointer;font-size:14px}.dropdown a:hover,.dropdown button:hover{background:#f3f3f3}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Roboto,Helvetica,Arial,sans-serif;background-color:#f8f9f4;color:#222}a{text-decoration:none;color:inherit}.navbar{background-color:#6fb26a;padding:16px 32px;display:flex;justify-content:space-between;align-items:center}.navbar h1{color:#fff;font-size:22px}.navbar ul{list-style:none;display:flex;gap:24px}.navbar li{color:#fff;font-weight:500;cursor:pointer}.page-container{max-width:1200px;margin:0 auto;padding:40px 20px}.page-title{font-size:36px;margin-bottom:8px}.page-subtitle{color:#666;margin-bottom:24px}.filter-buttons{display:flex;gap:12px;margin-bottom:32px}.filter-btn{padding:10px 20px;border-radius:24px;border:none;background:#fff;box-shadow:0 4px 10px #00000014;cursor:pointer;font-weight:500}.filter-btn.active{background:#f28c28;color:#fff}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:24px}.product-card{background:#fff;border-radius:16px;padding:16px;text-align:center;box-shadow:0 8px 24px #0000000f;transition:transform .25s ease,box-shadow .25s ease}.product-card:hover{transform:translateY(-4px);box-shadow:0 12px 30px #00000014}.product-card img{width:100%;height:160px;object-fit:contain;border-radius:12px;margin-bottom:12px;background-color:#f3f3f3}.product-card h3{font-size:16px;margin-bottom:6px}.product-card p{font-size:14px;color:#555}.product-price{font-weight:600;color:#2e7d32;margin:8px 0 12px}.product-card button{background-color:#4caf50;color:#fff;border:none;padding:10px 14px;border-radius:10px;cursor:pointer;width:100%;font-size:14px}.product-card button:hover{background-color:#43a047}.empty-text{margin-top:24px;color:#777;font-size:16px}.auth-container{min-height:calc(100vh - 80px);display:flex;justify-content:center;align-items:center}.auth-card{background:#fff;padding:32px;width:100%;max-width:420px;border-radius:16px;box-shadow:0 12px 30px #0000001a}.auth-card h2{margin-bottom:24px;text-align:center}.auth-card input,.auth-card select{width:100%;padding:12px;margin-bottom:14px;border-radius:10px;border:1px solid #ddd}.auth-card button{width:100%;padding:12px;background:#f28c28;border:none;border-radius:10px;color:#fff;font-size:16px;cursor:pointer}.auth-card button:hover{background:#e67c1f}.cart-item{display:flex;gap:16px;align-items:center;background:#fff;padding:16px;border-radius:12px;margin-bottom:16px}.cart-item img{width:80px;height:80px;object-fit:contain}.cart-summary{margin-top:24px;padding:20px;background:#fff;border-radius:12px;box-shadow:0 6px 20px #0000000f}.hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:80px 8%;background:#f6fbe9;gap:40px}.hero-content h1{font-size:48px;font-weight:800;line-height:1.2;color:#1f2937}.hero-content p{margin:20px 0;font-size:16px;color:#4b5563;max-width:480px}.shop-btn{background:#f97316;color:#fff;border:none;padding:14px 28px;border-radius:12px;font-size:16px;cursor:pointer}.shop-btn:hover{background:#ea580c}.hero-image img{width:100%;max-width:520px;display:block;margin:auto}@media (max-width: 900px){.hero{grid-template-columns:1fr;text-align:center}.hero-image img{max-width:420px}}