:root {
  --bg: #11161b;
  --card: rgba(20, 28, 36, 0.6);
  --ink: #eef5f8;
  --accent: rgba(46, 125, 50, 0.72);
  --accent-2: #f5a623;
  --border: rgba(220, 236, 245, 0.24);
}
* { box-sizing: border-box; }
body {
  margin: 0;
  font-family: "Trebuchet MS", "Gill Sans", sans-serif;
  color: var(--ink);
  background: var(--bg);
}
.bg {
  position: fixed;
  inset: 0;
  background: linear-gradient(rgba(9, 14, 19, 0.46), rgba(9, 14, 19, 0.72)), url('/assets/background.jpeg') center/cover no-repeat;
  z-index: -1;
}
.topbar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px 14px;
}
.logo { width: 130px; max-width: 40vw; }
.top-actions { display: flex; gap: 8px; }
button, input, select, textarea {
  font: inherit;
}
button {
  border: 1px solid rgba(232, 248, 236, 0.25);
  border-radius: 12px;
  padding: 12px 14px;
  background: var(--accent);
  color: #fff;
  font-weight: 700;
}
.farmer-menu .tile {
  background: #97ca25ff;
  color: #1f2a0f;
  border: 1px solid rgba(34, 56, 10, 0.35);
}
button.ghost {
  background: rgba(255, 255, 255, 0.16);
  color: #f4fbff;
  border: 1px solid var(--border);
}
.container {
  padding: 10px 14px 30px;
  max-width: 920px;
  margin: 0 auto;
}
.card {
  background: var(--card);
  border: 1px solid var(--border);
  border-radius: 18px;
  padding: 14px;
  margin-bottom: 12px;
  backdrop-filter: blur(8px);
  box-shadow: 0 12px 28px rgba(7, 11, 15, 0.36);
}
.grid {
  display: grid;
  gap: 10px;
}
.tiles {
  grid-template-columns: repeat(2, minmax(120px, 1fr));
}
.tile {
  min-height: 85px;
  font-size: 18px;
}
label { display: block; font-size: 14px; margin-top: 8px; }
input, select, textarea {
  width: 100%;
  margin-top: 4px;
  border: 1px solid var(--border);
  border-radius: 12px;
  padding: 10px;
  background: rgba(255, 255, 255, 0.9);
  color: #112028;
}
textarea { min-height: 88px; }
.row { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.pill {
  display: inline-block;
  padding: 4px 10px;
  border-radius: 999px;
  background: rgba(226, 246, 231, 0.9);
  color: #1b5d24;
  font-weight: 700;
  font-size: 12px;
}
.hero-pill {
  padding: 8px 16px;
  margin-top: 8px;
  margin-bottom: 12px;
}
.notice {
  background: #fef6e9;
  border: 1px solid #f5d19a;
  color: #7d5600;
  border-radius: 12px;
  padding: 9px;
  margin-top: 10px;
}
.success {
  background: #e7f6e9;
  border: 1px solid #9fdea6;
  color: #1f5f23;
  border-radius: 12px;
  padding: 9px;
}
.footer {
  padding: 15px;
  text-align: center;
}
.partner-logo { width: 170px; opacity: 0.9; }
.list-item {
  border: 1px solid var(--border);
  border-radius: 12px;
  padding: 10px;
  margin-bottom: 8px;
  background: rgba(16, 23, 30, 0.58);
}
.small { font-size: 13px; color: rgba(236, 244, 248, 0.82); }
.form-stack label:last-of-type {
  margin-bottom: 12px;
}
.form-stack button:first-of-type {
  margin-top: 10px;
}
.location-picker {
  display: grid;
  gap: 8px;
  margin-bottom: 8px;
}
@media (max-width: 640px) {
  .row { grid-template-columns: 1fr; }
  .tile { font-size: 16px; }
}