/* Core reset */
*{box-sizing:border-box;margin:0;padding:0;}
body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;background:#E8EDF5;display:flex;flex-direction:column;align-items:center;padding:20px 10px 40px;min-height:100vh;}
h1{font-size:18px;font-weight:600;color:#1565C0;margin-bottom:4px;}
p{font-size:12px;color:#90A4AE;margin-bottom:16px;}

/* Phone mockup */
.phone{width:360px;background:#F0F4FF;border-radius:28px;overflow:hidden;border:1px solid #BBDEFB;box-shadow:0 8px 32px rgba(21,101,192,0.15);}
.scr{display:none;}.scr.on{display:block;}
.scroll{overflow-y:auto;max-height:580px;padding-bottom:8px;}

/* Header */
.hdr{background:#1565C0;padding:12px 14px 12px;}
.hdr-row{display:flex;align-items:center;justify-content:space-between;}
.logo-area{display:flex;align-items:center;gap:8px;}
.logo-box{width:34px;height:34px;background:rgba(255,255,255,0.18);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:20px;}
.app-n{font-size:16px;font-weight:700;color:white;}
.app-s{font-size:10px;color:rgba(255,255,255,0.6);margin-top:1px;}
.notif{width:32px;height:32px;background:rgba(255,255,255,0.15);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:15px;cursor:pointer;position:relative;}
.ndot{width:8px;height:8px;background:#FF5252;border-radius:50%;position:absolute;top:4px;right:4px;border:1.5px solid #1565C0;}
.loc-pill{background:rgba(255,255,255,0.15);border:0.5px solid rgba(255,255,255,0.3);border-radius:16px;padding:5px 11px;font-size:11px;color:white;display:flex;align-items:center;gap:5px;cursor:pointer;}
.loc-g{width:7px;height:7px;border-radius:50%;background:#69F0AE;}
.srch{background:rgba(255,255,255,0.13);border-radius:10px;padding:9px 12px;margin-top:10px;font-size:12px;color:rgba(255,255,255,0.5);display:flex;align-items:center;gap:6px;}

/* Chips */
.chips{display:flex;gap:5px;padding:8px 12px 7px;background:#E3F2FD;border-bottom:0.5px solid #BBDEFB;overflow-x:auto;}
.chips::-webkit-scrollbar{display:none;}
.chip{padding:5px 13px;border-radius:14px;font-size:11px;white-space:nowrap;cursor:pointer;font-weight:500;transition:all 0.15s;}
.chip.on{background:#1565C0;color:white;}
.chip.off{background:white;color:#1565C0;border:0.5px solid #90CAF9;}

/* Stat grid */
.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:12px 12px 8px;}
.stat{background:white;border:0.5px solid #BBDEFB;border-radius:12px;padding:13px;}
.stat-ico{font-size:22px;margin-bottom:6px;}
.stat-n{font-size:24px;font-weight:700;color:#1565C0;}
.stat-l{font-size:11px;color:#90A4AE;margin-top:3px;}

/* Earnings strip */
.earn-strip{margin:0 12px 8px;background:#1565C0;border-radius:12px;padding:13px 15px;display:flex;align-items:center;justify-content:space-between;}
.earn-amt{font-size:22px;font-weight:700;color:white;}
.earn-lbl{font-size:10px;color:rgba(255,255,255,0.65);margin-bottom:3px;}
.wd-btn{background:white;color:#1565C0;border:none;border-radius:12px;padding:7px 15px;font-size:11px;font-weight:700;cursor:pointer;}
.tier-tag{background:rgba(255,255,255,0.15);border-radius:8px;padding:3px 8px;font-size:10px;color:white;margin-top:5px;display:inline-block;}

/* Nudge */
.nudge{margin:0 12px 8px;background:#E3F2FD;border:0.5px solid #1565C0;border-radius:11px;padding:11px 13px;display:flex;align-items:center;gap:9px;cursor:pointer;}
.nudge-main{font-size:12px;font-weight:600;color:#1565C0;}
.nudge-sub{font-size:10px;color:#5C8DC6;margin-top:1px;}

/* Tab bar */
.ltabs-wrap{padding:0 12px 0;}
.ltabs{display:flex;background:#E3F2FD;border-radius:10px 10px 0 0;overflow:hidden;}
.ltab{flex:1;text-align:center;padding:9px 0;font-size:11px;color:#90A4AE;cursor:pointer;border-bottom:2px solid transparent;transition:all 0.15s;}
.ltab.on{color:#1565C0;border-bottom-color:#1565C0;font-weight:600;}
.add-full-btn{display:block;width:100%;background:#1565C0;color:white;border:none;border-radius:0 0 10px 10px;padding:12px;font-size:13px;font-weight:600;cursor:pointer;text-align:center;}

/* Listing cards */
.lcard{background:white;border:0.5px solid #BBDEFB;border-radius:13px;margin-bottom:9px;overflow:hidden;}
.feat-bar{background:#FFD700;padding:3px 11px;font-size:10px;color:#5D4037;font-weight:700;}
.lcard-body{display:flex;gap:10px;padding:11px 12px;align-items:center;}
.lcard-ico{width:46px;height:46px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:24px;flex-shrink:0;}
.ico-r{background:#E3F2FD;}.ico-h{background:#E8F5E9;}.ico-e{background:#FFFDE7;}.ico-m{background:#FCE4EC;}
.lcard-title{font-size:13px;font-weight:600;color:#1A237E;}
.lcard-meta{font-size:11px;color:#90A4AE;margin-top:2px;}
.lcard-stats{display:flex;gap:9px;margin-top:3px;}
.lcard-stat{font-size:10px;color:#90A4AE;}
.lcard-price{font-size:14px;font-weight:700;color:#1565C0;}
.badge{font-size:10px;padding:2px 9px;border-radius:7px;margin-top:3px;display:inline-block;}
.b-feat{background:#E3F2FD;color:#1565C0;font-weight:600;}
.b-live{background:#E8F5E9;color:#2E7D32;font-weight:600;}
.lcard-acts{border-top:0.5px solid #E3F2FD;padding:8px 12px;display:flex;justify-content:space-between;background:#F8FBFF;}
.act-grp{display:flex;gap:5px;}
.act{font-size:10px;padding:5px 10px;border-radius:7px;border:0.5px solid #90CAF9;background:white;color:#1565C0;cursor:pointer;font-weight:500;}
.act.boost{background:#1565C0;color:white;border-color:#1565C0;}
.act.green{color:#2E7D32;border-color:#A5D6A7;}

/* Bottom navigation */
.bnav{background:#1565C0;display:flex;justify-content:space-around;padding:9px 0 15px;}
.ni{display:flex;flex-direction:column;align-items:center;gap:2px;padding:4px 9px;cursor:pointer;}
.ni-icon{font-size:20px;}
.ni-lbl{font-size:10px;color:rgba(255,255,255,0.45);font-weight:500;}
.ni.on .ni-lbl{color:white;}
.ni-plus{background:white;color:#1565C0;border:none;border-radius:50%;width:50px;height:50px;font-size:24px;font-weight:700;cursor:pointer;margin-top:-15px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 14px rgba(21,101,192,0.35);}
.ni-plus.on{background:#1565C0;color:white;box-shadow:none;}

/* Additional components (forms, supplies, etc.) */
/* ... (rest of CSS omitted for brevity; copy as needed) */