:root{--orange:#f36b16;--orange2:#ff8b36;--ink:#171717;--muted:#737373;--bg:#f6f6f7;--card:#fff;--line:#e9e9ec;--green:#187c4b;--red:#b42318;--shadow:0 10px 28px rgba(20,20,20,.07)}
*{box-sizing:border-box}html{background:#eef0f2}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;color:var(--ink);background:var(--bg)}button,input{font:inherit}.hidden{display:none!important}.site-shell{min-height:100dvh}.auth-wrap{min-height:100dvh;display:flex;flex-direction:column;justify-content:center;padding:24px 16px;background:linear-gradient(180deg,#fff 0,#faf8f6 100%)}.auth-brand{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:18px}.auth-brand img{width:46px;height:46px}.auth-brand strong{display:block;font-size:24px;line-height:1}.auth-brand small{display:block;color:var(--orange);font-size:12px;font-weight:800}.auth-card{width:100%;max-width:420px;margin:0 auto;background:#fff;border:1px solid var(--line);border-radius:24px;padding:14px;box-shadow:var(--shadow)}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px;background:#f4f4f5;border-radius:15px;padding:5px}.auth-tab{height:42px;border:0;border-radius:11px;background:transparent;font-weight:800;color:#7b7b7b}.auth-tab.active{background:#fff;color:var(--orange);box-shadow:0 2px 8px rgba(0,0,0,.06)}.auth-form{display:none;padding:18px 4px 4px}.auth-form.active{display:block}.auth-form h1{margin:0 0 5px;font-size:25px}.auth-form>p{margin:0 0 18px;color:var(--muted);font-size:13px;line-height:1.55}.auth-note{text-align:center;color:#8a8a8a;font-size:10px;line-height:1.5;max-width:360px;margin:14px auto 0}.optional{font-size:10px;color:#999;font-weight:600}.app{width:100%;min-height:100dvh;margin:0 auto;padding-bottom:86px}.topbar{position:sticky;top:0;z-index:15;height:66px;display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background:linear-gradient(135deg,var(--orange),var(--orange2));box-shadow:0 5px 16px rgba(243,107,22,.18)}.brand{display:flex;align-items:center;gap:9px;color:#fff;text-decoration:none}.brand img{width:42px;height:42px}.brand b{display:block;font-size:18px;line-height:1}.brand small{display:block;font-size:10px;color:#fff3e8;font-weight:700;margin-top:2px}.logout-btn{height:38px;padding:0 13px;border:1px solid rgba(255,255,255,.35);border-radius:11px;background:rgba(255,255,255,.14);color:#fff;font-size:12px;font-weight:800}.screen{display:none;padding:16px}.screen.active{display:block}.welcome-card{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:20px;border-radius:22px;background:linear-gradient(145deg,#21150f,#121212);color:#fff;box-shadow:var(--shadow)}.welcome-card small{font-size:10px;letter-spacing:.7px;color:#ffc8a1;font-weight:900}.welcome-card h1{margin:3px 0 5px;font-size:24px}.welcome-card p{margin:0;color:#d5d5d5;font-size:12px}.wallet-mini{min-width:100px;text-align:center;padding:12px;border-radius:16px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.08)}.wallet-mini span{display:block;font-size:10px;color:#ddd}.wallet-mini strong{display:block;font-size:20px;margin-top:3px;color:#ffb46f}.section{margin-top:16px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.section-head h2{margin:0;font-size:16px}.text-btn{border:0;background:transparent;color:var(--orange);font-size:12px;font-weight:900}.card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:15px;box-shadow:var(--shadow)}.muted{margin:0 0 12px;color:var(--muted);font-size:12px;line-height:1.55}.soft-badge{font-size:10px;font-weight:900;color:var(--orange);background:#fff1e7;padding:5px 8px;border-radius:999px}.company-list{display:grid;gap:10px}.membership-card{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:12px;box-shadow:0 5px 16px rgba(0,0,0,.04)}.membership-card .meta{flex:1}.membership-card b,.membership-card small{display:block}.membership-card small{margin-top:3px;color:var(--muted);font-size:11px}.status-chip{font-size:10px;font-weight:900;padding:6px 9px;border-radius:999px}.status-active{background:#e9f7ef;color:#187c4b}.status-pending{background:#fff4de;color:#9a6700}.company-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;font-size:18px;font-weight:900;flex:0 0 auto}.zepto{background:#6d18c5;color:#fff}.blinkit{background:#ffe132;color:#222}.swiggy{background:#ff6d19;color:#fff}.amazon{background:#181818;color:#fff}.invite-box,.invite-link{display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:14px;padding:10px;background:#fafafa}.invite-box{justify-content:space-between}.invite-box small{display:block;font-size:10px;color:var(--muted)}.invite-box strong{display:block;margin-top:2px;font-size:16px;letter-spacing:.5px}.invite-box button,.invite-link button{border:0;border-radius:10px;background:#fff1e7;color:var(--orange);font-weight:900;height:38px;padding:0 12px}.invite-link{margin-top:8px}.invite-link input{margin:0;height:38px;flex:1;background:#fff;border:1px solid #ededf0}.empty-line{padding:18px 10px;text-align:center;color:#8b8b8b;font-size:12px}.reward-item,.wallet-item{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 0;border-bottom:1px solid #f0f0f2}.reward-item:last-child,.wallet-item:last-child{border-bottom:0}.reward-item b,.wallet-item b{display:block;font-size:13px}.reward-item small,.wallet-item small{display:block;font-size:10px;color:var(--muted);margin-top:3px}.reward-item strong,.wallet-item strong{color:var(--green);font-size:13px}.page-title{margin:0 0 14px}.page-title h1{margin:0 0 4px;font-size:25px}.page-title p{margin:0;color:var(--muted);font-size:12px;line-height:1.5}.company-grid{display:grid;gap:10px}.join-company{width:100%;display:flex;align-items:center;gap:12px;border:1px solid var(--line);background:#fff;border-radius:18px;padding:13px;text-align:left;box-shadow:var(--shadow)}.join-company div:nth-child(2){flex:1}.join-company b,.join-company small{display:block}.join-company small{font-size:11px;color:var(--muted);margin-top:3px}.join-company>span:last-child{font-size:22px;color:#999}.wallet-card{text-align:center;padding:26px 18px;border-radius:22px;background:linear-gradient(135deg,var(--orange),var(--orange2));color:#fff;box-shadow:var(--shadow)}.wallet-card small{font-size:10px;font-weight:900;letter-spacing:.7px}.wallet-card strong{display:block;font-size:38px;margin:5px 0}.wallet-card p{margin:0;font-size:11px;color:#fff2e8}.wallet-stats{display:grid;grid-template-columns:1fr 1fr;gap:8px}.wallet-stats div{background:#fff;border:1px solid var(--line);border-radius:16px;padding:12px;text-align:center}.wallet-stats small{display:block;font-size:10px;color:var(--muted)}.wallet-stats strong{display:block;font-size:15px;margin-top:4px}.profile-card{text-align:center}.avatar{margin:auto;width:72px;height:72px;border-radius:22px;display:grid;place-items:center;background:linear-gradient(145deg,var(--orange),#c94b00);color:#fff;font-size:30px;font-weight:900}.profile-card h2{margin:10px 0 4px}.profile-card p{margin:0;color:var(--muted);font-size:12px}.settings{padding:0;overflow:hidden}.settings button{width:100%;height:52px;border:0;border-bottom:1px solid var(--line);background:#fff;padding:0 14px;text-align:left;font-size:13px;font-weight:700}.settings button:last-child{border-bottom:0}.settings span{float:right;color:#999;font-size:19px}.bottom-nav{position:fixed;left:50%;transform:translateX(-50%);bottom:0;z-index:20;width:100%;max-width:480px;height:70px;display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border-top:1px solid var(--line);box-shadow:0 -6px 18px rgba(0,0,0,.07);padding:5px 6px calc(5px + env(safe-area-inset-bottom))}.nav-btn{border:0;background:transparent;color:#7d7d7d;font-size:10px;font-weight:800;border-radius:12px}.nav-btn span{display:block;font-size:19px;line-height:22px}.nav-btn.active{color:var(--orange);background:#fff3eb}.modal{position:fixed;inset:0;z-index:50;display:grid;place-items:end center;background:rgba(0,0,0,.35);padding:16px}.modal-card{position:relative;width:100%;max-width:480px;background:#fff;border-radius:22px;padding:18px;box-shadow:0 20px 50px rgba(0,0,0,.22)}.modal-close{position:absolute;right:12px;top:10px;width:34px;height:34px;border:0;border-radius:50%;background:#f4f4f5;font-size:20px}.modal-card h2{margin:0 38px 6px 0}.modal-card p{margin:0 0 14px;color:var(--muted);font-size:12px;line-height:1.5}.modal-actions{display:flex;gap:8px}.modal-actions button{flex:1;height:46px;border:0;border-radius:12px;font-weight:900}.secondary{background:#f4f4f5;color:#333}.primary{width:100%;height:48px;border:0;border-radius:12px;background:linear-gradient(135deg,var(--orange),var(--orange2));color:#fff;font-weight:900;box-shadow:0 8px 18px rgba(243,107,22,.18)}label{display:block;font-size:12px;font-weight:800;color:#444;margin-bottom:12px}input{width:100%;height:47px;margin-top:6px;border:1px solid #dedee2;border-radius:11px;background:#fff;padding:0 12px;outline:none}input:focus{border-color:var(--orange);box-shadow:0 0 0 3px rgba(243,107,22,.1)}.form-msg{min-height:17px;margin-top:8px;font-size:11px;font-weight:700}.form-msg.ok{color:var(--green)}.form-msg.error{color:var(--red)}@media(min-width:481px){body{padding:18px 0}.app{max-width:480px;min-height:calc(100dvh - 36px);box-shadow:0 18px 45px rgba(0,0,0,.12);border-radius:24px;overflow:hidden}.topbar{border-radius:24px 24px 0 0}.auth-wrap{padding-top:40px;padding-bottom:40px}}