.badge {
  display: inline-flex; align-items: center;
  padding: 2px 10px; border-radius: 9999px;
  font-size: 12px; font-weight: 600; line-height: 18px;
}
.badge-active     { background:#e7f5ed; color:#0a7a3b; }
.badge-pending    { background:#fff4e0; color:#a35a00; }
.badge-suspended  { background:#fde7e7; color:#a01818; }
.badge-muted      { background:#eef0f4; color:#475569; }

.bg-brand-navy        { background-color: #0C2A4D; }
.bg-brand-navy-deep   { background-color: #072043; }
.bg-brand-gold        { background-color: #F5C24B; }
.bg-brand-gold-deep   { background-color: #D9A637; }
.bg-brand-pearl       { background-color: #FBFAF6; }
.bg-brand-pearl-soft  { background-color: #F5F3EC; }
.bg-brand-orange      { background-color: #E83E15; }
.bg-brand-orange-soft { background-color: #FBE3D7; }
.bg-brand-orange-deep { background-color: #BE2F0C; }
.bg-brand-cream       { background-color: #F7E6CE; }
.bg-brand-cream-soft  { background-color: #FBF3E4; }

.text-brand-navy        { color: #0C2A4D; }
.text-brand-navy-deep   { color: #072043; }
.text-brand-gold        { color: #F5C24B; }
.text-brand-gold-deep   { color: #D9A637; }
.text-brand-orange      { color: #E83E15; }
.text-brand-orange-deep { color: #BE2F0C; }

.border-brand-navy   { border-color: #0C2A4D; }
.border-brand-gold   { border-color: #F5C24B; }
.border-brand-pearl  { border-color: #FBFAF6; }

.fill-brand-gold     { fill: #F5C24B; }

.bg-brand-pearl\/70   { background-color: rgba(251, 250, 246, 0.70); }
.bg-brand-navy\/85    { background-color: rgba(12, 42, 77, 0.85); }
.text-brand-navy\/70  { color: rgba(12, 42, 77, 0.70); }

.ring-1 {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.ring-inset { --tw-ring-inset: inset; }

.ring-brand-navy\/10  { --tw-ring-color: rgba(12, 42, 77, 0.10); }
.ring-brand-gold\/20  { --tw-ring-color: rgba(245, 194, 75, 0.20); }
.ring-brand-navy      { --tw-ring-color: #0C2A4D; }
.ring-brand-gold      { --tw-ring-color: #F5C24B; }

.hover\:bg-brand-pearl:hover      { background-color: #FBFAF6; }
.hover\:bg-brand-navy-deep:hover  { background-color: #072043; }

.shadow-glass {
  box-shadow:
    0 1px 0 rgba(255,255,255,0.7) inset,
    0 8px 24px rgba(12,42,77,0.08);
}

.bg-card\/80    { background-color: rgba(255, 255, 255, 0.80); }
.bg-card\/95    { background-color: rgba(255, 255, 255, 0.95); }

.backdrop-blur-md {

  -webkit-backdrop-filter: blur(12px) saturate(1.5);
          backdrop-filter: blur(12px) saturate(1.5);
}
.backdrop-saturate-150 {  }

.shadow-header   { box-shadow: 0 1px 0 rgba(17, 24, 39, 0.04); }
.shadow-soft     { box-shadow: 0 1px 2px rgba(17,24,39,0.04), 0 8px 24px rgba(17,24,39,0.04); }
.shadow-soft-lg  { box-shadow: 0 1px 2px rgba(17,24,39,0.05), 0 16px 40px rgba(17,24,39,0.06); }
.shadow-pill     { box-shadow: 0 1px 2px rgba(17,24,39,0.05), 0 4px 12px rgba(17,24,39,0.05); }
.shadow-luxe     { box-shadow: 0 22px 50px -18px rgba(12,42,77,0.18), 0 8px 20px -8px rgba(12,42,77,0.10); }

.h-\[calc\(100vh-72px\)\] { height: calc(100vh - 72px); }

header.sticky.top-0 { z-index: 40; background-color: rgba(255, 255, 255, 0.92); }

.grows-table-card {
  background: #FFFFFF;
  border: 1px solid #ECECEC;
  border-radius: 16px;
  overflow: hidden;
  box-shadow:
    0 1px 2px rgba(17, 24, 39, 0.04),
    0 8px 24px rgba(17, 24, 39, 0.04);
}

.grows-table-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 16px 24px;
  border-bottom: 1px solid #ECECEC;
}
.grows-table-toolbar h2 {
  margin: 0;
  font-size: 15px;
  font-weight: 600;
  letter-spacing: -0.012em;
  color: #111827;
}
.grows-table-toolbar .meta {
  font-size: 12px;
  color: #6B7280;
  font-variant-numeric: tabular-nums;
}

.grows-table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  text-align: left;
  color: #111827;
  font-size: 13.5px;
}

.grows-table thead tr {
  background: #FAFAFC;
}
.grows-table thead th {
  padding: 13px 20px;
  font-size: 10.5px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.10em;
  color: #6B7280;
  white-space: nowrap;
  border-bottom: 1px solid #ECECEC;
  vertical-align: middle;
}
.grows-table thead th:first-child { padding-left: 24px; }
.grows-table thead th:last-child  { padding-right: 24px; }
.grows-table th.is-right,
.grows-table td.is-right { text-align: right; }
.grows-table th.is-center,
.grows-table td.is-center { text-align: center; }

.grows-table tbody td {
  padding: 16px 20px;
  vertical-align: middle;
  border-top: 1px solid rgba(236, 236, 236, 0.7);
  font-size: 13.5px;
  color: #111827;
  background: #FFFFFF;
  transition: background-color .15s ease;
}
.grows-table tbody td:first-child { padding-left: 24px; }
.grows-table tbody td:last-child  { padding-right: 24px; }
.grows-table tbody tr:hover td    { background-color: #FAFAFC; }
.grows-table tbody tr:first-child td { border-top: none; }

.grows-table td.is-muted   { color: #6B7280; }
.grows-table td.is-numeric { font-variant-numeric: tabular-nums; }
.grows-table td.is-amount  {
  font-weight: 600;
  font-variant-numeric: tabular-nums;
  text-align: right;
  color: #111827;
}
.grows-table td.is-mono {
  font-family: ui-monospace, 'SF Mono', Menlo, Consolas, monospace;
  font-size: 12.5px;
  letter-spacing: 0.02em;
  color: #374151;
}

.grows-user-cell { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.grows-user-cell .name {
  font-size: 13.5px;
  font-weight: 600;
  color: #111827;
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.grows-user-cell .email {
  font-size: 12px;
  color: #6B7280;
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}

.grows-status {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  height: 22px;
  padding: 0 10px 0 8px;
  border-radius: 9999px;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: -0.005em;
  white-space: nowrap;
  line-height: 1;
}
.grows-status::before {
  content: '';
  display: inline-block;
  width: 5px; height: 5px;
  border-radius: 9999px;
  background: currentColor;
  opacity: 0.85;
}
.grows-status--success { background: #E7F8EE; color: #047857; }
.grows-status--pending { background: #FEF3C7; color: #92400E; }
.grows-status--danger  { background: #FEE2E2; color: #B91C1C; }
.grows-status--neutral { background: #F1F3F8; color: #475569; }
.grows-status--info    { background: #E0F2FE; color: #075985; }
.grows-status--progress{ background: #EEF2FF; color: #4338CA; }

.grows-import-drop.is-dragging { border-color: #0C2A4D; background: rgba(12, 42, 77, 0.04); }

@media (min-width: 640px) {
  .sm\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}
@media (min-width: 768px) {
  .md\:col-span-2 { grid-column: span 2 / span 2; }
}
@media (min-width: 1024px) {
  .lg\:col-span-2 { grid-column: span 2 / span 2; }
}

.sr-only {
  position: absolute !important;
  width: 1px; height: 1px;
  padding: 0; margin: -1px;
  overflow: hidden; clip: rect(0, 0, 0, 0);
  white-space: nowrap; border: 0;
}

.fill-current { fill: currentColor; }

.justify-start { justify-content: flex-start; }

.space-y-5 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1.25rem * var(--tw-space-y-reverse));
}
.space-y-6 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
}
@media (min-width: 1280px) {
  .xl\:col-span-5 { grid-column: span 5 / span 5; }
  .xl\:col-span-7 { grid-column: span 7 / span 7; }
  .xl\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .xl\:grid-cols-6 { grid-template-columns: repeat(6, minmax(0, 1fr)); }
}

.grows-drop {
  position: relative;
  display: flex; flex-direction: column; align-items: center; justify-content: center;
  gap: 12px; text-align: center;
  min-height: 200px; padding: 36px 24px;
  border: 1.5px dashed #D4DAE3; border-radius: 16px;
  background:
    radial-gradient(120% 120% at 50% 0%, #FCFDFE 0%, #F5F8FC 100%);
  cursor: pointer;
  transition: border-color .18s ease, background .18s ease, box-shadow .18s ease;
}
.grows-drop:hover { border-color: #9AA7BC; background: #F3F6FB; }
.grows-drop.is-dragging {
  border-color: #0C2A4D; background: #EEF2F8;
  box-shadow: 0 0 0 4px rgba(12, 42, 77, 0.06);
}
.grows-drop-ico {
  display: inline-flex; align-items: center; justify-content: center;
  width: 54px; height: 54px; border-radius: 16px;
  background: #FFFFFF; color: #0C2A4D;
  box-shadow: 0 1px 2px rgba(17,24,39,0.05), 0 8px 18px -10px rgba(12,42,77,0.22), inset 0 0 0 1px #E9EDF4;
  transition: transform .18s ease;
}
.grows-drop:hover .grows-drop-ico { transform: translateY(-1px); }
.grows-drop-ico svg { width: 22px; height: 22px; }
.grows-drop-title { font-size: 14.5px; font-weight: 650; letter-spacing: -0.01em; color: #0F172A; }
.grows-drop-title b { color: #0C2A4D; font-weight: 700; text-decoration: underline; text-underline-offset: 2px; }
.grows-drop-hint {
  display: inline-flex; align-items: center; gap: 8px;
  font-size: 12px; color: #94A3B8;
}
.grows-drop-hint .dot { width: 3px; height: 3px; border-radius: 9999px; background: #CBD3DF; }

.grows-drop-file { display: none; align-items: center; gap: 12px; width: 100%; max-width: 400px;
  padding: 12px 12px 12px 14px; border-radius: 12px; background: #FFFFFF; text-align: left;
  box-shadow: inset 0 0 0 1px #E5E9F1, 0 6px 16px -12px rgba(17,24,39,0.18); }
.grows-drop.has-file { border-style: solid; border-color: #C3CCDB; background: #F8FAFD; }
.grows-drop.has-file .grows-drop-prompt { display: none; }
.grows-drop.has-file .grows-drop-file { display: flex; }
.grows-drop-file-ico { display: inline-flex; align-items: center; justify-content: center;
  width: 38px; height: 38px; border-radius: 10px; background: #EEF2F8; color: #0C2A4D; flex: none; }
.grows-drop-file-ico svg { width: 18px; height: 18px; }
.grows-drop-file-meta { min-width: 0; flex: 1; display: flex; flex-direction: column; }
.grows-drop-file-name { font-size: 13px; font-weight: 600; color: #0F172A; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.grows-drop-file-size { font-size: 11.5px; color: #94A3B8; }
.grows-drop-file-x { display: inline-flex; align-items: center; justify-content: center;
  width: 28px; height: 28px; border-radius: 9999px; color: #94A3B8; flex: none;
  transition: background .15s, color .15s; }
.grows-drop-file-x:hover { background: #F1F3F8; color: #0F172A; }
.grows-drop-file-x svg { width: 15px; height: 15px; }

.grows-radio-tile {
  display: flex; align-items: center; justify-content: center;
  height: 40px; border: 1px solid #E2E5EC; border-radius: 12px;
  cursor: pointer; background: #fff; transition: background-color .15s, border-color .15s;
}
.grows-radio-tile:hover { background: #F4F6FA; }
.grows-radio-tile-label { font-size: 13px; font-weight: 600; color: #475569; }
.grows-radio-tile:has(input:checked) { background: #0C2A4D; border-color: #0C2A4D; }
.grows-radio-tile:has(input:checked) .grows-radio-tile-label { color: #fff; }
.grows-radio-tile:has(input:focus-visible) { box-shadow: 0 0 0 4px rgba(12,42,77,0.10); }

.grows-pcard-frame { user-select: none; }
.grows-pcard-flip { perspective: 1800px; cursor: pointer; }
.grows-pcard-flip-inner {
  position: relative;
  transform-style: preserve-3d;
  transition: transform 0.7s cubic-bezier(.2,.7,.2,1);
}
.grows-pcard-flip.is-flipped .grows-pcard-flip-inner { transform: rotateY(180deg); }
.grows-pcard-face {
  position: absolute; inset: 0;
  -webkit-backface-visibility: hidden; backface-visibility: hidden;
}
.grows-pcard-face-back { transform: rotateY(180deg); }
@media print { .grows-pcard-flip, .grows-pcard-flip-inner { transition: none !important; } }

.grows-statpanel-head {
  display: flex; align-items: center; justify-content: space-between;
  gap: 12px; margin-bottom: 16px;
}
.grows-statpanel-title {
  font-size: 15px; font-weight: 650; letter-spacing: -0.012em; color: #0F172A;
}
.grows-statpanel-updated { font-size: 11.5px; color: #94A3B8; }

.grows-statpanel-member {
  padding: 16px;
  border-radius: 14px;
  border: 1px solid #ECEFF3;
  background: linear-gradient(180deg, #FBFCFD 0%, #F3F6F9 100%);
}
.grows-statpanel-member-top {
  display: flex; align-items: flex-start; justify-content: space-between; gap: 10px;
}
.grows-statpanel-eyebrow {
  font-size: 10.5px; font-weight: 700; letter-spacing: 0.13em;
  text-transform: uppercase; color: #94A3B8;
}
.grows-statpanel-tier {
  margin-top: 4px; font-size: 18px; font-weight: 700;
  letter-spacing: -0.022em; color: #0F172A; line-height: 1.15;
}
.grows-statpanel-active {
  display: inline-flex; align-items: center; gap: 5px;
  height: 22px; padding: 0 9px 0 8px; border-radius: 9999px;
  background: #E9F7EF; color: #067A4A;
  font-size: 11px; font-weight: 600; letter-spacing: -0.005em; white-space: nowrap;
}
.grows-statpanel-active::before {
  content: ""; width: 6px; height: 6px; border-radius: 9999px; background: #10B981;
}
.grows-statpanel-track {
  margin-top: 14px; height: 6px; border-radius: 9999px;
  background: #E5EAF0; overflow: hidden;
}
.grows-statpanel-track-fill {
  height: 100%; border-radius: 9999px;
  background: linear-gradient(90deg, #0C2A4D 0%, #1E4D7B 100%);
  transition: width 420ms cubic-bezier(.2,.7,.2,1);
}
.grows-statpanel-meta {
  margin-top: 10px; display: flex; align-items: baseline; justify-content: space-between;
  gap: 8px; font-size: 12px; color: #64748B;
}
.grows-statpanel-meta strong { color: #0F172A; font-weight: 600; font-variant-numeric: tabular-nums; }

.grows-statpanel-list { margin-top: 4px; }
.grows-statpanel-row {
  display: flex; align-items: center; gap: 13px;
  padding: 14px 0; border-top: 1px solid #F0F2F6;
}
.grows-statpanel-ico {
  width: 38px; height: 38px; border-radius: 11px; flex-shrink: 0;
  display: inline-flex; align-items: center; justify-content: center;
  background: #F4F6FA; color: #475569;
  box-shadow: inset 0 0 0 1px rgba(15, 23, 42, 0.04);
}
.grows-statpanel-ico svg { width: 18px; height: 18px; }
.grows-statpanel-row-text { min-width: 0; flex: 1; }
.grows-statpanel-row-label {
  font-size: 13.5px; font-weight: 600; letter-spacing: -0.006em; color: #0F172A;
}
.grows-statpanel-row-sub { margin-top: 1px; font-size: 11.5px; color: #94A3B8; }
.grows-statpanel-row-num {
  font-size: 22px; font-weight: 700; letter-spacing: -0.02em;
  color: #0F172A; font-variant-numeric: tabular-nums; line-height: 1;
}

.grows-kind {
  display: inline-flex;
  align-items: center;
  height: 22px;
  padding: 0 9px;
  border-radius: 6px;
  background: #F1F3F8;
  color: #475569;
  font-size: 10.5px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  line-height: 1;
  white-space: nowrap;
}
.grows-kind--success { background: #ECFDF5; color: #047857; }
.grows-kind--warn    { background: #FEF3C7; color: #92400E; }
.grows-kind--info    { background: #DBEAFE; color: #1E40AF; }
.grows-kind--brand   { background: #FBF3E4; color: #8B6914; }

.grows-empty { color: #9CA3AF; font-weight: 400; }

.grows-table-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 12px 24px;
  border-top: 1px solid #ECECEC;
  background: #FAFAFC;
  font-size: 12.5px;
  color: #6B7280;
}

@media (max-width: 640px) {
  .grows-table thead th,
  .grows-table tbody td { padding-left: 14px; padding-right: 14px; }
  .grows-table thead th:first-child,
  .grows-table tbody td:first-child { padding-left: 18px; }
  .grows-table thead th:last-child,
  .grows-table tbody td:last-child  { padding-right: 18px; }
}

.grows-form-card {
  background: #FFFFFF;
  border: 1px solid #ECECEC;
  border-radius: 16px;
  overflow: hidden;
  box-shadow:
    0 1px 2px rgba(17, 24, 39, 0.04),
    0 8px 24px rgba(17, 24, 39, 0.04);
}

.grows-form-header {
  padding: 18px 24px 14px;
  border-bottom: 1px solid #ECECEC;
}
.grows-form-header h2,
.grows-form-header .h2 {
  margin: 0;
  font-size: 15px;
  font-weight: 600;
  letter-spacing: -0.012em;
  color: #111827;
}
.grows-form-header p {
  margin: 4px 0 0 0;
  font-size: 12.5px;
  color: #6B7280;
  line-height: 1.45;
}

.grows-form-body { padding: 18px 24px 20px; }

.grows-form-footer {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  padding: 14px 24px;
  border-top: 1px solid #ECECEC;
  background: #FAFAFC;
}

.grows-field { display: flex; flex-direction: column; gap: 6px; }
.grows-field + .grows-field { margin-top: 16px; }
.grows-field-grid + .grows-field,
.grows-field + .grows-field-grid { margin-top: 16px; }
.grows-field-grid + .grows-field-grid { margin-top: 16px; }

.grows-label {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: -0.005em;
  color: #374151;
  line-height: 1;
}
.grows-label-optional {
  color: #9CA3AF;
  font-weight: 400;
  font-size: 11.5px;
}

.grows-field-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 16px;
}

.grows-input,
.grows-select,
.grows-textarea {
  width: 100%;
  padding: 0 12px;
  border: 1px solid #E5E7EB;
  border-radius: 8px;
  background: #FFFFFF;
  font-family: inherit;
  font-size: 13.5px;
  color: #111827;
  line-height: 1;
  transition: border-color .15s ease, box-shadow .15s ease;
  -webkit-appearance: none;
       appearance: none;
}
.grows-input, .grows-select { height: 38px; }
.grows-textarea {
  height: auto;
  min-height: 84px;
  padding: 10px 12px;
  resize: vertical;
  line-height: 1.5;
}
.grows-input::placeholder,
.grows-textarea::placeholder { color: #9CA3AF; }

.grows-input:hover,
.grows-select:hover,
.grows-textarea:hover { border-color: #D1D5DB; }

.grows-input:focus,
.grows-select:focus,
.grows-textarea:focus {
  outline: none;
  border-color: #111827;
  box-shadow: 0 0 0 3px rgba(17, 24, 39, 0.08);
}

.grows-select {
  padding-right: 36px;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='%236B7280' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 8 10 12 14 8'/></svg>");
  background-repeat: no-repeat;
  background-position: right 10px center;
  background-size: 16px 16px;
}

.grows-helper {
  margin: 0;
  font-size: 11.5px;
  color: #6B7280;
  line-height: 1.45;
}

.grows-file {
  width: 100%;
  font-size: 12.5px;
  color: #111827;
}
.grows-file::file-selector-button {
  margin-right: 10px;
  height: 32px;
  padding: 0 12px;
  border-radius: 6px;
  border: 1px solid #E5E7EB;
  background: #FFFFFF;
  font: inherit;
  font-size: 12px;
  font-weight: 600;
  color: #111827;
  cursor: pointer;
  transition: background-color .15s ease, border-color .15s ease;
}
.grows-file::file-selector-button:hover { background: #F1F3F8; border-color: #D1D5DB; }

.grows-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  height: 38px;
  padding: 0 16px;
  border-radius: 8px;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: -0.005em;
  border: 1px solid transparent;
  cursor: pointer;
  white-space: nowrap;
  text-decoration: none;
  transition: background-color .15s ease, border-color .15s ease, box-shadow .15s ease, transform .12s ease;
}
.grows-btn:focus-visible {
  outline: none;
  box-shadow: 0 0 0 3px rgba(17, 24, 39, 0.10);
}
.grows-btn-primary {
  background: #111827;
  color: #FFFFFF;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.10), 0 1px 2px rgba(17, 24, 39, 0.10);
}
.grows-btn-primary:hover { background: #1F2937; }
.grows-btn-primary:active { transform: scale(.98); }

.grows-btn-secondary {
  background: #FFFFFF;
  color: #111827;
  border-color: #E5E7EB;
  box-shadow: 0 1px 2px rgba(17, 24, 39, 0.04);
}
.grows-btn-secondary:hover { background: #FAFAFC; border-color: #D1D5DB; }
.grows-btn-secondary:active { transform: scale(.98); }

.grows-btn-ghost { background: transparent; color: #374151; }
.grows-btn-ghost:hover { background: #F1F3F8; color: #111827; }

.grows-btn-danger {
  background: #FFFFFF;
  color: #B91C1C;
  border-color: #FECACA;
  box-shadow: 0 1px 2px rgba(185, 28, 28, 0.04);
}
.grows-btn-danger:hover { background: #FEF2F2; border-color: #FCA5A5; }

.grows-btn-block { width: 100%; }
.grows-btn-sm    { height: 32px; padding: 0 12px; font-size: 12px; }
.grows-btn-lg    { height: 44px; padding: 0 20px; font-size: 14px; }

.grows-kpi {
  position: relative;
  background: #FFFFFF;
  border: 1px solid #ECECEC;
  border-radius: 14px;
  padding: 16px;
  box-shadow: 0 1px 2px rgba(17, 24, 39, 0.04);
  transition: box-shadow .2s ease, transform .2s ease;
}
.grows-kpi:hover {
  box-shadow:
    0 1px 2px rgba(17, 24, 39, 0.04),
    0 12px 24px -8px rgba(17, 24, 39, 0.08);
  transform: translateY(-1px);
}
.grows-kpi-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 14px;
}
.grows-kpi-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px; height: 36px;
  border-radius: 10px;
  background: #F1F3F8;
  color: #111827;
}
.grows-kpi-icon svg { width: 18px; height: 18px; }
.grows-kpi-icon.is-green  { background: #ECFDF5; color: #047857; }
.grows-kpi-icon.is-orange { background: #FFF7ED; color: #C2410C; }
.grows-kpi-icon.is-purple { background: #F5F3FF; color: #6D28D9; }
.grows-kpi-icon.is-rose   { background: #FFF1F2; color: #BE123C; }
.grows-kpi-icon.is-sky    { background: #F0F9FF; color: #0369A1; }
.grows-kpi-icon.is-amber  { background: #FFFBEB; color: #B45309; }
.grows-kpi-label {
  font-size: 12px;
  font-weight: 500;
  color: #6B7280;
  letter-spacing: -0.005em;
}
.grows-kpi-value {
  font-size: 28px;
  font-weight: 600;
  letter-spacing: -0.022em;
  color: #111827;
  font-variant-numeric: tabular-nums;
  line-height: 1;
  margin-top: 6px;
}
.grows-kpi-foot {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-top: 10px;
  font-size: 11.5px;
  color: #6B7280;
}
.grows-trend {
  display: inline-flex;
  align-items: center;
  gap: 3px;
  height: 20px;
  padding: 0 7px;
  border-radius: 9999px;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: -0.005em;
  font-variant-numeric: tabular-nums;
}
.grows-trend--up   { background: #ECFDF5; color: #047857; }
.grows-trend--down { background: #FEF2F2; color: #B91C1C; }
.grows-trend--flat { background: #F1F3F8; color: #6B7280; }
.grows-trend svg { width: 10px; height: 10px; }

.grows-section-card {
  background: #FFFFFF;
  border: 1px solid #ECECEC;
  border-radius: 14px;
  box-shadow: 0 1px 2px rgba(17, 24, 39, 0.04);
  overflow: hidden;
}
.grows-section-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  padding: 16px 20px 12px;
}
.grows-section-head h2 {
  margin: 0;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: -0.012em;
  color: #111827;
}
.grows-section-head p {
  margin: 2px 0 0 0;
  font-size: 12px;
  color: #6B7280;
}
.grows-section-body { padding: 8px 20px 20px; }

.grows-chart {
  display: flex;
  align-items: flex-end;
  gap: 6px;
  height: 180px;
  padding-top: 16px;
  border-bottom: 1px dashed #ECECEC;
}
.grows-chart-col {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  gap: 4px;
  height: 100%;
  position: relative;
}
.grows-chart-bar {
  width: 100%;
  max-width: 18px;
  min-height: 3px;
  border-radius: 4px 4px 2px 2px;
  background: linear-gradient(180deg, #0C2A4D 0%, #143761 100%);
  transition: opacity .15s ease, transform .15s ease;
}
.grows-chart-bar.is-warm {
  background: linear-gradient(180deg, #E83E15 0%, #C2410C 100%);
}
.grows-chart-col:hover .grows-chart-bar { transform: scaleY(1.04); transform-origin: bottom; }
.grows-chart-col:hover .grows-chart-tip { opacity: 1; transform: translateY(-4px); }
.grows-chart-tip {
  position: absolute;
  bottom: 100%;
  background: #111827;
  color: #FFFFFF;
  padding: 4px 8px;
  border-radius: 6px;
  font-size: 10.5px;
  font-weight: 600;
  white-space: nowrap;
  opacity: 0;
  transform: translateY(0);
  transition: opacity .15s ease, transform .15s ease;
  pointer-events: none;
  z-index: 5;
}
.grows-chart-labels {
  display: flex;
  gap: 6px;
  margin-top: 8px;
}
.grows-chart-labels span {
  flex: 1;
  text-align: center;
  font-size: 10px;
  color: #9CA3AF;
  font-variant-numeric: tabular-nums;
  letter-spacing: -0.005em;
}

.grows-rank-list { display: flex; flex-direction: column; }
.grows-rank-row {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 10px 0;
  border-top: 1px solid rgba(236, 236, 236, 0.7);
}
.grows-rank-row:first-child { border-top: none; padding-top: 4px; }
.grows-rank-row:last-child  { padding-bottom: 4px; }
.grows-rank-pos {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px; height: 24px;
  border-radius: 6px;
  background: #F1F3F8;
  color: #475569;
  font-size: 11px;
  font-weight: 600;
  font-variant-numeric: tabular-nums;
}
.grows-rank-row:nth-child(1) .grows-rank-pos { background: #FBF3E4; color: #8B6914; }
.grows-rank-row:nth-child(2) .grows-rank-pos { background: #F1F3F8; color: #475569; }
.grows-rank-row:nth-child(3) .grows-rank-pos { background: #FFF1F2; color: #BE123C; }
.grows-rank-body { flex: 1; min-width: 0; }
.grows-rank-title {
  font-size: 13px;
  font-weight: 600;
  color: #111827;
  letter-spacing: -0.005em;
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.grows-rank-sub {
  font-size: 11.5px;
  color: #6B7280;
  margin-top: 1px;
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.grows-rank-bar-wrap {
  margin-top: 5px;
  height: 4px;
  border-radius: 9999px;
  background: #F1F3F8;
  overflow: hidden;
}
.grows-rank-bar {
  height: 100%;
  border-radius: 9999px;
  background: linear-gradient(90deg, #0C2A4D 0%, #1F4D80 100%);
  transition: width .4s cubic-bezier(0.32, 0.72, 0, 1);
}
.grows-rank-bar.is-warm { background: linear-gradient(90deg, #E83E15 0%, #F5C24B 100%); }
.grows-rank-bar.is-cool { background: linear-gradient(90deg, #6D28D9 0%, #0369A1 100%); }
.grows-rank-count {
  flex-shrink: 0;
  font-size: 13px;
  font-weight: 600;
  color: #111827;
  font-variant-numeric: tabular-nums;
  letter-spacing: -0.005em;
  min-width: 36px;
  text-align: right;
}

.grows-timeline { display: flex; flex-direction: column; gap: 0; position: relative; }
.grows-timeline::before {
  content: '';
  position: absolute;
  left: 16px;
  top: 18px;
  bottom: 18px;
  width: 1px;
  background: linear-gradient(180deg, #ECECEC, #ECECEC 50%, transparent);
}
.grows-time-row {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 10px 0;
  position: relative;
}
.grows-time-dot {
  flex-shrink: 0;
  position: relative;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px; height: 32px;
  border-radius: 9999px;
  background: #FFFFFF;
  border: 1px solid #ECECEC;
  color: #6B7280;
  box-shadow: 0 1px 2px rgba(17, 24, 39, 0.04);
}
.grows-time-dot svg { width: 14px; height: 14px; }
.grows-time-dot.is-green  { color: #047857; background: #ECFDF5; border-color: #A7F3D0; }
.grows-time-dot.is-orange { color: #C2410C; background: #FFF7ED; border-color: #FED7AA; }
.grows-time-dot.is-purple { color: #6D28D9; background: #F5F3FF; border-color: #DDD6FE; }
.grows-time-dot.is-rose   { color: #BE123C; background: #FFF1F2; border-color: #FECDD3; }
.grows-time-body { flex: 1; min-width: 0; padding-top: 2px; }
.grows-time-title {
  font-size: 12.5px;
  color: #111827;
  line-height: 1.4;
}
.grows-time-title strong { font-weight: 600; }
.grows-time-meta {
  margin-top: 2px;
  font-size: 11px;
  color: #6B7280;
  display: flex;
  align-items: center;
  gap: 6px;
  font-variant-numeric: tabular-nums;
}
.grows-time-action {
  display: inline-block;
  padding: 1px 6px;
  border-radius: 4px;
  background: #F1F3F8;
  color: #475569;
  font-family: ui-monospace, 'SF Mono', Menlo, Consolas, monospace;
  font-size: 10.5px;
  font-weight: 500;
}

.grows-notif-row {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 12px 0;
  border-top: 1px solid rgba(236, 236, 236, 0.7);
}
.grows-notif-row:first-child { border-top: none; }

.grows-notif-icon {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px; height: 36px;
  border-radius: 10px;
  background: #F1F3F8;
  color: #475569;
}
.grows-notif-icon svg { width: 16px; height: 16px; }
.grows-notif-icon.is-orange  { background: #FFF7ED; color: #C2410C; }
.grows-notif-icon.is-purple  { background: #F5F3FF; color: #6D28D9; }
.grows-notif-icon.is-amber   { background: #FFFBEB; color: #B45309; }
.grows-notif-icon.is-rose    { background: #FFF1F2; color: #BE123C; }
.grows-notif-icon.is-neutral { background: #F1F3F8; color: #475569; }

.grows-notif-body  { flex: 1; min-width: 0; }
.grows-notif-head {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}
.grows-notif-title {
  font-size: 13.5px;
  font-weight: 600;
  letter-spacing: -0.005em;
  color: #111827;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
}
.grows-notif-text {
  margin: 4px 0 0 0;
  font-size: 12.5px;
  color: #6B7280;
  line-height: 1.5;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.grows-notif-meta {
  margin: 6px 0 0 0;
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 11.5px;
  color: #6B7280;
  font-variant-numeric: tabular-nums;
}
.grows-notif-meta .dot {
  width: 2px; height: 2px;
  border-radius: 9999px;
  background: #D1D5DB;
}

.grows-mcard-frame {
  position: relative;
  display: block;
}

.grows-mcard-wrap {
  --mcard-scale: 1;
  position: absolute;
  top: 0;
  left: 0;
  width: 900px;
  height: 562px;
  perspective: 1800px;
  transform: scale(var(--mcard-scale));
  transform-origin: top left;
  font-family: var(--font-inter, 'Inter', 'Inter Fallback', system-ui, sans-serif);
  color: #0a2540;
}
.grows-mcard-wrap[data-flippable-card] {
  cursor: pointer;
  user-select: none;
}

.grows-mcard-flip-inner {
  position: relative;
  width: 100%;
  height: 100%;
  transform-style: preserve-3d;
  transition: transform 900ms cubic-bezier(.4, .05, .2, 1);
}
.grows-mcard-wrap.is-flipped .grows-mcard-flip-inner {
  transform: rotateY(180deg);
}

.grows-mcard-face {
  position: absolute;
  inset: 0;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}
.grows-mcard-face-back {
  transform: rotateY(180deg);
}

.grows-mcard {
  position: relative;
  width: 100%;
  height: 100%;
  background: #ffffff;
  border-radius: 28px;
  overflow: hidden;
  box-shadow:
    0 30px 60px -30px rgba(10, 37, 64, 0.35),
    0 8px 24px -16px rgba(0, 0, 0, 0.18);
  transition: transform 360ms cubic-bezier(.2, .7, .2, 1), box-shadow 360ms ease;
}
.grows-mcard-wrap:hover .grows-mcard {
  transform: translateY(-2px);
  box-shadow:
    0 38px 70px -32px rgba(10, 37, 64, 0.42),
    0 12px 28px -18px rgba(0, 0, 0, 0.22);
}

.grows-mcard-logo {
  position: absolute;
  top: 36px;
  left: 40px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.grows-mcard-logo-tag {
  font-weight: 800;
  letter-spacing: 0.04em;
  font-size: 22px;
  line-height: 1;
  color: #0a2540;
  text-transform: uppercase;
}
.grows-mcard-logo-row {
  display: flex;
  align-items: center;
  gap: 12px;
}
.grows-mcard-logo-pill {
  background: #0a2540;
  color: #ffffff;
  padding: 8px 14px;
  border-radius: 4px;
  font-weight: 800;
  letter-spacing: 0.20em;
  font-size: 26px;
  line-height: 1;
}
.grows-mcard-logo-dots {
  display: inline-flex;
  align-items: center;
  gap: 7px;
}
.grows-mcard-logo-dots span {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  display: inline-block;
}
.grows-mcard-logo-dots span:nth-child(1) { background: #0a2540; }
.grows-mcard-logo-dots span:nth-child(2) { background: #ee5026; }
.grows-mcard-logo-dots span:nth-child(3) { background: #f5dfc1; }

.grows-mcard-premium {
  position: absolute;
  top: 40px;
  right: 40px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: #0a2540;
  color: #ffffff;
  padding: 10px 20px 10px 14px;
  border-radius: 999px;
  font-size: 20px;
  font-weight: 600;
  line-height: 1;
}
.grows-mcard-premium-mark {
  display: inline-block;
  width: 22px;
  height: 22px;
}

.grows-mcard-qr {
  position: absolute;
  top: 94px;
  right: 40px;
  width: 170px;
  height: 170px;
  color: #0a2540;
}

.grows-mcard-block {
  position: absolute;
  left: 40px;
}
.grows-mcard-block--member { top: 180px; }
.grows-mcard-block--id     { top: 296px; }
.grows-mcard-block-label {
  font-size: 20px;
  font-weight: 800;
  letter-spacing: 0.04em;
  color: #0a2540;
  margin-bottom: 12px;
  line-height: 1;
}
.grows-mcard-block-row {
  display: flex;
  align-items: center;
  gap: 14px;
}
.grows-mcard-block-icon {
  width: 36px;
  height: 36px;
  display: inline-grid;
  place-items: center;
  flex-shrink: 0;
}
.grows-mcard-block-value {
  font-size: 26px;
  font-weight: 800;
  letter-spacing: 0.06em;
  color: #0a2540;
  line-height: 1;
}

.grows-mcard-legal {
  position: absolute;
  bottom: 112px;
  left: 40px;
  right: 40px;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: 0.04em;
  color: #0a2540;
  text-transform: uppercase;
  line-height: 1.3;
}

.grows-mcard-pattern {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100px;
  overflow: hidden;
}
.grows-mcard-pattern svg {
  display: block;
  width: 100%;
  height: 100%;
}

.grows-mcard--back {
  background: #ffffff;
}
.grows-mcard-textwall {
  position: absolute;
  top: 14px;
  left: 0;
  right: 0;
  display: flex;
  flex-direction: column;
}
.grows-mcard-textwall-row {
  color: #0a2540;
  font-weight: 900;
  font-size: 22px;
  letter-spacing: 0.02em;
  line-height: 1;
  padding: 5px 20px;
  white-space: nowrap;
  overflow: hidden;
  text-transform: uppercase;
}

.grows-mcard-wordmark {
  position: absolute;
  left: 0;
  right: 0;
  bottom: -80px;
  text-align: center;
  color: #0a2540;
  font-weight: 900;
  font-size: 280px;
  line-height: 0.9;
  letter-spacing: 0;
  pointer-events: none;
}

.grows-mcard-sr {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.grows-mcard-flip-btn {
  margin-top: 14px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  height: 36px;
  padding: 0 14px;
  border-radius: 999px;
  border: 1px solid #E5E7EB;
  background: #FFFFFF;
  font-family: inherit;
  font-size: 12.5px;
  font-weight: 600;
  color: #111827;
  cursor: pointer;
  transition: background-color .15s ease, border-color .15s ease;
}
.grows-mcard-flip-btn:hover {
  background: #F1F3F8;
  border-color: #D1D5DB;
}

.grows-mcard-wrap.is-gold,
.grows-mcard-wrap.is-sapphire,
.grows-mcard-wrap.is-obsidian,
.grows-mcard-wrap.is-emerald {  }

.shadow-\[0_4px_14px_-4px_rgba\(12\,42\,77\,0\.45\)\] {
  box-shadow: 0 4px 14px -4px rgba(12, 42, 77, 0.45);
}
.shadow-\[0_0_12px_rgba\(245\,194\,75\,0\.55\)\] {
  box-shadow: 0 0 12px rgba(245, 194, 75, 0.55);
}

.grows-sidebar-desktop {
  width: 248px;
  transition: width .28s cubic-bezier(0.32, 0.72, 0, 1);
}
body.sidebar-collapsed .grows-sidebar-desktop {
  width: 84px;
}

body.sidebar-collapsed .grows-sidebar-desktop .sidebar-label {
  display: none;
}

body.sidebar-collapsed .grows-sidebar-desktop .sidebar-item {
  justify-content: center;
  padding-left: 0;
  padding-right: 0;
  gap: 0;
}

/* Collapsible sidebar groups (e.g. Offers → All Offers / Saved / Claimed). */
.grows-sidebar summary { list-style: none; }
.grows-sidebar summary::-webkit-details-marker { display: none; }
.grows-sidebar summary:focus-visible { outline: 2px solid rgba(255, 255, 255, .35); outline-offset: 2px; }
.sidebar-caret { transition: transform .22s cubic-bezier(0.32, 0.72, 0, 1); }
.sidebar-group[open] > summary .sidebar-caret { transform: rotate(180deg); }
.sidebar-sub { margin-left: 17px; padding-left: 13px; border-left: 1px solid rgba(255, 255, 255, .12); }

/* Collapsed (icon-only) desktop sidebar: drop the caret + indent guide so the
   sub-rows read as plain centred icons like every other collapsed item. */
body.sidebar-collapsed .grows-sidebar-desktop .sidebar-caret { display: none; }
body.sidebar-collapsed .grows-sidebar-desktop .sidebar-sub {
  margin-left: 0;
  padding-left: 0;
  border-left: 0;
}

.grows-profile-menu {
  position: absolute;
  top: calc(100% + 10px);
  right: 0;
  z-index: 50;
  transform-origin: top right;
  opacity: 0;
  transform: translateY(-6px) scale(0.98);
  visibility: hidden;
  pointer-events: none;
  transition: opacity .18s cubic-bezier(0.32, 0.72, 0, 1),
              transform .18s cubic-bezier(0.32, 0.72, 0, 1),
              visibility 0s linear .18s;
}
.grows-profile-menu.is-open {
  opacity: 1;
  transform: translateY(0) scale(1);
  visibility: visible;
  pointer-events: auto;
  transition: opacity .18s cubic-bezier(0.32, 0.72, 0, 1),
              transform .18s cubic-bezier(0.32, 0.72, 0, 1),
              visibility 0s linear 0s;
}

.grows-profile [aria-expanded="true"] .grows-profile-chevron {
  transform: rotate(180deg);
}

.grows-profile-panel {
  width: 300px;
  background: #ffffff;
  border: 1px solid #ECECEC;
  border-radius: 14px;
  padding: 6px;
  box-shadow:
    0 1px 2px rgba(17, 24, 39, 0.05),
    0 16px 40px rgba(17, 24, 39, 0.10);
  transform-origin: top right;
}

.grows-profile-header {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 10px 10px 10px 10px;
}
.grows-profile-avatar {
  flex-shrink: 0;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 9999px;
  background: #F1F3F8;
  color: #111827;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: -0.005em;
  overflow: hidden;
}
.grows-profile-avatar-initials {
  position: absolute; inset: 0;
  display: inline-flex; align-items: center; justify-content: center;
}
.grows-profile-avatar img {
  position: absolute; inset: 0;
  width: 100%; height: 100%; object-fit: cover; display: block;
}
.grows-profile-meta {
  flex: 1;
  min-width: 0;
  line-height: 1.25;
}
.grows-profile-name {
  margin: 0;
  font-size: 13.5px;
  font-weight: 600;
  letter-spacing: -0.005em;
  color: #111827;
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.grows-profile-email {
  margin: 2px 0 0 0;
  font-size: 12px;
  font-weight: 400;
  color: #6B7280;
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}

.grows-role-chip {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  height: 22px;
  padding: 0 8px 0 7px;
  border-radius: 9999px;
  background: #FBFAF6;
  color: #0C2A4D;
  font-size: 10.5px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  box-shadow: inset 0 0 0 1px rgba(12, 42, 77, 0.10);
  transition: background-color .15s ease;
  text-decoration: none;
}
.grows-role-chip:hover { background: #F5F3EC; }
.grows-role-chip-icon { width: 12px; height: 12px; }

.grows-profile-divider {
  height: 1px;
  background: #ECECEC;
  margin: 4px 8px;
}

.grows-profile-group { padding: 2px 0; }

.grows-menu-row {
  display: flex;
  align-items: center;
  gap: 12px;
  height: 36px;
  padding: 0 10px;
  border-radius: 8px;
  font-size: 13.5px;
  font-weight: 500;
  letter-spacing: -0.005em;
  color: #111827;
  text-decoration: none;
  cursor: pointer;
  transition: background-color .15s ease, color .15s ease;
}
.grows-menu-row:hover { background: #F1F3F8; }
.grows-menu-row:focus-visible {
  outline: none;
  background: #F1F3F8;
  box-shadow: 0 0 0 2px rgba(17, 24, 39, 0.08);
}

.grows-menu-icon {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  color: #6B7280;
  transition: color .15s ease;
}
.grows-menu-icon svg { width: 16px; height: 16px; }
.grows-menu-row:hover .grows-menu-icon { color: #111827; }

.grows-menu-label {
  flex: 1;
  min-width: 0;
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}

.grows-menu-row--danger { color: #E11D48; }
.grows-menu-row--danger .grows-menu-icon { color: #F43F5E; }
.grows-menu-row--danger:hover { background: #FEF2F2; color: #BE123C; }
.grows-menu-row--danger:hover .grows-menu-icon { color: #BE123C; }

.grows-hero {
  position: relative;
  overflow: hidden;
  background: #FFFFFF;
  border: 1px solid rgba(236, 236, 236, 0.9);
  border-radius: 20px;
  padding: 28px;
  box-shadow:
    0 1px 2px rgba(17, 24, 39, 0.04),
    0 14px 36px -10px rgba(17, 24, 39, 0.08);
}
@media (min-width: 640px) { .grows-hero { padding: 32px 36px; } }

.grows-hero-blob {
  position: absolute;
  pointer-events: none;
  border-radius: 9999px;
  filter: blur(48px);
  opacity: 0.65;
}
.grows-hero-blob--gold {
  top: -80px; right: -60px;
  width: 280px; height: 280px;
  background: radial-gradient(closest-side, rgba(245, 194, 75, 0.30), transparent 70%);
}
.grows-hero-blob--navy {
  bottom: -100px; left: -70px;
  width: 320px; height: 320px;
  background: radial-gradient(closest-side, rgba(12, 42, 77, 0.10), transparent 70%);
}

.grows-live-pill {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  height: 26px;
  padding: 0 10px 0 9px;
  border-radius: 9999px;
  background: rgba(16, 185, 129, 0.10);
  color: #047857;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: -0.005em;
  box-shadow: inset 0 0 0 1px rgba(16, 185, 129, 0.22);
}
.grows-live-dot {
  position: relative;
  display: inline-block;
  width: 6px; height: 6px;
  border-radius: 9999px;
  background: #10B981;
}
.grows-live-dot::after {
  content: '';
  position: absolute;
  inset: -3px;
  border-radius: 9999px;
  background: #10B981;
  opacity: 0.35;
  animation: grows-live-pulse 1.8s cubic-bezier(0.32, 0.72, 0, 1) infinite;
}
@keyframes grows-live-pulse {
  0%   { transform: scale(1);   opacity: 0.35; }
  70%  { transform: scale(2.4); opacity: 0;    }
  100% { transform: scale(2.4); opacity: 0;    }
}
@media (prefers-reduced-motion: reduce) {
  .grows-live-dot::after { animation: none; }
}

.grows-hero-chip {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  height: 26px;
  padding: 0 10px 0 9px;
  border-radius: 9999px;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: -0.005em;
}
.grows-hero-chip--navy {
  background: #FBFAF6;
  color: #0C2A4D;
  box-shadow: inset 0 0 0 1px rgba(12, 42, 77, 0.12);
}
.grows-hero-chip--gold {
  background: rgba(245, 194, 75, 0.14);
  color: #8B6914;
  box-shadow: inset 0 0 0 1px rgba(245, 194, 75, 0.32);
}

.grows-mobile-drawer {
  position: fixed; inset: 0; z-index: 50;
  visibility: hidden; pointer-events: none;
}
.grows-mobile-drawer.is-open {
  visibility: visible; pointer-events: auto;
}
.grows-mobile-drawer-scrim {
  position: absolute; inset: 0;
  background: rgba(12, 42, 77, 0.45);
  opacity: 0; transition: opacity .2s ease;
}
.grows-mobile-drawer-panel {
  position: absolute; top: 0; bottom: 0; left: 0;
  transform: translateX(-100%);
  transition: transform .22s cubic-bezier(0.32, 0.72, 0, 1);
  box-shadow: 0 20px 40px rgba(0,0,0,0.18);
}
.grows-mobile-drawer.is-open .grows-mobile-drawer-scrim { opacity: 1; }
.grows-mobile-drawer.is-open .grows-mobile-drawer-panel { transform: translateX(0); }

body.grows-no-scroll { overflow: hidden; }

.grows-mstage {
  position: relative;
  overflow: hidden;
  border-radius: 28px;
  padding: 36px 24px 30px;
  background:
    radial-gradient(140% 100% at 50% -10%, rgba(255,255,255,0.06), transparent 60%),
    linear-gradient(180deg, #0E2748 0%, #0B1E3A 55%, #08182E 100%);
  color: #E8EDF5;
  isolation: isolate;
  box-shadow:
    0 1px 2px rgba(0,0,0,0.18),
    0 30px 80px -30px rgba(8, 24, 46, 0.55);
}
@media (min-width: 640px) { .grows-mstage { padding: 48px 36px 38px; } }
@media (min-width: 1024px) { .grows-mstage { padding: 56px 48px 44px; } }

.grows-mstage-blob {
  position: absolute;
  border-radius: 9999px;
  filter: blur(72px);
  pointer-events: none;
  z-index: 0;
}
.grows-mstage-blob--a {
  top: -120px; right: -80px;
  width: 360px; height: 360px;
  opacity: 0.55;
}
.grows-mstage-blob--b {
  bottom: -160px; left: -80px;
  width: 420px; height: 420px;
  opacity: 0.42;
}
.grows-mstage.is-silver .grows-mstage-blob--a { background: radial-gradient(closest-side, rgba(122,162,217,0.55), transparent 70%); }
.grows-mstage.is-silver .grows-mstage-blob--b { background: radial-gradient(closest-side, rgba(245,194,75,0.20), transparent 70%); }
.grows-mstage.is-gold   .grows-mstage-blob--a { background: radial-gradient(closest-side, rgba(245,194,75,0.55), transparent 70%); }
.grows-mstage.is-gold   .grows-mstage-blob--b { background: radial-gradient(closest-side, rgba(217,166,55,0.32), transparent 70%); }
.grows-mstage.is-platinum .grows-mstage-blob--a { background: radial-gradient(closest-side, rgba(180,190,210,0.45), transparent 70%); }
.grows-mstage.is-platinum .grows-mstage-blob--b { background: radial-gradient(closest-side, rgba(245,194,75,0.22), transparent 70%); }

.grows-mstage-grid {
  position: absolute;
  inset: 0;
  pointer-events: none;
  background-image: radial-gradient(rgba(255,255,255,0.06) 1px, transparent 1px);
  background-size: 22px 22px;
  background-position: 0 0;
  mask-image: radial-gradient(ellipse at center, #000 35%, transparent 80%);
  opacity: 0.55;
  z-index: 0;
}

.grows-mstage-inner {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 18px;
}

.grows-mstage-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  height: 26px;
  padding: 0 11px 0 10px;
  border-radius: 9999px;
  background: rgba(245, 194, 75, 0.14);
  color: #F5C24B;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  box-shadow: inset 0 0 0 1px rgba(245, 194, 75, 0.30);
}
.grows-mstage-eyebrow svg { width: 13px; height: 13px; }

.grows-mstage-card {
  margin-top: 6px;
  filter:
    drop-shadow(0 30px 60px rgba(0, 0, 0, 0.45))
    drop-shadow(0 12px 24px rgba(0, 0, 0, 0.30));
  transition: transform 380ms cubic-bezier(.2,.7,.2,1);
}
.grows-mstage-card:hover { transform: translateY(-4px); }

.grows-mstage-hint {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: rgba(232, 237, 245, 0.62);
  font-size: 11.5px;
  font-weight: 500;
  letter-spacing: 0.01em;
}
.grows-mstage-hint svg { width: 12px; height: 12px; }

.grows-mstage-meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 10px;
  margin-top: 4px;
}
.grows-mstage-chip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  height: 30px;
  padding: 0 12px;
  border-radius: 9999px;
  background: rgba(255, 255, 255, 0.06);
  color: #E8EDF5;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: -0.005em;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.10);
  backdrop-filter: blur(8px);
}
.grows-mstage-chip svg { width: 14px; height: 14px; opacity: 0.85; }
.grows-mstage-chip--accent {
  background: rgba(245, 194, 75, 0.14);
  color: #F5C24B;
  box-shadow: inset 0 0 0 1px rgba(245, 194, 75, 0.32);
}
.grows-mstage-dot {
  width: 3px; height: 3px;
  border-radius: 9999px;
  background: rgba(232, 237, 245, 0.30);
}

.grows-mstage-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;
  margin-top: 8px;
}
.grows-mstage-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  height: 42px;
  padding: 0 18px;
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.08);
  color: #FFFFFF;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: -0.005em;
  border: 0;
  cursor: pointer;
  box-shadow:
    inset 0 0 0 1px rgba(255, 255, 255, 0.14),
    0 1px 2px rgba(0, 0, 0, 0.20);
  transition: background 180ms ease, transform 180ms ease, box-shadow 180ms ease;
}
.grows-mstage-btn:hover {
  background: rgba(255, 255, 255, 0.14);
  transform: translateY(-1px);
}
.grows-mstage-btn:active { transform: translateY(0); }
.grows-mstage-btn svg { width: 16px; height: 16px; }
.grows-mstage-btn--primary {
  background: #F5C24B;
  color: #0C2A4D;
  box-shadow:
    inset 0 0 0 1px rgba(245, 194, 75, 0.65),
    0 6px 18px -4px rgba(245, 194, 75, 0.45);
}
.grows-mstage-btn--primary:hover {
  background: #F0B833;
}

.grows-act-tile {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  padding: 14px 14px 13px;
  border-radius: 16px;
  background: #FFFFFF;
  border: 1px solid rgba(236, 236, 236, 0.85);
  text-align: left;
  cursor: pointer;
  transition: background 180ms ease, border-color 180ms ease, transform 180ms ease, box-shadow 180ms ease;
}
.grows-act-tile:hover {
  background: #FAFBFC;
  border-color: #DCE0E8;
  transform: translateY(-1px);
  box-shadow: 0 8px 20px -10px rgba(17, 24, 39, 0.16);
}
.grows-act-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px; height: 34px;
  border-radius: 11px;
  background: #F1F3F8;
  color: #475569;
}
.grows-act-icon svg { width: 16px; height: 16px; }
.grows-act-icon.is-rose   { background: #FFF1F2; color: #BE123C; }
.grows-act-icon.is-amber  { background: #FFFBEB; color: #B45309; }
.grows-act-icon.is-purple { background: #F5F3FF; color: #6D28D9; }
.grows-act-icon.is-sky    { background: #F0F9FF; color: #0369A1; }
.grows-act-icon.is-green  { background: #ECFDF5; color: #047857; }
.grows-act-icon.is-orange { background: #FFF7ED; color: #C2410C; }

.grows-act-title {
  font-size: 13.5px;
  font-weight: 600;
  color: #0F172A;
  letter-spacing: -0.005em;
}
.grows-act-sub {
  font-size: 11.5px;
  color: #64748B;
  letter-spacing: -0.002em;
}

.grows-act-row {
  display: flex;
  align-items: center;
  gap: 12px;
  width: 100%;
  padding: 11px 10px;
  border: 0;
  background: transparent;
  border-radius: 12px;
  text-align: left;
  cursor: pointer;
  transition: background 160ms ease, transform 160ms ease;
}
.grows-act-row + .grows-act-row {
  border-top: 1px solid rgba(236, 236, 236, 0.7);
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.grows-act-row:hover {
  background: #FAFBFC;
}
.grows-act-row:hover .grows-act-row-chev {
  transform: translateX(2px);
  color: #0F172A;
}
.grows-act-row:active { transform: translateY(0.5px); }

.grows-act-row-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px; height: 32px;
  border-radius: 10px;
  background: #F1F3F8;
  color: #475569;
  flex-shrink: 0;
}
.grows-act-row-icon svg { width: 15px; height: 15px; }
.grows-act-row-icon.is-rose   { background: #FFF1F2; color: #BE123C; }
.grows-act-row-icon.is-amber  { background: #FFFBEB; color: #B45309; }
.grows-act-row-icon.is-purple { background: #F5F3FF; color: #6D28D9; }
.grows-act-row-icon.is-sky    { background: #F0F9FF; color: #0369A1; }
.grows-act-row-icon.is-green  { background: #ECFDF5; color: #047857; }
.grows-act-row-icon.is-orange { background: #FFF7ED; color: #C2410C; }

.grows-act-row-label {
  flex: 1;
  font-size: 13px;
  font-weight: 600;
  color: #0F172A;
  letter-spacing: -0.005em;
  min-width: 0;
}
.grows-act-row-chev {
  width: 14px; height: 14px;
  color: #94A3B8;
  flex-shrink: 0;
  transition: transform 160ms ease, color 160ms ease;
}

.grows-mpanel {
  display: grid;
  grid-template-columns: 1fr;
  background: #FFFFFF;
  border: 1px solid rgba(236, 236, 236, 0.9);
  border-radius: 20px;
  box-shadow:
    0 1px 2px rgba(17, 24, 39, 0.04),
    0 18px 40px -22px rgba(12, 42, 77, 0.10);
  overflow: hidden;
}
@media (min-width: 1024px) {
  .grows-mpanel {
    grid-template-columns: minmax(0, 1.45fr) minmax(0, 1.05fr) minmax(0, 1fr);
    align-items: stretch;
  }
}

.grows-mpanel-col {
  position: relative;
  padding: 22px;
  display: flex;
  flex-direction: column;
  min-width: 0;
}
@media (min-width: 640px) { .grows-mpanel-col { padding: 26px; } }
@media (min-width: 1024px) { .grows-mpanel-col { padding: 28px; } }

.grows-mpanel-col + .grows-mpanel-col {
  border-top: 1px solid rgba(236, 236, 236, 0.85);
}
@media (min-width: 1024px) {
  .grows-mpanel-col + .grows-mpanel-col {
    border-top: 0;
    border-left: 1px solid rgba(236, 236, 236, 0.85);
  }
}

.grows-mpanel-col--card {
  background:
    radial-gradient(120% 80% at 50% 30%, rgba(12, 42, 77, 0.025), transparent 70%),
    linear-gradient(180deg, #FCFDFE 0%, #FFFFFF 100%);
}

.grows-mpanel-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding-bottom: 16px;
  border-bottom: 1px solid rgba(236, 236, 236, 0.85);
}
.grows-mpanel-eyebrow {
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: #64748B;
}
.grows-mpanel-title {
  margin-top: 2px;
  font-size: 15px;
  font-weight: 600;
  color: #0F172A;
  letter-spacing: -0.005em;
}
.grows-mpanel-pill {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  height: 28px;
  padding: 0 11px;
  border-radius: 9999px;
  background: #F1F4F9;
  color: #475569;
  font-size: 11.5px;
  font-weight: 600;
  letter-spacing: -0.005em;
  box-shadow: inset 0 0 0 1px rgba(12, 42, 77, 0.08);
}
.grows-mpanel-pill svg { width: 13px; height: 13px; }

.grows-mpanel-stage {
  position: relative;
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 24px 0 18px;
}
.grows-mpanel-pedestal {
  display: none;
}
.grows-mpanel-card {
  position: relative;
  z-index: 1;
  filter: drop-shadow(0 1px 2px rgba(12, 42, 77, 0.025));
  transition: transform 380ms cubic-bezier(.2,.7,.2,1);
}
.grows-mpanel-card:hover { transform: translateY(-4px); }
.grows-mpanel-hint {
  position: relative;
  z-index: 1;
  margin-top: 16px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: #64748B;
  font-size: 11.5px;
  font-weight: 500;
}
.grows-mpanel-hint svg { width: 12px; height: 12px; }

.grows-mpanel-identity {
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
  flex: 1;
}
.grows-mpanel-avatar {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px; height: 44px;
  border-radius: 12px;
  background: #0C2A4D;
  color: #FFFFFF;
  font-weight: 700;
  font-size: 14px;
  letter-spacing: 0.06em;
  flex-shrink: 0;
}
.grows-mpanel-identity-text { min-width: 0; flex: 1; }

.grows-mpanel-group {
  padding-top: 18px;
  padding-bottom: 4px;
  border-bottom: 1px solid rgba(236, 236, 236, 0.7);
}
.grows-mpanel-group:last-child { border-bottom: 0; padding-bottom: 0; }
.grows-mpanel-group-label {
  font-size: 10.5px;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: #94A3B8;
  margin-bottom: 10px;
}
.grows-mpanel-rows {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.grows-mpanel-row {
  display: grid;
  grid-template-columns: 32px 1fr auto;
  align-items: center;
  gap: 10px;
  padding: 8px 0;
}
.grows-mpanel-row-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 30px; height: 30px;
  border-radius: 9px;
  background: #F1F4F9;
  color: #475569;
}
.grows-mpanel-row-icon svg { width: 14px; height: 14px; }
.grows-mpanel-row-label {
  font-size: 12.5px;
  font-weight: 500;
  color: #64748B;
  letter-spacing: -0.005em;
}
.grows-mpanel-row-val {
  font-size: 13px;
  font-weight: 600;
  color: #0F172A;
  letter-spacing: -0.005em;
  text-align: right;
  min-width: 0;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.grows-mpanel-row-val.is-mono {
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 12px;
}

.grows-mpanel-acts {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: 14px;
}
.grows-mpanel-act {
  display: grid;
  grid-template-columns: 38px 1fr 16px;
  align-items: center;
  gap: 12px;
  width: 100%;
  padding: 12px 12px;
  background: #FFFFFF;
  border: 1px solid rgba(236, 236, 236, 0.9);
  border-radius: 14px;
  text-align: left;
  cursor: pointer;
  transition: background 180ms ease, border-color 180ms ease, transform 180ms ease, box-shadow 180ms ease;
}
.grows-mpanel-act:hover {
  background: #FAFBFC;
  border-color: #D8DCE5;
  transform: translateY(-1px);
  box-shadow: 0 6px 14px -10px rgba(17, 24, 39, 0.20);
}
.grows-mpanel-act:hover .grows-mpanel-act-chev {
  transform: translateX(2px);
  color: #0F172A;
}
.grows-mpanel-act:active { transform: translateY(0); }
.grows-mpanel-act-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 38px; height: 38px;
  border-radius: 11px;
  background: #F1F4F9;
  color: #475569;
  flex-shrink: 0;
}
.grows-mpanel-act-icon svg { width: 16px; height: 16px; }
.grows-mpanel-act-icon.is-rose   { background: #FFF1F2; color: #BE123C; }
.grows-mpanel-act-icon.is-amber  { background: #FFFBEB; color: #B45309; }
.grows-mpanel-act-icon.is-purple { background: #F5F3FF; color: #6D28D9; }
.grows-mpanel-act-icon.is-sky    { background: #F0F9FF; color: #0369A1; }
.grows-mpanel-act-icon.is-green  { background: #ECFDF5; color: #047857; }
.grows-mpanel-act-icon.is-orange { background: #FFF7ED; color: #C2410C; }
.grows-mpanel-act-icon.is-slate  { background: #EEF1F6; color: #0C2A4D; }
a.grows-mpanel-act { text-decoration: none; }

.grows-mpanel-act-body {
  display: flex;
  flex-direction: column;
  min-width: 0;
}
.grows-mpanel-act-title {
  font-size: 13px;
  font-weight: 600;
  color: #0F172A;
  letter-spacing: -0.005em;
}
.grows-mpanel-act-sub {
  font-size: 11.5px;
  color: #94A3B8;
  letter-spacing: -0.002em;
  margin-top: 1px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.grows-mpanel-act-chev {
  width: 14px; height: 14px;
  color: #94A3B8;
  transition: transform 160ms ease, color 160ms ease;
}

.grows-mtile {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 14px;
  padding: 18px;
  background: #FFFFFF;
  border: 1px solid rgba(236, 236, 236, 0.9);
  border-radius: 16px;
  box-shadow:
    0 1px 2px rgba(17, 24, 39, 0.04),
    0 6px 16px -10px rgba(17, 24, 39, 0.08);
  transition: border-color 180ms ease, box-shadow 180ms ease, transform 180ms ease;
}
.grows-mtile:hover {
  border-color: #DCE0E8;
  box-shadow:
    0 1px 2px rgba(17, 24, 39, 0.04),
    0 12px 24px -12px rgba(17, 24, 39, 0.12);
  transform: translateY(-1px);
}
.grows-mtile-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}
.grows-mtile-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 38px; height: 38px;
  border-radius: 11px;
  background: #F1F4F9;
  color: #475569;
}
.grows-mtile-icon svg { width: 18px; height: 18px; }

.grows-mtile.is-silver   .grows-mtile-icon { background: #F1F4F9; color: #334155; }
.grows-mtile.is-gold     .grows-mtile-icon { background: #FFFBEB; color: #B45309; }
.grows-mtile.is-platinum .grows-mtile-icon { background: #EEF0F5; color: #0C2A4D; }
.grows-mtile.is-emerald  .grows-mtile-icon { background: #ECFDF5; color: #047857; }

.grows-mtile-eyebrow {
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: #94A3B8;
}
.grows-mtile-tier {
  margin-top: 4px;
  font-size: 20px;
  font-weight: 600;
  color: #0F172A;
  letter-spacing: -0.014em;
  line-height: 1.1;
}

.grows-mtile-foot { margin-top: auto; }
.grows-mtile-meta {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 8px;
  font-size: 11.5px;
  color: #64748B;
}
.grows-mtile-days {
  font-weight: 600;
  color: #0F172A;
}
.grows-mtile-track {
  margin-top: 8px;
  height: 4px;
  width: 100%;
  background: #F1F4F9;
  border-radius: 9999px;
  overflow: hidden;
}
.grows-mtile-track-fill {
  height: 100%;
  background: linear-gradient(90deg, #0C2A4D 0%, #1E3F6B 100%);
  border-radius: 9999px;
  transition: width 380ms cubic-bezier(.2,.7,.2,1);
}
.grows-mtile.is-gold     .grows-mtile-track-fill { background: linear-gradient(90deg, #6B5022 0%, #C99A3F 100%); }
.grows-mtile.is-platinum .grows-mtile-track-fill { background: linear-gradient(90deg, #0C2A4D 0%, #475569 100%); }
.grows-mtile.is-emerald  .grows-mtile-track-fill { background: linear-gradient(90deg, #047857 0%, #34D399 100%); }

.grows-mkt-hero {
  position: relative;
  overflow: hidden;
  margin-top: 24px;
  border-radius: 22px;
  padding: 24px;
  background:
    radial-gradient(120% 100% at 110% -10%, rgba(245, 194, 75, 0.10), transparent 55%),
    radial-gradient(90% 80% at -10% 110%, rgba(12, 42, 77, 0.06), transparent 60%),
    linear-gradient(180deg, #FFFFFF 0%, #FBFCFD 100%);
  border: 1px solid rgba(236, 236, 236, 0.95);
  box-shadow:
    0 1px 2px rgba(17, 24, 39, 0.04),
    0 14px 36px -22px rgba(12, 42, 77, 0.10);
  isolation: isolate;
}
@media (min-width: 640px) { .grows-mkt-hero { padding: 32px; } }
@media (min-width: 1024px) { .grows-mkt-hero { padding: 36px 40px; } }

.grows-mkt-hero-blob {
  position: absolute;
  pointer-events: none;
  border-radius: 9999px;
  filter: blur(60px);
  z-index: 0;
}
.grows-mkt-hero-blob--a {
  top: -100px; right: -60px;
  width: 320px; height: 320px;
  background: radial-gradient(closest-side, rgba(245, 194, 75, 0.30), transparent 70%);
  opacity: 0.55;
}
.grows-mkt-hero-blob--b {
  bottom: -120px; left: 30%;
  width: 280px; height: 280px;
  background: radial-gradient(closest-side, rgba(12, 42, 77, 0.10), transparent 70%);
  opacity: 0.4;
}

.grows-mkt-hero-inner {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  gap: 22px;
}
@media (min-width: 1024px) {
  .grows-mkt-hero-inner {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 32px;
  }
}

.grows-mkt-hero-text { min-width: 0; }
.grows-mkt-hero-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  height: 26px;
  padding: 0 11px 0 10px;
  border-radius: 9999px;
  background: rgba(245, 194, 75, 0.12);
  color: #8B6914;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.10em;
  text-transform: uppercase;
  box-shadow: inset 0 0 0 1px rgba(245, 194, 75, 0.32);
}
.grows-mkt-hero-eyebrow svg { width: 13px; height: 13px; }
.grows-mkt-hero-title {
  margin-top: 12px;
  font-size: 26px;
  font-weight: 600;
  letter-spacing: -0.022em;
  color: #0F172A;
  line-height: 1.1;
}
@media (min-width: 640px) { .grows-mkt-hero-title { font-size: 30px; } }
.grows-mkt-hero-lede {
  margin-top: 6px;
  max-width: 480px;
  font-size: 13.5px;
  color: #475569;
  line-height: 1.55;
}

.grows-mkt-hero-stats {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}
@media (min-width: 640px) { .grows-mkt-hero-stats { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; } }
@media (min-width: 1024px) { .grows-mkt-hero-stats { grid-template-columns: repeat(4, minmax(140px, 1fr)); } }

.grows-mkt-stat {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px 14px;
  background: rgba(255, 255, 255, 0.85);
  border: 1px solid rgba(236, 236, 236, 0.9);
  border-radius: 14px;
  backdrop-filter: blur(8px);
}
.grows-mkt-stat-ic {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px; height: 36px;
  border-radius: 10px;
  background: #F1F4F9;
  color: #475569;
  flex-shrink: 0;
}
.grows-mkt-stat-ic svg { width: 16px; height: 16px; }
.grows-mkt-stat-ic.is-amber  { background: #FFFBEB; color: #B45309; }
.grows-mkt-stat-ic.is-rose   { background: #FFF1F2; color: #BE123C; }
.grows-mkt-stat-ic.is-purple { background: #F5F3FF; color: #6D28D9; }
.grows-mkt-stat-ic.is-green  { background: #ECFDF5; color: #047857; }
.grows-mkt-stat-val {
  font-size: 18px;
  font-weight: 700;
  color: #0F172A;
  letter-spacing: -0.014em;
  line-height: 1.05;
}
.grows-mkt-stat-lbl {
  margin-top: 2px;
  font-size: 11.5px;
  color: #64748B;
  font-weight: 500;
}

.grows-mkt-filters {
  margin-top: 20px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
@media (min-width: 1024px) {
  .grows-mkt-filters {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }
}

.grows-mkt-search {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
}
@media (min-width: 1024px) { .grows-mkt-search { max-width: 460px; } }
.grows-mkt-search-ic {
  position: absolute;
  left: 16px;
  color: #94A3B8;
  pointer-events: none;
  display: inline-flex;
}
.grows-mkt-search-ic svg { width: 16px; height: 16px; }
.grows-mkt-search-input {
  height: 44px;
  width: 100%;
  border-radius: 9999px;
  background: #FFFFFF;
  border: 1px solid rgba(220, 224, 232, 0.95);
  padding: 0 38px 0 44px;
  font-size: 13.5px;
  color: #0F172A;
  outline: none;
  transition: border-color 180ms ease, box-shadow 180ms ease;
}
.grows-mkt-search-input::placeholder { color: #94A3B8; }
.grows-mkt-search-input:focus {
  border-color: #0C2A4D;
  box-shadow: 0 0 0 4px rgba(12, 42, 77, 0.06);
}
.grows-mkt-search-clear {
  position: absolute;
  right: 10px;
  display: inline-grid;
  place-items: center;
  width: 28px; height: 28px;
  border-radius: 9999px;
  color: #64748B;
  transition: background 160ms ease;
}
.grows-mkt-search-clear:hover { background: #F1F4F9; color: #0F172A; }
.grows-mkt-search-clear svg { width: 14px; height: 14px; }

.grows-mkt-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.grows-mkt-chip {
  display: inline-flex;
  align-items: center;
  height: 36px;
  padding: 0 14px;
  border-radius: 9999px;
  background: #FFFFFF;
  border: 1px solid rgba(220, 224, 232, 0.95);
  color: #64748B;
  font-size: 12.5px;
  font-weight: 600;
  letter-spacing: -0.005em;
  transition: background 160ms ease, color 160ms ease, border-color 160ms ease, transform 160ms ease;
}
.grows-mkt-chip:hover {
  background: #FAFBFC;
  color: #0F172A;
  border-color: #C9CFD9;
}
.grows-mkt-chip.is-active {
  background: #0C2A4D;
  color: #FFFFFF;
  border-color: #0C2A4D;
  box-shadow: 0 6px 14px -8px rgba(12, 42, 77, 0.55);
}
.grows-mkt-chip-count {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-left: 6px;
  min-width: 20px;
  height: 18px;
  padding: 0 6px;
  border-radius: 9999px;
  background: rgba(15, 23, 42, 0.06);
  color: inherit;
  font-size: 10.5px;
  font-weight: 700;
  letter-spacing: 0;
}
.grows-mkt-chip.is-active .grows-mkt-chip-count {
  background: rgba(255, 255, 255, 0.18);
  color: #FFFFFF;
}

.grows-mkt-cats {
  margin-top: 14px;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  padding-bottom: 4px;
}
.grows-mkt-cat {
  display: inline-flex;
  align-items: center;
  height: 28px;
  padding: 0 12px;
  border-radius: 9999px;
  background: #FFFFFF;
  border: 1px solid rgba(236, 236, 236, 0.95);
  color: #64748B;
  font-size: 11.5px;
  font-weight: 600;
  letter-spacing: -0.002em;
  transition: background 160ms ease, color 160ms ease, border-color 160ms ease;
}
.grows-mkt-cat:hover { background: #FAFBFC; color: #0F172A; border-color: #DCE0E8; }
.grows-mkt-cat.is-active {
  background: rgba(245, 194, 75, 0.14);
  color: #8B6914;
  border-color: rgba(245, 194, 75, 0.45);
}

.grows-mkt-empty {
  margin-top: 32px;
  padding: 80px 24px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  background: #FFFFFF;
  border: 1px dashed rgba(220, 224, 232, 0.95);
  border-radius: 20px;
}
.grows-mkt-empty-ic {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 64px; height: 64px;
  border-radius: 9999px;
  background: #F1F4F9;
  color: #94A3B8;
}
.grows-mkt-empty-ic svg { width: 28px; height: 28px; }
.grows-mkt-empty-title {
  margin-top: 16px;
  font-size: 16px;
  font-weight: 600;
  color: #0F172A;
}
.grows-mkt-empty-body {
  margin-top: 4px;
  max-width: 320px;
  font-size: 13px;
  color: #64748B;
}

.grows-mkt-grid {
  margin-top: 22px;
  display: grid;
  grid-template-columns: 1fr;
  gap: 18px;
}
@media (min-width: 640px) { .grows-mkt-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1280px) { .grows-mkt-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; } }

.grows-offer {
  position: relative;
  display: flex;
  flex-direction: column;
  background: #FFFFFF;
  border: 1px solid rgba(236, 236, 236, 0.95);
  border-radius: 18px;
  overflow: hidden;
  box-shadow:
    0 1px 2px rgba(17, 24, 39, 0.03),
    0 6px 18px -12px rgba(17, 24, 39, 0.10);
  transition: transform 260ms cubic-bezier(.2,.7,.2,1), box-shadow 260ms ease, border-color 260ms ease;
  will-change: transform;
}
.grows-offer:hover {
  transform: translateY(-3px);
  border-color: #D8DCE5;
  box-shadow:
    0 1px 2px rgba(17, 24, 39, 0.04),
    0 20px 36px -18px rgba(12, 42, 77, 0.18);
}
.grows-offer.is-claimed { opacity: 0.92; }

.grows-offer-media {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9;
  background: #F1F4F9;
  overflow: hidden;
}
.grows-offer-img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 600ms cubic-bezier(.2,.7,.2,1);
}
.grows-offer:hover .grows-offer-img { transform: scale(1.05); }
.grows-offer-img-fallback {
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  color: rgba(148, 163, 184, 0.7);
  background:
    radial-gradient(50% 50% at 50% 40%, #F1F4F9 0%, #E8EBF1 100%);
}
.grows-offer-img-fallback svg { width: 36px; height: 36px; }
.grows-offer-shade {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(180deg, rgba(0,0,0,0.20) 0%, rgba(0,0,0,0) 30%, rgba(0,0,0,0) 60%, rgba(0,0,0,0.35) 100%);
  pointer-events: none;
}

.grows-offer-discount {
  position: absolute;
  left: 12px; top: 12px;
  display: inline-flex;
  align-items: center;
  height: 26px;
  padding: 0 10px;
  border-radius: 8px;
  background: rgba(12, 42, 77, 0.92);
  color: #FFFFFF;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.04em;
  backdrop-filter: blur(6px);
  box-shadow: 0 4px 10px -4px rgba(12, 42, 77, 0.4);
}

.grows-offer-fav-form { position: absolute; right: 12px; top: 12px; margin: 0; }
.grows-offer-fav {
  display: grid;
  place-items: center;
  width: 34px; height: 34px;
  border-radius: 9999px;
  background: rgba(255, 255, 255, 0.92);
  border: 1px solid rgba(255, 255, 255, 0.5);
  color: rgba(15, 23, 42, 0.7);
  backdrop-filter: blur(6px);
  transition: transform 180ms ease, background 180ms ease, color 180ms ease;
  box-shadow: 0 4px 10px -4px rgba(0, 0, 0, 0.20);
}
.grows-offer-fav:hover {
  background: #FFFFFF;
  color: #0F172A;
  transform: scale(1.06);
}
.grows-offer-fav svg { width: 16px; height: 16px; }
.grows-offer-fav.is-saved { color: #E11D48; }
.grows-offer-fav.is-saved svg { fill: #E11D48; }

.grows-offer-flag {
  position: absolute;
  left: 12px; bottom: 12px;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  height: 26px;
  padding: 0 10px;
  border-radius: 9999px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.02em;
  backdrop-filter: blur(6px);
  box-shadow: 0 4px 10px -4px rgba(0, 0, 0, 0.25);
}
.grows-offer-flag svg { width: 12px; height: 12px; }
.grows-offer-flag.is-claimed {
  background: rgba(16, 185, 129, 0.95);
  color: #FFFFFF;
}
.grows-offer-flag.is-expiring {
  background: rgba(190, 18, 60, 0.92);
  color: #FFFFFF;
}
.grows-offer-flag.is-verified {
  background: rgba(14, 165, 233, 0.95);
  color: #FFFFFF;
}
.grows-offer-flag.is-draft {
  background: rgba(245, 158, 11, 0.95);
  color: #FFFFFF;
}

.grows-offer-body {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 16px 18px 18px;
  flex: 1;
}

.grows-offer-biz {
  display: flex;
  align-items: center;
  gap: 10px;
}
.grows-offer-biz-logo {
  width: 48px;
  height: 48px;
  border-radius: 12px;
  object-fit: contain;
  padding: 4px;
  background: #FFFFFF;
  flex-shrink: 0;
  box-shadow: inset 0 0 0 1px rgba(236, 236, 236, 0.95),
              0 2px 6px -2px rgba(15, 23, 42, 0.10);
}
.grows-offer-biz-logo--fallback {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.02em;
  color: #475569;
  background: #F1F4F9;
  padding: 0;
}

.grows-offer-biz-logo--mode {
  background: #EEF2F8;
  color: #334155;
}
.grows-offer-biz-logo--mode svg { width: 20px; height: 20px; }
.grows-offer-biz-text { min-width: 0; flex: 1; }
.grows-offer-biz-name {
  display: flex;
  align-items: center;
  gap: 5px;
  font-size: 12.5px;
  font-weight: 600;
  color: #0F172A;
  letter-spacing: -0.005em;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.grows-offer-biz-verify {
  display: inline-flex;
  color: #0EA5E9;
}
.grows-offer-biz-verify svg { width: 13px; height: 13px; }
.grows-offer-biz-meta {
  margin-top: 1px;
  font-size: 11px;
  color: #94A3B8;
  font-weight: 500;
}

.grows-offer-title {
  margin-top: 2px;
  font-size: 15.5px;
  font-weight: 600;
  color: #0F172A;
  letter-spacing: -0.012em;
  line-height: 1.3;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.grows-offer-desc {
  font-size: 12.5px;
  line-height: 1.5;
  color: #64748B;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.grows-offer-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.grows-offer-cat {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  height: 22px;
  padding: 0 9px;
  border-radius: 9999px;
  background: #F1F4F9;
  color: #475569;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: -0.002em;
  text-transform: lowercase;
}
.grows-offer-cat svg { width: 11px; height: 11px; opacity: 0.7; }
.grows-offer-cat--alt {
  background: #FFFBEB;
  color: #B45309;
  text-transform: none;
}

.grows-offer-foot {
  margin-top: auto;
  padding-top: 6px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}
.grows-offer-ends {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  min-width: 0;
  font-size: 11.5px;
  color: #64748B;
  font-weight: 500;
}
.grows-offer-ends svg { width: 13px; height: 13px; flex-shrink: 0; }

.grows-offer-claim {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  height: 36px;
  padding: 0 14px;
  border-radius: 10px;
  background: #0C2A4D;
  color: #FFFFFF;
  font-size: 12.5px;
  font-weight: 600;
  letter-spacing: -0.005em;
  border: 0;
  cursor: pointer;
  box-shadow:
    0 1px 0 rgba(255,255,255,0.16) inset,
    0 8px 18px -8px rgba(12, 42, 77, 0.55);
  transition: background 180ms ease, transform 180ms ease, box-shadow 180ms ease;
}
.grows-offer-claim:hover {
  background: #0E3258;
  transform: translateY(-1px);
  box-shadow:
    0 1px 0 rgba(255,255,255,0.16) inset,
    0 12px 22px -10px rgba(12, 42, 77, 0.55);
}
.grows-offer-claim:active { transform: translateY(0); }
.grows-offer-claim:disabled {
  background: #94A3B8;
  cursor: not-allowed;
  box-shadow: none;
  opacity: 0.6;
}
.grows-offer-claim svg { width: 13px; height: 13px; }
.grows-offer-claim.is-done {
  background: #ECFDF5;
  color: #047857;
  box-shadow: inset 0 0 0 1px rgba(16, 185, 129, 0.30);
  cursor: default;
}
.grows-offer-claim.is-done svg { color: #047857; }

.grows-biz-grid {
  margin-top: 22px;
  display: grid;
  grid-template-columns: 1fr;
  gap: 16px;
}
@media (min-width: 1280px) { .grows-biz-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; } }

.grows-biz {
  position: relative;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-areas:
    "media"
    "info"
    "act";
  gap: 14px;
  padding: 14px;
  background: #FFFFFF;
  border: 1px solid rgba(236, 236, 236, 0.95);
  border-radius: 18px;
  box-shadow:
    0 1px 2px rgba(17, 24, 39, 0.03),
    0 6px 18px -12px rgba(17, 24, 39, 0.10);
  transition: transform 260ms cubic-bezier(.2,.7,.2,1), box-shadow 260ms ease, border-color 260ms ease;
}
@media (min-width: 640px) {
  .grows-biz {
    grid-template-columns: 156px minmax(0, 1fr) auto;
    grid-template-areas: "media info act";
    gap: 18px;
    padding: 16px;
    align-items: stretch;
  }
}
.grows-biz:hover {
  transform: translateY(-2px);
  border-color: #D8DCE5;
  box-shadow:
    0 1px 2px rgba(17, 24, 39, 0.04),
    0 16px 30px -16px rgba(12, 42, 77, 0.16);
}

.grows-biz-cover {
  grid-area: media;
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 10;
  background: #F1F4F9;
  border-radius: 14px;
  overflow: hidden;
}
@media (min-width: 640px) {
  .grows-biz-cover { aspect-ratio: 1 / 1; min-height: 156px; }
}
.grows-biz-cover-img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 600ms cubic-bezier(.2,.7,.2,1);
}
.grows-biz:hover .grows-biz-cover-img { transform: scale(1.05); }
.grows-biz-cover-fallback {
  position: absolute;
  inset: 0;
  background:
    radial-gradient(120% 100% at 0% 0%, rgba(245, 194, 75, 0.22), transparent 60%),
    radial-gradient(120% 100% at 100% 100%, rgba(12, 42, 77, 0.20), transparent 60%),
    linear-gradient(135deg, #E8EBF1 0%, #F1F4F9 100%);
}
.grows-biz-cover-fallback-letter {
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  font-size: 36px;
  font-weight: 700;
  letter-spacing: 0.04em;
  color: rgba(15, 23, 42, 0.50);
}

.grows-biz-info {
  grid-area: info;
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-width: 0;
  padding: 2px 0;
}

.grows-biz-head {
  display: flex;
  align-items: center;
  gap: 6px;
  min-width: 0;
}
.grows-biz-name {
  font-size: 16px;
  font-weight: 600;
  color: #0F172A;
  letter-spacing: -0.014em;
  line-height: 1.2;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
}
.grows-biz-verify {
  display: inline-flex;
  color: #0EA5E9;
  flex-shrink: 0;
}
.grows-biz-verify svg { width: 16px; height: 16px; }

.grows-biz-cat {
  display: inline-flex;
  align-items: center;
  height: 22px;
  padding: 0 9px;
  border-radius: 9999px;
  background: #F1F4F9;
  color: #475569;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: -0.002em;
  text-transform: lowercase;
  align-self: flex-start;
}

.grows-biz-desc {
  font-size: 12.5px;
  line-height: 1.55;
  color: #64748B;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.grows-biz-meta {
  margin-top: auto;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px 12px;
  font-size: 12px;
  color: #64748B;
  letter-spacing: -0.002em;
  font-weight: 500;
}
.grows-biz-meta-item {
  display: inline-flex;
  align-items: center;
  gap: 5px;
}
.grows-biz-meta-item svg { width: 13px; height: 13px; opacity: 0.85; }
.grows-biz-meta-item.is-rating {
  color: #0F172A;
  font-weight: 600;
}
.grows-biz-meta-item.is-rating svg { color: #F5C24B; fill: #F5C24B; opacity: 1; }
.grows-biz-meta-item.is-offers {
  color: #B45309;
  font-weight: 600;
}
.grows-biz-meta-item.is-offers svg { color: #B45309; opacity: 1; }
.grows-biz-meta-dot {
  width: 3px; height: 3px;
  border-radius: 9999px;
  background: #CBD5E1;
}

.grows-biz-act {
  grid-area: act;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding-top: 8px;
  border-top: 1px solid rgba(236, 236, 236, 0.85);
}
@media (min-width: 640px) {
  .grows-biz-act {
    flex-direction: column;
    align-items: flex-end;
    justify-content: space-between;
    border-top: 0;
    padding-top: 0;
    min-width: 168px;
  }
}
.grows-biz-act-top {
  display: flex;
  align-items: center;
  gap: 8px;
}
.grows-biz-fav-form { margin: 0; }
.grows-biz-fav {
  display: grid;
  place-items: center;
  width: 36px; height: 36px;
  border-radius: 9999px;
  background: #FFFFFF;
  border: 1px solid rgba(220, 224, 232, 0.95);
  color: rgba(15, 23, 42, 0.7);
  cursor: pointer;
  transition: background 180ms ease, color 180ms ease, transform 180ms ease, border-color 180ms ease;
}
.grows-biz-fav:hover {
  background: #FAFBFC;
  border-color: #C9CFD9;
  transform: scale(1.05);
}
.grows-biz-fav svg { width: 16px; height: 16px; }
.grows-biz-fav.is-saved { color: #E11D48; border-color: rgba(225, 29, 72, 0.30); background: rgba(225, 29, 72, 0.05); }
.grows-biz-fav.is-saved svg { fill: #E11D48; }

.grows-biz-actions {
  display: flex;
  align-items: center;
  gap: 6px;
}
@media (min-width: 640px) {
  .grows-biz-actions { flex-direction: column; align-items: stretch; width: 100%; }
}
.grows-biz-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  height: 34px;
  padding: 0 14px;
  border-radius: 10px;
  font-size: 12.5px;
  font-weight: 600;
  letter-spacing: -0.005em;
  border: 1px solid transparent;
  cursor: pointer;
  white-space: nowrap;
  transition: background 160ms ease, color 160ms ease, transform 160ms ease, box-shadow 160ms ease, border-color 160ms ease;
}
.grows-biz-btn svg { width: 13px; height: 13px; }
.grows-biz-btn--primary {
  background: #0C2A4D;
  color: #FFFFFF;
  box-shadow:
    0 1px 0 rgba(255,255,255,0.16) inset,
    0 6px 14px -8px rgba(12, 42, 77, 0.55);
}
.grows-biz-btn--primary:hover { background: #0E3258; transform: translateY(-1px); }
.grows-biz-btn--ghost {
  background: #FFFFFF;
  color: #0F172A;
  border-color: rgba(220, 224, 232, 0.95);
}
.grows-biz-btn--ghost:hover { background: #FAFBFC; border-color: #C9CFD9; }

.grows-set-layout {
  display: grid;
  grid-template-columns: 1fr;
  gap: 16px;
}
@media (min-width: 1024px) {
  .grows-set-layout {
    grid-template-columns: 280px minmax(0, 1fr);
    gap: 24px;
    align-items: start;
  }
}

.grows-set-nav {
  background: #FFFFFF;
  border: 1px solid rgba(236, 236, 236, 0.95);
  border-radius: 18px;
  box-shadow: 0 1px 2px rgba(17, 24, 39, 0.04);
  overflow: hidden;
}
@media (min-width: 1024px) {
  .grows-set-nav { position: sticky; top: 88px; }
}
.grows-set-id {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 18px;
  border-bottom: 1px solid rgba(236, 236, 236, 0.95);
}
.grows-set-id-avatar {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 42px; height: 42px;
  border-radius: 12px;
  background: #0C2A4D;
  color: #FFFFFF;
  font-weight: 700;
  font-size: 13px;
  letter-spacing: 0.05em;
  overflow: hidden;
  flex-shrink: 0;
}
.grows-set-id-avatar-initials {
  position: absolute; inset: 0;
  display: inline-flex; align-items: center; justify-content: center;
}
.grows-set-id-avatar img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.grows-set-id-text { min-width: 0; flex: 1; }
.grows-set-id-name {
  font-size: 13.5px;
  font-weight: 600;
  color: #0F172A;
  letter-spacing: -0.005em;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.grows-set-id-meta {
  margin-top: 2px;
  font-size: 11.5px;
  color: #94A3B8;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.grows-set-nav-list {
  padding: 8px;
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.grows-set-nav-item {
  display: grid;
  grid-template-columns: 32px 1fr 14px;
  align-items: center;
  gap: 10px;
  padding: 9px 10px;
  border-radius: 10px;
  color: #475569;
  transition: background 160ms ease, color 160ms ease;
}
.grows-set-nav-item:hover { background: #FAFBFC; color: #0F172A; }
.grows-set-nav-item.is-active {
  background: rgba(245, 194, 75, 0.12);
  color: #0F172A;
  box-shadow: inset 0 0 0 1px rgba(245, 194, 75, 0.35);
}
.grows-set-nav-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 30px; height: 30px;
  border-radius: 9px;
  background: #F1F4F9;
  color: #475569;
}
.grows-set-nav-icon svg { width: 14px; height: 14px; }
.grows-set-nav-item.is-active .grows-set-nav-icon { background: rgba(245, 194, 75, 0.18); color: #8B6914; }
.grows-set-nav-text { display: flex; flex-direction: column; min-width: 0; }
.grows-set-nav-label {
  font-size: 13px;
  font-weight: 600;
  color: inherit;
  letter-spacing: -0.005em;
}
.grows-set-nav-desc {
  font-size: 11px;
  color: #94A3B8;
  letter-spacing: -0.002em;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.grows-set-nav-chev { color: #CBD5E1; }

.grows-set-content {
  display: flex;
  flex-direction: column;
  gap: 16px;
  min-width: 0;
}
.grows-set-panel {
  background: #FFFFFF;
  border: 1px solid rgba(236, 236, 236, 0.95);
  border-radius: 16px;
  box-shadow:
    0 1px 2px rgba(17, 24, 39, 0.04),
    0 8px 22px -16px rgba(17, 24, 39, 0.06);
  padding: 18px;
}
@media (min-width: 640px) { .grows-set-panel { padding: 22px; } }
.grows-set-panel--compact { padding: 16px 18px; }
@media (min-width: 640px) { .grows-set-panel--compact { padding: 18px 22px; } }

.grows-set-panel-head { margin-bottom: 14px; }
.grows-set-panel-title {
  font-size: 15px;
  font-weight: 600;
  color: #0F172A;
  letter-spacing: -0.012em;
}
.grows-set-panel-sub {
  margin-top: 3px;
  font-size: 12.5px;
  color: #64748B;
  line-height: 1.45;
}

.grows-set-form {
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.grows-set-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 12px;
}
@media (min-width: 640px) { .grows-set-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; } }

.grows-set-field {
  display: flex;
  flex-direction: column;
  gap: 6px;
  min-width: 0;
}
.grows-set-field-label {
  font-size: 12px;
  font-weight: 600;
  color: #475569;
  letter-spacing: -0.002em;
  display: flex;
  align-items: center;
  gap: 6px;
}
.grows-set-field-req {
  font-size: 10.5px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: #94A3B8;
}

.grows-set-input {
  width: 100%;
  height: 42px;
  padding: 0 14px;
  background: #FFFFFF;
  border: 1px solid rgba(220, 224, 232, 0.95);
  border-radius: 10px;
  font-size: 13.5px;
  color: #0F172A;
  outline: none;
  transition: border-color 160ms ease, box-shadow 160ms ease;
}
.grows-set-input::placeholder { color: #94A3B8; }
.grows-set-input:hover { border-color: #C9CFD9; }
.grows-set-input:focus {
  border-color: #0C2A4D;
  box-shadow: 0 0 0 4px rgba(12, 42, 77, 0.06);
}

.grows-set-input-wrap { position: relative; }
.grows-set-input--pw { padding-right: 44px; }
.grows-set-input-toggle {
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
  width: 30px; height: 30px;
  display: grid;
  place-items: center;
  border-radius: 8px;
  color: #64748B;
  background: transparent;
  border: 0;
  cursor: pointer;
  transition: background 160ms ease, color 160ms ease;
}
.grows-set-input-toggle:hover { background: #F1F4F9; color: #0F172A; }
.grows-set-input-toggle svg { width: 16px; height: 16px; }

.grows-set-avatar-row {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: wrap;
  gap: 14px;
  padding: 14px 16px;
  background: linear-gradient(180deg, #FCFDFE 0%, #FFFFFF 100%);
  border: 1px dashed rgba(220, 224, 232, 0.95);
  border-radius: 14px;
}
.grows-set-avatar {
  position: relative;
  width: 64px; height: 64px;
  background: #F1F4F9;
  border-radius: 50%;
  flex-shrink: 0;
  box-shadow: 0 4px 12px -4px rgba(17, 24, 39, 0.15);
}
.grows-set-avatar img {
  position: absolute; inset: 0;
  width: 100%; height: 100%;
  object-fit: cover;
  display: block;
  border-radius: 50%;
  z-index: 1;
}
.grows-set-avatar img[hidden] { display: none; }
.grows-set-avatar-initials {
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  font-size: 19px;
  font-weight: 700;
  letter-spacing: 0.04em;
  color: #0F172A;
  border-radius: 50%;
  background: linear-gradient(135deg, #F1F4F9 0%, #E8EBF1 100%);
}
.grows-set-avatar-edit {
  position: absolute;
  right: -2px; bottom: -2px;
  display: grid;
  place-items: center;
  width: 24px; height: 24px;
  border-radius: 9999px;
  background: #0C2A4D;
  color: #FFFFFF;
  cursor: pointer;
  border: 2px solid #FFFFFF;
  box-shadow: 0 4px 10px -2px rgba(12, 42, 77, 0.45);
  transition: background 160ms ease, transform 160ms ease;
  z-index: 2;
}
.grows-set-avatar-edit:hover { background: #0E3258; transform: scale(1.05); }
.grows-set-avatar-edit svg { width: 11px; height: 11px; }

.grows-set-avatar-meta { min-width: 0; flex: 1; }
.grows-set-avatar-label {
  font-size: 13.5px;
  font-weight: 600;
  color: #0F172A;
  letter-spacing: -0.005em;
}
.grows-set-avatar-help {
  margin-top: 2px;
  font-size: 12px;
  color: #94A3B8;
  letter-spacing: -0.002em;
}
.grows-set-avatar-actions {
  margin-top: 12px;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}
.grows-set-file {
  position: absolute;
  width: 1px; height: 1px;
  padding: 0; margin: -1px;
  overflow: hidden;
  clip: rect(0,0,0,0);
  white-space: nowrap;
  border: 0;
}
.grows-set-clear-toggle { cursor: pointer; }
.grows-set-clear-toggle input[type="checkbox"] {
  position: absolute;
  width: 1px; height: 1px;
  padding: 0; margin: -1px;
  overflow: hidden;
  clip: rect(0,0,0,0);
  border: 0;
}
.grows-set-clear-toggle:has(input:checked) {
  background: #FFF1F2;
  color: #BE123C;
  border-color: rgba(225, 29, 72, 0.35);
}

.grows-set-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  height: 38px;
  padding: 0 16px;
  border-radius: 10px;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: -0.005em;
  border: 1px solid transparent;
  cursor: pointer;
  white-space: nowrap;
  transition: background 160ms ease, color 160ms ease, border-color 160ms ease, transform 160ms ease, box-shadow 160ms ease;
}
.grows-set-btn svg { width: 14px; height: 14px; }
.grows-set-btn--primary {
  background: #0C2A4D;
  color: #FFFFFF;
  box-shadow:
    0 1px 0 rgba(255,255,255,0.16) inset,
    0 6px 14px -8px rgba(12, 42, 77, 0.55);
}
.grows-set-btn--primary:hover { background: #0E3258; transform: translateY(-1px); }
.grows-set-btn--ghost {
  background: #FFFFFF;
  color: #0F172A;
  border-color: rgba(220, 224, 232, 0.95);
}
.grows-set-btn--ghost:hover { background: #FAFBFC; border-color: #C9CFD9; }
.grows-set-btn--danger-ghost {
  background: #FFFFFF;
  color: #BE123C;
  border-color: rgba(225, 29, 72, 0.22);
}
.grows-set-btn--danger-ghost:hover { background: #FFF1F2; border-color: rgba(225, 29, 72, 0.40); }

.grows-set-actions {
  margin-top: 6px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  padding-top: 16px;
  border-top: 1px solid rgba(236, 236, 236, 0.85);
}

.grows-set-kv {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0;
}
@media (min-width: 640px) { .grows-set-kv { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.grows-set-kv > div {
  padding: 10px 0;
  border-bottom: 1px solid rgba(236, 236, 236, 0.85);
}
@media (min-width: 640px) {
  .grows-set-kv > div {
    padding: 0 18px 0 0;
    border-bottom: 0;
    border-right: 1px solid rgba(236, 236, 236, 0.85);
  }
  .grows-set-kv > div + div { padding-left: 18px; padding-right: 18px; }
  .grows-set-kv > div:last-child { border-right: 0; padding-right: 0; }
}
.grows-set-kv dt {
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: #94A3B8;
}
.grows-set-kv dd {
  margin-top: 4px;
  font-size: 13.5px;
  font-weight: 600;
  color: #0F172A;
  letter-spacing: -0.005em;
}

.grows-set-prefs { display: flex; flex-direction: column; }
.grows-pref {
  display: grid;
  grid-template-columns: 40px minmax(0, 1fr) auto;
  align-items: center;
  gap: 14px;
  padding: 14px 0;
  border-bottom: 1px solid rgba(236, 236, 236, 0.85);
}
.grows-pref:last-child { border-bottom: 0; }
.grows-pref:first-child { padding-top: 4px; }
.grows-pref-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px; height: 36px;
  border-radius: 11px;
  background: #F1F4F9;
  color: #475569;
}
.grows-pref-icon svg { width: 16px; height: 16px; }
.grows-pref-body { min-width: 0; }
.grows-pref-title {
  font-size: 13.5px;
  font-weight: 600;
  color: #0F172A;
  letter-spacing: -0.005em;
}
.grows-pref-desc {
  margin-top: 2px;
  font-size: 12px;
  color: #64748B;
  line-height: 1.45;
}

.grows-toggle {
  position: relative;
  display: inline-flex;
  align-items: center;
  cursor: pointer;
  user-select: none;
}
.grows-toggle input[type="checkbox"] {
  position: absolute;
  width: 1px; height: 1px;
  padding: 0; margin: -1px;
  overflow: hidden;
  clip: rect(0,0,0,0);
  border: 0;
}
.grows-toggle-track {
  position: relative;
  display: inline-block;
  width: 42px; height: 24px;
  background: #E2E8F0;
  border-radius: 9999px;
  transition: background 200ms cubic-bezier(.2,.7,.2,1);
  box-shadow: inset 0 0 0 1px rgba(15, 23, 42, 0.08);
}
.grows-toggle-thumb {
  position: absolute;
  top: 2px; left: 2px;
  width: 20px; height: 20px;
  background: #FFFFFF;
  border-radius: 9999px;
  box-shadow:
    0 1px 1px rgba(0,0,0,0.10),
    0 2px 4px rgba(0,0,0,0.10);
  transition: transform 200ms cubic-bezier(.2,.7,.2,1);
}
.grows-toggle input:checked + .grows-toggle-track {
  background: #0C2A4D;
  box-shadow: inset 0 0 0 1px rgba(12, 42, 77, 0.8);
}
.grows-toggle input:checked + .grows-toggle-track .grows-toggle-thumb {
  transform: translateX(18px);
}

.grows-set-note {
  margin-top: 18px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 12px;
  color: #94A3B8;
}
.grows-set-note svg { width: 13px; height: 13px; }

.grows-bonboard {
  position: relative;
  overflow: hidden;
  padding: 20px;
  border-radius: 22px;
  background:
    radial-gradient(120% 90% at 100% 0%, rgba(245, 194, 75, 0.10), transparent 55%),
    radial-gradient(90% 70% at 0% 100%, rgba(12, 42, 77, 0.05), transparent 60%),
    linear-gradient(180deg, #FFFFFF 0%, #FBFCFD 100%);
  border: 1px solid rgba(228, 232, 240, 0.95);
  box-shadow:
    0 1px 2px rgba(17, 24, 39, 0.04),
    0 18px 40px -28px rgba(12, 42, 77, 0.18);
}
@media (min-width: 768px) {
  .grows-bonboard { padding: 24px 26px; }
}

.grows-bonboard-glow {
  position: absolute;
  inset: -40% -20% auto auto;
  width: 460px;
  height: 280px;
  pointer-events: none;
  background: radial-gradient(closest-side, rgba(245, 194, 75, 0.18), transparent 70%);
  filter: blur(8px);
}

.grows-bonboard-head {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding-bottom: 18px;
  border-bottom: 1px solid rgba(228, 232, 240, 0.85);
}
@media (min-width: 640px) {
  .grows-bonboard-head {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
  }
}

.grows-bonboard-head-text { min-width: 0; flex: 1; }

.grows-bonboard-eyebrow {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: #94A3B8;
}

.grows-bonboard-title {
  margin-top: 6px;
  font-size: 19px;
  font-weight: 700;
  letter-spacing: -0.018em;
  line-height: 1.25;
  color: #0F172A;
}
@media (min-width: 640px) {
  .grows-bonboard-title { font-size: 22px; }
}
.grows-bonboard-title span {
  background: linear-gradient(135deg, #0C2A4D 0%, #1E3F6B 60%, #B8860B 130%);
  -webkit-background-clip: text;
          background-clip: text;
  -webkit-text-fill-color: transparent;
          color: transparent;
}

.grows-bonboard-sub {
  margin-top: 6px;
  font-size: 13px;
  color: #64748B;
  letter-spacing: -0.002em;
}

.grows-bonboard-progress {
  display: flex;
  align-items: center;
  gap: 14px;
  flex-shrink: 0;
}
.grows-bonboard-ring {
  width: 64px;
  height: 64px;
  flex-shrink: 0;
  transform: rotate(-90deg);
}
.grows-bonboard-ring-track {
  fill: none;
  stroke: rgba(12, 42, 77, 0.08);
  stroke-width: 2.6;
}
.grows-bonboard-ring-fill {
  fill: none;
  stroke: url(#grows-bonboard-grad);
  stroke: #0C2A4D;
  stroke-linecap: round;
  stroke-width: 2.6;
  transition: stroke-dasharray 600ms cubic-bezier(0.22, 1, 0.36, 1);
}
.grows-bonboard-ring-text {
  font-size: 8.4px;
  font-weight: 700;
  fill: #0F172A;
  letter-spacing: -0.02em;
  transform: rotate(90deg);
  transform-origin: 18px 18px;
}

.grows-bonboard-progress-meta {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}
.grows-bonboard-progress-pct {
  font-size: 14px;
  font-weight: 700;
  color: #0F172A;
  letter-spacing: -0.012em;
}
.grows-bonboard-progress-count {
  font-size: 12px;
  color: #64748B;
}

.grows-bonboard-list {
  position: relative;
  margin: 18px 0 0;
  padding: 0;
  list-style: none;
  display: grid;
  grid-template-columns: 1fr;
  gap: 8px;
}
@media (min-width: 720px) {
  .grows-bonboard-list { grid-template-columns: 1fr 1fr; gap: 10px; }
}

.grows-bonboard-item { display: block; }

.grows-bonboard-item-link {
  position: relative;
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 14px;
  border-radius: 14px;
  background: #FFFFFF;
  border: 1px solid rgba(228, 232, 240, 0.85);
  box-shadow: 0 1px 1px rgba(17, 24, 39, 0.02);
  text-decoration: none;
  transition: transform 180ms cubic-bezier(0.22, 1, 0.36, 1),
              border-color 180ms ease,
              box-shadow 180ms ease,
              background 180ms ease;
}
.grows-bonboard-item-link:hover {
  transform: translateY(-1px);
  border-color: rgba(12, 42, 77, 0.22);
  box-shadow:
    0 1px 2px rgba(17, 24, 39, 0.04),
    0 12px 22px -16px rgba(12, 42, 77, 0.30);
}
.grows-bonboard-item-link:focus-visible {
  outline: 2px solid #0C2A4D;
  outline-offset: 2px;
}

.grows-bonboard-status {
  display: inline-grid;
  place-items: center;
  width: 20px;
  height: 20px;
  border-radius: 9999px;
  flex-shrink: 0;
  border: 1.6px solid #CBD5E1;
  background: #FFFFFF;
  color: #FFFFFF;
  transition: background 180ms ease, border-color 180ms ease;
}
.grows-bonboard-status svg { width: 12px; height: 12px; }
.grows-bonboard-item.is-done .grows-bonboard-status {
  background: #059669;
  border-color: #047857;
  box-shadow: 0 0 0 3px rgba(16, 185, 129, 0.12);
}

.grows-bonboard-icon {
  display: inline-grid;
  place-items: center;
  width: 34px;
  height: 34px;
  border-radius: 10px;
  flex-shrink: 0;
  background: rgba(12, 42, 77, 0.06);
  color: #0C2A4D;
  transition: background 180ms ease, color 180ms ease;
}
.grows-bonboard-icon svg { width: 16px; height: 16px; }
.grows-bonboard-item.is-done .grows-bonboard-icon {
  background: rgba(16, 185, 129, 0.10);
  color: #047857;
}

.grows-bonboard-text {
  display: flex;
  flex-direction: column;
  gap: 1px;
  min-width: 0;
  flex: 1;
}
.grows-bonboard-task {
  font-size: 13.5px;
  font-weight: 600;
  color: #0F172A;
  letter-spacing: -0.008em;
  line-height: 1.3;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.grows-bonboard-desc {
  font-size: 11.5px;
  color: #748094;
  letter-spacing: -0.002em;
  line-height: 1.35;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.grows-bonboard-item.is-done .grows-bonboard-task { color: #64748B; }
.grows-bonboard-item.is-done .grows-bonboard-desc { color: #94A3B8; }

.grows-bonboard-cta {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  flex-shrink: 0;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: -0.004em;
}
.grows-bonboard-cta-start {
  color: #0C2A4D;
}
.grows-bonboard-cta-arrow {
  width: 14px;
  height: 14px;
  color: #0C2A4D;
  transition: transform 200ms cubic-bezier(0.22, 1, 0.36, 1);
}
.grows-bonboard-item-link:hover .grows-bonboard-cta-arrow {
  transform: translateX(3px);
}
.grows-bonboard-cta-done {
  display: inline-flex;
  align-items: center;
  height: 22px;
  padding: 0 8px;
  border-radius: 7px;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.01em;
  color: #047857;
  background: rgba(16, 185, 129, 0.10);
  border: 1px solid rgba(16, 185, 129, 0.22);
}

.grows-bonboard-item.is-done .grows-bonboard-item-link {
  background: #F8FAFB;
  border-color: rgba(228, 232, 240, 0.7);
  box-shadow: none;
}
.grows-bonboard-item.is-done .grows-bonboard-item-link:hover {
  background: #F4F7FA;
  transform: none;
  box-shadow: 0 1px 2px rgba(17, 24, 39, 0.04);
}

.grows-bdash-welcome {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 20px;
  background:
    radial-gradient(120% 80% at 100% 0%, rgba(245, 194, 75, 0.08), transparent 55%),
    linear-gradient(180deg, #FFFFFF 0%, #FBFCFD 100%);
  border: 1px solid rgba(236, 236, 236, 0.95);
  border-radius: 18px;
  box-shadow:
    0 1px 2px rgba(17, 24, 39, 0.04),
    0 10px 24px -18px rgba(12, 42, 77, 0.08);
}
@media (min-width: 768px) {
  .grows-bdash-welcome {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    padding: 22px 26px;
  }
}

.grows-bdash-welcome-left {
  display: flex;
  align-items: center;
  gap: 14px;
  min-width: 0;
  flex: 1;
}
.grows-bdash-welcome-avatar {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 50px; height: 50px;
  border-radius: 14px;
  background: #0C2A4D;
  color: #FFFFFF;
  font-weight: 700;
  font-size: 14px;
  letter-spacing: 0.05em;
  overflow: hidden;
  flex-shrink: 0;
  box-shadow: 0 4px 10px -4px rgba(12, 42, 77, 0.45);
}
.grows-bdash-welcome-avatar img { width: 100%; height: 100%; object-fit: cover; }
.grows-bdash-welcome-text { min-width: 0; }
.grows-bdash-welcome-eyebrow {
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.10em;
  text-transform: uppercase;
  color: #94A3B8;
}
.grows-bdash-welcome-title {
  margin-top: 2px;
  font-size: 18px;
  font-weight: 600;
  color: #0F172A;
  letter-spacing: -0.014em;
  line-height: 1.2;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media (min-width: 640px) { .grows-bdash-welcome-title { font-size: 20px; } }
.grows-bdash-welcome-title span {
  background: linear-gradient(135deg, #0C2A4D 0%, #1E3F6B 70%, #B8860B 130%);
  -webkit-background-clip: text;
          background-clip: text;
  -webkit-text-fill-color: transparent;
          color: transparent;
}
.grows-bdash-welcome-sub {
  margin-top: 4px;
  font-size: 13px;
  color: #64748B;
  letter-spacing: -0.002em;
}

.grows-bdash-welcome-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  flex-shrink: 0;
}
.grows-bdash-btn {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  height: 40px;
  padding: 0 16px;
  border-radius: 10px;
  background: #FFFFFF;
  color: #0F172A;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: -0.005em;
  border: 1px solid rgba(220, 224, 232, 0.95);
  box-shadow: 0 1px 2px rgba(17, 24, 39, 0.04);
  transition: background 160ms ease, transform 160ms ease, border-color 160ms ease, box-shadow 160ms ease;
}
.grows-bdash-btn:hover {
  background: #FAFBFC;
  border-color: #C9CFD9;
  transform: translateY(-1px);
}
.grows-bdash-btn svg { width: 14px; height: 14px; }
.grows-bdash-btn--primary {
  background: #0C2A4D;
  color: #FFFFFF;
  border-color: #0C2A4D;
  box-shadow:
    0 1px 0 rgba(255,255,255,0.16) inset,
    0 6px 14px -8px rgba(12, 42, 77, 0.55);
}
.grows-bdash-btn--primary:hover {
  background: #0E3258;
  border-color: #0E3258;
}

.grows-bprof-form {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.grows-bprof-hero {
  position: relative;
  overflow: hidden;
  background: #FFFFFF;
  border: 1px solid rgba(236, 236, 236, 0.95);
  border-radius: 20px;
  box-shadow:
    0 1px 2px rgba(17, 24, 39, 0.04),
    0 10px 30px -18px rgba(12, 42, 77, 0.10);
}
.grows-bprof-hero-cover {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 3.5;
  max-height: 200px;
  background: #F1F4F9;
  overflow: hidden;
}
.grows-bprof-hero-cover img {
  position: absolute;
  inset: 0;
  width: 100%; height: 100%;
  object-fit: cover;
}
.grows-bprof-hero-cover-fallback {
  position: absolute;
  inset: 0;
  background:
    radial-gradient(120% 100% at 0% 0%, rgba(245, 194, 75, 0.22), transparent 60%),
    radial-gradient(120% 100% at 100% 100%, rgba(12, 42, 77, 0.22), transparent 60%),
    linear-gradient(135deg, #F8FAFC 0%, #E8EBF1 50%, #F1F4F9 100%);
  background-image:
    radial-gradient(rgba(12, 42, 77, 0.06) 1px, transparent 1px),
    radial-gradient(120% 100% at 0% 0%, rgba(245, 194, 75, 0.22), transparent 60%),
    radial-gradient(120% 100% at 100% 100%, rgba(12, 42, 77, 0.22), transparent 60%),
    linear-gradient(135deg, #F8FAFC 0%, #E8EBF1 50%, #F1F4F9 100%);
  background-size: 18px 18px, auto, auto, auto;
}
.grows-bprof-hero-shade {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, transparent 30%, rgba(0,0,0,0.18) 100%);
  pointer-events: none;
}

.grows-bprof-hero-body {
  position: relative;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px;
  padding: 16px 18px 16px 114px;
  min-height: 64px;
}
@media (min-width: 768px) {
  .grows-bprof-hero-body {
    gap: 16px;
    padding: 18px 22px 18px 124px;
  }
}

.grows-bprof-hero-logo {
  position: absolute;
  left: 18px;
  top: -44px;
  width: 84px; height: 84px;
  border-radius: 20px;
  background: #FFFFFF;
  border: 4px solid #FFFFFF;
  box-shadow:
    0 1px 2px rgba(17, 24, 39, 0.06),
    0 14px 28px -12px rgba(12, 42, 77, 0.30);
  overflow: visible;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
}
@media (min-width: 768px) {
  .grows-bprof-hero-logo { left: 22px; }
}
.grows-bprof-hero-logo img {
  width: 100%; height: 100%;
  object-fit: cover;
}
.grows-bprof-hero-logo span {
  font-size: 22px;
  font-weight: 700;
  letter-spacing: 0.04em;
  color: #0F172A;
  background: linear-gradient(135deg, #F1F4F9 0%, #E8EBF1 100%);
  width: 100%; height: 100%;
  display: grid; place-items: center;
}

.grows-bprof-hero-id { min-width: 0; flex: 1; }
.grows-bprof-hero-namerow {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
}
.grows-bprof-hero-name {
  font-size: 20px;
  font-weight: 600;
  color: #0F172A;
  letter-spacing: -0.018em;
  line-height: 1.15;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
}
@media (min-width: 640px) { .grows-bprof-hero-name { font-size: 22px; } }
.grows-bprof-hero-verify {
  display: inline-flex;
  color: #0EA5E9;
  flex-shrink: 0;
}
.grows-bprof-hero-verify svg { width: 20px; height: 20px; }

.grows-bprof-hero-meta {
  margin-top: 6px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  font-size: 12.5px;
  color: #64748B;
}
.grows-bprof-hero-chip {
  display: inline-flex;
  align-items: center;
  height: 24px;
  padding: 0 10px;
  border-radius: 9999px;
  background: #F1F4F9;
  color: #475569;
  font-size: 11.5px;
  font-weight: 600;
  letter-spacing: -0.002em;
  text-transform: lowercase;
}
.grows-bprof-hero-pin,
.grows-bprof-hero-rating {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-weight: 500;
}
.grows-bprof-hero-pin svg,
.grows-bprof-hero-rating svg { width: 13px; height: 13px; }
.grows-bprof-hero-rating { color: #0F172A; font-weight: 600; }
.grows-bprof-hero-rating svg { color: #F5C24B; fill: #F5C24B; }
.grows-bprof-hero-rating span { color: #94A3B8; font-weight: 500; }

.grows-bprof-hero-actions {
  margin-left: auto;
  display: flex;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
}
.grows-bprof-hero-status {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  height: 28px;
  padding: 0 11px;
  border-radius: 9999px;
  background: #ECFDF5;
  color: #047857;
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: -0.005em;
  text-transform: capitalize;
  box-shadow: inset 0 0 0 1px rgba(16, 185, 129, 0.30);
}
.grows-bprof-hero-status--pending {
  background: #FEF3C7; color: #92400E;
  box-shadow: inset 0 0 0 1px rgba(245, 158, 11, 0.30);
}
.grows-bprof-hero-status--suspended {
  background: #FEE2E2; color: #B91C1C;
  box-shadow: inset 0 0 0 1px rgba(220, 38, 38, 0.30);
}
.grows-bprof-hero-status-dot {
  width: 6px; height: 6px;
  border-radius: 9999px;
  background: currentColor;
  box-shadow: 0 0 0 3px rgba(16, 185, 129, 0.20);
}

.grows-bprof-uploads {
  display: grid;
  grid-template-columns: 1fr;
  gap: 12px;
}
@media (min-width: 768px) {
  .grows-bprof-uploads {
    grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
    gap: 14px;
    align-items: stretch;
  }
}

.grows-upload {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.grows-upload-zone {
  position: relative;
  display: block;
  width: 100%;
  height: var(--up-height, 180px);
  border-radius: 12px;
  background:
    linear-gradient(180deg, #FCFDFE 0%, #FFFFFF 100%);
  border: 1.5px dashed rgba(220, 224, 232, 0.95);
  overflow: hidden;
  cursor: pointer;
  transition: border-color 180ms ease, background 180ms ease;
}
.grows-upload-zone:hover {
  border-color: #C9CFD9;
  background: #FAFBFC;
}
.grows-upload.is-dragover .grows-upload-zone {
  border-color: #0C2A4D;
  background: rgba(12, 42, 77, 0.04);
}
.grows-upload-input {
  position: absolute;
  width: 1px; height: 1px;
  padding: 0; margin: -1px;
  overflow: hidden;
  clip: rect(0,0,0,0);
  white-space: nowrap;
  border: 0;
}

.grows-upload-preview {
  position: absolute;
  inset: 0;
  width: 100%; height: 100%;
  object-fit: cover;
  display: block;
}
.grows-upload-empty {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  gap: 2px;
  padding: 12px;
}
.grows-upload.has-image .grows-upload-empty { display: none; }
.grows-upload-ic {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px; height: 34px;
  border-radius: 10px;
  background: #F1F4F9;
  color: #475569;
  margin-bottom: 4px;
}
.grows-upload-ic svg { width: 16px; height: 16px; }
.grows-upload-title {
  font-size: 12.5px;
  font-weight: 600;
  color: #0F172A;
  letter-spacing: -0.005em;
}
.grows-upload-hint {
  font-size: 11px;
  color: #94A3B8;
  letter-spacing: -0.002em;
  max-width: 260px;
  line-height: 1.4;
}
.grows-upload-cta {
  margin-top: 6px;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  height: 26px;
  padding: 0 10px;
  border-radius: 9999px;
  background: #0C2A4D;
  color: #FFFFFF;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: -0.005em;
  box-shadow: 0 4px 10px -6px rgba(12, 42, 77, 0.55);
}
.grows-upload-cta svg { width: 11px; height: 11px; }

.grows-upload-overlay {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(12, 42, 77, 0.55);
  opacity: 0;
  transition: opacity 180ms ease;
  pointer-events: none;
}
.grows-upload.has-image .grows-upload-zone:hover .grows-upload-overlay { opacity: 1; }
.grows-upload-overlay-action {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  height: 34px;
  padding: 0 14px;
  border-radius: 9999px;
  background: #FFFFFF;
  color: #0F172A;
  font-size: 12.5px;
  font-weight: 600;
  letter-spacing: -0.005em;
  box-shadow: 0 6px 14px -4px rgba(0, 0, 0, 0.3);
}
.grows-upload-overlay-action svg { width: 13px; height: 13px; }

.grows-upload-remove {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  cursor: pointer;
  font-size: 11.5px;
  font-weight: 500;
  color: #94A3B8;
  user-select: none;
}
.grows-upload-remove svg { width: 12px; height: 12px; }
.grows-upload-remove input[type="checkbox"] {
  appearance: none;
  -webkit-appearance: none;
  width: 14px; height: 14px;
  border-radius: 4px;
  border: 1px solid #CBD5E1;
  background: #FFFFFF;
  cursor: pointer;
  display: inline-grid;
  place-content: center;
  transition: background 160ms ease, border-color 160ms ease;
}
.grows-upload-remove input[type="checkbox"]:checked {
  background: #BE123C;
  border-color: #BE123C;
}
.grows-upload-remove input[type="checkbox"]:checked::after {
  content: '';
  width: 7px; height: 4px;
  border-left: 1.5px solid #FFFFFF;
  border-bottom: 1.5px solid #FFFFFF;
  transform: rotate(-45deg) translate(1px, -1px);
}
.grows-upload-remove:has(input:checked) { color: #BE123C; font-weight: 600; }

.grows-set-input--area {
  height: auto;
  min-height: 96px;
  padding: 12px 14px;
  line-height: 1.55;
  resize: vertical;
  font-family: inherit;
}

.grows-bprof-savebar {
  position: sticky;
  bottom: 16px;
  z-index: 40;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 12px 16px;
  background: rgba(255, 255, 255, 0.92);
  backdrop-filter: blur(12px);
  border: 1px solid rgba(236, 236, 236, 0.95);
  border-radius: 14px;
  box-shadow:
    0 1px 2px rgba(17, 24, 39, 0.04),
    0 14px 28px -14px rgba(12, 42, 77, 0.18);
}
.grows-bprof-savebar-hint {
  font-size: 12.5px;
  color: #64748B;
  letter-spacing: -0.002em;
}
.grows-bprof-savebar-actions {
  display: flex;
  align-items: center;
  gap: 8px;
}

.grows-bprof-hidden {
  position: absolute;
  width: 1px; height: 1px;
  padding: 0; margin: -1px;
  overflow: hidden;
  clip: rect(0,0,0,0);
  white-space: nowrap;
  border: 0;
}

.grows-bprof-cover-edit {
  position: absolute;
  top: 10px;
  right: 10px;
  display: flex;
  align-items: center;
  gap: 4px;
  z-index: 3;
}
.grows-bprof-cover-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  height: 30px;
  padding: 0 11px;
  border-radius: 9999px;
  background: rgba(255, 255, 255, 0.92);
  color: #0F172A;
  font-size: 11.5px;
  font-weight: 600;
  letter-spacing: -0.005em;
  cursor: pointer;
  backdrop-filter: blur(8px);
  box-shadow:
    0 1px 2px rgba(17, 24, 39, 0.10),
    0 6px 14px -6px rgba(0, 0, 0, 0.25);
  transition: background 160ms ease, transform 160ms ease;
}
.grows-bprof-cover-btn:hover { background: #FFFFFF; transform: translateY(-1px); }
.grows-bprof-cover-btn svg { width: 13px; height: 13px; }
.grows-bprof-cover-btn input[type="file"] {
  position: absolute;
  width: 1px; height: 1px;
  padding: 0; margin: -1px;
  overflow: hidden;
  clip: rect(0,0,0,0);
  white-space: nowrap;
  border: 0;
}
.grows-bprof-cover-remove {
  display: grid;
  place-items: center;
  width: 30px; height: 30px;
  border-radius: 9999px;
  background: rgba(255, 255, 255, 0.92);
  color: #BE123C;
  cursor: pointer;
  border: 0;
  backdrop-filter: blur(8px);
  box-shadow:
    0 1px 2px rgba(17, 24, 39, 0.10),
    0 6px 14px -6px rgba(0, 0, 0, 0.25);
  transition: background 160ms ease, transform 160ms ease;
}
.grows-bprof-cover-remove:hover { background: #FFF1F2; transform: translateY(-1px); }
.grows-bprof-cover-remove svg { width: 13px; height: 13px; }

.grows-bprof-cover-hint {
  position: absolute;
  top: 50%; left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 16px 12px 12px;
  background: rgba(255, 255, 255, 0.78);
  backdrop-filter: blur(10px);
  border-radius: 14px;
  box-shadow:
    0 1px 2px rgba(17, 24, 39, 0.06),
    0 8px 20px -10px rgba(12, 42, 77, 0.18);
  cursor: pointer;
  z-index: 2;
  transition: background 160ms ease, transform 160ms ease;
}
.grows-bprof-cover-hint:hover {
  background: #FFFFFF;
  transform: translate(-50%, calc(-50% - 1px));
}
.grows-bprof-cover-hint-ic {
  display: grid;
  place-items: center;
  width: 36px; height: 36px;
  border-radius: 10px;
  background: #F1F4F9;
  color: #475569;
  flex-shrink: 0;
}
.grows-bprof-cover-hint-ic svg { width: 16px; height: 16px; }
.grows-bprof-cover-hint-text { display: flex; flex-direction: column; line-height: 1.2; }
.grows-bprof-cover-hint-title {
  font-size: 12.5px;
  font-weight: 600;
  color: #0F172A;
  letter-spacing: -0.005em;
}
.grows-bprof-cover-hint-sub {
  margin-top: 2px;
  font-size: 11px;
  color: #94A3B8;
  letter-spacing: -0.002em;
}

.grows-bprof-hero-logo > img,
.grows-bprof-hero-logo > .grows-bprof-hero-logo-fallback {
  width: 100%; height: 100%;
  border-radius: 16px;
  overflow: hidden;
}
.grows-bprof-hero-logo > img { object-fit: cover; display: block; }
.grows-bprof-hero-logo-fallback {
  display: grid;
  place-items: center;
  font-size: 30px;
  font-weight: 700;
  letter-spacing: 0.04em;
  color: #0F172A;
  background: linear-gradient(135deg, #F8FAFC 0%, #E8EBF1 100%);
  line-height: 1;
}
.grows-bprof-logo-edit {
  position: absolute;
  bottom: -2px; right: -2px;
  display: grid;
  place-items: center;
  width: 22px; height: 22px;
  border-radius: 9999px;
  background: #0C2A4D;
  color: #FFFFFF;
  cursor: pointer;
  box-shadow:
    0 0 0 2.5px #FFFFFF,
    0 3px 8px -2px rgba(12, 42, 77, 0.50);
  transition: background 160ms ease, transform 160ms ease;
  z-index: 4;
}
.grows-bprof-logo-edit:hover { background: #0E3258; transform: scale(1.08); }
.grows-bprof-logo-edit svg { width: 10px; height: 10px; }
.grows-bprof-logo-edit input[type="file"] {
  position: absolute;
  width: 1px; height: 1px;
  padding: 0; margin: -1px;
  overflow: hidden;
  clip: rect(0,0,0,0);
  white-space: nowrap;
  border: 0;
}

.grows-bprof-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 12px;
}
@media (min-width: 640px) {
  .grows-bprof-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
}
@media (min-width: 1024px) {
  .grows-bprof-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px 18px; }
}
.grows-bprof-col-2    { grid-column: span 1; }
.grows-bprof-col-full { grid-column: 1 / -1; }
@media (min-width: 640px) {
  .grows-bprof-col-2 { grid-column: span 2; }
}
@media (min-width: 1024px) {
  .grows-bprof-col-2 { grid-column: span 2; }
}

.grows-set-input--readonly {
  background: #FAFBFC;
  color: #64748B;
  cursor: default;
}
.grows-set-input--readonly:focus { box-shadow: none; }

.grows-set-select {
  appearance: none;
  -webkit-appearance: none;
  padding-right: 36px;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2364748B' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='m6 9 6 6 6-6'/></svg>");
  background-repeat: no-repeat;
  background-position: right 12px center;
  background-size: 14px;
  cursor: pointer;
}

.grows-bofr-layout {
  display: grid;
  grid-template-columns: 1fr;
  gap: 16px;
  padding-bottom: 90px;
}
@media (min-width: 1024px) {
  .grows-bofr-layout {
    grid-template-columns: minmax(0, 1.55fr) minmax(0, 1fr);
    gap: 20px;
    align-items: start;
  }
}

.grows-bofr-form {
  display: flex;
  flex-direction: column;
  gap: 14px;
  min-width: 0;
}

.grows-bofr-preview-wrap { min-width: 0; }
@media (min-width: 1024px) {
  .grows-bofr-preview-wrap { position: sticky; top: 88px; }
}
.grows-bofr-preview {
  background: #FFFFFF;
  border: 1px solid rgba(236, 236, 236, 0.95);
  border-radius: 18px;
  padding: 16px;
  box-shadow:
    0 1px 2px rgba(17, 24, 39, 0.04),
    0 14px 30px -18px rgba(12, 42, 77, 0.12);
}
.grows-bofr-preview-head { margin-bottom: 12px; }
.grows-bofr-preview-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.10em;
  text-transform: uppercase;
  color: #8B6914;
  padding: 5px 10px;
  background: rgba(245, 194, 75, 0.14);
  border-radius: 9999px;
  box-shadow: inset 0 0 0 1px rgba(245, 194, 75, 0.32);
}
.grows-bofr-preview-eyebrow svg { width: 13px; height: 13px; }
.grows-bofr-preview-sub {
  margin-top: 6px;
  font-size: 12px;
  color: #94A3B8;
  letter-spacing: -0.002em;
}

.grows-bofr-preview .grows-offer {
  margin-top: 4px;
}

.grows-bofr-checklist {
  margin-top: 14px;
  padding-top: 14px;
  border-top: 1px solid rgba(236, 236, 236, 0.85);
  display: flex;
  flex-direction: column;
  gap: 6px;
  font-size: 12.5px;
  font-weight: 500;
  color: #64748B;
  letter-spacing: -0.002em;
}
.grows-bofr-checklist li {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.grows-bofr-check {
  display: inline-grid;
  place-items: center;
  width: 16px; height: 16px;
  border-radius: 9999px;
  background: #F1F4F9;
  border: 1px solid #E2E8F0;
  flex-shrink: 0;
  transition: background 160ms ease, border-color 160ms ease;
}
.grows-bofr-checklist li.is-ok { color: #0F172A; font-weight: 600; }
.grows-bofr-checklist li.is-ok .grows-bofr-check {
  background: #10B981;
  border-color: #10B981;
  position: relative;
}
.grows-bofr-checklist li.is-ok .grows-bofr-check::after {
  content: '';
  width: 7px; height: 4px;
  border-left: 1.5px solid #FFFFFF;
  border-bottom: 1.5px solid #FFFFFF;
  transform: rotate(-45deg) translate(1px, -1px);
}

.grows-bofr-savebar {
  grid-column: 1 / -1;
}

.grows-bofr-media {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.grows-bofr-media-zone {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9;
  max-height: 280px;
  border-radius: 14px;
  background: linear-gradient(180deg, #FCFDFE 0%, #FFFFFF 100%);
  border: 1.5px dashed rgba(220, 224, 232, 0.95);
  overflow: hidden;
  transition: border-color 180ms ease, background 180ms ease;
}
.grows-bofr-media.is-dragover .grows-bofr-media-zone {
  border-color: #0C2A4D;
  background: rgba(12, 42, 77, 0.04);
}
.grows-bofr-media-preview {
  position: absolute;
  inset: 0;
  width: 100%; height: 100%;
  object-fit: cover;
  display: block;
}
.grows-bofr-media-empty {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  gap: 4px;
  padding: 16px;
  pointer-events: none;
}
.grows-bofr-media-ic {
  display: grid;
  place-items: center;
  width: 40px; height: 40px;
  border-radius: 11px;
  background: #F1F4F9;
  color: #475569;
  margin-bottom: 6px;
}
.grows-bofr-media-ic svg { width: 18px; height: 18px; }
.grows-bofr-media-title {
  font-size: 13px;
  font-weight: 600;
  color: #0F172A;
  letter-spacing: -0.005em;
}
.grows-bofr-media-hint {
  font-size: 11.5px;
  color: #94A3B8;
  letter-spacing: -0.002em;
}
.grows-bofr-media-overlay {
  position: absolute;
  inset: 0;
  cursor: pointer;
  z-index: 1;
}
.grows-bofr-media-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}

.grows-bprof-quick {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
}

.grows-bprof-aside {
  display: grid;
  grid-template-columns: 1fr;
  gap: 14px;
}
.grows-bprof-aside--solo {
  grid-template-columns: 1fr !important;
  max-width: 760px;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 1024px) {
  .grows-bprof-aside {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 16px;
    align-items: stretch;
  }
}

.grows-bprof-comp {
  background: #FFFFFF;
  border: 1px solid rgba(15, 23, 42, 0.06);
  border-radius: 16px;
  padding: 16px 18px;
  box-shadow:
    0 1px 2px rgba(17, 24, 39, 0.03),
    0 8px 20px -14px rgba(17, 24, 39, 0.06);
}
.grows-bprof-comp-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding-bottom: 12px;
  border-bottom: 1px solid rgba(15, 23, 42, 0.05);
}
.grows-bprof-comp-head > div { display: flex; flex-direction: column; gap: 2px; }
.grows-bprof-comp-head .grows-set-panel-sub {
  font-size: 10.5px; font-weight: 600; letter-spacing: 0.10em;
  text-transform: uppercase; color: #94A3B8;
  margin: 0 !important;
}
.grows-bprof-comp-title {
  margin-top: 0 !important;
  font-size: 13.5px !important;
  font-weight: 600 !important;
  color: #475569 !important;
  letter-spacing: -0.005em;
  line-height: 1.3;
}
.grows-bprof-comp-title span { color: #0B1220; font-weight: 700; font-size: 15px; }

.grows-bprof-comp-ring {
  --comp: 0;
  position: relative;
  display: grid;
  place-items: center;
  width: 44px; height: 44px;
  border-radius: 9999px;
  background: conic-gradient(#0C2A4D calc(var(--comp) * 1%), rgba(15, 23, 42, 0.06) 0);
  flex-shrink: 0;
}
.grows-bprof-comp-ring::after {
  content: '';
  position: absolute;
  inset: 4px;
  border-radius: 9999px;
  background: #FFFFFF;
}
.grows-bprof-comp-ring span {
  position: relative;
  z-index: 1;
  font-size: 10.5px;
  font-weight: 700;
  color: #0B1220;
  letter-spacing: -0.005em;
  font-variant-numeric: tabular-nums;
}

.grows-bprof-comp-bar {
  margin-top: 12px;
  height: 4px;
  background: rgba(15, 23, 42, 0.05);
  border-radius: 9999px;
  overflow: hidden;
}
.grows-bprof-comp-fill {
  height: 100%;
  background: linear-gradient(90deg, #0C2A4D 0%, #1E40AF 50%, #F5C24B 100%);
  border-radius: 9999px;
  transition: width 380ms cubic-bezier(.2,.7,.2,1);
}

.grows-bprof-comp-list {
  margin-top: 14px;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 6px;
  font-size: 12.5px;
  font-weight: 500;
  color: #64748B;
  letter-spacing: -0.002em;
}
.grows-bprof-comp-list li {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 7px 10px;
  background: rgba(248, 250, 252, 0.6);
  border: 1px solid rgba(15, 23, 42, 0.04);
  border-radius: 9px;
  transition: background 150ms ease, border-color 150ms ease;
}
.grows-bprof-comp-list li:hover {
  background: #fff;
  border-color: rgba(15, 23, 42, 0.08);
}
.grows-bprof-comp-list li.is-ok {
  color: #0B1220;
  font-weight: 600;
  background: rgba(236, 253, 245, 0.55);
  border-color: rgba(16, 185, 129, 0.18);
}
.grows-bprof-comp-list li .grows-bofr-check {
  width: 16px; height: 16px;
  border-radius: 9999px;
  background: #fff;
  border: 1.5px solid rgba(15, 23, 42, 0.15);
  display: inline-flex; align-items: center; justify-content: center;
  flex-shrink: 0;
  transition: background 150ms, border-color 150ms;
}
.grows-bprof-comp-list li.is-ok .grows-bofr-check {
  background: #10B981;
  border-color: #10B981;
  position: relative;
}
.grows-bprof-comp-list li.is-ok .grows-bofr-check::after {
  content: '';
  width: 6px; height: 3px;
  border-left: 1.5px solid #FFFFFF;
  border-bottom: 1.5px solid #FFFFFF;
  transform: rotate(-45deg) translate(1px, -1px);
}

.bprof-comp-state {
  display: flex; align-items: center; justify-content: space-between;
  gap: 16px;
  padding-bottom: 14px;
  border-bottom: 1px solid rgba(15, 23, 42, 0.05);
}
.bprof-comp-state-main {
  min-width: 0; flex: 1;
  display: flex; flex-direction: column; gap: 4px;
}
.bprof-comp-state-pill {
  display: inline-flex; align-items: center; gap: 5px;
  height: 22px; padding: 0 9px 0 7px;
  border-radius: 999px;
  background: rgba(15, 23, 42, 0.05);
  color: #475569;
  font-size: 10.5px; font-weight: 700; letter-spacing: 0.04em;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
  width: fit-content;
  line-height: 1;
}
.bprof-comp-state-pill svg { width: 12px; height: 12px; flex-shrink: 0; }
.bprof-comp-state-pill--done {
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.18), rgba(5, 150, 105, 0.08));
  color: #047857;
  border: 1px solid rgba(16, 185, 129, 0.22);
}
.bprof-comp-state-pill--done svg { color: #059669; }
.bprof-comp-state-title {
  font-size: 15px; font-weight: 700;
  color: #0B1220;
  letter-spacing: -0.015em;
  line-height: 1.25;
  margin: 0;
}
.bprof-comp-state-sub {
  font-size: 12px; color: #64748B;
  line-height: 1.4;
  margin: 0;
}

.bprof-comp-groups {
  margin-top: 14px;
  display: flex; flex-direction: column;
  gap: 14px;
}
.bprof-comp-group {
  display: flex; flex-direction: column;
  gap: 8px;
}
.bprof-comp-group-head {
  display: flex; align-items: center; justify-content: space-between;
  padding: 0 2px;
}
.bprof-comp-group-name {
  font-size: 10.5px; font-weight: 700; letter-spacing: 0.10em;
  text-transform: uppercase; color: #94A3B8;
}
.bprof-comp-group-count {
  font-size: 10.5px; font-weight: 700;
  color: #475569;
  background: rgba(15, 23, 42, 0.05);
  padding: 2px 7px;
  border-radius: 999px;
  font-variant-numeric: tabular-nums;
}

.bprof-comp-list-v2 {
  margin-top: 0 !important;
  grid-template-columns: 1fr !important;
  gap: 0 !important;
}
.bprof-comp-list-v2 li {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 8px 10px !important;
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  border-bottom: 1px solid rgba(15, 23, 42, 0.04) !important;
}
.bprof-comp-list-v2 li:last-child { border-bottom: none !important; }
.bprof-comp-list-v2 li:hover { background: rgba(248, 250, 252, 0.6) !important; }
.bprof-comp-list-v2 li.is-ok {
  background: transparent !important;
  border-color: rgba(15, 23, 42, 0.04) !important;
}

.bprof-comp-item-text {
  flex: 1 1 0; min-width: 0;
  display: flex; align-items: baseline; justify-content: space-between;
  gap: 12px;
}
.bprof-comp-item-label {
  font-size: 12.5px;
  font-weight: 600;
  color: #0B1220;
  flex-shrink: 0;
}
.bprof-comp-list-v2 li:not(.is-ok) .bprof-comp-item-label {
  color: #475569;
  font-weight: 500;
}
.bprof-comp-item-value {
  font-size: 11.5px;
  color: #64748B;
  font-weight: 500;
  text-align: right;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.bprof-comp-item-todo {
  font-size: 11px;
  color: #B45309;
  font-weight: 600;
  text-align: right;
  letter-spacing: -0.005em;
}
.bprof-comp-item-todo::after {
  content: ' →';
  margin-left: 2px;
}

.grows-bprof-preview {
  background: #FFFFFF;
  border: 1px solid rgba(236, 236, 236, 0.95);
  border-radius: 16px;
  padding: 18px;
  box-shadow:
    0 1px 2px rgba(17, 24, 39, 0.04),
    0 8px 22px -16px rgba(17, 24, 39, 0.06);
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.grows-bprof-preview .grows-bprof-preview-card { box-shadow: none; }

.grows-bprof-preview-frame {
  padding: 18px;
  border-radius: 14px;
  background:
    radial-gradient(circle at 14px 14px, rgba(15, 23, 42, 0.06) 1px, transparent 1.5px) 0 0 / 14px 14px,
    linear-gradient(180deg, #F7F8FC 0%, #FFFFFF 100%);

}
.grows-bprof-preview-frame .grows-bcard {
  max-width: 320px;
  margin: 0 auto;
}

.grows-bprof-section-head {
  display: flex;
  align-items: center;
  gap: 12px;
}
.grows-bprof-section-ic {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px; height: 36px;
  border-radius: 11px;
  background: #F1F4F9;
  color: #475569;
  flex-shrink: 0;
}
.grows-bprof-section-ic svg { width: 16px; height: 16px; }
.grows-bprof-section-ic.is-amber   { background: #FFFBEB; color: #B45309; }
.grows-bprof-section-ic.is-purple  { background: #F5F3FF; color: #6D28D9; }
.grows-bprof-section-ic.is-sky     { background: #F0F9FF; color: #0369A1; }
.grows-bprof-section-ic.is-green   { background: #ECFDF5; color: #047857; }
.grows-bprof-section-ic.is-emerald { background: #ECFDF5; color: #047857; }
.grows-bprof-section-ic.is-rose    { background: #FFF1F2; color: #BE123C; }
.grows-bprof-section-ic.is-orange  { background: #FFF7ED; color: #C2410C; }

.grows-bprof-section-head .grows-set-panel-title { font-size: 15px; }

.grows-bprof-char-count {
  margin-left: auto;
  display: inline-flex;
  align-items: center;
  height: 18px;
  padding: 0 8px;
  border-radius: 9999px;
  background: #F1F4F9;
  color: #64748B;
  font-size: 10.5px;
  font-weight: 600;
  letter-spacing: 0;
  text-transform: none;
}
.grows-set-field-label { justify-content: flex-start; }
.grows-set-field-label:has(.grows-bprof-char-count) { display: flex; align-items: center; }

.grows-bprof-stats {
  display: grid;
  grid-template-columns: 1fr;
  gap: 12px;
}
@media (min-width: 640px)  { .grows-bprof-stats { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; } }

.grows-bprof-stat {
  background: #FFFFFF;
  border: 1px solid rgba(236, 236, 236, 0.95);
  border-radius: 16px;
  padding: 16px 18px;
  box-shadow:
    0 1px 2px rgba(17, 24, 39, 0.04),
    0 8px 22px -16px rgba(17, 24, 39, 0.06);
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.grows-bprof-stat-head {
  display: flex;
  align-items: center;
  gap: 10px;
}
.grows-bprof-stat-label {
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #94A3B8;
}
.grows-bprof-stat-value {
  font-size: 22px;
  font-weight: 700;
  color: #0F172A;
  letter-spacing: -0.018em;
  line-height: 1.1;
}
.grows-bprof-stat-hint {
  font-size: 12px;
  color: #64748B;
  letter-spacing: -0.002em;
}

.grows-bene-tile {
  position: relative;
  padding: 18px 16px 16px;
  border-radius: 18px;
  background:
    linear-gradient(180deg, #FFFFFF 0%, #FAFBFC 100%);
  border: 1px solid rgba(236, 236, 236, 0.9);
  transition: transform 200ms ease, box-shadow 200ms ease, border-color 200ms ease;
}
.grows-bene-tile:hover {
  transform: translateY(-2px);
  border-color: #DCE0E8;
  box-shadow:
    0 1px 2px rgba(17, 24, 39, 0.04),
    0 14px 30px -12px rgba(17, 24, 39, 0.10);
}
.grows-bene-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px; height: 40px;
  border-radius: 12px;
  background: #F1F3F8;
  color: #475569;
  margin-bottom: 12px;
}
.grows-bene-icon svg { width: 18px; height: 18px; }
.grows-bene-icon.is-amber  { background: #FFFBEB; color: #B45309; }
.grows-bene-icon.is-purple { background: #F5F3FF; color: #6D28D9; }
.grows-bene-icon.is-sky    { background: #F0F9FF; color: #0369A1; }
.grows-bene-icon.is-green  { background: #ECFDF5; color: #047857; }
.grows-bene-title {
  font-size: 14px;
  font-weight: 600;
  color: #0F172A;
  letter-spacing: -0.005em;
  margin-bottom: 4px;
}
.grows-bene-body {
  font-size: 12.5px;
  line-height: 1.55;
  color: #64748B;
}

.grows-mhero {
  position: relative;
  overflow: hidden;
  border-radius: 20px;
  padding: 28px 24px;
  background: #FFFFFF;
  border: 1px solid #ECEEF2;
  box-shadow: 0 1px 2px rgba(17, 24, 39, 0.03);
  isolation: isolate;
}
@media (min-width: 640px) { .grows-mhero { padding: 36px 32px; } }
@media (min-width: 1024px) { .grows-mhero { padding: 40px 40px 40px 44px; } }

.grows-mhero-glow {
  position: absolute;
  pointer-events: none;
  border-radius: 9999px;
  filter: blur(60px);
  z-index: 0;
}
.grows-mhero-glow--a,
.grows-mhero-glow--b { display: none; }

.grows-mhero-grid {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: 1fr;
  gap: 28px;
  align-items: center;
}
@media (min-width: 1024px) {
  .grows-mhero-grid {
    grid-template-columns: minmax(0, 1fr) 460px;
    gap: 40px;
  }
}
@media (min-width: 1280px) {
  .grows-mhero-grid {
    grid-template-columns: minmax(0, 1fr) 480px;
    gap: 48px;
  }
}

.grows-mhero-copy { min-width: 0; }

.grows-mhero-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  height: 26px;
  padding: 0 11px 0 10px;
  border-radius: 9999px;

  background: #F1F4F9;
  color: #475569;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.10em;
  text-transform: uppercase;
  box-shadow: inset 0 0 0 1px rgba(71, 85, 105, 0.18);
}
.grows-mhero-eyebrow svg { width: 13px; height: 13px; }

.grows-mhero.is-silver .grows-mhero-eyebrow {
  background: #F1F4F9; color: #475569;
  box-shadow: inset 0 0 0 1px rgba(71, 85, 105, 0.18);
}
.grows-mhero.is-gold .grows-mhero-eyebrow {

  background: rgba(154, 123, 79, 0.10); color: #6B5022;
  box-shadow: inset 0 0 0 1px rgba(154, 123, 79, 0.30);
}
.grows-mhero.is-platinum .grows-mhero-eyebrow,
.grows-mhero.is-diamond .grows-mhero-eyebrow {

  background: rgba(12, 42, 77, 0.07); color: #0C2A4D;
  box-shadow: inset 0 0 0 1px rgba(12, 42, 77, 0.18);
}

.grows-mhero-title {
  margin-top: 14px;
  font-size: 28px;
  font-weight: 600;
  letter-spacing: -0.022em;
  line-height: 1.1;
  color: #0F172A;
}
@media (min-width: 640px) { .grows-mhero-title { font-size: 32px; } }
@media (min-width: 1280px) { .grows-mhero-title { font-size: 34px; } }
.grows-mhero-title-accent {
  color: #0C2A4D;
}

.grows-mhero-lede {
  margin-top: 10px;
  max-width: 440px;
  font-size: 14px;
  line-height: 1.6;
  color: #475569;
}

.grows-mhero-meta {
  margin-top: 16px;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.grows-mhero-chip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  height: 26px;
  padding: 0 11px;
  border-radius: 9999px;
  background: #F1F4F9;
  color: #0F172A;
  font-size: 11.5px;
  font-weight: 600;
  letter-spacing: -0.005em;
  box-shadow: inset 0 0 0 1px rgba(12, 42, 77, 0.08);
}
.grows-mhero-chip svg { width: 13px; height: 13px; color: #64748B; }

.grows-mhero-ctas {
  margin-top: 22px;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.grows-mhero-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  height: 44px;
  padding: 0 20px;
  border-radius: 12px;
  background: #FFFFFF;
  color: #0F172A;
  font-size: 13.5px;
  font-weight: 600;
  letter-spacing: -0.005em;
  border: 1px solid rgba(220, 224, 232, 0.95);
  box-shadow: 0 1px 2px rgba(17, 24, 39, 0.04);
  transition: background 180ms ease, transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease;
}
.grows-mhero-btn:hover {
  background: #FAFBFC;
  border-color: #C9CFD9;
  transform: translateY(-1px);
  box-shadow: 0 8px 18px -10px rgba(17, 24, 39, 0.18);
}
.grows-mhero-btn:active { transform: translateY(0); }
.grows-mhero-btn svg { width: 16px; height: 16px; }
.grows-mhero-btn--primary {
  background: #0C2A4D;
  color: #FFFFFF;
  border-color: #0C2A4D;
  box-shadow: none;
}
.grows-mhero-btn--primary:hover {
  background: #0E3258;
  border-color: #0E3258;
  box-shadow: none;
}

.grows-mhero-stage {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 280px;
  padding: 6px 0;
}
@media (min-width: 1024px) {
  .grows-mhero-stage { justify-content: flex-end; padding: 0; }
}
.grows-mhero-stage-halo { display: none; }
.grows-mhero-stage .grows-mcard-frame {
  position: relative;
  z-index: 1;
  filter: drop-shadow(0 6px 14px rgba(12, 42, 77, 0.10));
  transition: transform 380ms cubic-bezier(.2,.7,.2,1);
}
.grows-mhero-stage .grows-mcard-frame:hover { transform: translateY(-2px); }

.grows-mkt-hero {
  margin-top: 22px;
  position: relative;
  overflow: hidden;
  border-radius: 24px;
  padding: 28px 24px;
  background:
    radial-gradient(120% 100% at 0% 0%, rgba(232, 62, 21, 0.10), transparent 60%),
    radial-gradient(120% 100% at 100% 100%, rgba(255, 219, 178, 0.40), transparent 65%),
    linear-gradient(135deg, #0C2A4D 0%, #143864 100%);
  color: #FFFFFF;
  box-shadow:
    0 1px 2px rgba(12, 42, 77, 0.10),
    0 18px 40px -20px rgba(12, 42, 77, 0.55);
}
@media (min-width: 768px) {
  .grows-mkt-hero { padding: 36px 36px; }
}
.grows-mkt-hero-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 5px 12px;
  border-radius: 9999px;
  background: rgba(255, 255, 255, 0.10);
  border: 1px solid rgba(255, 255, 255, 0.20);
  font-size: 11.5px;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #FFE0C2;
}
.grows-mkt-hero-eyebrow svg { width: 14px; height: 14px; color: #FFC78A; }
.grows-mkt-hero-title {
  margin-top: 14px;
  font-size: 26px;
  line-height: 1.12;
  font-weight: 700;
  letter-spacing: -0.022em;
  max-width: 620px;
}
@media (min-width: 768px) { .grows-mkt-hero-title { font-size: 32px; } }
.grows-mkt-hero-title em {
  font-style: normal;
  background: linear-gradient(90deg, #FFC78A 0%, #FFE0C2 60%, #FFFFFF 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
.grows-mkt-hero-sub {
  margin-top: 10px;
  font-size: 13.5px;
  line-height: 1.55;
  color: rgba(255, 255, 255, 0.82);
  max-width: 560px;
}
.grows-mkt-hero-stats {
  margin-top: 22px;
  display: flex;
  align-items: center;
  gap: 18px;
  flex-wrap: wrap;
}
.grows-mkt-hero-stat {
  display: inline-flex;
  flex-direction: column;
  gap: 2px;
  padding: 10px 14px;
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.14);
  min-width: 110px;
}
.grows-mkt-hero-stat-val {
  font-size: 18px;
  font-weight: 700;
  letter-spacing: -0.012em;
}
.grows-mkt-hero-stat-label {
  font-size: 10.5px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.68);
}

.grows-mkt-filter {
  margin-top: 22px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
@media (min-width: 768px) {
  .grows-mkt-filter { flex-direction: row; align-items: center; justify-content: space-between; }
}
.grows-mkt-search {
  position: relative;
  flex: 1;
  max-width: 460px;
}
.grows-mkt-search input {
  width: 100%;
  height: 46px;
  padding: 0 16px 0 46px;
  border-radius: 9999px;
  background: #FFFFFF;
  border: 1px solid rgba(218, 222, 232, 0.95);
  font-size: 14px;
  color: #0F172A;
  outline: none;
  transition: border-color 180ms ease, box-shadow 180ms ease;
}
.grows-mkt-search input:focus {
  border-color: #0C2A4D;
  box-shadow: 0 0 0 4px rgba(12, 42, 77, 0.06);
}
.grows-mkt-search input::placeholder { color: #94A3B8; }
.grows-mkt-search svg {
  position: absolute;
  top: 50%;
  left: 16px;
  transform: translateY(-50%);
  width: 16px;
  height: 16px;
  color: #94A3B8;
  pointer-events: none;
}
.grows-mkt-chips {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}
.grows-mkt-chip {
  display: inline-flex;
  align-items: center;
  height: 38px;
  padding: 0 16px;
  border-radius: 9999px;
  background: #FFFFFF;
  border: 1px solid rgba(218, 222, 232, 0.95);
  color: #475569;
  font-size: 12.5px;
  font-weight: 600;
  letter-spacing: -0.005em;
  cursor: pointer;
  transition: all 160ms ease;
}
.grows-mkt-chip:hover {
  background: #F7F8FB;
  color: #0F172A;
  border-color: #CBD5E1;
}
.grows-mkt-chip.is-active {
  background: #0C2A4D;
  color: #FFFFFF;
  border-color: #0C2A4D;
  box-shadow: 0 4px 14px -6px rgba(12, 42, 77, 0.45);
}

.grows-mkt-section { margin-top: 36px; }
.grows-mkt-section-head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 16px;
}
.grows-mkt-section-title {
  font-size: 18px;
  font-weight: 700;
  letter-spacing: -0.016em;
  color: #0F172A;
}
.grows-mkt-section-sub {
  font-size: 12.5px;
  color: #64748B;
  margin-top: 2px;
}
.grows-mkt-section-link {
  font-size: 12.5px;
  font-weight: 600;
  color: #64748B;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  transition: color 160ms ease;
}
.grows-mkt-section-link:hover { color: #0C2A4D; }
.grows-mkt-section-link svg { width: 14px; height: 14px; }

.grows-mkt-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 18px;
}
@media (min-width: 640px) { .grows-mkt-grid { grid-template-columns: repeat(2, minmax(0,1fr)); } }
@media (min-width: 1024px) { .grows-mkt-grid { grid-template-columns: repeat(3, minmax(0,1fr)); gap: 22px; } }
@media (min-width: 1440px) { .grows-mkt-grid { grid-template-columns: repeat(4, minmax(0,1fr)); } }

.grows-bcard {
  position: relative;
  display: flex;
  flex-direction: column;
  background: #FFFFFF;
  border: 1px solid #ECEEF2;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.03);
  transition:
    transform 240ms cubic-bezier(.2,.7,.2,1),
    box-shadow 240ms ease,
    border-color 240ms ease;
}
.grows-bcard:hover {
  transform: translateY(-2px);
  border-color: #D9DDE4;
  box-shadow: 0 8px 24px -12px rgba(15, 23, 42, 0.15);
}
.grows-bcard-link {
  position: absolute;
  inset: 0;
  z-index: 1;
}

.grows-bcard-cover {
  position: relative;
  height: 140px;
  width: 100%;
  overflow: hidden;
  background: #E8EBF1;
}
.grows-bcard-cover-bg {
  position: absolute;
  inset: 0;
  background: var(--brand-grad, linear-gradient(135deg,#E8EBF1 0%,#94A3B8 55%,#0F172A 100%));
}
.grows-bcard-cover-img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1;
}
.grows-bcard-cover-pattern {
  position: absolute;
  inset: 0;
  background:
    radial-gradient(60% 80% at 18% 22%, rgba(255,255,255,0.20), transparent 60%),
    radial-gradient(50% 70% at 85% 88%, rgba(0,0,0,0.16), transparent 60%);
  pointer-events: none;
}
.grows-bcard-cover-shade {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(0,0,0,0) 60%, rgba(0,0,0,0.12) 100%);
  pointer-events: none;
}

.grows-bcard-fav-form {
  position: absolute;
  top: 12px;
  right: 12px;
  z-index: 3;
  margin: 0;
}
.grows-bcard-fav {
  display: grid;
  place-items: center;
  width: 34px; height: 34px;
  border-radius: 9999px;
  background: rgba(255,255,255,0.92);
  border: 1px solid rgba(255,255,255,0.5);
  color: rgba(15,23,42,0.72);
  cursor: pointer;
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  transition: color 160ms ease, background 160ms ease, transform 160ms ease;
}
.grows-bcard-fav:hover { color: #E11D48; background: #FFFFFF; transform: scale(1.06); }
.grows-bcard-fav svg { width: 15px; height: 15px; }
.grows-bcard-fav.is-saved { color: #E11D48; background: #FFFFFF; }
.grows-bcard-fav.is-saved svg { fill: #E11D48; }

.grows-bcard-body {
  padding: 0 20px 18px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  flex: 1;
}

.grows-bcard-id {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  min-width: 0;
}
.grows-bcard-logo {
  width: 52px;
  height: 52px;
  margin-top: -18px;
  border-radius: 12px;
  background: #FFFFFF;
  border: 1px solid #FFFFFF;
  box-shadow: 0 4px 12px -4px rgba(15, 23, 42, 0.18), 0 1px 2px rgba(15, 23, 42, 0.06);
  overflow: hidden;
  display: grid;
  place-items: center;
  flex-shrink: 0;
  position: relative;
  z-index: 2;
}
.grows-bcard-logo img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  background: #FFFFFF;
  transform: scale(1.15);
}
.grows-bcard-logo-fallback {
  font-size: 20px;
  font-weight: 700;
  letter-spacing: -0.02em;
  color: var(--brand-accent, #0C2A4D);
}
.grows-bcard-id-text { min-width: 0; flex: 1; padding-top: 8px; }

.grows-bcard-head {
  display: flex;
  align-items: center;
  gap: 6px;
  margin: 0;
  min-width: 0;
}
.grows-bcard-name {
  font-size: 15px;
  font-weight: 700;
  color: #0F172A;
  letter-spacing: -0.014em;
  line-height: 1.3;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  min-width: 0;
}
.grows-bcard-verify {
  display: inline-flex;
  color: #1D6CD9;
  flex-shrink: 0;
}
.grows-bcard-verify svg { width: 15px; height: 15px; }

.grows-bcard-meta {
  display: flex;
  align-items: center;
  gap: 0;
  flex-wrap: nowrap;
  margin-top: 6px;
  min-width: 0;
  font-size: 11.5px;
  color: #64748B;
  font-weight: 500;
  line-height: 1.4;
}

.grows-bcard-pill {
  display: inline;
  background: transparent;
  color: #475569;
  font-size: 11.5px;
  font-weight: 600;
  letter-spacing: 0;
  text-transform: none;
  padding: 0;
  border-radius: 0;
  height: auto;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  min-width: 0;
  flex: 0 1 auto;
}
.grows-bcard-pill + .grows-bcard-loc::before {
  content: "·";
  margin: 0 7px;
  color: #CBD5E1;
  font-weight: 700;
}
.grows-bcard-loc {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  color: #64748B;
  font-size: 11.5px;
  font-weight: 500;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  min-width: 0;
  flex-shrink: 0;
}
.grows-bcard-loc svg { width: 12px; height: 12px; color: #94A3B8; }

.grows-bcard-tagline {
  font-size: 12.5px;
  line-height: 1.55;
  color: #64748B;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  margin: 0;
}

.grows-bcard-foot {
  margin-top: auto;
  padding-top: 14px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-top: 1px solid #ECEEF2;
}
.grows-bcard-rating {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  color: #0F172A;
  font-size: 12.5px;
  font-weight: 700;
}
.grows-bcard-rating svg { width: 13px; height: 13px; color: #F5C24B; fill: #F5C24B; }
.grows-bcard-rating-count { color: #94A3B8; font-weight: 500; margin-left: 1px; }

.grows-bcard-offers {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  height: 24px;
  padding: 0 10px;
  border-radius: 9999px;
  background: rgba(180, 83, 9, 0.08);
  color: #B45309;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: -0.002em;
}
.grows-bcard-offers svg { width: 12px; height: 12px; }

.grows-bcard-cta {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: 12.5px;
  font-weight: 600;
  color: #94A3B8;
  transition: color 160ms ease, transform 160ms ease;
}
.grows-bcard:hover .grows-bcard-cta {
  color: var(--brand-accent, #0C2A4D);
  transform: translateX(2px);
}
.grows-bcard-cta svg { width: 13px; height: 13px; }

.grows-bcard.is-hidden { display: none !important; }

[data-mkt-card].is-hidden { display: none !important; }

.grows-bprofile {
  margin-top: 22px;
  position: relative;
}
.grows-bprofile-back {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: #64748B;
  font-size: 12.5px;
  font-weight: 600;
  margin-bottom: 12px;
  transition: color 160ms ease;
}
.grows-bprofile-back:hover { color: #0C2A4D; }
.grows-bprofile-back svg { width: 14px; height: 14px; }

.grows-bprofile-hero {
  position: relative;
  background: #FFFFFF;
  border: 1px solid #ECEEF2;
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.03);
}
.grows-bprofile-hero-banner {
  position: relative;
  height: 180px;
  overflow: hidden;
  background: var(--brand-grad, linear-gradient(135deg,#E8EBF1 0%,#94A3B8 55%,#0F172A 100%));
}
@media (min-width: 768px) { .grows-bprofile-hero-banner { height: 220px; } }
.grows-bprofile-hero-pattern {
  position: absolute;
  inset: 0;
  background:
    radial-gradient(60% 80% at 20% 20%, rgba(255,255,255,0.18), transparent 60%),
    radial-gradient(50% 70% at 85% 90%, rgba(0,0,0,0.18), transparent 60%);
  pointer-events: none;
}
.grows-bprofile-hero-shade {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(0,0,0,0) 55%, rgba(0,0,0,0.22) 100%);
  pointer-events: none;
}

.grows-bprofile-hero-body {
  position: relative;
  padding: 0 24px 22px;
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 18px;
  align-items: flex-end;
}
@media (min-width: 768px) {
  .grows-bprofile-hero-body { padding: 0 28px 24px; gap: 22px; }
}

.grows-bprofile-logo {
  width: 84px;
  height: 84px;
  margin-top: -42px;
  border-radius: 20px;
  background: #FFFFFF;
  border: 4px solid #FFFFFF;
  box-shadow: 0 6px 18px -8px rgba(15, 23, 42, 0.20);
  overflow: hidden;
  display: grid;
  place-items: center;
  flex-shrink: 0;
}
@media (min-width: 768px) {
  .grows-bprofile-logo { width: 96px; height: 96px; margin-top: -48px; }
}
.grows-bprofile-logo img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  background: #FFFFFF;
}
.grows-bprofile-logo-fallback {
  font-size: 36px;
  font-weight: 700;
  color: var(--brand-accent, #0C2A4D);
  letter-spacing: -0.02em;
}

.grows-bprofile-id {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: space-between;
  gap: 16px;
  padding-top: 14px;
  min-width: 0;
  flex: 1;
}
.grows-bprofile-id-text { min-width: 0; flex: 1 1 280px; }

.grows-bprofile-name {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0;
  font-size: 26px;
  font-weight: 700;
  line-height: 1.15;
  letter-spacing: -0.022em;
  color: #0F172A;
}
@media (min-width: 768px) { .grows-bprofile-name { font-size: 32px; } }
.grows-bprofile-name-text {
  min-width: 0;
  overflow-wrap: anywhere;
}
.grows-bprofile-verify {
  display: inline-grid;
  place-items: center;
  flex-shrink: 0;
  color: #1D6CD9;
}
.grows-bprofile-verify svg { width: 20px; height: 20px; }

.grows-bprofile-meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 12px;
  margin-top: 10px;
}
.grows-bprofile-meta-pill {
  display: inline-flex;
  align-items: center;
  height: 24px;
  padding: 0 10px;
  border-radius: 9999px;
  background: rgba(12, 42, 77, 0.06);
  color: #0C2A4D;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
.grows-bprofile-meta-item {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-size: 12.5px;
  font-weight: 600;
  color: #475569;
}
.grows-bprofile-meta-item svg { width: 13px; height: 13px; color: #94A3B8; }
.grows-bprofile-meta-mute { color: #94A3B8; font-weight: 500; }

.grows-bprofile-tagline {
  margin-top: 8px;
  font-size: 13.5px;
  color: #64748B;
  line-height: 1.55;
  max-width: 560px;
}

.grows-bprofile-actions {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}
.grows-bprofile-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  height: 38px;
  padding: 0 14px;
  border-radius: 10px;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: -0.005em;
  cursor: pointer;
  transition: background 160ms ease, border-color 160ms ease, transform 160ms ease;
  border: 1px solid transparent;
}
.grows-bprofile-btn svg { width: 14px; height: 14px; }
.grows-bprofile-btn--primary {
  background: #0C2A4D;
  color: #FFFFFF;
  border-color: #0C2A4D;
}
.grows-bprofile-btn--primary:hover { background: #0E3258; border-color: #0E3258; }
.grows-bprofile-btn--ghost {
  background: #FFFFFF;
  color: #0F172A;
  border-color: #E2E5EB;
}
.grows-bprofile-btn--ghost:hover { background: #F7F8FB; border-color: #C9CFD9; }
.grows-bprofile-btn--icon { padding: 0 12px; }
.grows-bprofile-btn--icon svg { color: #64748B; }
.grows-bprofile-btn--icon:hover svg { color: #E11D48; }

.grows-bprofile-grid {
  margin-top: 22px;
  display: grid;
  grid-template-columns: 1fr;
  gap: 18px;
}
@media (min-width: 1024px) {
  .grows-bprofile-grid { grid-template-columns: minmax(0, 1fr) 320px; gap: 24px; align-items: start; }
}

.grows-bprofile-card {
  background: #FFFFFF;
  border: 1px solid rgba(232, 235, 241, 0.95);
  border-radius: 18px;
  padding: 22px;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.03);
}
.grows-bprofile-card + .grows-bprofile-card { margin-top: 18px; }
.grows-bprofile-card-title {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 15px;
  font-weight: 700;
  color: #0F172A;
  letter-spacing: -0.012em;
  margin-bottom: 14px;
}
.grows-bprofile-card-title svg { width: 16px; height: 16px; color: var(--brand-accent, #0C2A4D); }
.grows-bprofile-about {
  font-size: 14px;
  line-height: 1.7;
  color: #475569;
}
.grows-bprofile-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 14px;
}
.grows-bprofile-tag {
  display: inline-flex;
  align-items: center;
  height: 26px;
  padding: 0 12px;
  border-radius: 9999px;
  background: rgba(12, 42, 77, 0.06);
  color: #0C2A4D;
  font-size: 11.5px;
  font-weight: 600;
  letter-spacing: -0.002em;
}

.grows-bprofile-contact { display: flex; flex-direction: column; gap: 10px; }
.grows-bprofile-contact-row {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  font-size: 13px;
  color: #475569;
  line-height: 1.45;
}
.grows-bprofile-contact-row a { color: #0C2A4D; font-weight: 600; }
.grows-bprofile-contact-row a:hover { text-decoration: underline; }
.grows-bprofile-contact-icon {
  width: 32px;
  height: 32px;
  border-radius: 10px;
  display: grid;
  place-items: center;
  background: rgba(12, 42, 77, 0.06);
  color: var(--brand-accent, #0C2A4D);
  flex-shrink: 0;
}
.grows-bprofile-contact-icon svg { width: 14px; height: 14px; }

.grows-bprofile-stat-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 10px;
  margin-top: 14px;
}
.grows-bprofile-stat {
  text-align: center;
  padding: 12px 8px;
  border-radius: 12px;
  background: #F7F8FB;
}
.grows-bprofile-stat-val { font-size: 18px; font-weight: 700; color: #0F172A; letter-spacing: -0.014em; }
.grows-bprofile-stat-label { font-size: 10.5px; color: #64748B; text-transform: uppercase; letter-spacing: 0.04em; margin-top: 2px; }

.grows-bprofile-similar {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.grows-bprofile-similar-row {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 8px;
  border-radius: 12px;
  transition: background 160ms ease;
}
.grows-bprofile-similar-row:hover { background: #F7F8FB; }
.grows-bprofile-similar-logo {
  width: 44px;
  height: 44px;
  border-radius: 12px;
  background: #FFFFFF;
  border: 1px solid rgba(232, 235, 241, 0.95);
  overflow: hidden;
  display: grid;
  place-items: center;
  flex-shrink: 0;
}
.grows-bprofile-similar-logo img { width: 100%; height: 100%; object-fit: contain; }
.grows-bprofile-similar-info { min-width: 0; flex: 1; }
.grows-bprofile-similar-name {
  font-size: 13px;
  font-weight: 700;
  color: #0F172A;
  letter-spacing: -0.008em;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.grows-bprofile-similar-cat { font-size: 11.5px; color: #64748B; }

.grows-mkt-empty {
  margin-top: 24px;
  padding: 56px 24px;
  text-align: center;
  border-radius: 24px;
  background:
    radial-gradient(120% 100% at 0% 0%, rgba(255, 219, 178, 0.30), transparent 60%),
    linear-gradient(180deg, #FFFFFF 0%, #F7F8FB 100%);
  border: 1px dashed rgba(218, 222, 232, 0.95);
}
.grows-mkt-empty-icon {
  display: inline-grid;
  place-items: center;
  width: 64px;
  height: 64px;
  border-radius: 9999px;
  background: rgba(12, 42, 77, 0.06);
  color: #0C2A4D;
  margin-bottom: 14px;
}
.grows-mkt-empty-icon svg { width: 24px; height: 24px; }
.grows-mkt-empty-title { font-size: 16px; font-weight: 700; color: #0F172A; }
.grows-mkt-empty-sub { margin-top: 4px; font-size: 13px; color: #64748B; }

.grows-devcreds {
  margin-top: 18px;
  padding: 14px;
  border-radius: 14px;
  background:
    radial-gradient(120% 100% at 0% 0%, rgba(232, 62, 21, 0.06), transparent 60%),
    linear-gradient(180deg, #FFFFFF 0%, #FAFBFC 100%);
  border: 1px dashed rgba(218, 222, 232, 0.95);
}
.grows-devcreds-head {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 10px;
}
.grows-devcreds-badge {
  display: inline-flex;
  align-items: center;
  height: 18px;
  padding: 0 7px;
  border-radius: 9999px;
  background: #0C2A4D;
  color: #FFFFFF;
  font-size: 9.5px;
  font-weight: 700;
  letter-spacing: 0.08em;
}
.grows-devcreds-title {
  font-size: 12px;
  font-weight: 700;
  color: #0F172A;
  letter-spacing: -0.005em;
}
.grows-devcreds-list {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.grows-devcreds-row {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px 10px;
  border-radius: 10px;
  background: #FFFFFF;
  border: 1px solid rgba(232, 235, 241, 0.95);
  transition: background 140ms ease, border-color 140ms ease;
}
.grows-devcreds-row:hover { background: #F7F8FB; border-color: #C9CFD9; }
.grows-devcreds-icon {
  display: grid;
  place-items: center;
  width: 28px;
  height: 28px;
  border-radius: 8px;
  background: rgba(12, 42, 77, 0.06);
  color: #0C2A4D;
  flex-shrink: 0;
}
.grows-devcreds-icon svg { width: 14px; height: 14px; }
.grows-devcreds-row.is-orange .grows-devcreds-icon { background: rgba(232, 62, 21, 0.10); color: #B43E15; }
.grows-devcreds-row.is-gold   .grows-devcreds-icon { background: rgba(196, 151, 47, 0.14); color: #8C6A1A; }
.grows-devcreds-meta { min-width: 0; flex: 1; }
.grows-devcreds-role {
  font-size: 11.5px;
  font-weight: 700;
  color: #0F172A;
  letter-spacing: -0.005em;
}
.grows-devcreds-vals {
  font-size: 11px;
  color: #64748B;
  display: flex;
  align-items: center;
  gap: 6px;
  flex-wrap: wrap;
  margin-top: 1px;
}
.grows-devcreds-vals code {
  font-family: ui-monospace, "SFMono-Regular", Menlo, monospace;
  background: #F1F4F9;
  color: #0F172A;
  padding: 1px 6px;
  border-radius: 6px;
  font-size: 10.5px;
}
.grows-devcreds-sep { color: #CBD5E1; }
.grows-devcreds-fill {
  display: inline-flex;
  align-items: center;
  height: 28px;
  padding: 0 12px;
  border-radius: 8px;
  background: #0C2A4D;
  color: #FFFFFF;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: -0.005em;
  cursor: pointer;
  border: 0;
  transition: background 140ms ease, transform 140ms ease;
  flex-shrink: 0;
}
.grows-devcreds-fill:hover { background: #0E3258; transform: translateY(-1px); }
.grows-devcreds-hint {
  margin-top: 10px;
  font-size: 10.5px;
  color: #94A3B8;
  text-align: center;
  letter-spacing: -0.002em;
}

.grows-offer-owner-acts {
  position: absolute;
  top: 12px;
  right: 12px;
  display: flex;
  align-items: center;
  gap: 6px;
  z-index: 3;
}
.grows-offer-owner-btn {
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  border-radius: 9999px;
  background: rgba(255, 255, 255, 0.92);
  border: 1px solid rgba(255, 255, 255, 0.45);
  color: #0F172A;
  backdrop-filter: blur(8px);
  cursor: pointer;
  transition: transform 160ms ease, background 160ms ease, color 160ms ease;
}
.grows-offer-owner-btn:hover { transform: scale(1.08); background: #FFFFFF; }
.grows-offer-owner-btn svg { width: 14px; height: 14px; }
.grows-offer-owner-btn.is-danger { color: #E11D48; }

.grows-tabs {
  display: inline-flex;
  align-items: center;
  gap: 2px;
  padding: 4px;
  background: #F5F7FA;
  border: 1px solid rgba(232, 235, 241, 0.95);
  border-radius: 10px;
}
.grows-tab {
  display: inline-flex;
  align-items: baseline;
  gap: 6px;
  height: 30px;
  padding: 0 12px;
  border-radius: 7px;
  font-size: 12.5px;
  font-weight: 600;
  letter-spacing: -0.005em;
  color: #64748B;
  transition: background 140ms ease, color 140ms ease, box-shadow 140ms ease;
  white-space: nowrap;
  line-height: 30px;
}
.grows-tab:hover { color: #0F172A; }
.grows-tab.is-active {
  background: #FFFFFF;
  color: #0F172A;
  box-shadow:
    0 1px 2px rgba(15, 23, 42, 0.06),
    0 0 0 1px rgba(15, 23, 42, 0.04);
}
.grows-tab-count {
  font-size: 11.5px;
  font-weight: 500;
  color: #94A3B8;
  letter-spacing: -0.002em;
}
.grows-tab.is-active .grows-tab-count { color: #475569; font-weight: 600; }

.grows-bprof-shell {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 16px;
  margin-top: 16px;
}
@media (min-width: 1080px) {
  .grows-bprof-shell {
    grid-template-columns: minmax(0, 1fr) 360px;
    gap: 22px;
    align-items: start;
  }
}

.grows-bprof-main {
  display: flex;
  flex-direction: column;
  gap: 14px;
  min-width: 0;
}

.grows-bprof-side {
  display: flex;
  flex-direction: column;
  gap: 14px;
  min-width: 0;
}
@media (min-width: 1080px) {
  .grows-bprof-side {
    position: sticky;
    top: 88px;
    max-height: calc(100vh - 100px);
    overflow-y: auto;
    overflow-x: hidden;
    padding-right: 4px;
    scrollbar-width: thin;
    scrollbar-color: rgba(15, 23, 42, 0.18) transparent;
  }
  .grows-bprof-side::-webkit-scrollbar { width: 6px; }
  .grows-bprof-side::-webkit-scrollbar-thumb {
    background: rgba(15, 23, 42, 0.18);
    border-radius: 4px;
  }
}

.grows-bprof-progress {
  position: relative;
  padding: 16px 18px;
  background:
    radial-gradient(140% 90% at 100% 0%, rgba(245, 194, 75, 0.10), transparent 55%),
    linear-gradient(180deg, #FFFFFF 0%, #FBFCFD 100%);
  border: 1px solid rgba(228, 232, 240, 0.95);
  border-radius: 16px;
  box-shadow:
    0 1px 2px rgba(17, 24, 39, 0.04),
    0 12px 28px -22px rgba(12, 42, 77, 0.16);
}
.grows-bprof-progress-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  flex-wrap: wrap;
}
.grows-bprof-progress-meta { min-width: 0; }
.grows-bprof-progress-eyebrow {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #94A3B8;
}
.grows-bprof-progress-headline {
  margin-top: 4px;
  font-size: 16px;
  font-weight: 700;
  color: #0F172A;
  letter-spacing: -0.014em;
}
.grows-bprof-progress-sub {
  margin-left: 4px;
  font-size: 13px;
  font-weight: 500;
  color: #64748B;
  letter-spacing: -0.002em;
}
.grows-bprof-progress-sub--ok { color: #047857; }

.grows-bprof-progress-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  height: 26px;
  padding: 0 10px;
  border-radius: 999px;
  font-size: 11.5px;
  font-weight: 600;
  letter-spacing: -0.002em;
  color: #475569;
  background: #F6F8FB;
  border: 1px solid rgba(228, 232, 240, 0.95);
}
.grows-bprof-progress-badge svg { width: 13px; height: 13px; }
.grows-bprof-progress-badge.is-verified {
  color: #047857;
  background: #ECFDF5;
  border-color: rgba(16, 185, 129, 0.22);
}

.grows-bprof-progress-bar {
  position: relative;
  margin-top: 14px;
  height: 6px;
  border-radius: 999px;
  background: rgba(12, 42, 77, 0.07);
  overflow: hidden;
}
.grows-bprof-progress-bar-fill {
  position: absolute;
  inset: 0 auto 0 0;
  background: linear-gradient(90deg, #0C2A4D 0%, #1E3F6B 60%, #B8860B 130%);
  border-radius: 999px;
  transition: width 500ms cubic-bezier(0.22, 1, 0.36, 1);
}

.grows-bprof-sidecard {
  position: relative;
  padding: 16px;
  background: #FFFFFF;
  border: 1px solid rgba(228, 232, 240, 0.95);
  border-radius: 16px;
  box-shadow:
    0 1px 2px rgba(17, 24, 39, 0.04),
    0 14px 32px -22px rgba(12, 42, 77, 0.14);
}
.grows-bprof-sidecard-head {
  margin-bottom: 12px;
}
.grows-bprof-sidecard-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 10.5px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.10em;
  color: #94A3B8;
}
.grows-bprof-sidecard-eyebrow svg { width: 12px; height: 12px; color: #94A3B8; }
.grows-bprof-sidecard-title {
  margin-top: 4px;
  font-size: 14.5px;
  font-weight: 700;
  color: #0F172A;
  letter-spacing: -0.012em;
}
.grows-bprof-sidecard-sub {
  margin-top: 2px;
  font-size: 12px;
  color: #748094;
}
.grows-bprof-sidecard-foot {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  margin-top: 12px;
  font-size: 12px;
  font-weight: 600;
  color: #0C2A4D;
  letter-spacing: -0.002em;
  transition: gap 200ms cubic-bezier(0.22, 1, 0.36, 1);
}
.grows-bprof-sidecard-foot:hover { gap: 7px; }
.grows-bprof-sidecard-foot svg { width: 13px; height: 13px; }

.grows-bprof-sidecard--preview { padding: 14px; }
.grows-bprof-sidecard--preview .grows-bprof-sidecard-head { padding: 4px 4px 12px; }
.grows-bprof-sidecard--preview .grows-bprof-preview-frame {
  padding: 0;
  background: transparent;
  border-radius: 14px;
  overflow: hidden;
}

.grows-bprof-perf-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
}
.grows-bprof-perf {
  position: relative;
  padding: 12px;
  border-radius: 12px;
  background: #F8FAFB;
  border: 1px solid rgba(228, 232, 240, 0.7);
  transition: background 180ms ease, border-color 180ms ease, transform 180ms ease;
}
.grows-bprof-perf:hover {
  background: #FFFFFF;
  border-color: rgba(12, 42, 77, 0.18);
  transform: translateY(-1px);
}
.grows-bprof-perf-icon {
  display: inline-grid;
  place-items: center;
  width: 26px;
  height: 26px;
  border-radius: 8px;
  background: rgba(12, 42, 77, 0.07);
  color: #0C2A4D;
}
.grows-bprof-perf-icon svg { width: 13px; height: 13px; }
.grows-bprof-perf-label {
  margin-top: 8px;
  font-size: 10.5px;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #94A3B8;
}
.grows-bprof-perf-value {
  margin-top: 2px;
  font-size: 18px;
  font-weight: 700;
  color: #0F172A;
  letter-spacing: -0.016em;
  font-variant-numeric: tabular-nums;
  line-height: 1.15;
}
.grows-bprof-perf-delta {
  position: absolute;
  top: 12px;
  right: 12px;
  display: inline-flex;
  align-items: center;
  height: 18px;
  padding: 0 6px;
  border-radius: 999px;
  font-size: 10.5px;
  font-weight: 700;
  letter-spacing: -0.002em;
}
.grows-bprof-perf-delta.is-up {
  color: #047857;
  background: rgba(16, 185, 129, 0.12);
}
.grows-bprof-perf-delta.is-neutral {
  color: #64748B;
  background: rgba(100, 116, 139, 0.10);
}

.grows-bprof-actions {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.grows-bprof-action {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 9px 10px;
  border-radius: 10px;
  text-decoration: none;
  color: #0F172A;
  border: 1px solid transparent;
  transition: background 180ms ease, border-color 180ms ease, transform 180ms ease;
}
.grows-bprof-action:hover {
  background: #F6F8FB;
  border-color: rgba(228, 232, 240, 0.95);
  transform: translateX(2px);
}
.grows-bprof-action-icon {
  display: inline-grid;
  place-items: center;
  width: 30px;
  height: 30px;
  border-radius: 9px;
  background: rgba(12, 42, 77, 0.06);
  color: #0C2A4D;
  flex-shrink: 0;
  transition: background 180ms ease, color 180ms ease;
}
.grows-bprof-action-icon svg { width: 14px; height: 14px; }
.grows-bprof-action:hover .grows-bprof-action-icon {
  background: #0C2A4D;
  color: #FFFFFF;
}
.grows-bprof-action-text {
  display: flex;
  flex-direction: column;
  min-width: 0;
  flex: 1;
}
.grows-bprof-action-title {
  font-size: 13px;
  font-weight: 600;
  color: #0F172A;
  letter-spacing: -0.008em;
  line-height: 1.25;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.grows-bprof-action-sub {
  font-size: 11.5px;
  color: #748094;
  letter-spacing: -0.002em;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.grows-bprof-action-chev {
  width: 14px;
  height: 14px;
  color: #94A3B8;
  flex-shrink: 0;
  transition: transform 200ms cubic-bezier(0.22, 1, 0.36, 1), color 180ms ease;
}
.grows-bprof-action:hover .grows-bprof-action-chev {
  color: #0C2A4D;
  transform: translateX(2px);
}

.grows-bofr-toolbar {
  position: sticky;
  top: 0;
  z-index: 25;
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: 14px;
  margin: 20px -16px 16px;
  padding: 12px 16px;
  background: #FFFFFF;
  backdrop-filter: saturate(160%) blur(14px);
  -webkit-backdrop-filter: saturate(160%) blur(14px);
  border: 1px solid rgba(228, 232, 240, 0.85);
  border-radius: 14px;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.03);
}
@media (min-width: 640px) {
  .grows-bofr-toolbar { margin-left: 0; margin-right: 0; }
}

.grows-bofr-toolbar-left {
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
}
.grows-bofr-toolbar-center {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 0;
}
.grows-bofr-toolbar-back {
  display: inline-grid;
  place-items: center;
  width: 34px;
  height: 34px;
  border-radius: 10px;
  background: #FFFFFF;
  border: 1px solid rgba(228, 232, 240, 0.95);
  color: #0F172A;
  flex-shrink: 0;
  transition: background 160ms ease, transform 160ms ease, border-color 160ms ease;
}
.grows-bofr-toolbar-back:hover {
  background: #F6F8FB;
  border-color: #D6DBE4;
  transform: translateX(-1px);
}
.grows-bofr-toolbar-back svg { width: 15px; height: 15px; }

.grows-bofr-toolbar-id {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.grows-bofr-toolbar-eyebrow {
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.14em;
  color: #94A3B8;
  line-height: 1;
}
.grows-bofr-toolbar-title {
  font-size: 15px;
  font-weight: 700;
  color: #0F172A;
  letter-spacing: -0.016em;
  line-height: 1.2;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 240px;
}
@media (min-width: 900px) { .grows-bofr-toolbar-title { max-width: 420px; font-size: 16px; } }

.grows-bofr-toolbar-meta {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  margin-top: 2px;
  flex-wrap: wrap;
}

.grows-bofr-status-pill {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  height: 20px;
  padding: 0 8px;
  border-radius: 999px;
  font-size: 10.5px;
  font-weight: 600;
  letter-spacing: 0.002em;
  border: 1px solid transparent;
  flex-shrink: 0;
}
.grows-bofr-status-pill .grows-bofr-status-dot {
  width: 5px; height: 5px;
  border-radius: 999px;
  background: currentColor;
}
.grows-bofr-status-pill.is-active    { color: #047857; background: rgba(16,185,129,0.08); border-color: rgba(16,185,129,0.22); }
.grows-bofr-status-pill.is-scheduled { color: #0369A1; background: rgba(2,132,199,0.08);  border-color: rgba(2,132,199,0.22); }
.grows-bofr-status-pill.is-expired   { color: #BE123C; background: rgba(225,29,72,0.08);  border-color: rgba(225,29,72,0.20); }
.grows-bofr-status-pill.is-draft     { color: #B45309; background: rgba(245,158,11,0.08); border-color: rgba(245,158,11,0.22); }

.grows-bofr-save-state {
  display: none;
  align-items: center;
  gap: 5px;
  height: 20px;
  padding: 0 8px;
  border-radius: 999px;
  font-size: 10.5px;
  font-weight: 600;
  letter-spacing: 0.002em;
  color: #64748B;
  background: transparent;
  border: 1px solid rgba(228, 232, 240, 0.95);
  flex-shrink: 0;
}
@media (min-width: 760px) { .grows-bofr-save-state { display: inline-flex; } }
.grows-bofr-save-state .grows-bofr-save-state-dot {
  width: 5px; height: 5px; border-radius: 999px;
  background: #94A3B8;
}
.grows-bofr-save-state[data-state="dirty"] {
  color: #B45309; background: rgba(245,158,11,0.08); border-color: rgba(245,158,11,0.22);
}
.grows-bofr-save-state[data-state="dirty"] .grows-bofr-save-state-dot {
  background: #F59E0B;
  animation: bofrDirtyPulse 1.4s ease-in-out infinite;
}
.grows-bofr-save-state[data-state="saving"] {
  color: #0369A1; background: rgba(2,132,199,0.08); border-color: rgba(2,132,199,0.22);
}
.grows-bofr-save-state[data-state="saving"] .grows-bofr-save-state-dot {
  background: #38BDF8;
  animation: bofrDirtyPulse 1s ease-in-out infinite;
}
@keyframes bofrDirtyPulse {
  0%,100% { opacity: 1; transform: scale(1); }
  50%     { opacity: 0.5; transform: scale(1.4); }
}

.grows-bofr-toolbar-right {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  flex-shrink: 0;
}

.grows-bofr-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  height: 34px;
  padding: 0 14px;
  border-radius: 10px;
  font-size: 12.5px;
  font-weight: 600;
  letter-spacing: -0.005em;
  border: 1px solid transparent;
  background: transparent;
  color: #0F172A;
  cursor: pointer;
  text-decoration: none;
  transition: background 160ms ease, transform 160ms ease, border-color 160ms ease, box-shadow 160ms ease;
}
.grows-bofr-btn svg { width: 14px; height: 14px; }
.grows-bofr-btn--ghost {
  background: #FFFFFF;
  border-color: rgba(220, 224, 232, 0.95);
}
.grows-bofr-btn--ghost:hover { background: #F6F8FB; border-color: #C9CFD9; transform: translateY(-1px); }
.grows-bofr-btn--primary {
  background: #0C2A4D;
  color: #FFFFFF;
  border-color: #0C2A4D;
  box-shadow:
    0 1px 0 rgba(255,255,255,0.16) inset,
    0 6px 14px -8px rgba(12, 42, 77, 0.55);
}
.grows-bofr-btn--primary:hover { background: #0E3258; border-color: #0E3258; transform: translateY(-1px); }

.grows-bofr-shell {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 16px;
  align-items: start;
}
@media (min-width: 1100px) {
  .grows-bofr-shell {
    grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr);
    gap: 20px;
  }

  .grows-bofr-shell > .grows-bofr-edit   { order: 1; }
  .grows-bofr-shell > .grows-bofr-canvas { order: 2; }
}

.grows-bofr-canvas {
  position: relative;
  padding: 16px;
  background:
    radial-gradient(120% 80% at 0% 0%, rgba(245, 194, 75, 0.07), transparent 55%),
    linear-gradient(180deg, #FAFBFD 0%, #F3F5F9 100%);
  border: 1px solid rgba(228, 232, 240, 0.9);
  border-radius: 18px;
  box-shadow:
    0 1px 2px rgba(17, 24, 39, 0.03),
    0 14px 38px -28px rgba(12, 42, 77, 0.18);
}
@media (min-width: 1100px) {
  .grows-bofr-canvas {
    position: sticky;
    top: 80px;
    padding: 18px;
  }
}
.grows-bofr-canvas-head {
  margin-bottom: 12px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}
.grows-bofr-canvas-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  color: #94A3B8;
  line-height: 1;
}
.grows-bofr-canvas-eyebrow svg { width: 12px; height: 12px; }
.grows-bofr-canvas-sub {
  font-size: 11px;
  color: #94A3B8;
  letter-spacing: -0.002em;
}

.grows-bofr-canvas-stage {
  display: block;
  padding: 0;
}
.grows-bofr-stage-card {
  width: 100%;
  max-width: 100%;
  border-radius: 16px;
  box-shadow:
    0 1px 2px rgba(17, 24, 39, 0.05),
    0 18px 40px -22px rgba(12, 42, 77, 0.22);
}
.grows-bofr-stage-card .grows-offer-title { font-size: 15px; }
.grows-bofr-stage-card .grows-offer-desc  { font-size: 12.5px; }
.grows-bofr-stage-card:hover { transform: none; }

.grows-bofr-edit-zone {
  position: relative;
  cursor: pointer;
  outline: none;
  transition: box-shadow 200ms ease;
}
.grows-bofr-edit-zone::before {
  content: '';
  position: absolute;
  inset: -4px;
  border-radius: 10px;
  border: 1.5px dashed transparent;
  pointer-events: none;
  transition: border-color 200ms ease, background 200ms ease;
}
.grows-bofr-edit-zone:hover::before,
.grows-bofr-edit-zone:focus-visible::before {
  border-color: rgba(12, 42, 77, 0.28);
  background: rgba(245, 194, 75, 0.05);
}
.grows-bofr-edit-zone--chip::before { inset: -3px -5px; border-radius: 999px; }
.grows-bofr-edit-zone--badge::before { inset: -3px; border-radius: 999px; }

.grows-bofr-edit-hint {
  position: absolute;
  top: 10px;
  left: 50%;
  transform: translate(-50%, -6px);
  display: inline-flex;
  align-items: center;
  gap: 5px;
  height: 26px;
  padding: 0 10px;
  border-radius: 999px;
  background: rgba(15, 23, 42, 0.88);
  color: #FFFFFF;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: -0.002em;
  backdrop-filter: blur(8px);
  box-shadow: 0 10px 22px -10px rgba(0, 0, 0, 0.5);
  opacity: 0;
  pointer-events: none;
  transition: opacity 180ms ease, transform 220ms cubic-bezier(0.22, 1, 0.36, 1);
  z-index: 4;
  white-space: nowrap;
}
.grows-bofr-edit-hint svg { width: 11px; height: 11px; }
.grows-bofr-edit-zone:hover > .grows-bofr-edit-hint,
.grows-bofr-edit-zone:focus-visible > .grows-bofr-edit-hint {
  opacity: 1;
  transform: translate(-50%, 0);
}

.grows-bofr-edit-wrap {
  position: relative;
}
.grows-bofr-edit-hint--inline {
  position: absolute;
  top: -10px;
  right: 8px;
  left: auto;
  transform: translateY(4px);
  margin: 0;
  opacity: 0;
  pointer-events: none;
}
.grows-bofr-edit-wrap:hover > .grows-bofr-edit-hint--inline,
.grows-bofr-edit-wrap:focus-within > .grows-bofr-edit-hint--inline {
  opacity: 1;
  transform: translateY(0);
}

.grows-bofr-edit {
  display: flex;
  flex-direction: column;
  gap: 10px;
  min-width: 0;
}

.grows-bofr-edit-section {
  background: #FFFFFF;
  border: 1px solid rgba(228, 232, 240, 0.9);
  border-radius: 14px;
  box-shadow:
    0 1px 2px rgba(17, 24, 39, 0.03),
    0 8px 22px -18px rgba(12, 42, 77, 0.12);
  overflow: hidden;
  transition: border-color 200ms ease, box-shadow 200ms ease;
}
.grows-bofr-edit-section:hover {
  border-color: rgba(12, 42, 77, 0.14);
}
.grows-bofr-edit-section[open] {
  border-color: rgba(12, 42, 77, 0.16);
  box-shadow:
    0 1px 2px rgba(17, 24, 39, 0.03),
    0 12px 28px -20px rgba(12, 42, 77, 0.16);
}

.grows-bofr-edit-summary {
  display: flex;
  align-items: center;
  gap: 11px;
  padding: 12px 14px;
  cursor: pointer;
  list-style: none;
  user-select: none;
  transition: background 160ms ease;
}
.grows-bofr-edit-summary::-webkit-details-marker { display: none; }
.grows-bofr-edit-summary:hover { background: #FAFBFD; }

.grows-bofr-edit-summary-ic {
  display: inline-grid;
  place-items: center;
  width: 28px;
  height: 28px;
  border-radius: 8px;
  background: rgba(12, 42, 77, 0.06);
  color: #0C2A4D;
  flex-shrink: 0;
}
.grows-bofr-edit-summary-ic svg { width: 14px; height: 14px; }
.grows-bofr-edit-summary-ic.is-amber  { background: rgba(245,158,11,0.10); color: #B45309; }
.grows-bofr-edit-summary-ic.is-rose   { background: rgba(225,29,72,0.08);  color: #BE123C; }
.grows-bofr-edit-summary-ic.is-sky    { background: rgba(2,132,199,0.08);  color: #0369A1; }
.grows-bofr-edit-summary-ic.is-purple { background: rgba(109,40,217,0.08); color: #6D28D9; }
.grows-bofr-edit-summary-ic.is-green  { background: rgba(16,185,129,0.08); color: #047857; }

.grows-bofr-edit-summary-text {
  display: flex;
  flex-direction: column;
  min-width: 0;
  flex: 1;
  gap: 1px;
}
.grows-bofr-edit-summary-title {
  font-size: 13px;
  font-weight: 700;
  color: #0F172A;
  letter-spacing: -0.012em;
  line-height: 1.25;
}
.grows-bofr-edit-summary-sub {
  font-size: 11px;
  color: #8895A8;
  letter-spacing: -0.002em;
  line-height: 1.35;
}

.grows-bofr-edit-chev {
  width: 14px;
  height: 14px;
  color: #94A3B8;
  flex-shrink: 0;
  transition: transform 240ms cubic-bezier(0.22, 1, 0.36, 1), color 180ms ease;
}
.grows-bofr-edit-section[open] .grows-bofr-edit-chev {
  transform: rotate(180deg);
  color: #0C2A4D;
}

.grows-bofr-edit-body {
  padding: 14px 14px 16px;
  border-top: 1px solid rgba(228, 232, 240, 0.7);
  animation: bofrSectionOpen 260ms cubic-bezier(0.22, 1, 0.36, 1);
}
@keyframes bofrSectionOpen {
  from { opacity: 0; transform: translateY(-4px); }
  to   { opacity: 1; transform: translateY(0); }
}

.grows-bofr-edit-body .grows-bprof-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px 12px;
}
.grows-bofr-edit-body .grows-bprof-col-2 { grid-column: span 1; }
@media (max-width: 639px) {
  .grows-bofr-edit-body .grows-bprof-grid { grid-template-columns: 1fr; }
  .grows-bofr-edit-body .grows-bprof-col-2 { grid-column: 1 / -1; }
}
.grows-bofr-edit-body .grows-set-field  { gap: 5px; }
.grows-bofr-edit-body .grows-set-field-label {
  font-size: 11.5px;
  font-weight: 600;
  color: #475569;
  letter-spacing: -0.002em;
}
.grows-bofr-edit-body .grows-set-input {
  height: 36px;
  padding: 0 11px;
  font-size: 13px;
  border-radius: 9px;
  border: 1px solid rgba(220, 224, 232, 0.95);
  background: #FFFFFF;
  color: #0F172A;
  box-shadow: 0 1px 0 rgba(17, 24, 39, 0.02);
  transition: border-color 160ms ease, box-shadow 160ms ease, background 160ms ease;
}
.grows-bofr-edit-body .grows-set-input:hover {
  border-color: #C9CFD9;
}
.grows-bofr-edit-body .grows-set-input:focus,
.grows-bofr-edit-body .grows-set-input:focus-visible {
  outline: none;
  border-color: #0C2A4D;
  box-shadow: 0 0 0 3px rgba(12, 42, 77, 0.10);
  background: #FFFFFF;
}
.grows-bofr-edit-body .grows-set-input--area {
  height: auto;
  padding: 9px 11px;
  line-height: 1.45;
  resize: vertical;
}
.grows-bofr-edit-body .grows-set-select { padding-right: 32px; }

.grows-set-input.is-flash,
.grows-set-input--area.is-flash,
.grows-set-select.is-flash {
  border-color: #B8860B !important;
  box-shadow: 0 0 0 4px rgba(245, 194, 75, 0.22) !important;
  animation: bofrFlash 1.4s ease-out;
}
@keyframes bofrFlash {
  0%   { box-shadow: 0 0 0 0   rgba(245, 194, 75, 0.55); }
  30%  { box-shadow: 0 0 0 6px rgba(245, 194, 75, 0.30); }
  100% { box-shadow: 0 0 0 4px rgba(245, 194, 75, 0.22); }
}

.grows-offer--cinematic {
  border-radius: 22px;
  border-color: rgba(228, 232, 240, 0.95);
  box-shadow:
    0 1px 2px rgba(17, 24, 39, 0.04),
    0 14px 36px -22px rgba(12, 42, 77, 0.20);
}
.grows-offer--cinematic:hover {
  box-shadow:
    0 1px 2px rgba(17, 24, 39, 0.04),
    0 28px 50px -22px rgba(12, 42, 77, 0.34);
}
.grows-offer--cinematic .grows-offer-media {
  aspect-ratio: 16 / 10;
  background: #0F172A;
}
.grows-offer--cinematic .grows-offer-img {
  filter: saturate(108%) contrast(104%);
  transition: transform 800ms cubic-bezier(.2,.7,.2,1), filter 400ms ease;
}
.grows-offer--cinematic:hover .grows-offer-img {
  transform: scale(1.07);
  filter: saturate(118%) contrast(108%);
}

.grows-offer--cinematic .grows-offer-shade {
  background:
    linear-gradient(180deg,
      rgba(8, 12, 24, 0.55) 0%,
      rgba(8, 12, 24, 0.10) 24%,
      rgba(8, 12, 24, 0.00) 52%,
      rgba(8, 12, 24, 0.20) 80%,
      rgba(8, 12, 24, 0.55) 100%);
}

.grows-offer-vignette {
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    radial-gradient(120% 90% at 0% 100%, rgba(245, 194, 75, 0.00), transparent 60%),
    radial-gradient(120% 90% at 100% 0%, rgba(12, 42, 77, 0.00), transparent 60%);
  transition: background 400ms ease;
}
.grows-offer--cinematic:hover .grows-offer-vignette {
  background:
    radial-gradient(120% 90% at 0% 100%, rgba(245, 194, 75, 0.22), transparent 60%),
    radial-gradient(120% 90% at 100% 0%, rgba(12, 42, 77, 0.30), transparent 55%);
}

.grows-offer-discount--editorial {
  left: 14px;
  top: 14px;
  height: auto;
  padding: 10px 14px 9px;
  border-radius: 14px;
  background: rgba(8, 12, 24, 0.55);
  border: 1px solid rgba(255, 255, 255, 0.10);
  backdrop-filter: blur(10px) saturate(140%);
  -webkit-backdrop-filter: blur(10px) saturate(140%);
  box-shadow:
    0 1px 0 rgba(255,255,255,0.10) inset,
    0 10px 26px -10px rgba(0, 0, 0, 0.55);
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  line-height: 1;
}
.grows-offer-discount-head {
  font-size: 22px;
  font-weight: 800;
  letter-spacing: -0.018em;
  color: #FFFFFF;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
  font-variant-numeric: tabular-nums;
}
.grows-offer-discount-sub {
  margin-top: 3px;
  font-size: 9.5px;
  font-weight: 700;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.78);
}

.grows-offer--cinematic .grows-offer-discount-head {
  background: linear-gradient(135deg, #FFFFFF 0%, #FFE9B0 90%);
  -webkit-background-clip: text;
          background-clip: text;
  -webkit-text-fill-color: transparent;
}

.grows-offer-owner-acts {
  position: absolute;
  right: 12px;
  top: 12px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px;
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.18);
  border: 1px solid rgba(255, 255, 255, 0.28);
  backdrop-filter: blur(14px) saturate(160%);
  -webkit-backdrop-filter: blur(14px) saturate(160%);
  box-shadow: 0 8px 20px -10px rgba(0, 0, 0, 0.45);
  opacity: 0;
  transform: translateY(-4px);
  transition: opacity 200ms ease, transform 200ms ease;
  z-index: 4;
}
.grows-offer--cinematic:hover .grows-offer-owner-acts,
.grows-offer--cinematic:focus-within .grows-offer-owner-acts {
  opacity: 1;
  transform: translateY(0);
}
.grows-offer-owner-acts form { display: inline-flex; }
.grows-offer-owner-btn {
  display: inline-grid;
  place-items: center;
  width: 30px;
  height: 30px;
  border-radius: 9px;
  background: transparent;
  color: #FFFFFF;
  border: 0;
  cursor: pointer;
  transition: background 160ms ease, transform 160ms ease;
}
.grows-offer-owner-btn:hover {
  background: rgba(255, 255, 255, 0.20);
  transform: translateY(-1px);
}
.grows-offer-owner-btn svg { width: 14px; height: 14px; }
.grows-offer-owner-btn.is-danger:hover { background: rgba(225, 29, 72, 0.85); }

.grows-offer-flag--slim {
  left: 14px;
  bottom: 14px;
  height: 24px;
  padding: 0 10px;
  font-size: 10.5px;
  font-weight: 700;
  letter-spacing: 0.10em;
  text-transform: uppercase;
  background: rgba(8, 12, 24, 0.55);
  color: #FFFFFF;
  border: 1px solid rgba(255, 255, 255, 0.16);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}
.grows-offer-flag--slim .grows-offer-flag-dot {
  width: 6px;
  height: 6px;
  border-radius: 999px;
  background: currentColor;
  box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.10);
}
.grows-offer-flag--slim.is-claimed  { color: #6EE7B7; }
.grows-offer-flag--slim.is-expiring { color: #FCA5A5; }
.grows-offer-flag--slim.is-hidden   { color: #FCD34D; }

.grows-offer-flag--slim.is-claimed .grows-offer-flag-dot {
  animation: bofrLivePulse 2.2s ease-in-out infinite;
}
@keyframes bofrLivePulse {
  0%,100% { opacity: 1; transform: scale(1); }
  50%     { opacity: 0.55; transform: scale(1.35); }
}

.grows-offer--cinematic .grows-offer-body {
  padding: 16px 18px 18px;
  gap: 8px;
}
.grows-offer--cinematic .grows-offer-title {
  font-size: 16px;
  font-weight: 700;
  letter-spacing: -0.014em;
}
.grows-offer--cinematic .grows-offer-desc {
  font-size: 12.5px;
  color: #748094;
}
.grows-offer--cinematic .grows-offer-claim {
  height: 38px;
  padding: 0 16px;
  border-radius: 11px;
  font-weight: 700;
  letter-spacing: -0.005em;
  background: #0C2A4D;
  box-shadow:
    0 1px 0 rgba(255,255,255,0.16) inset,
    0 10px 22px -10px rgba(12, 42, 77, 0.55);
}
.grows-offer--cinematic .grows-offer-claim svg {
  transition: transform 200ms cubic-bezier(0.22, 1, 0.36, 1);
}
.grows-offer--cinematic .grows-offer-claim:hover svg { transform: translateX(3px); }

.grows-bprof-hero {
  border-radius: 22px; overflow: hidden;
  box-shadow: 0 1px 2px rgba(17,24,39,0.04), 0 18px 44px -28px rgba(12,42,77,0.22);
}
.grows-bprof-hero-cover {
  aspect-ratio: 16 / 4 !important; max-height: 260px !important; min-height: 200px; background: #0a0a0a;
}
.grows-bprof-hero-cover .grows-bprof-hero-cover-img {
  filter: saturate(0.92) contrast(1.04) sepia(0.10) brightness(0.92);
}
.grows-bprof-hero-shade {
  background:
    linear-gradient(180deg, rgba(0,0,0,0.18) 0%, transparent 28%, rgba(0,0,0,0.35) 60%, rgba(0,0,0,0.78) 100%),
    radial-gradient(ellipse 110% 120% at 50% 40%, transparent 40%, rgba(0,0,0,0.35) 100%) !important;
}
.grows-bprof-hero-status-float {
  position: absolute; top: 16px; left: 16px; z-index: 4;
  display: inline-flex; align-items: center; gap: 6px;
  height: 26px; padding: 0 11px; border-radius: 9999px;
  background: rgba(255,255,255,0.18); color: #fff;
  font-size: 11px; font-weight: 700; letter-spacing: 0.02em;
  border: 1px solid rgba(255,255,255,0.30);
  backdrop-filter: blur(10px) saturate(140%); -webkit-backdrop-filter: blur(10px) saturate(140%);
  box-shadow: 0 4px 12px -4px rgba(0,0,0,0.30);
}
.grows-bprof-hero-status-float-dot {
  width: 7px; height: 7px; border-radius: 9999px;
  background: #34D399; box-shadow: 0 0 0 3px rgba(52,211,153,0.30);
}
.grows-bprof-hero-status-float--pending  .grows-bprof-hero-status-float-dot { background: #FBBF24; box-shadow: 0 0 0 3px rgba(251,191,36,0.30); }
.grows-bprof-hero-status-float--suspended .grows-bprof-hero-status-float-dot { background: #FB7185; box-shadow: 0 0 0 3px rgba(251,113,133,0.30); }
.grows-bprof-hero-body {
  position: absolute !important; left: 0; right: 0; bottom: 0;
  padding: 18px 24px !important; min-height: 0 !important;
  align-items: center !important; gap: 16px !important; z-index: 3;
  background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.18) 100%) !important;
  backdrop-filter: blur(5px) saturate(115%); -webkit-backdrop-filter: blur(5px) saturate(115%);
  -webkit-mask-image: linear-gradient(180deg, transparent 0%, #000 35%, #000 100%);
          mask-image: linear-gradient(180deg, transparent 0%, #000 35%, #000 100%);
}
@media (max-width: 640px) { .grows-bprof-hero-body { padding: 16px 18px !important; } }
.grows-bprof-hero-logo {
  position: relative !important; top: auto !important; left: auto !important;
  width: 72px !important; height: 72px !important; border-radius: 18px !important;
  border: 3px solid rgba(255,255,255,0.92) !important;
  box-shadow: 0 1px 2px rgba(0,0,0,0.10), 0 10px 22px -8px rgba(0,0,0,0.45) !important;
  flex-shrink: 0;
}
@media (min-width: 640px) { .grows-bprof-hero-logo { width: 84px !important; height: 84px !important; } }
.grows-bprof-hero-id { color: #fff; min-width: 0; flex: 1; }
.grows-bprof-hero-name {
  color: #fff !important; font-size: 22px !important; font-weight: 700 !important;
  line-height: 1.15 !important; letter-spacing: -0.022em !important;
  text-shadow: 0 1px 3px rgba(0,0,0,0.45);
}
@media (min-width: 640px) { .grows-bprof-hero-name { font-size: 26px !important; } }
.grows-bprof-hero-verify { color: #93C5FD !important; }
.grows-bprof-hero-meta {
  color: rgba(255,255,255,0.92) !important; margin-top: 6px !important;
  gap: 10px !important; font-size: 12.5px !important;
}
.grows-bprof-hero-chip {
  background: rgba(255,255,255,0.18) !important; color: #fff !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,0.24) !important;
  backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px);
}
.grows-bprof-hero-pin, .grows-bprof-hero-rating { color: rgba(255,255,255,0.92) !important; font-weight: 600 !important; }
.grows-bprof-hero-rating svg { color: #FCD34D !important; }
.grows-bprof-hero-rating span { color: rgba(255,255,255,0.70) !important; }
.grows-bprof-hero-actions { display: none !important; }

/* ============================================================================
   2026 change-request utilities. This project ships a *precompiled* Tailwind
   build, so utility classes the original templates never used are absent. The
   new pages (analytics, reports, renewal, approvals, public profile, QR, account
   status UI) use additional utilities; define them here so they render correctly
   without a Tailwind rebuild. Values match Tailwind defaults / the design tokens
   (card #fff, bg-hover rgb(241 243 248), ink rgb(17 24 39), ink-muted rgb(107
   114 128), line rgb(236 236 236), brand-navy #0C2A4D, brand-gold #F5C24B).
   ============================================================================ */

/* sizing */
.h-16{height:4rem}.w-16{width:4rem}.h-24{height:6rem}.w-24{width:6rem}
.h-\[15px\]{height:15px}.w-\[15px\]{width:15px}
.h-\[112px\]{height:112px}.w-\[112px\]{width:112px}
.h-\[260px\]{height:260px}.w-\[260px\]{width:260px}.w-\[220px\]{width:220px}
.min-w-\[18px\]{min-width:18px}.min-w-\[20px\]{min-width:20px}
.min-w-\[480px\]{min-width:480px}.min-w-\[520px\]{min-width:520px}.min-w-\[640px\]{min-width:640px}
.min-w-\[680px\]{min-width:680px}.min-w-\[760px\]{min-width:760px}.min-w-\[820px\]{min-width:820px}.min-w-\[860px\]{min-width:860px}
.max-w-\[160px\]{max-width:160px}.max-w-\[200px\]{max-width:200px}.max-w-\[220px\]{max-width:220px}.max-w-\[240px\]{max-width:240px}
.max-w-xs{max-width:20rem}.max-w-lg{max-width:32rem}.max-w-xl{max-width:36rem}

/* spacing */
.m-0{margin:0}.-mt-12{margin-top:-3rem}.-top-2\.5{top:-.625rem}
.gap-0\.5{gap:.125rem}
.mb-0\.5{margin-bottom:.125rem}.mb-3{margin-bottom:.75rem}.mt-3{margin-top:.75rem}.ml-1\.5{margin-left:.375rem}
.left-3{left:.75rem}.left-6{left:1.5rem}.pl-9{padding-left:2.25rem}.pr-3{padding-right:.75rem}
.py-16{padding-top:4rem;padding-bottom:4rem}.py-3\.5{padding-top:.875rem;padding-bottom:.875rem}
.space-y-2>:not([hidden])~:not([hidden]){margin-top:.5rem}

/* radius / border / opacity / cursor / text-deco */
.rounded-2xl{border-radius:1rem}
.border-4{border-width:4px}.border-card{border-color:#fff}.border-amber-200{border-color:#fde68a}
.opacity-60{opacity:.6}.cursor-not-allowed{cursor:not-allowed}.break-all{word-break:break-all}
.underline{text-decoration-line:underline}.underline-offset-4{text-underline-offset:4px}
.order-1{order:1}.order-2{order:2}.rotate-90{transform:rotate(90deg)}

/* colors */
.bg-amber-100{background-color:#fef3c7}.bg-rose-500{background-color:#f43f5e}
.bg-brand-gold\/90{background-color:rgba(245,194,75,.9)}
.bg-bg-hover\/30{background-color:rgb(241 243 248 / .3)}.bg-bg-hover\/50{background-color:rgb(241 243 248 / .5)}
.text-amber-800{color:#92400e}.text-amber-900{color:#78350f}.text-emerald-600{color:#059669}
.text-white\/60{color:rgba(255,255,255,.6)}.text-ink-muted\/60{color:rgb(107 114 128 / .6)}

/* letter-spacing / font-size */
.tracking-wide{letter-spacing:.025em}.tracking-wider{letter-spacing:.05em}
.tracking-\[0\.1em\]{letter-spacing:.1em}.tracking-\[0\.12em\]{letter-spacing:.12em}.tracking-\[0\.14em\]{letter-spacing:.14em}
.tracking-\[-0\.015em\]{letter-spacing:-.015em}.tracking-\[-0\.02em\]{letter-spacing:-.02em}
.text-\[16px\]{font-size:16px}.text-\[20px\]{font-size:20px}.text-\[22px\]{font-size:22px}.text-\[30px\]{font-size:30px}.text-\[40px\]{font-size:40px}

/* states */
.hover\:bg-bg-hover\/30:hover{background-color:rgb(241 243 248 / .3)}
.hover\:bg-emerald-700:hover{background-color:#047857}
.hover\:text-rose-600:hover{color:#e11d48}
.group:hover .group-hover\:underline{text-decoration-line:underline}
.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}
.focus\:ring-2:focus{box-shadow:0 0 0 2px var(--gx-ring,rgba(12,42,77,.2))}
.focus\:ring-brand-navy\/20:focus{--gx-ring:rgba(12,42,77,.2)}
.shadow-\[0_0_10px_rgba\(12\,42\,77\,0\.35\)\]{box-shadow:0 0 10px rgba(12,42,77,.35)}

/* responsive */
@media (min-width:640px){
  .sm\:w-64{width:16rem}.sm\:w-72{width:18rem}.sm\:items-start{align-items:flex-start}
  .sm\:text-\[13px\]{font-size:13px}.sm\:text-\[26px\]{font-size:26px}
}
@media (min-width:768px){ .md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))} }
@media (min-width:1024px){
  .lg\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.lg\:order-1{order:1}.lg\:order-2{order:2}
}