:root{--bg: #0f1f1a;--bg-card: #1a322a;--bg-elevated: #234038;--text: #f2f7f4;--muted: #9bb5aa;--accent: #3d9b6e;--accent-soft: rgba(61, 155, 110, .18);--warn: #e8a54b;--danger: #e07070;--radius: 18px;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);font-family:Manrope,system-ui,sans-serif;color:var(--text);background:var(--bg)}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{background:radial-gradient(1200px 600px at 10% -10%,rgba(61,155,110,.22),transparent 55%),radial-gradient(900px 500px at 100% 0%,rgba(232,165,75,.12),transparent 50%),var(--bg);-webkit-font-smoothing:antialiased}button,input{font:inherit}.app-shell{max-width:480px;margin:0 auto;min-height:100dvh;padding:calc(16px + var(--safe-top)) 16px calc(28px + var(--safe-bottom))}.brand{font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:8px}h1{margin:0 0 8px;font-size:1.75rem;font-weight:800;line-height:1.15}.lead{margin:0 0 24px;color:var(--muted);font-size:.98rem;line-height:1.45}.card{background:var(--bg-card);border-radius:var(--radius);padding:18px;margin-bottom:14px;border:1px solid rgba(255,255,255,.06)}.field{display:flex;flex-direction:column;gap:8px;margin-bottom:14px}.field label{font-size:.85rem;color:var(--muted)}.field input{width:100%;border:1px solid rgba(255,255,255,.12);background:var(--bg-elevated);color:var(--text);border-radius:12px;padding:14px 16px;font-size:1.05rem}.field input:focus{outline:2px solid rgba(61,155,110,.45);border-color:var(--accent)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:48px;border:0;border-radius:14px;padding:12px 16px;font-weight:700;cursor:pointer;transition:transform .12s ease,opacity .12s ease}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--accent);color:#062016}.btn-ghost{background:transparent;color:var(--text);border:1px solid rgba(255,255,255,.14)}.btn-row{display:flex;flex-direction:column;gap:10px;margin-top:8px}.error{background:#e0707026;color:#ffc9c9;border-radius:12px;padding:12px 14px;margin-bottom:14px;font-size:.92rem}.ok{background:var(--accent-soft);color:#b8f0d0;border-radius:12px;padding:12px 14px;margin-bottom:14px;font-size:.92rem}.topbar{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:18px}.topbar .logout{width:auto;min-height:40px;padding:8px 12px;font-size:.85rem}.tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:0 0 16px;padding:4px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);border-radius:12px}.tab{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:transparent;color:var(--muted);font:inherit;font-weight:700;font-size:.92rem;padding:10px 12px;border-radius:9px;cursor:pointer;min-height:42px}.tab.active{background:var(--bg-card);color:#f4f7f5;box-shadow:0 1px 2px #0003}.stats{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px}.stat{background:var(--bg-card);border-radius:var(--radius);padding:16px;border:1px solid rgba(255,255,255,.06)}.stat .label{color:var(--muted);font-size:.78rem;margin-bottom:6px}.stat .value{font-size:1.35rem;font-weight:800}.pct-pill{display:inline-flex;align-items:center;background:var(--accent-soft);color:#b8f0d0;border-radius:999px;padding:6px 12px;font-weight:700;font-size:.9rem;margin-bottom:14px}.qr-wrap{display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center}.qr-wrap img{width:min(240px,70vw);height:auto;border-radius:16px;background:#fff;padding:12px}.qr-link{word-break:break-all;color:var(--muted);font-size:.78rem;line-height:1.4}.section-title{margin:20px 0 10px;font-size:1.05rem;font-weight:700}.ref-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.ref-item{background:var(--bg-card);border-radius:14px;padding:14px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid rgba(255,255,255,.06)}.ref-item .name{font-weight:700}.ref-item .meta{color:var(--muted);font-size:.82rem;margin-top:2px}.ref-item .accrued{margin-top:6px;font-size:.88rem;font-weight:700;color:#b8f0d0}.chip{flex-shrink:0;border-radius:999px;padding:6px 10px;font-size:.72rem;font-weight:700;background:#ffffff14;color:var(--text);max-width:42%;text-align:center;line-height:1.25}.chip.sold{background:#3d9b6e40;color:#b8f0d0}.chip.lost{background:#e0707033;color:#ffc9c9}.empty{color:var(--muted);font-size:.92rem;padding:8px 2px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:flex;align-items:flex-end;justify-content:center;z-index:40;padding:12px}.modal{width:min(480px,100%);max-height:min(78dvh,640px);overflow:auto;background:var(--bg-card);border-radius:20px 20px 16px 16px;padding:18px 16px calc(16px + var(--safe-bottom));border:1px solid rgba(255,255,255,.08);animation:rise .22s ease}@keyframes rise{0%{transform:translateY(24px);opacity:.4}to{transform:translateY(0);opacity:1}}.modal h2{margin:0 0 12px;font-size:1.2rem}.payout-row{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.06)}.payout-row:last-child{border-bottom:0}.payout-row .amt{font-weight:800;color:#b8f0d0}.payout-row .when{color:var(--muted);font-size:.85rem}