@import"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;1,9..40,400&family=DM+Serif+Display&display=swap";:root{--bg: #F7F5F0;--card: #FFFFFF;--primary: #1B3A5C;--primary-light: #E8EFF6;--accent: #C0894F;--accent-light: #FDF6EC;--success: #2A7D4F;--success-light: #E6F5EC;--danger: #C0392B;--danger-light: #FDECEB;--text: #1A1A2E;--text-sec: #6B7280;--border: #E5E2DB;--shadow: 0 2px 16px rgba(27,58,92,.07);--radius: 14px;--font: "DM Sans", -apple-system, BlinkMacSystemFont, sans-serif;--font-display: "DM Serif Display", Georgia, serif}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-text-size-adjust:100%}body{font-family:var(--font);background:var(--bg);color:var(--text);min-height:100dvh;-webkit-font-smoothing:antialiased}#root{max-width:480px;margin:0 auto;min-height:100dvh;position:relative}.screen{padding:0 16px 100px;animation:fadeIn .25s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.top-bar{display:flex;align-items:center;gap:12px;padding:16px 0 12px;position:sticky;top:0;background:var(--bg);z-index:10}.top-bar h1{font-family:var(--font-display);font-size:1.35rem;color:var(--primary);flex:1}.top-bar .subtitle{font-family:var(--font);font-size:.75rem;color:var(--text-sec);font-weight:400}.btn-icon{width:40px;height:40px;border-radius:12px;border:1px solid var(--border);background:var(--card);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s;color:var(--primary);flex-shrink:0}.btn-icon:active{transform:scale(.94);background:var(--primary-light)}.btn-icon.danger{border-color:var(--danger);color:var(--danger)}.btn-primary{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:14px 20px;background:var(--primary);color:#fff;border:none;border-radius:var(--radius);font-family:var(--font);font-size:.95rem;font-weight:600;cursor:pointer;transition:all .15s}.btn-primary:active{transform:scale(.98);opacity:.9}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-primary.accent{background:var(--accent)}.btn-primary.danger{background:var(--danger)}.btn-primary.success{background:var(--success)}.btn-primary.outline{background:transparent;color:var(--primary);border:1.5px solid var(--primary)}.btn-secondary{display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 16px;background:var(--primary-light);color:var(--primary);border:none;border-radius:10px;font-family:var(--font);font-size:.85rem;font-weight:600;cursor:pointer;transition:all .15s}.btn-secondary:active{transform:scale(.97)}.card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px;margin-bottom:12px;border:1px solid var(--border);transition:all .15s;cursor:pointer}.card:active{transform:scale(.985);box-shadow:0 1px 8px #1b3a5c0a}.card-static{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px;margin-bottom:12px;border:1px solid var(--border)}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:20px}.stat-card{background:var(--card);border-radius:var(--radius);padding:14px;border:1px solid var(--border);box-shadow:var(--shadow)}.stat-card.wide{grid-column:span 2}.stat-label{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-sec);margin-bottom:4px}.stat-value{font-family:var(--font-display);font-size:1.3rem;color:var(--primary)}.stat-value.success{color:var(--success)}.stat-value.danger{color:var(--danger)}.stat-value.accent{color:var(--accent)}.form-group{margin-bottom:16px}.form-group label{display:block;font-size:.8rem;font-weight:600;color:var(--text-sec);text-transform:uppercase;letter-spacing:.04em;margin-bottom:6px}.form-group input,.form-group select,.form-group textarea{width:100%;padding:12px 14px;border:1.5px solid var(--border);border-radius:10px;font-family:var(--font);font-size:.95rem;color:var(--text);background:var(--card);transition:border-color .15s;outline:none}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--primary)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.payment-month{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--border)}.payment-month:last-child{border-bottom:none}.pm-label{font-weight:600;font-size:.9rem;min-width:70px}.pm-status{flex:1;text-align:right}.badge{display:inline-block;padding:4px 10px;border-radius:20px;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em}.badge.paid{background:var(--success-light);color:var(--success)}.badge.partial{background:var(--accent-light);color:var(--accent)}.badge.unpaid{background:var(--danger-light);color:var(--danger)}.balance-amount{font-family:var(--font-display);font-size:.95rem}.empty-state{text-align:center;padding:40px 20px;color:var(--text-sec)}.empty-state .icon{font-size:3rem;margin-bottom:12px;opacity:.4}.empty-state h3{font-family:var(--font-display);color:var(--primary);margin-bottom:6px}.empty-state p{font-size:.85rem;margin-bottom:20px}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:480px;background:var(--card);border-top:1px solid var(--border);display:flex;padding:8px 16px;padding-bottom:max(8px,env(safe-area-inset-bottom));z-index:100}.nav-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;padding:6px;border:none;background:none;cursor:pointer;color:var(--text-sec);font-family:var(--font);font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;transition:color .15s}.nav-item.active{color:var(--primary)}.nav-item:active{opacity:.7}.modal-overlay{position:fixed;inset:0;background:#00000073;z-index:200;display:flex;align-items:flex-end;justify-content:center;animation:fadeInOverlay .2s ease}@keyframes fadeInOverlay{0%{opacity:0}to{opacity:1}}.modal-sheet{background:var(--bg);border-radius:20px 20px 0 0;width:100%;max-width:480px;max-height:90dvh;overflow-y:auto;padding:20px 16px 40px;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.modal-handle{width:36px;height:4px;background:var(--border);border-radius:4px;margin:0 auto 16px}.modal-title{font-family:var(--font-display);font-size:1.2rem;color:var(--primary);margin-bottom:20px}.section-label{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-sec);margin:20px 0 10px}.tag-row{display:flex;gap:6px;flex-wrap:wrap;margin-top:6px}.tag{font-size:.72rem;font-weight:600;padding:3px 8px;border-radius:6px;background:var(--primary-light);color:var(--primary)}.divider{height:1px;background:var(--border);margin:16px 0}.loading{text-align:center;padding:60px 20px;color:var(--text-sec);font-size:.9rem}.toast{position:fixed;top:20px;left:50%;transform:translate(-50%);background:var(--primary);color:#fff;padding:10px 20px;border-radius:10px;font-size:.85rem;font-weight:600;z-index:300;animation:fadeIn .2s ease;box-shadow:0 4px 20px #0003}.action-row{display:flex;gap:8px;margin-top:12px}.action-row>*{flex:1}@media(min-width:481px){#root{border-left:1px solid var(--border);border-right:1px solid var(--border);box-shadow:0 0 40px #0000000d}}