:root{--bg-image:url(https://firebasestorage.googleapis.com/v0/b/casa-araujo.firebasestorage.app/o/fundo_mb.png?alt=media&token=fe8fff4c-9184-4cd2-8b2b-75b1135d3774);--glass-bg:#ffffff1a;--glass-bg-strong:#ffffff29;--glass-border:#ffffff29;--blur:18px;--radius-lg:22px;--radius-md:16px;--radius-sm:10px;--text:#f5f7ff;--text-muted:#f5f7ffad;--green:#22c55e;--red:#f43f5e;--blue:#3b82f6;--amber:#f59e0b;--violet:#8b5cf6;--nav-bg:#090e1ed1;--shadow:0 10px 30px #00000059}*{box-sizing:border-box}html,body,#root{height:100%}body{color:var(--text);-webkit-tap-highlight-color:transparent;margin:0;font-family:Poppins,Segoe UI,Arial,sans-serif}.app-shell{background-image:var(--bg-image);background-position:50%;background-size:cover;background-attachment:fixed;min-height:100vh;position:relative}.app-shell:before{content:"";z-index:0;background:linear-gradient(#060a18a6,#060a18d1);position:fixed;inset:0}.app-page{z-index:1;max-width:480px;margin:0 auto;padding:18px 16px 110px;position:relative}h1,h2,h3,h4{color:var(--text);margin:0}p{margin:0}a{color:inherit}button{font-family:inherit}.glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--blur));border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow)}.card{margin-bottom:14px;padding:16px}.card h3{color:var(--text-muted);margin-bottom:6px;font-size:.95rem;font-weight:600}.card .value{font-size:1.4rem;font-weight:700}.btn{cursor:pointer;color:#fff;border:none;border-radius:14px;justify-content:center;align-items:center;gap:6px;padding:11px 18px;font-size:.92rem;font-weight:600;transition:transform .15s,filter .15s,box-shadow .15s;display:inline-flex}.btn:active{transform:scale(.96)}.btn:disabled{opacity:.5;cursor:default}.btn-block{width:100%}.btn-sm{border-radius:12px;padding:8px 12px;font-size:.82rem}.btn-ghost{background:#ffffff1a;border:1px solid #ffffff2e}.btn-ghost:hover{background:#ffffff2e}.btn-green{background:linear-gradient(135deg,#22c55e,#16a34a);box-shadow:0 6px 16px #22c55e59}.btn-red{background:linear-gradient(135deg,#f43f5e,#e11d48);box-shadow:0 6px 16px #f43f5e59}.btn-blue{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 6px 16px #3b82f659}.btn-violet{background:linear-gradient(135deg,#8b5cf6,#6d28d9);box-shadow:0 6px 16px #8b5cf659}.grid-dash{grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:16px;display:grid}.grid-dash .span-2{grid-column:1/-1}.section-title{align-items:center;gap:8px;margin:22px 0 10px;font-size:1.05rem;font-weight:600;display:flex}.filters{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;margin-bottom:12px;display:flex}.filters select{background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--text);border-radius:10px;padding:6px 10px;font-size:.82rem}.filters select option{color:#000}.filters label{color:var(--text-muted);font-size:.8rem}.skeleton{background:#ffffff24;border-radius:6px;animation:1.2s ease-in-out infinite pulse;color:#0000!important}@keyframes pulse{0%,to{opacity:.5}50%{opacity:1}}.empty-state{text-align:center;color:var(--text-muted);padding:24px 12px;font-size:.9rem}.category-group{margin-bottom:10px}.category-header{border-radius:var(--radius-md);background:var(--glass-bg);border:1px solid var(--glass-border);cursor:pointer;text-align:left;justify-content:space-between;align-items:center;width:100%;padding:12px 14px;font-size:.88rem;font-weight:600;display:flex}.category-header .chevron{opacity:.7;transition:transform .2s}.category-header.open .chevron{transform:rotate(180deg)}.category-items-wrap{grid-template-rows:0fr;transition:grid-template-rows .25s;display:grid}.category-items-wrap.open{grid-template-rows:1fr}.category-items-inner{overflow:hidden}.category-items-inner>.swipe-wrap:first-child{margin-top:6px}.list-row{background:#ffffff0f;justify-content:space-between;align-items:center;gap:10px;padding:12px 14px;font-size:.85rem;display:flex}.list-row .meta{color:var(--text-muted);margin-top:2px;font-size:.74rem}.list-row.pago .desc{opacity:.6;text-decoration:line-through}.list-row .row-value{flex-shrink:0;align-items:center;gap:8px;display:flex}.row-actions{gap:4px;display:flex}.row-actions button{cursor:pointer;color:var(--text);background:#ffffff14;border:1px solid #ffffff29;border-radius:8px;padding:4px 7px;font-size:.82rem;line-height:1}.row-actions button:hover{background:#ffffff2e}.swipe-wrap{border-radius:var(--radius-md);touch-action:pan-y;margin-bottom:6px;position:relative;overflow:hidden}.swipe-actions{align-items:stretch;display:flex;position:absolute;inset:0}.swipe-actions .action{color:#fff;flex:1;justify-content:center;align-items:center;gap:4px;font-size:.78rem;font-weight:600;display:flex}.swipe-actions .action.edit{background:var(--blue);justify-content:flex-start;padding-left:20px}.swipe-actions .action.delete{background:var(--red);justify-content:flex-end;padding-right:20px}.swipe-foreground{z-index:1;background:#141a30eb;position:relative}.bottom-nav{padding:8px 6px calc(8px + env(safe-area-inset-bottom));background:var(--nav-bg);-webkit-backdrop-filter:blur(var(--blur));z-index:50;border-top:1px solid #ffffff14;justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0}.bottom-nav a,.bottom-nav button{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:12px;flex-direction:column;align-items:center;gap:2px;padding:6px 8px;font-size:.62rem;font-weight:600;text-decoration:none;transition:color .2s;display:flex;position:relative}.bottom-nav svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px}.bottom-nav a.active,.bottom-nav a:hover,.bottom-nav button:hover{color:#fff}.bottom-nav .nav-pill{z-index:-1;background:#ffffff1f;border-radius:12px;position:absolute;inset:0}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;background:#04071299;justify-content:center;align-items:flex-end;padding:0;display:flex;position:fixed;inset:0}@media (width>=480px){.modal-overlay{align-items:center;padding:20px}}.modal-box{width:100%;max-width:440px;padding:20px 20px calc(20px + env(safe-area-inset-bottom));background:#131b34;border:1px solid #ffffff1a;border-radius:24px 24px 0 0;max-height:88vh;overflow-y:auto;box-shadow:0 -10px 40px #00000080}@media (width>=480px){.modal-box{border-radius:24px}}.modal-box h3{font-size:1.15rem}.modal-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.modal-header h3{margin:0}.modal-close{width:30px;height:30px;color:var(--text);cursor:pointer;background:#ffffff14;border:1px solid #ffffff29;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.95rem;line-height:1;display:flex}.modal-close:hover{background:#ffffff2e}.modal-grabber{background:#ffffff40;border-radius:4px;width:40px;height:4px;margin:0 auto 14px}@media (width>=480px){.modal-grabber{display:none}}.field{margin-bottom:12px}.field label{color:var(--text-muted);margin-bottom:5px;font-size:.78rem;display:block}.field input,.field select,.field textarea{width:100%;color:var(--text);background:#ffffff14;border:1px solid #fff3;border-radius:12px;padding:10px 12px;font-family:inherit;font-size:.92rem}.field input::placeholder,.field textarea::placeholder{color:#fff6}.field input:focus,.field select:focus,.field textarea:focus{background:#ffffff1f;border-color:#ffffff80;outline:none}.field select option{color:#000}.field-error{color:var(--red);margin-top:8px;font-size:.78rem}.modal-actions{gap:10px;margin-top:16px;display:flex}.modal-actions .btn{flex:1}.toast-stack{top:max(14px, env(safe-area-inset-top));z-index:600;pointer-events:none;flex-direction:column;align-items:center;gap:8px;padding:0 14px;display:flex;position:fixed;left:0;right:0}.toast{pointer-events:auto;color:var(--text);background:#161f3d;border:1px solid #ffffff24;border-radius:14px;align-items:center;gap:8px;max-width:420px;padding:10px 16px;font-size:.85rem;display:flex;box-shadow:0 8px 24px #0006}.toast.success{border-color:#22c55e80}.toast.error{border-color:#f43f5e80}.progress-track{background:#ffffff1f;border-radius:8px;height:8px;margin:8px 0 6px;overflow:hidden}.progress-bar{background:linear-gradient(90deg,#22c55e,#16a34a);border-radius:8px;height:100%}.calendar-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.calendar-header h2{text-transform:capitalize;font-size:1.05rem}.calendar-grid{grid-template-columns:repeat(7,1fr);gap:4px;display:grid}.calendar-day{aspect-ratio:1;cursor:pointer;background:#ffffff0d;border-radius:10px;justify-content:center;align-items:center;font-size:.82rem;transition:background .15s;display:flex;position:relative}.calendar-day:hover{background:#ffffff24}.calendar-day.empty{cursor:default;background:0 0}.calendar-day.day-name{color:var(--text-muted);cursor:default;background:0 0;font-size:.74rem;font-weight:600}.calendar-day.has-note:after{content:"";background:var(--amber);border-radius:50%;width:5px;height:5px;position:absolute;bottom:5px}.calendar-day.today{box-shadow:inset 0 0 0 2px var(--blue);font-weight:700}.countdown-value{text-align:center;font-size:2.4rem;font-weight:700}.countdown-value.warn{color:var(--red)}.countdown-value.ok{color:var(--blue)}.countdown-label{text-align:center;color:var(--text-muted);margin-bottom:6px;font-size:.82rem}.row-between{justify-content:space-between;align-items:center;display:flex}.muted{color:var(--text-muted)}.center{text-align:center}.stack{flex-direction:column;gap:10px;display:flex}.chart-wrap{margin-top:10px}.splash-screen{z-index:500;background:radial-gradient(circle at 50% 35%,#132845 0%,#0c1429 55%,#070c1c 100%);flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}.splash-glow{filter:blur(10px);background:radial-gradient(circle,#2dd4bf73 0%,#2dd4bf00 70%);border-radius:50%;width:340px;height:340px;position:absolute}.splash-logo{border-radius:30px;width:128px;height:128px;position:relative;box-shadow:0 20px 60px #00000080}.splash-title{color:var(--text);-webkit-text-stroke:0;margin-top:22px;font-size:1.9rem;font-weight:700;position:relative}.splash-title span{color:#2dd4bf}.splash-tagline{color:var(--text-muted);letter-spacing:.02em;margin-top:6px;font-size:.88rem;position:relative}.splash-loader{background:#ffffff1f;border-radius:4px;width:120px;height:4px;margin-top:34px;position:relative;overflow:hidden}.splash-loader span{background:linear-gradient(90deg,#2dd4bf,#3b82f6);border-radius:4px;width:40%;height:100%;display:block}.login-gate{z-index:400;text-align:center;background:radial-gradient(circle at 50% 35%,#132845 0%,#0c1429 55%,#070c1c 100%);flex-direction:column;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.login-logo{border-radius:28px;width:120px;height:120px;margin-bottom:20px;box-shadow:0 20px 60px #00000080}.login-title{text-align:center;margin-bottom:4px;font-size:1.9rem;font-weight:700}.login-title span{color:#2dd4bf}.login-google-btn{justify-content:center;align-items:center;gap:10px;max-width:280px;margin:0 auto;display:flex}