.android_hero {
  --ah-blue:#2563eb;
  --ah-blue-soft:#eff6ff;
  --ah-green:#16a34a;
  --ah-green-soft:#f0fdf4;
  --ah-red:#dc2626;
  --ah-red-soft:#fef2f2;
  --ah-purple:#7c3aed;
  --ah-text:#172033;
  --ah-muted:#64748b;
  --ah-border:#e2e8f0;
  position:relative;
  width:100%;
  max-width:650px;
  height:680px;
  margin:0 auto;
  overflow:visible;
  font-family:"Inter",Arial,sans-serif;
}

.android_hero *, .android_hero *::before, .android_hero *::after { box-sizing:border-box; }

/* SUBTLE BACKGROUND */
.android_hero_glow { position:absolute; border-radius:50%; pointer-events:none; }
.android_hero_glow_one { top:75px; right:12px; width:500px; height:500px; background:radial-gradient(circle,rgba(37,99,235,.10) 0%,rgba(37,99,235,.035) 48%,transparent 72%); }
.android_hero_glow_two { display:none; }
.android_hero_dots { position:absolute; top:42px; right:0; width:95px; height:105px; opacity:.17; background-image:radial-gradient(var(--ah-blue) 1.5px,transparent 1.5px); background-size:16px 16px; }

/* PHONE SHELL */
.android_hero_phone { position:absolute; padding:6px; border-radius:36px; background:linear-gradient(145deg,#0d1118,#232a35); box-shadow:0 28px 62px rgba(15,23,42,.20),0 7px 18px rgba(15,23,42,.10); }
.android_hero_phone_front { z-index:6; top:0; left:78px; width:340px; height:680px; }
.android_hero_phone_back { z-index:3; top:116px; left:330px; width:270px; height:560px; opacity:.97; box-shadow:0 22px 48px rgba(15,23,42,.16),0 5px 14px rgba(15,23,42,.08); }
.android_hero_phone_inner { position:relative; width:100%; height:100%; overflow:hidden; border-radius:30px; background:#f6f7f9; }
.android_hero_phone_back .android_hero_phone_inner { border-radius:29px; }
.android_hero_camera { position:absolute; z-index:30; top:11px; left:50%; width:11px; height:11px; transform:translateX(-50%); border:2px solid #2b3038; border-radius:50%; background:#030507; }

/* STATUS */
.android_hero_statusbar { display:flex; align-items:center; justify-content:space-between; height:36px; padding:5px 13px 0; background:#fff; color:#111827; font-size:8px; font-weight:700; }
.android_hero_status_icons { display:flex; align-items:center; gap:5px; font-size:7px; }

/* APP BAR */
.android_hero_appbar { display:grid; grid-template-columns:32px 1fr 58px; align-items:center; height:54px; padding:0 13px; border-bottom:1px solid #e5e9ef; background:#fff; color:#111827; font-size:15px; }
.android_hero_appbar > i { font-size:17px; }
.android_hero_appbar > strong { font-size:15px; }
.android_hero_appbar_actions { display:flex; align-items:center; justify-content:flex-end; gap:14px; font-size:16px; }

/* FILTERS */
.android_hero_filters { display:flex; align-items:center; gap:6px; height:56px; padding:8px 9px; overflow:hidden; border-bottom:1px solid #e6ebf1; background:#fff; }
.android_hero_filter { display:flex; align-items:center; justify-content:center; gap:5px; height:38px; padding:0 9px; border:1px solid #dce3ec; border-radius:20px; background:#fff; color:#344054; font-size:7px; font-weight:600; white-space:nowrap; }
.android_hero_filter:nth-child(2) { width:145px; flex:0 0 145px; }
.android_hero_filter:nth-child(3) { width:92px; flex:0 0 92px; }
.android_hero_search { width:39px!important; flex:0 0 39px!important; padding:0!important; color:var(--ah-blue); font-size:14px; }

/* SUMMARY */
.android_hero_summary { margin:10px 10px 8px; padding:12px; border:1px solid #dfe5ec; border-radius:14px; background:#fff; box-shadow:0 6px 16px rgba(15,23,42,.045); }
.android_hero_balance { display:flex; justify-content:space-between; padding-bottom:9px; border-bottom:1px solid #e8ecf1; color:var(--ah-text); font-size:11px; }
.android_hero_total { display:flex; justify-content:space-between; margin-top:8px; color:#374151; font-size:8px; }
.android_hero_green { color:var(--ah-green)!important; }
.android_hero_red { color:var(--ah-red)!important; }
.android_hero_report { display:flex; align-items:center; justify-content:center; gap:6px; margin-top:10px; padding-top:9px; border-top:1px solid #e8ecf1; color:var(--ah-blue); font-size:8px; font-weight:700; }
.android_hero_showing { display:flex; align-items:center; justify-content:center; height:27px; color:#748092; font-size:7px; }
.android_hero_date { display:flex; align-items:center; height:31px; padding:0 11px; background:#eef0f3; color:#707989; font-size:8px; font-weight:700; }

/* ENTRIES */
.android_hero_entry { height:67px; padding:8px 11px; border-bottom:1px solid #e7ebf0; background:#fff; }
.android_hero_entry_top { display:flex; align-items:center; justify-content:space-between; gap:8px; color:#111827; font-size:9px; }
.android_hero_payment { display:inline-flex; align-items:center; height:17px; margin-top:4px; padding:0 6px; border-radius:5px; background:var(--ah-blue-soft); color:var(--ah-blue); font-size:6px; font-weight:700; }
.android_hero_payment_online { background:#f5f3ff; color:var(--ah-purple); }
.android_hero_entry_meta { display:flex; align-items:center; gap:7px; margin-top:4px; color:#7b8492; font-size:6px; }
.android_hero_entry_meta strong { color:var(--ah-blue); }

/* CASH BUTTONS */
.android_hero_cash_buttons { position:absolute; z-index:10; left:0; right:0; bottom:34px; display:grid; grid-template-columns:1fr 1fr; gap:8px; height:62px; padding:9px 10px; border-top:1px solid #e1e6ec; background:#fff; }
.android_hero_cash_in, .android_hero_cash_out { display:flex; align-items:center; justify-content:center; gap:6px; border-radius:9px; color:#fff; font-size:10px; font-weight:700; }
.android_hero_cash_in { background:var(--ah-green); }
.android_hero_cash_out { background:var(--ah-red); }

/* ANDROID NAVIGATION */
.android_hero_android_nav { position:absolute; z-index:20; left:0; right:0; bottom:0; display:flex; align-items:center; justify-content:space-around; height:34px; padding:0 47px; background:#080a0d; }
.android_hero_android_recent { width:10px; height:10px; border:1px solid #93989f; border-radius:1px; }
.android_hero_android_home { width:11px; height:11px; border:1px solid #93989f; border-radius:50%; }
.android_hero_android_back { width:0; height:0; border-top:6px solid transparent; border-bottom:6px solid transparent; border-right:8px solid #93989f; }

/* BACK PHONE: LEDGERS */
.android_hero_phone_back .android_hero_statusbar { height:31px; font-size:7px; }
.android_hero_phone_back .android_hero_appbar { height:48px; grid-template-columns:28px 1fr 48px; padding:0 11px; }
.android_hero_phone_back .android_hero_appbar > strong { font-size:12px; }
.android_hero_phone_back .android_hero_appbar > i, .android_hero_phone_back .android_hero_appbar_actions { font-size:12px; }
.android_hero_ledger_heading { display:flex; align-items:center; justify-content:space-between; height:62px; padding:0 13px; background:#f7f8fa; color:var(--ah-text); }
.android_hero_ledger_heading strong { font-size:13px; }
.android_hero_ledger_heading span { display:flex; align-items:center; gap:5px; color:var(--ah-blue); font-size:8px; font-weight:700; }
.android_hero_ledger { display:flex; align-items:center; min-height:78px; padding:10px 12px; border-bottom:1px solid #e7ebf0; background:#fff; }
.android_hero_ledger_icon { display:grid; place-items:center; width:42px; height:42px; flex:0 0 42px; border-radius:12px; background:var(--ah-blue-soft); color:var(--ah-blue); font-size:16px; }
.android_hero_ledger_icon_purple { background:#f5f3ff; color:#7c3aed; }
.android_hero_ledger_icon_green { background:#f0fdf4; color:#16a34a; }
.android_hero_ledger_icon_orange { background:#fff7ed; color:#ea580c; }
.android_hero_ledger_content { min-width:0; flex:1; padding:0 9px; }
.android_hero_ledger_content > strong { display:block; overflow:hidden; color:#111827; font-size:10px; white-space:nowrap; text-overflow:ellipsis; }
.android_hero_ledger_content > small { display:block; margin-top:3px; overflow:hidden; color:#7b8492; font-size:7px; white-space:nowrap; text-overflow:ellipsis; }
.android_hero_ledger_content div { display:flex; align-items:center; gap:7px; margin-top:5px; }
.android_hero_ledger_content div span { padding:3px 5px; border-radius:5px; background:var(--ah-blue-soft); color:var(--ah-blue); font-size:6px; font-weight:700; }
.android_hero_ledger_content div small { color:#7b8492; font-size:6px; }
.android_hero_more { color:#8a94a3; font-size:12px; }
.android_hero_create { position:absolute; right:12px; bottom:48px; display:flex; align-items:center; gap:7px; height:42px; padding:0 15px; border:1px solid #e1e6ec; border-radius:23px; background:#fff; color:var(--ah-blue); box-shadow:0 8px 18px rgba(15,23,42,.10); font-size:8px; font-weight:700; }

/* MOBILE: ONE STRONG PHONE ONLY */
@media (max-width:767px) {
  .android_hero { width:340px; max-width:none; height:680px; }
  .android_hero_phone_front { top:0; left:0; width:340px; height:680px; }
  .android_hero_phone_back { display:none; }
  .android_hero_glow_one { top:95px; left:50%; right:auto; width:350px; height:350px; transform:translateX(-50%); background:radial-gradient(circle,rgba(37,99,235,.09) 0%,rgba(37,99,235,.025) 52%,transparent 74%); }
  .android_hero_dots { display:none; }
}