@import url("https://fonts.googleapis.com/css2?family=Nunito:wght@400;500;600;700;800&display=swap");:root{--brand:#00c896;--brand-dark:#00a87e;--brand-light:#e6faf5;--brand-bg:#f0fdf9;--text-primary:#1a2332;--text-secondary:#64748b;--text-muted:#94a3b8;--border:#e2e8f0;--surface:#fff;--surface-alt:#f8fafc;--status-paid:#00c896;--status-paid-bg:#e6faf5;--status-overdue:#ef4444;--status-overdue-bg:#fef2f2;--status-open:#f59e0b;--status-open-bg:#fffbeb;--radius:12px;--radius-sm:8px;--shadow:0 1px 3px rgba(0,0,0,.08),0 1px 2px rgba(0,0,0,.04);--shadow-md:0 4px 16px rgba(0,0,0,.08)}*{box-sizing:border-box;margin:0;padding:0}body,html{font-family:Nunito,sans-serif;background:var(--brand-bg);color:var(--text-primary);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none}.app-shell{max-width:430px;margin:0 auto;min-height:100vh;position:relative;flex-direction:column}.app-shell,.topbar{background:var(--surface);display:flex}.topbar{align-items:center;gap:12px;padding:16px;border-bottom:1px solid var(--border);position:-webkit-sticky;position:sticky;top:0;z-index:10}.topbar-back{color:var(--brand);font-size:13px;font-weight:700;display:flex;align-items:center;gap:4px}.topbar-title{font-size:15px;font-weight:700;color:var(--text-primary)}.header-green{background:var(--brand);padding:20px 16px 16px;color:#fff}.header-green h2{font-size:17px;font-weight:800}.header-green p{font-size:12px;opacity:.85;margin-top:2px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px;box-shadow:var(--shadow)}.card+.card{margin-top:12px}.badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:20px;font-size:11px;font-weight:700;letter-spacing:.3px}.badge-pago{background:var(--status-paid-bg);color:var(--status-paid)}.badge-atrasado{background:var(--status-overdue-bg);color:var(--status-overdue)}.badge-em-aberto{background:var(--status-open-bg);color:var(--status-open)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 20px;border-radius:var(--radius-sm);font-size:14px;font-weight:700;transition:all .15s}.btn-primary{background:var(--brand);color:#fff;width:100%}.btn-primary:hover{background:var(--brand-dark)}.btn-outline{background:transparent;border:2px solid var(--brand);color:var(--brand)}.list-row{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--border);transition:background .1s}.list-row:last-child{border-bottom:none}.list-row:hover{background:var(--surface-alt)}.list-row-left{display:flex;flex-direction:column;gap:4px}.list-row-label{font-size:13px;font-weight:600;color:var(--text-primary)}.list-row-sub{font-size:11px;color:var(--text-muted)}.list-row-right{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.list-row-value{font-size:14px;font-weight:800;color:var(--text-primary)}.section-label{font-size:12px;font-weight:800;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;padding:14px 16px 6px}.bottom-nav{position:-webkit-sticky;position:sticky;bottom:0;background:var(--surface);border-top:1px solid var(--border);display:grid;grid-template-columns:repeat(4,1fr);padding:8px 0 12px;z-index:10}.nav-item{display:flex;flex-direction:column;align-items:center;gap:3px;padding:4px 0;font-size:10px;font-weight:600;color:var(--text-muted);transition:color .15s}.nav-item.active{color:var(--brand)}.nav-icon{width:22px;height:22px}.menu-item{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--border);font-size:14px;font-weight:600;color:var(--text-primary);transition:background .1s}.menu-item:hover{background:var(--surface-alt)}.menu-item-left{display:flex;align-items:center;gap:12px}.menu-icon-wrap{width:34px;height:34px;border-radius:10px;background:var(--brand-light);display:flex;align-items:center;justify-content:center;color:var(--brand)}.valor-real{font-size:22px;font-weight:800;color:var(--text-primary)}.filter-tabs{display:flex;gap:8px;padding:12px 16px;overflow-x:auto;scrollbar-width:none;border-bottom:1px solid var(--border)}.filter-tab{padding:6px 14px;border-radius:20px;font-size:12px;font-weight:700;white-space:nowrap;border:1.5px solid var(--border);color:var(--text-secondary);background:var(--surface);transition:all .15s}.filter-tab.active{background:var(--brand);border-color:var(--brand);color:#fff}.faq-item{padding:16px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;font-size:13px;font-weight:600;color:var(--text-primary);transition:background .1s}.faq-item:hover{background:var(--surface-alt)}.px-4{padding-left:16px;padding-right:16px}.py-4{padding-top:16px;padding-bottom:16px}.mt-2{margin-top:8px}.mt-3{margin-top:12px}.mt-4{margin-top:16px}.flex{display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:8px}.text-sm{font-size:12px}.text-muted{color:var(--text-muted)}.font-bold{font-weight:700}.w-full{width:100%}.grow{flex:1 1}.text-brand{color:var(--brand)}.overflow-y-auto{overflow-y:auto}