Abundance -- UI Alignment Fix (Packages page)
=================================================

Two real issues, both on the Packages page (test/deposit.php):

1. Contract-length buttons (90/180/270 days) were plain unstyled native
   HTML radio inputs -- showing a default blue OS radio dot instead of
   matching the app's chartreuse accent, and not styled as a pill like
   everything else on this page.

2. The "Contract length" section was wrapped in a .card (a boxed,
   indented panel), while the tier-grid right below it isn't wrapped in
   anything -- so the two stacked sections didn't share the same left
   edge, which is what looked misaligned in your screenshots.

Fixed: removed the .card wrapper so Contract length sits flush with the
tier-grid below it, and gave the radio buttons real pill styling
(chartreuse dot + tinted background when selected, matching the design
system) driven by a small bit of JS toggling a .selected class on change
-- same pattern already used elsewhere on this same page for the package
tier cards.

Upload:
  test/deposit.php
  test/assets/app.css

No SQL changes, no other files affected.