@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap');
:root { --agri-green:#1e7d3a; --agri-green-2:#2e7d32; --card-shadow: 0 6px 20px rgba(0,0,0,.08); --agri-ink:#243133; --agri-muted:#5f7a7d; }
*{box-sizing:border-box}
html, body { height: 100%; }
body{font-family:Inter,system-ui,Segoe UI,Roboto,Arial,sans-serif;color:var(--agri-ink);background:#f7faf7;min-height:100vh;display:flex;flex-direction:column}
.container.my-4{flex:1 0 auto}
footer{margin-top:auto;background:#112a1b!important;color:#dce7de}
.navbar.bg-success{background-color:var(--agri-green)!important}
.top-search{max-width:520px;width:100%}.top-search .form-control{border-radius:999px}
.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1.25rem}
.product-card{border:none;border-radius:16px;box-shadow:var(--card-shadow);overflow:hidden;background:#fff;transition:transform .12s ease,box-shadow .12s ease; position:relative}
.product-card:hover{transform:translateY(-2px);box-shadow:0 10px 26px rgba(0,0,0,.12)}
.product-media{width:100%;aspect-ratio:4/3;object-fit:cover;background:#eef6ef}
.product-name{font-weight:700;font-size:1.05rem;margin-bottom:.25rem}
.product-price{font-weight:700;color:var(--agri-green-2)}
.badge-chip{display:inline-block;padding:.35rem .7rem;border-radius:999px;background:#e8f5e9;color:#1b5e20;font-size:.8rem;margin-right:.4rem;margin-bottom:.4rem}
.card{border-radius:16px;box-shadow:var(--card-shadow);border:none}
.btn-success{background-color:var(--agri-green);border-color:var(--agri-green)}.btn-success:hover{background-color:#176430}
.bottom-bar{position:fixed;left:0;right:0;bottom:0;z-index:1030;background:#fff;border-top:1px solid #e5ece5;display:none}
.bottom-bar .nav-link{padding:.75rem 1rem;text-align:center;color:var(--agri-muted)}
@media(max-width:768px){.bottom-bar{display:flex;justify-content:space-around}footer{padding-bottom:56px}}
.table thead th{background:#e8f5e9;color:#1b5e20;border-bottom:none}
.metric{display:flex;align-items:center;gap:.75rem;color:#fff;padding:1rem;border-radius:16px}
.metric .value{font-size:1.8rem;font-weight:700}
.metric.green{background:linear-gradient(135deg,#2e7d32,#1b5e20)}
.metric.blue{background:linear-gradient(135deg,#1e88e5,#1565c0)}
.metric.gold{background:linear-gradient(135deg,#ffb300,#fb8c00)}
.badge-pending{background:#ffca28}.badge-shipped{background:#29b6f6}.badge-delivered{background:#66bb6a}.badge-canceled{background:#ef5350}
.auth-hero{background: radial-gradient(1200px 600px at 20% 0%, #d8efd9, #f7faf7); border-radius: 20px; min-height: 420px; display:flex; align-items:center; justify-content:center; box-shadow: var(--card-shadow);}
.auth-card{border:none;border-radius:20px;box-shadow:var(--card-shadow);padding:1.25rem;background:#fff}
.product-desc{color:var(--agri-muted); font-size:.92rem; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; min-height:2.8rem; margin-bottom:.5rem}
.card-badges{position:absolute;top:.75rem;left:.75rem;display:flex;gap:.4rem}
.chip{padding:.2rem .5rem;border-radius:999px;background:#e8f5e9;color:#1b5e20;font-size:.75rem}
.cart-wrap{display:grid;grid-template-columns:2fr 1fr;gap:1.25rem}
@media(max-width:992px){.cart-wrap{grid-template-columns:1fr}}
.cart-card{border:none;border-radius:16px;box-shadow:var(--card-shadow);overflow:hidden;background:#fff}
.summary-card{border:none;border-radius:16px;box-shadow:var(--card-shadow);padding:1rem;background:#fff;position:sticky;top:88px}
.table.cart-table>thead th{background:#e8f5e9;color:#1b5e20;border-bottom:none;font-weight:700}
.item-thumb{width:68px;height:68px;object-fit:cover;border-radius:10px;border:1px solid #e7efe7}
.qty-input{width:90px}
.line-total{font-weight:700}
.btn-remove{border-color:#ef5350;color:#ef5350}
.btn-remove:hover{background:#ef5350;color:#fff}
.empty-state{padding:2rem;text-align:center;color:var(--agri-muted)}