:root{--bg-base: #06060e;--bg-1: #0a0a18;--bg-2: #0e0e22;--bg-card: #0f0f1e;--bg-glass: rgba(15, 15, 30, .7);--cyan: #00f0ff;--cyan-dim: #00b8cc;--pink: #ff2d78;--pink-dim: #cc1a58;--purple: #a855f7;--purple-dim: #7c3aed;--green: #00ff88;--gold: #f5c518;--text: #e2e8f0;--text-muted: #8892a4;--text-dim: #4a5568;--border: rgba(0, 240, 255, .12);--border-hot: rgba(0, 240, 255, .4);--glow-cyan: 0 0 20px rgba(0, 240, 255, .4);--glow-pink: 0 0 20px rgba(255, 45, 120, .4);--glow-soft: 0 0 40px rgba(0, 240, 255, .12);--font-display: "Orbitron", monospace;--font-body: "Rajdhani", sans-serif;--font-mono: "Share Tech Mono", monospace;--radius: 6px;--radius-lg: 12px;--transition: .3s cubic-bezier(.4, 0, .2, 1);--nav-h: 68px}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{background:var(--bg-base);color:var(--text);font-family:var(--font-body);font-size:17px;line-height:1.45;min-height:100dvh;overscroll-behavior-y:none}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background:radial-gradient(ellipse 80% 40% at 50% -10%,rgba(0,240,255,.09),transparent 60%),radial-gradient(ellipse 60% 30% at 90% 110%,rgba(255,45,120,.06),transparent 60%),repeating-linear-gradient(0deg,transparent 0 39px,rgba(0,240,255,.025) 39px 40px),repeating-linear-gradient(90deg,transparent 0 39px,rgba(0,240,255,.02) 39px 40px)}#root{position:relative;z-index:1}.app-shell{max-width:560px;margin:0 auto;padding:0 16px calc(var(--nav-h) + 28px);min-height:100dvh}h1,h2,h3,.display{font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase}h1{font-size:1.15rem;font-weight:700}h2{font-size:.85rem;font-weight:600;color:var(--cyan);margin-bottom:10px}.mono{font-family:var(--font-mono)}.muted{color:var(--text-muted)}.dim{color:var(--text-dim)}.small{font-size:.85rem}.topbar{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:18px 0 12px;position:sticky;top:0;z-index:20;background:linear-gradient(180deg,var(--bg-base) 75%,transparent)}.logo{font-family:var(--font-display);font-weight:900;font-size:1.05rem;letter-spacing:.1em;color:var(--text);text-decoration:none}.logo .accent{color:var(--cyan);text-shadow:var(--glow-cyan)}.month-nav{display:flex;align-items:center;gap:4px;background:var(--bg-glass);border:1px solid var(--border);border-radius:999px;padding:4px 6px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.month-nav button{background:none;border:none;color:var(--cyan);font-size:1rem;width:30px;height:30px;cursor:pointer;border-radius:50%}.month-nav button:active{background:#00f0ff1f}.month-nav .label{font-family:var(--font-mono);font-size:.8rem;color:var(--text);min-width:76px;text-align:center;text-transform:uppercase}.avatar{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;font-family:var(--font-display);font-weight:700;font-size:.85rem;border:1px solid;flex-shrink:0}.avatar.cyan{color:var(--cyan);border-color:var(--cyan);box-shadow:0 0 12px #00f0ff59;background:#00f0ff14}.avatar.pink{color:var(--pink);border-color:var(--pink);box-shadow:0 0 12px #ff2d7859;background:#ff2d7814}.card{background:var(--bg-glass);border:1px solid var(--border);border-radius:var(--radius-lg);padding:16px;margin-bottom:14px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:fadeUp .45s cubic-bezier(.2,.7,.3,1) both}.card.hot{border-color:#ff2d7859}.card:nth-child(2){animation-delay:.05s}.card:nth-child(3){animation-delay:.1s}.card:nth-child(4){animation-delay:.15s}.card:nth-child(5){animation-delay:.2s}.card:nth-child(6){animation-delay:.25s}@keyframes fadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.card-title{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted);margin-bottom:10px}.card-title:before{content:"// ";color:var(--cyan)}.big-money{font-family:var(--font-mono);font-size:2rem;line-height:1.1}.money{font-family:var(--font-mono);white-space:nowrap}.pos{color:var(--green)}.neg{color:var(--pink)}.cy{color:var(--cyan)}.gd{color:var(--gold)}.pu{color:var(--purple)}.btn{font-family:var(--font-display);font-size:.8rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;border-radius:var(--radius);border:1px solid var(--border-hot);background:#00f0ff14;color:var(--cyan);padding:12px 18px;cursor:pointer;transition:var(--transition);width:100%;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn:active{transform:scale(.98);box-shadow:var(--glow-cyan)}.btn.primary{background:linear-gradient(135deg,#00f0ff33,#a855f733);box-shadow:var(--glow-soft)}.btn.danger{border-color:#ff2d7866;background:#ff2d7814;color:var(--pink)}.btn.ghost{border-color:var(--border);background:none;color:var(--text-muted)}.btn.sm{padding:8px 12px;font-size:.7rem;width:auto}.btn:disabled{opacity:.45;pointer-events:none}.field{margin-bottom:14px}.field label{display:block;font-family:var(--font-mono);font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);margin-bottom:6px}.field input,.field select,.field textarea{width:100%;background:var(--bg-1);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font-family:var(--font-body);font-size:1.05rem;font-weight:500;padding:12px 14px;outline:none;transition:var(--transition)}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--border-hot);box-shadow:0 0 0 3px #00f0ff14}.field input.money-input{font-family:var(--font-mono);font-size:1.6rem;text-align:center;color:var(--green)}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{font-family:var(--font-mono);font-size:.78rem;padding:7px 12px;border-radius:999px;border:1px solid var(--border);background:var(--bg-1);color:var(--text-muted);cursor:pointer;transition:var(--transition);-webkit-user-select:none;user-select:none}.chip.on{border-color:var(--border-hot);color:var(--cyan);background:#00f0ff1a;box-shadow:0 0 10px #00f0ff2e}.chip.on.pink{border-color:var(--pink);color:var(--pink);background:#ff2d781a;box-shadow:0 0 10px #ff2d782e}.chip.on.purple{border-color:var(--purple);color:var(--purple);background:#a855f71a}.chip.on.gold{border-color:var(--gold);color:var(--gold);background:#f5c5181a}.chip.on.green{border-color:var(--green);color:var(--green);background:#00ff881a}.tagchip{display:inline-flex;align-items:center;gap:4px;font-family:var(--font-mono);font-size:.68rem;padding:2px 8px;border-radius:999px;border:1px solid var(--border);color:var(--text-muted)}.row{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid rgba(0,240,255,.06)}.row:last-child{border-bottom:none}.row .emoji{font-size:1.3rem;width:36px;text-align:center;flex-shrink:0}.row .grow{flex:1;min-width:0}.row .title{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row .sub{font-size:.8rem;color:var(--text-muted);font-family:var(--font-mono)}.bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:50;display:flex;justify-content:center}.bottom-nav .inner{width:100%;max-width:560px;height:calc(var(--nav-h) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:#0a0a18eb;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid var(--border);display:grid;grid-template-columns:repeat(5,1fr);align-items:center}.nav-item{display:flex;flex-direction:column;align-items:center;gap:3px;color:var(--text-dim);text-decoration:none;font-family:var(--font-mono);font-size:.6rem;letter-spacing:.08em;text-transform:uppercase;position:relative;padding:6px 0}.nav-item .ico{font-size:1.25rem;line-height:1}.nav-item.active{color:var(--cyan);text-shadow:0 0 12px rgba(0,240,255,.6)}.nav-item .badge{position:absolute;top:0;right:calc(50% - 22px);background:var(--pink);color:#fff;font-size:.6rem;min-width:16px;height:16px;border-radius:8px;display:grid;place-items:center;padding:0 4px;box-shadow:var(--glow-pink)}.fab{width:54px;height:54px;border-radius:50%;border:none;margin:0 auto;transform:translateY(-14px);background:linear-gradient(135deg,var(--cyan),var(--purple));color:#06060e;font-size:1.7rem;font-weight:700;cursor:pointer;box-shadow:0 0 24px #00f0ff73,0 6px 18px #00000080;transition:var(--transition);display:grid;place-items:center;line-height:0}.fab:active{transform:translateY(-14px) scale(.92)}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#03030ab3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:90;animation:fadeIn .2s both}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.sheet{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:560px;max-height:88dvh;overflow-y:auto;background:var(--bg-2);border:1px solid var(--border-hot);border-bottom:none;border-radius:20px 20px 0 0;padding:10px 18px calc(20px + env(safe-area-inset-bottom));z-index:100;animation:slideUp .3s cubic-bezier(.2,.7,.3,1) both;box-shadow:0 -10px 60px #00f0ff1f}@keyframes slideUp{0%{transform:translate(-50%,100%)}to{transform:translate(-50%)}}.sheet .handle{width:44px;height:4px;border-radius:2px;background:var(--text-dim);margin:4px auto 14px}.hbar{margin-bottom:10px}.hbar .top{display:flex;justify-content:space-between;font-family:var(--font-mono);font-size:.78rem;margin-bottom:4px}.hbar .track{height:8px;border-radius:4px;background:var(--bg-1);overflow:hidden}.hbar .fill{height:100%;border-radius:4px;transition:width .6s cubic-bezier(.2,.7,.3,1)}.alert-strip{display:flex;align-items:center;gap:10px;border-radius:var(--radius);padding:10px 12px;margin-bottom:8px;font-size:.95rem;border:1px solid;animation:fadeUp .4s both}.alert-strip.late,.alert-strip.d0{border-color:#ff2d7880;background:#ff2d7817;animation:fadeUp .4s both,pulseGlow 1.8s ease-in-out infinite}@keyframes pulseGlow{0%,to{box-shadow:0 0 6px #ff2d7833}50%{box-shadow:0 0 18px #ff2d7873}}.alert-strip.d1{border-color:#f5c51880;background:#f5c51812}.alert-strip.d3,.alert-strip.d5,.alert-strip.d2,.alert-strip.d4{border-color:var(--border);background:#00f0ff0d}.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.cal-dow{font-family:var(--font-mono);font-size:.62rem;text-align:center;color:var(--text-dim);text-transform:uppercase;padding:4px 0}.cal-day{aspect-ratio:1 / 1.15;border-radius:var(--radius);border:1px solid transparent;background:#0f0f1e80;padding:4px;font-family:var(--font-mono);font-size:.72rem;color:var(--text-muted);cursor:pointer;position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;transition:var(--transition)}.cal-day.out{opacity:.25}.cal-day.today{border-color:var(--border-hot);box-shadow:inset 0 0 12px #00f0ff1f;color:var(--cyan)}.cal-day.selected{border-color:var(--purple);box-shadow:0 0 10px #a855f74d}.cal-day .dots{display:flex;gap:2px;flex-wrap:wrap;justify-content:center}.cal-day .dot{width:5px;height:5px;border-radius:50%}.dot.bill{background:var(--gold)}.dot.bill-late{background:var(--pink);box-shadow:0 0 4px var(--pink)}.dot.bill-paid{background:var(--green)}.dot.income{background:var(--cyan)}.dot.expense{background:var(--purple)}.ring-wrap{display:flex;align-items:center;gap:16px}.ring-label{font-family:var(--font-mono);font-size:.85rem}.login-wrap{min-height:100dvh;display:flex;flex-direction:column;justify-content:center;padding:24px;max-width:420px;margin:0 auto}.login-logo{font-family:var(--font-display);font-weight:900;font-size:2rem;letter-spacing:.12em;text-align:center;margin-bottom:6px}.login-sub{text-align:center;color:var(--text-muted);font-family:var(--font-mono);font-size:.75rem;letter-spacing:.2em;text-transform:uppercase;margin-bottom:36px}.glitch{position:relative;color:var(--cyan);text-shadow:var(--glow-cyan)}.toast{position:fixed;top:18px;left:50%;transform:translate(-50%);z-index:200;background:var(--bg-2);border:1px solid var(--green);color:var(--green);font-family:var(--font-mono);font-size:.85rem;padding:12px 20px;border-radius:var(--radius);box-shadow:0 0 24px #00ff8840;animation:toastIn .3s cubic-bezier(.2,.7,.3,1) both;max-width:90vw;text-align:center}.toast.err{border-color:var(--pink);color:var(--pink);box-shadow:0 0 24px #ff2d7840}@keyframes toastIn{0%{opacity:0;transform:translate(-50%,-16px)}to{opacity:1;transform:translate(-50%)}}.seg{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:4px;background:var(--bg-1);border:1px solid var(--border);border-radius:999px;padding:4px;margin-bottom:16px}.seg button{border:none;background:none;color:var(--text-muted);font-family:var(--font-display);font-size:.68rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;padding:9px 4px;border-radius:999px;cursor:pointer;transition:var(--transition)}.seg button.on{background:linear-gradient(135deg,#00f0ff2e,#a855f72e);color:var(--cyan)}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.empty{text-align:center;color:var(--text-dim);font-family:var(--font-mono);font-size:.85rem;padding:28px 12px}.footer-sig{text-align:center;font-family:var(--font-mono);font-size:.68rem;color:var(--text-dim);padding:24px 0 8px}.footer-sig .accent{color:var(--cyan)}.streak-flame{font-size:1.1rem}.divider{border:none;border-top:1px solid var(--border);margin:14px 0}::selection{background:#00f0ff4d}@media (min-width: 561px){body{font-size:16px}}