*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%;overflow:hidden}body{font-family:Outfit,sans-serif;font-size:14px;background:#0a0c10;color:#f0f2f8}:root{--bg:#0a0c10;--s1:#111318;--s2:#181c24;--s3:#1f2430;--border:#252a38;--border2:#2e3447;--text:#f0f2f8;--muted:#6b7490;--muted2:#8892b0;--accent:#4f8eff;--accent2:#7c5cfc;--green:#2dd4a0;--red:#ff5c5c;--yellow:#ffc542;--teal:#2dd4a0;--r:14px;--r2:10px;--r3:8px;--admin-accent:#4f8eff;--member-accent:#2dd4a0}.page{position:absolute;top:0;right:0;bottom:0;left:0;overflow-y:auto;display:none;flex-direction:column}.page.show{display:flex}.card{background:var(--s1);border:1px solid var(--border);border-radius:var(--r);padding:16px}.card-hdr{font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:1.5px;color:var(--muted);margin-bottom:12px}.topbar{background:var(--s1);border-bottom:1px solid var(--border);flex-shrink:0}.bottomnav{position:fixed;bottom:0;left:0;right:0;display:flex;background:var(--s1);border-top:1px solid var(--border);padding-bottom:env(safe-area-inset-bottom);z-index:100}.bn-btn{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8px 4px 6px;background:none;border:none;color:var(--muted);cursor:pointer;font-family:Outfit,sans-serif;position:relative;gap:2px}.bn-btn.active{color:var(--accent)}.bn-ico{font-size:1.2rem;line-height:1}.bn-lbl{font-size:.6rem;font-weight:700;letter-spacing:.3px}.bn-bar{position:absolute;top:0;left:20%;right:20%;height:2px;border-radius:0 0 2px 2px}.fld{margin-bottom:13px}.fld label{display:block;font-size:.68rem;font-weight:800;color:var(--muted2);text-transform:uppercase;letter-spacing:.9px;margin-bottom:5px}.fld-inp{width:100%;background:var(--s2);border:1.5px solid var(--border);border-radius:var(--r2);padding:11px 14px;color:var(--text);font-family:Outfit,sans-serif;font-size:.88rem;outline:none;transition:.2s}.fld-inp:focus{border-color:var(--accent)}.fld input,.fld select{width:100%;background:var(--s2);border:1.5px solid var(--border);border-radius:var(--r2);padding:11px 14px;color:var(--text);font-family:Outfit,sans-serif;font-size:.88rem;outline:none;transition:.2s}.fld input:focus,.fld select:focus{border-color:var(--accent)}.fld select option{background:var(--s2)}.pin-row{display:flex;gap:10px;justify-content:center;margin:6px 0 14px}.pdig{width:54px;height:58px;text-align:center;font-size:1.4rem;font-weight:700;background:var(--s2);border:1.5px solid var(--border);border-radius:12px;color:var(--text);outline:none;transition:.2s;font-family:Outfit,sans-serif}.pdig:focus{border-color:var(--accent)}.btn{width:100%;padding:13px;border-radius:var(--r2);font-family:Outfit,sans-serif;font-size:.9rem;font-weight:700;cursor:pointer;border:none;transition:.2s;letter-spacing:.2px}.btn.p{background:var(--accent);color:#fff}.btn.p:hover{background:#3d7aff}.btn.g{background:transparent;color:var(--text);border:1.5px solid var(--border)}.btn.g:hover{background:var(--s2)}.btn.danger{background:#ff5c5c26;color:var(--red);border:1px solid rgba(255,92,92,.3)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-row{display:flex;gap:10px;margin-top:4px}.btn-row .btn{flex:1}.mo{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;z-index:500;display:flex;align-items:flex-end;justify-content:center;opacity:0;pointer-events:none;transition:opacity .3s}.mo.open{opacity:1;pointer-events:all}.mo-box{background:var(--s1);border-radius:22px 22px 0 0;padding:0 20px 24px;width:100%;max-width:480px;animation:slide-up .3s ease}.mo-handle{width:36px;height:4px;background:var(--border2);border-radius:2px;margin:12px auto 16px}.mo-title{font-size:1rem;font-weight:800;margin-bottom:16px;text-align:center}.mo-sub{font-size:.82rem;color:var(--muted2);margin:-8px 0 16px;text-align:center}@keyframes slide-up{0%{transform:translateY(60px);opacity:0}to{transform:translateY(0);opacity:1}}#pgOnboard.show,.ob{display:flex}.ob{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:28px;background:var(--bg);overflow-y:auto}.wl-logo{font-family:Lora,serif;font-size:3.4rem;font-weight:600;color:var(--accent);letter-spacing:-3px;text-align:center;line-height:1}.wl-sub{font-size:.72rem;color:var(--muted);letter-spacing:3px;text-transform:uppercase;text-align:center;margin:6px 0 44px}.wl-card{background:var(--s1);border:1px solid var(--border);border-radius:22px;padding:26px;max-width:360px;width:100%;margin-bottom:14px}.wl-card h2{font-size:1.5rem;font-weight:800;margin-bottom:10px;line-height:1.3}.wl-card p{font-size:.85rem;color:var(--muted2);line-height:1.7}.wl-features{max-width:360px;width:100%;display:flex;flex-direction:column;gap:10px;margin-bottom:32px}.wl-feat{display:flex;align-items:center;gap:12px;font-size:.83rem;color:var(--muted2)}.wl-feat .dot{width:8px;height:8px;border-radius:50%;background:var(--accent);flex-shrink:0}.cat-bar{display:flex;gap:6px;overflow-x:auto;padding:4px 0 8px;scrollbar-width:none;width:100%;max-width:440px}.cat-bar::-webkit-scrollbar{display:none}.cat-btn{flex-shrink:0;padding:6px 14px;border-radius:99px;border:1.5px solid var(--border);background:transparent;color:var(--muted2);font-family:Outfit,sans-serif;font-size:.75rem;font-weight:700;cursor:pointer;transition:.2s;white-space:nowrap}.cat-btn.on{background:#4f8eff26;border-color:var(--accent);color:var(--accent)}.type-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;width:100%;max-width:440px;margin:4px 0 16px;max-height:340px;overflow-y:auto;scrollbar-width:none}.type-grid::-webkit-scrollbar{display:none}.tc{background:var(--s1);border:2px solid var(--border);border-radius:16px;padding:16px 10px;cursor:pointer;transition:.25s;text-align:center}.tc.sel{border-color:var(--accent);background:var(--s2);box-shadow:0 0 0 1px var(--accent),0 4px 20px #4f8eff2e}.tc-ico{font-size:1.6rem;margin-bottom:6px;display:block;line-height:1}.tc-name{font-weight:800;font-size:.72rem;margin-bottom:2px;line-height:1.2}.tgl-row{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--border)}.tgl-row:last-child{border-bottom:none}.tgl-row label{font-size:.83rem;font-weight:500}.tgl-switch{position:relative;display:inline-block;width:42px;height:24px;flex-shrink:0}.tgl-switch input{opacity:0;width:0;height:0}.tgl-track{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--border2);border-radius:99px;cursor:pointer;transition:.25s}.tgl-track:before{content:"";position:absolute;width:18px;height:18px;left:3px;bottom:3px;background:#fff;border-radius:50%;transition:.25s}.tgl-switch input:checked+.tgl-track{background:var(--accent)}.tgl-switch input:checked+.tgl-track:before{transform:translate(18px)}.pnote{display:flex;align-items:center;gap:8px;font-size:.75rem;color:var(--muted);padding:12px 0}.badge{font-size:.62rem;font-weight:800;padding:3px 8px;border-radius:99px}.badge.paid{background:#2dd4a026;color:var(--green)}.badge.due{background:#ffc54226;color:var(--yellow)}.badge.overdue{background:#ff5c5c26;color:var(--red)}@keyframes toast-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.qr-item{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--border)}.qr-item:last-child{border-bottom:none}.qr-thumb{width:52px;height:52px;border-radius:8px;border:1px solid var(--border);background:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden}.qr-thumb img{width:48px;height:48px}