@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap);:root{--bg:#f5f6fa;--bg2:#fff;--bg3:#f0f1f5;--card:#fff;--card2:#f5f6fa;--accent:#2563eb;--accent-light:#eff6ff;--accent2:#7c3aed;--accent3:#059669;--text:#111827;--text2:#6b7280;--text3:#9ca3af;--border:#e5e7eb;--border2:#d1d5db;--success:#059669;--success-light:#ecfdf5;--warning:#d97706;--warning-light:#fffbeb;--danger:#dc2626;--danger-light:#fef2f2;--radius:16px;--radius-sm:10px;--shadow:0 1px 3px #00000014,0 1px 2px #0000000a;--shadow-md:0 4px 12px #00000014,0 2px 4px #0000000a}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;background:#f5f6fa;background:var(--bg);color:#111827;color:var(--text);font-family:Inter,sans-serif;font-size:15px;min-height:100vh}h1,h2,h3,h4{font-family:Plus Jakarta Sans,sans-serif}.app-shell{background:#f5f6fa;background:var(--bg);display:flex;flex-direction:column;margin:0 auto;max-width:480px;min-height:100vh}.page{flex:1 1;padding:20px 16px 100px}.topbar{align-items:center;background:#fff;background:var(--bg2);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border);box-shadow:0 1px 3px #00000014,0 1px 2px #0000000a;box-shadow:var(--shadow);display:flex;justify-content:space-between;padding:16px 16px 14px;position:sticky;top:0;z-index:10}.topbar-title{color:#111827;color:var(--text);font-weight:700}.logo,.topbar-title{font-family:Plus Jakarta Sans,sans-serif;font-size:18px}.logo{color:#2563eb;color:var(--accent);font-weight:800;letter-spacing:-.3px}.bottom-nav{background:#fff;background:var(--bg2);border-top:1px solid #e5e7eb;border-top:1px solid var(--border);bottom:0;box-shadow:0 -2px 10px #0000000f;display:flex;left:50%;max-width:480px;padding:10px 0 20px;position:fixed;transform:translateX(-50%);width:100%;z-index:100}.nav-item{align-items:center;color:#9ca3af;color:var(--text3);cursor:pointer;display:flex;flex:1 1;flex-direction:column;font-size:11px;font-weight:500;gap:3px;text-decoration:none;transition:color .2s}.nav-item.active{color:#2563eb;color:var(--accent)}.nav-item svg{height:22px;width:22px}.card{background:#fff;background:var(--card);border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:16px;border-radius:var(--radius);box-shadow:0 1px 3px #00000014,0 1px 2px #0000000a;box-shadow:var(--shadow);margin-bottom:10px;padding:16px}.card:active{transform:scale(.99)}.btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:inline-flex;font-family:Plus Jakarta Sans,sans-serif;font-size:15px;font-weight:600;gap:8px;justify-content:center;padding:13px 22px;text-decoration:none;transition:all .15s}.btn-primary{background:#2563eb;background:var(--accent);color:#fff;width:100%}.btn-primary:hover{background:#1d4ed8}.btn-primary:active{transform:scale(.98)}.btn-primary:disabled{cursor:not-allowed;opacity:.5}.btn-secondary{background:#f0f1f5;background:var(--bg3);border:1px solid #d1d5db;border:1px solid var(--border2);color:#111827;color:var(--text)}.btn-secondary:hover{background:#e5e7eb;background:var(--border)}.btn-danger{background:#0000;border:1px solid #dc2626;border:1px solid var(--danger);color:#dc2626;color:var(--danger)}.btn-sm{border-radius:8px;font-size:13px;padding:7px 14px}.btn-ghost{background:#0000;color:#6b7280;color:var(--text2);padding:8px}.btn-ghost:hover{color:#111827;color:var(--text)}.form-group{margin-bottom:16px}.form-label{color:#6b7280;color:var(--text2);display:block;font-size:13px;font-weight:600;margin-bottom:6px}.form-input{background:#fff;background:var(--bg2);border:1.5px solid #d1d5db;border:1.5px solid var(--border2);border-radius:10px;border-radius:var(--radius-sm);color:#111827;color:var(--text);font-family:Inter,sans-serif;font-size:15px;outline:none;padding:12px 14px;transition:border-color .2s,box-shadow .2s;width:100%}.form-input:focus{border-color:#2563eb;border-color:var(--accent);box-shadow:0 0 0 3px #2563eb1a}select.form-input option{background:#fff;background:var(--bg2);color:#111827;color:var(--text)}.pin-row{display:flex;gap:12px;justify-content:center;margin:24px 0}.pin-digit{background:#f0f1f5;background:var(--bg3);border:2px solid #d1d5db;border:2px solid var(--border2);border-radius:10px;border-radius:var(--radius-sm);color:#111827;color:var(--text);font-family:Plus Jakarta Sans,sans-serif;font-size:24px;font-weight:700;height:64px;outline:none;text-align:center;transition:border-color .2s,box-shadow .2s;width:58px}.pin-digit:focus{background:#fff;background:var(--bg2);border-color:#2563eb;border-color:var(--accent);box-shadow:0 0 0 3px #2563eb1a}.badge{border-radius:6px;display:inline-block;font-family:Plus Jakarta Sans,sans-serif;font-size:11px;font-weight:600;letter-spacing:.3px;padding:4px 10px;text-transform:uppercase}.badge-upcoming{background:#eff6ff;color:#2563eb}.badge-played{background:#fffbeb;color:#d97706}.badge-settled{background:#ecfdf5;color:#059669}.balance-pill{align-items:center;border-radius:8px;display:inline-flex;font-size:13px;font-weight:600;gap:5px;padding:5px 12px}.balance-positive{background:#ecfdf5;background:var(--success-light);color:#059669;color:var(--success)}.balance-negative{background:#fef2f2;background:var(--danger-light);color:#dc2626;color:var(--danger)}.balance-zero{background:#f0f1f5;background:var(--bg3);color:#6b7280;color:var(--text2)}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px;margin-top:8px}.section-title{color:#111827;color:var(--text);font-family:Plus Jakarta Sans,sans-serif;font-size:16px;font-weight:700}.divider{background:#e5e7eb;background:var(--border);height:1px;margin:14px 0}.chip{align-items:center;background:#f0f1f5;background:var(--bg3);border:1.5px solid #d1d5db;border:1.5px solid var(--border2);border-radius:8px;color:#6b7280;color:var(--text2);cursor:pointer;display:inline-flex;font-size:13px;font-weight:500;gap:5px;padding:7px 14px;transition:all .15s}.chip.selected,.chip:hover{background:#eff6ff;background:var(--accent-light);border-color:#2563eb;border-color:var(--accent);color:#2563eb;color:var(--accent)}.chip.selected{font-weight:600}.avatar{align-items:center;background:#eff6ff;background:var(--accent-light);border-radius:10px;color:#2563eb;color:var(--accent);display:flex;flex-shrink:0;font-family:Plus Jakarta Sans,sans-serif;font-size:14px;font-weight:700;height:36px;justify-content:center;width:36px}.error-msg{background:#fef2f2;background:var(--danger-light);border:1px solid #fecaca;border-radius:10px;border-radius:var(--radius-sm);color:#dc2626;color:var(--danger);font-size:14px;font-weight:500;margin-bottom:14px;padding:11px 14px}.loading{align-items:center;display:flex;font-size:14px;justify-content:center;padding:60px}.empty-state,.loading{color:#6b7280;color:var(--text2)}.empty-state{padding:50px 20px;text-align:center}.empty-state h3{color:#111827;color:var(--text);font-family:Plus Jakarta Sans,sans-serif;font-size:18px;margin-bottom:6px}.empty-state p{font-size:14px;line-height:1.6}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .25s ease}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#d1d5db;background:var(--border2);border-radius:2px}.tabs{background:#f0f1f5;background:var(--bg3);border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:10px;border-radius:var(--radius-sm);display:flex;gap:3px;margin-bottom:18px;padding:4px}.tab{background:#0000;border:none;border-radius:7px;color:#6b7280;color:var(--text2);cursor:pointer;flex:1 1;font-family:Plus Jakarta Sans,sans-serif;font-size:13px;font-weight:600;padding:9px;text-align:center;transition:all .15s}.tab.active{background:#fff;background:var(--bg2);box-shadow:0 1px 3px #00000014,0 1px 2px #0000000a;box-shadow:var(--shadow);color:#2563eb;color:var(--accent)}.modal-overlay{align-items:flex-end;background:#0006;display:flex;inset:0;justify-content:center;position:fixed;z-index:200}.modal{animation:slideUp .25s ease;background:#fff;background:var(--bg2);border-radius:16px 16px 0 0;border-radius:var(--radius) var(--radius) 0 0;border-top:1px solid #e5e7eb;border-top:1px solid var(--border);box-shadow:0 -4px 20px #0000001a;max-width:480px;padding:20px 16px 40px;width:100%}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.modal-handle{background:#d1d5db;background:var(--border2);border-radius:2px;height:4px;margin:0 auto 18px;width:36px}.amount-row{align-items:center;display:flex;gap:8px;margin-bottom:10px}.amount-row .form-input{flex:1 1}.row-between{align-items:center;display:flex;justify-content:space-between}.text-sm{font-size:13px}.text-xs{font-size:11px}.text-muted{color:#6b7280;color:var(--text2)}.text-accent{color:#2563eb;color:var(--accent)}.text-success{color:#059669;color:var(--success)}.text-danger{color:#dc2626;color:var(--danger)}.text-warning{color:#d97706;color:var(--warning)}.mt-4{margin-top:16px}.mt-8{margin-top:32px}.mb-4{margin-bottom:16px}.fw-bold{font-family:Plus Jakarta Sans,sans-serif;font-weight:700}.gap-8{gap:8px}.flex{align-items:center;display:flex}
/*# sourceMappingURL=main.eba65f08.css.map*/