:root,[data-theme=light]{--bg: #F2F4F8;--bg-2: #FFFFFF;--card: #FFFFFF;--card-soft: #F5F7FB;--border: rgba(13, 23, 41, .06);--text: #0D1729;--text-2: #4A5568;--text-3: #8693A8;--muted: #B6BFCE;--hover: rgba(13, 23, 41, .04);--accent: #5B6CFF;--accent-2: #7B8AFF;--accent-soft: #EEF0FF;--green: #16B364;--green-soft: #DAFBE1;--red: #EF4444;--red-soft: #FEE2E2;--amber: #F59E0B;--amber-soft: #FEF3C7;--blue: #3B82F6;--blue-soft: #DBEAFE;--teal: #14B8A6;--shadow: 0 1px 2px rgba(13, 23, 41, .04), 0 4px 12px rgba(13, 23, 41, .06);--shadow-lg: 0 4px 8px rgba(13, 23, 41, .06), 0 12px 32px rgba(13, 23, 41, .08);--radius: 18px;--radius-sm: 12px;--radius-xs: 8px}[data-theme=dark]{--bg: #0B0E14;--bg-2: #11151E;--card: #161A25;--card-soft: #1F2433;--border: rgba(255, 255, 255, .06);--text: #ECEFF7;--text-2: #A8B0C2;--text-3: #6F7A91;--muted: #4A5267;--hover: rgba(255, 255, 255, .04);--accent: #7B8AFF;--accent-2: #9BA9FF;--accent-soft: rgba(123, 138, 255, .14);--green: #4ADE80;--green-soft: rgba(74, 222, 128, .14);--red: #F87171;--red-soft: rgba(248, 113, 113, .14);--amber: #FBBF24;--amber-soft: rgba(251, 191, 36, .14);--blue: #60A5FA;--blue-soft: rgba(96, 165, 250, .14);--teal: #2DD4BF;--shadow: 0 1px 2px rgba(0, 0, 0, .3), 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 4px 8px rgba(0, 0, 0, .3), 0 12px 32px rgba(0, 0, 0, .5)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Inter,system-ui,sans-serif;background:var(--bg);color:var(--text);min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}.app{max-width:480px;margin:0 auto;min-height:100vh;padding-bottom:96px;background:var(--bg)}.user-bar{display:flex;align-items:center;gap:10px;padding:10px 16px;padding-top:calc(10px + env(safe-area-inset-top));background:var(--card);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:20}.user-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--accent) 0%,var(--accent-2) 100%);color:#fff;font-size:15px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.user-info{display:flex;flex-direction:column;min-width:0;line-height:1.25}.user-name{font-size:14px;font-weight:700;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-email{font-size:11px;color:var(--text-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar{position:sticky;top:0;background:var(--bg);color:var(--text);padding:18px 20px 14px;padding-top:calc(18px + env(safe-area-inset-top));z-index:10;border-bottom:1px solid var(--border)}.topbar h1{margin:0;font-size:28px;font-weight:700;letter-spacing:-.8px}.topbar .sub{font-size:13px;color:var(--text-3);margin-top:4px;font-weight:500}.month-nav{display:flex;align-items:center;gap:12px;justify-content:space-between}.nav-btn{background:var(--card);color:var(--text);border:1px solid var(--border);border-radius:50%;width:38px;height:38px;font-size:22px;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;line-height:1;transition:all .15s}.nav-btn:active{background:var(--hover);transform:scale(.95)}.month-title{flex:1;text-align:center}.month-title h1{font-size:22px}.month-title .sub{color:var(--text-3)}.page{padding:18px 16px 32px}.page-title{margin:18px 6px 10px;font-size:12px;color:var(--text-3);text-transform:uppercase;letter-spacing:1.2px;font-weight:700}.quick{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:18px}.quick-btn{border:none;border-radius:var(--radius);padding:18px 14px;color:#fff;display:flex;flex-direction:column;align-items:center;gap:4px;font-weight:700;font-size:14px;cursor:pointer;transition:all .15s;box-shadow:var(--shadow);letter-spacing:.2px}.quick-btn:active{transform:scale(.97)}.quick-btn.green{background:linear-gradient(135deg,#16b364,#11a85b)}.quick-btn.red{background:linear-gradient(135deg,#ef4444,#dc2626)}.quick-btn .ico{font-size:26px}.kpi-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:14px}.kpi{background:var(--card);border-radius:var(--radius);padding:16px 18px;box-shadow:var(--shadow);border:1px solid var(--border);transition:transform .15s}.kpi.full{grid-column:1 / -1}.kpi .lbl{font-size:11px;color:var(--text-3);text-transform:uppercase;letter-spacing:1.2px;font-weight:700;display:inline-flex;align-items:center;gap:6px}.kpi .lbl svg{flex-shrink:0}.kpi .val{font-size:24px;font-weight:800;margin-top:6px;letter-spacing:-.5px;color:var(--text)}.kpi .sub-val{font-size:11px;color:var(--text-3);margin-top:4px;font-weight:500}.kpi.green .val{color:var(--green)}.kpi.red .val{color:var(--red)}.kpi.blue .val{color:var(--blue)}.kpi.amber .val{color:var(--amber)}.kpi.teal .val{color:var(--teal)}.kpi.navy .val{color:var(--text)}.list{display:flex;flex-direction:column;gap:8px}.list-item{background:var(--card);border-radius:var(--radius-sm);padding:12px 14px;display:flex;align-items:center;gap:12px;box-shadow:var(--shadow);border:1px solid var(--border)}.list-item .desc{flex:1;min-width:0;font-weight:600;font-size:15px;color:var(--text)}.list-item .desc .meta{font-size:11px;color:var(--text-3);font-weight:500;margin-top:3px}.list-item .val{font-weight:800;font-size:15px;color:var(--text)}.list-item.atraso{background:var(--red-soft);border-color:transparent}.list-item.atraso .val{color:var(--red)}.list-item.prox{background:var(--amber-soft);border-color:transparent}.list-item.recebimento .val{color:var(--green)}.list-item.realizado{background:var(--green-soft);border-color:transparent}.list-item.big{padding:16px 14px;gap:14px;border-radius:16px}.list-item.big .desc{font-size:16px}.list-item.big .val{font-size:17px}.list-item.big .check{width:34px;height:34px;font-size:20px}.check{width:30px;height:30px;border-radius:50%;border:2px solid var(--muted);background:var(--card);font-size:18px;font-weight:700;color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0;cursor:pointer;transition:all .15s}.check:active{transform:scale(.88)}.check.on{background:var(--green);border-color:var(--green)}.edit-btn{background:var(--card-soft);border:none;border-radius:var(--radius-sm);width:36px;height:36px;font-size:17px;color:var(--text-2);display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0}.edit-btn:active{background:var(--hover);transform:scale(.92)}.badge{font-size:9px;padding:3px 7px;border-radius:6px;font-weight:800;display:inline-flex;align-items:center;gap:3px;text-transform:uppercase;letter-spacing:.3px}.badge.casa{background:var(--amber-soft);color:var(--amber)}.badge.pessoal{background:var(--accent-soft);color:var(--accent)}.badge.cartao{background:var(--blue-soft);color:var(--blue)}.empty{text-align:center;padding:40px 20px;color:var(--text-3);font-size:14px;display:flex;flex-direction:column;align-items:center}.btn{background:var(--accent);color:#fff;border:none;border-radius:var(--radius-sm);padding:14px 18px;font-size:15px;font-weight:700;cursor:pointer;width:100%;transition:all .15s}.btn:active{transform:scale(.98)}.btn.green{background:var(--green)}.btn.red{background:var(--red)}.btn.ghost{background:var(--card-soft);color:var(--text);border:1px solid var(--border)}.btn:disabled{opacity:.5}.fab{position:fixed;bottom:calc(96px + env(safe-area-inset-bottom));right:20px;width:58px;height:58px;border-radius:50%;background:var(--accent);color:#fff;font-size:30px;font-weight:300;display:flex;align-items:center;justify-content:center;border:none;box-shadow:0 8px 24px #5b6cff66;z-index:5;cursor:pointer}.fab:active{transform:scale(.95)}.tabbar{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:480px;background:var(--card);border-top:1px solid var(--border);padding:8px 0;padding-bottom:calc(8px + env(safe-area-inset-bottom));display:flex;justify-content:space-around;z-index:10;backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px)}.tabbar a{text-decoration:none;color:var(--text-3);font-size:10px;font-weight:700;text-align:center;display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 12px;letter-spacing:.3px;text-transform:uppercase}.tabbar a.active{color:var(--accent)}.tabbar .icon{font-size:22px}.form{display:flex;flex-direction:column;gap:14px}.field{display:flex;flex-direction:column;gap:6px}.field label{font-size:12px;color:var(--text-2);font-weight:700;padding-left:4px;text-transform:uppercase;letter-spacing:.5px}.field input,.field select{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-sm);padding:14px 16px;font-size:16px;width:100%;-moz-appearance:none;appearance:none;-webkit-appearance:none;color:var(--text);transition:border-color .15s}.field input:focus,.field select:focus{outline:none;border-color:var(--accent)}.seg{display:flex;gap:4px;background:var(--card-soft);padding:4px;border-radius:var(--radius-sm)}.seg button{flex:1;padding:11px 8px;background:transparent;border:none;border-radius:var(--radius-xs);font-size:13px;font-weight:700;color:var(--text-2);cursor:pointer;transition:all .15s}.seg button.active{background:var(--card);color:var(--accent);box-shadow:var(--shadow)}.auth-screen{position:fixed;top:0;right:0;bottom:0;left:0;background:linear-gradient(165deg,var(--bg-2) 0%,var(--card-soft) 100%);display:flex;align-items:center;justify-content:center;padding:24px 20px;z-index:100}.auth-card{width:100%;max-width:400px;background:var(--card);border-radius:var(--radius);padding:28px 24px;box-shadow:var(--shadow-lg, var(--shadow));border:1px solid var(--border)}.auth-card h1{font-size:22px;font-weight:800;text-align:center;margin:12px 0 6px}.auth-sub{font-size:13px;color:var(--text-3);text-align:center;margin-bottom:20px;line-height:1.45}.auth-icon{width:56px;height:56px;margin:0 auto;border-radius:50%;background:var(--blue-soft);color:var(--accent);display:flex;align-items:center;justify-content:center}.auth-err{background:#ffebee;color:var(--red);padding:10px 12px;border-radius:10px;font-size:13px;font-weight:600;margin-bottom:14px;text-align:center}.auth-footer{text-align:center;font-size:13px;color:var(--text-3);margin-top:16px}.auth-footer a{color:var(--accent);font-weight:600;text-decoration:none}.pin-screen{position:fixed;top:0;right:0;bottom:0;left:0;background:linear-gradient(165deg,var(--bg-2) 0%,var(--card-soft) 100%);color:var(--text);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;z-index:100}.pin-logo{font-size:44px;font-weight:900;letter-spacing:-2px;background:linear-gradient(135deg,var(--accent) 0%,var(--accent-2) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:10px}.pin-label{font-size:14px;color:var(--text-3);margin-bottom:32px}.pin-dots{display:flex;gap:18px;margin-bottom:40px}.pin-dot{width:16px;height:16px;border-radius:50%;background:transparent;border:2px solid var(--muted);transition:all .18s}.pin-dot.filled{background:var(--accent);border-color:var(--accent)}.pin-pad{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;width:100%;max-width:280px}.pin-key{background:var(--card);border:1px solid var(--border);border-radius:50%;aspect-ratio:1;color:var(--text);font-size:26px;font-weight:500;cursor:pointer;box-shadow:var(--shadow)}.pin-key:active{background:var(--hover);transform:scale(.94)}.pin-key.icon{background:transparent;border:none;box-shadow:none;font-size:20px}.pin-error{color:var(--red);font-size:13px;height:18px;margin-top:12px;font-weight:600}.toggle-row{display:flex;align-items:center;gap:14px;padding:14px 16px;background:var(--card);border-radius:var(--radius-sm);border:1px solid var(--border);cursor:pointer;user-select:none;-webkit-user-select:none}.toggle-row:active{background:var(--hover)}.toggle-row.on{border-color:var(--accent);background:var(--accent-soft)}.toggle-info{flex:1;pointer-events:none}.toggle-title{font-size:14px;font-weight:700;color:var(--text)}.toggle-sub{font-size:11px;color:var(--text-3);margin-top:2px}.toggle-switch{width:50px;height:30px;background:var(--muted);border-radius:15px;position:relative;transition:background .2s;flex-shrink:0;pointer-events:none}.toggle-row.on .toggle-switch{background:var(--accent)}.toggle-knob{position:absolute;top:3px;left:3px;width:24px;height:24px;background:#fff;border-radius:50%;transition:left .2s;box-shadow:0 2px 4px #0003}.toggle-row.on .toggle-knob{left:23px}.q-card{background:var(--card);border-radius:var(--radius);padding:18px;box-shadow:var(--shadow);border:1px solid var(--border);margin-bottom:12px}.q-card .q-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.q-card .q-head h3{margin:0;font-size:17px;color:var(--text)}.q-card .q-head .periodo{font-size:11px;color:var(--text-3);font-weight:700;text-transform:uppercase;letter-spacing:1px}.q-row{display:flex;justify-content:space-between;padding:7px 0;font-size:14px;color:var(--text)}.q-row.total{font-weight:700;border-top:1px solid var(--border);margin-top:6px;padding-top:10px}.q-row .green{color:var(--green)}.q-row .red{color:var(--red)}.q-row .blue{color:var(--blue);font-size:17px}.swipe-wrap{overflow:hidden}.swipe-page{will-change:transform,opacity}@keyframes fadeBlurRight{0%{opacity:0;filter:blur(6px);transform:translate(10px)}to{opacity:1;filter:blur(0);transform:translate(0)}}@keyframes fadeBlurLeft{0%{opacity:0;filter:blur(6px);transform:translate(-10px)}to{opacity:1;filter:blur(0);transform:translate(0)}}.slide-from-right{animation:fadeBlurRight .42s ease-out}.slide-from-left{animation:fadeBlurLeft .42s ease-out}.section{margin-bottom:24px}.section h2{font-size:12px;color:var(--text-3);margin:4px 4px 10px;text-transform:uppercase;letter-spacing:1.2px;font-weight:700}.row-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}