:root{--bg: #0a0f1c;--surface: #121a2b;--surface-2: #1a2438;--border: #243047;--text: #e8eef8;--dim: #8494ae;--accent: #5b8dff;--accent-ink: #fff;--danger: #f2607a;--ok: #34d399;--warn: #f59e0b;--r: 14px;--r-sm: 10px}@media (prefers-color-scheme: light){:root{--bg: #f4f6fa;--surface: #fff;--surface-2: #eef1f7;--border: #e0e5ee;--text: #0f172a;--dim: #64748b;--accent: #2563eb}}*{box-sizing:border-box}html,body{margin:0}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:15px;line-height:1.4;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}.i{width:20px;height:20px;flex:none}.dim{color:var(--dim)}.error{color:var(--danger);font-size:.82rem;margin:0}.hint{color:var(--dim);font-size:.8rem;margin:0}.boot{padding:4rem 1rem;text-align:center;color:var(--dim)}.banner{padding:.6rem 1rem;font-size:.82rem;text-align:center;background:color-mix(in srgb,var(--danger) 16%,transparent);color:var(--danger)}.app{max-width:560px;margin:0 auto;padding-bottom:calc(4.6rem + env(safe-area-inset-bottom))}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.55rem .9rem;padding-top:calc(.55rem + env(safe-area-inset-top));background:var(--bg);border-bottom:1px solid var(--border)}.topbar h1{margin:0;font-size:1.05rem;font-weight:650;letter-spacing:-.01em}.topbar-tools{display:flex;align-items:center;gap:.15rem}.content{display:grid;gap:.7rem;padding:.75rem .9rem 0}button{font:inherit;cursor:pointer;color:var(--text);background:none;border:none;padding:0}button:disabled{opacity:.55;cursor:default}.icon-btn{display:grid;place-items:center;width:2.2rem;height:2.2rem;border-radius:999px;color:var(--dim)}.icon-btn:active{background:var(--surface-2)}.text-btn{color:var(--dim);font-size:.82rem;padding:.35rem .4rem}.primary{background:var(--accent);color:var(--accent-ink);font-weight:600;border-radius:var(--r-sm);padding:0 1.1rem;min-height:2.85rem}.primary.block{width:100%}.hero{display:grid;gap:.3rem;padding:.95rem 1rem 1rem;border-radius:var(--r);background:linear-gradient(150deg,var(--accent),color-mix(in srgb,var(--accent) 40%,#7c3aed));color:#fff}.hero--over{background:linear-gradient(150deg,var(--danger),#b3123f)}.hero--commit{background:linear-gradient(150deg,#f59e0b,#c2410c)}.hero--empty{background:var(--surface);border:1px solid var(--border);color:var(--dim);text-align:center;padding:1.5rem}.hero-label{font-size:.68rem;text-transform:uppercase;letter-spacing:.07em;opacity:.8}.hero-value{font-size:1.85rem;line-height:1.15;letter-spacing:-.025em;font-variant-numeric:tabular-nums}.hero-hint{font-size:.76rem;opacity:.82}.hero-bar{height:5px;border-radius:999px;margin-top:.35rem;background:#ffffff40;overflow:hidden}.hero-bar span{display:block;height:100%;background:#fff;transition:width .3s ease}.hero-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.4rem;margin-top:.55rem;padding-top:.55rem;border-top:1px solid rgba(255,255,255,.2)}.hero-grid>div{display:grid;gap:.05rem;min-width:0}.hero-grid span{font-size:.63rem;text-transform:uppercase;letter-spacing:.05em;opacity:.78}.hero-grid strong{font-size:.85rem;font-weight:600;font-variant-numeric:tabular-nums}.chips{display:flex;gap:.35rem;overflow-x:auto;padding-bottom:.15rem;scrollbar-width:none;-ms-overflow-style:none}.chips::-webkit-scrollbar{display:none}.chips-sep{width:1px;background:var(--border);flex:none;margin:.25rem .15rem}.pill{flex:none;display:inline-flex;align-items:center;gap:.3rem;padding:.38rem .75rem;border-radius:999px;font-size:.79rem;background:var(--surface);border:1px solid var(--border);color:var(--dim);white-space:nowrap}.pill.on{color:var(--text);border-color:var(--accent);background:color-mix(in srgb,var(--accent) 18%,transparent);font-weight:600}.icon-pill.on{border-color:var(--chip);background:color-mix(in srgb,var(--chip) 18%,transparent);color:var(--chip)}.pill .i{width:15px;height:15px}.listing-total{display:flex;align-items:baseline;justify-content:space-between;font-size:.8rem;padding:0 .15rem}.listing-total strong{font-size:.95rem;font-variant-numeric:tabular-nums}input{width:100%;min-width:0;max-width:100%;font:inherit;color:var(--text);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-sm);padding:.58rem .7rem;-webkit-appearance:none;-moz-appearance:none;appearance:none}input:focus{outline:2px solid var(--accent);outline-offset:1px}input::placeholder{color:var(--dim)}input.flat{min-height:2.5rem}.search{margin-bottom:.1rem}.amount-field{display:flex;align-items:center;gap:.4rem;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-sm);padding:.45rem .8rem}.amount-field:focus-within{outline:2px solid var(--accent);outline-offset:1px}.amount-prefix,.amount-suffix{color:var(--dim);font-size:1rem;flex:none}.amount-input{background:none;border:none;padding:.2rem 0;outline:none!important;font-size:1.7rem;font-weight:650;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.amount-field.compact .amount-input{font-size:1.3rem}.amount-input::-webkit-outer-spin-button,.amount-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.amount-input[type=number]{-moz-appearance:textfield}.two{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.mini{display:grid;gap:.25rem}.mini>span{font-size:.72rem;color:var(--dim)}.linky{color:var(--accent);text-decoration:underline;font-size:inherit}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);padding:.85rem .9rem;display:grid;gap:.6rem}.panel h2{margin:0;font-size:.9rem;font-weight:650}.salary-row{display:flex;gap:.5rem;align-items:stretch}.salary-row .amount-field{flex:1}.list{display:grid;gap:.85rem}.day-header{display:flex;justify-content:space-between;font-size:.72rem;color:var(--dim);padding:0 .2rem .3rem;text-transform:uppercase;letter-spacing:.05em}.entries{list-style:none;margin:0;padding:0;background:var(--surface);border:1px solid var(--border);border-radius:var(--r);overflow:hidden}.entry{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.15rem .65rem;padding:.6rem .75rem}.entry+.entry{border-top:1px solid var(--border)}.entry-icon{display:grid;place-items:center;width:2.1rem;height:2.1rem;border-radius:10px;color:var(--chip);background:color-mix(in srgb,var(--chip) 16%,transparent)}.entry-icon .i{width:17px;height:17px}.entry-main{display:grid;min-width:0;gap:.05rem}.entry-name{font-size:.9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.entry-meta{font-size:.72rem;color:var(--dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.entry-amount{font-size:.95rem;font-weight:600;font-variant-numeric:tabular-nums}.entry-tools{grid-column:2 / -1;display:flex;gap:.1rem;margin-top:.15rem}.entry-tools.right{justify-content:flex-end;grid-column:auto}.entry-tools button{display:grid;place-items:center;width:2rem;height:2rem;border-radius:8px;color:var(--dim)}.entry-tools button .i{width:16px;height:16px}.entry-tools button.danger{color:var(--danger)}.entry-tools button:active{background:var(--surface-2)}.empty{text-align:center;color:var(--dim);padding:2.5rem 1rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--r)}.empty p{margin:0 0 .25rem}.plan{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);padding:.85rem .9rem;display:grid;gap:.55rem}.plan header{display:flex;align-items:flex-start;justify-content:space-between;gap:.5rem}.plan-title{display:grid;gap:.1rem;min-width:0}.plan h3{margin:0;font-size:.95rem;font-weight:600}.plan-title span{font-size:.75rem}.badge{flex:none;font-size:.68rem;font-weight:700;padding:.2rem .55rem;border-radius:999px;font-variant-numeric:tabular-nums;background:color-mix(in srgb,var(--accent) 18%,transparent);color:var(--accent)}.badge.done{background:color-mix(in srgb,var(--ok) 18%,transparent);color:var(--ok)}.badge.soon{background:color-mix(in srgb,var(--warn) 20%,transparent);color:var(--warn)}.plan-bar{height:5px;border-radius:999px;background:var(--surface-2);overflow:hidden}.plan-bar span{display:block;height:100%;background:var(--accent)}.plan-figures{display:grid;grid-template-columns:repeat(3,1fr);gap:.4rem}.plan-figures>div{display:grid;gap:.05rem;min-width:0}.plan-figures span{font-size:.63rem;text-transform:uppercase;letter-spacing:.05em;color:var(--dim)}.plan-figures strong{font-size:.92rem;font-variant-numeric:tabular-nums}.plan-note{margin:0;font-size:.76rem}.breakdown{list-style:none;margin:0;padding:0;display:grid;gap:.7rem}.breakdown li{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.6rem}.breakdown-main{display:grid;gap:.25rem;min-width:0}.breakdown-top{display:flex;justify-content:space-between;gap:.5rem;font-size:.83rem}.breakdown-top strong{font-variant-numeric:tabular-nums}.breakdown-bar{height:5px;border-radius:999px;background:var(--surface-2);overflow:hidden}.breakdown-bar span{display:block;height:100%}.breakdown-pct{font-size:.75rem;font-variant-numeric:tabular-nums;min-width:2.2rem;text-align:right}.fab{position:fixed;z-index:30;right:max(1rem,calc(50vw - 280px + 1rem));bottom:calc(4.6rem + env(safe-area-inset-bottom));width:3.4rem;height:3.4rem;border-radius:999px;display:grid;place-items:center;background:var(--accent);color:var(--accent-ink);box-shadow:0 6px 20px #00000059}.fab .i{width:24px;height:24px}.fab:active{transform:scale(.94)}.tabbar{position:fixed;left:0;right:0;bottom:0;z-index:30;display:grid;grid-template-columns:repeat(3,1fr);background:var(--surface);border-top:1px solid var(--border);padding-bottom:env(safe-area-inset-bottom)}.tabbar button{display:grid;justify-items:center;gap:.1rem;padding:.5rem .25rem .55rem;font-size:.65rem;color:var(--dim)}.tabbar button.on{color:var(--accent);font-weight:600}@media (min-width: 560px){.tabbar{max-width:560px;margin:0 auto;border-left:1px solid var(--border);border-right:1px solid var(--border)}}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#0000008c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:flex-end;justify-content:center;animation:fade .15s ease}.sheet{width:100%;max-width:560px;height:94dvh;max-height:94dvh;background:var(--bg);border-radius:20px 20px 0 0;border-top:1px solid var(--border);display:flex;flex-direction:column;animation:rise .22s cubic-bezier(.2,.8,.2,1)}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes rise{0%{transform:translateY(6%)}to{transform:none}}.sheet-grabber{width:34px;height:4px;border-radius:999px;background:var(--border);margin:.5rem auto .15rem;flex:none}.sheet-head{display:flex;align-items:center;justify-content:space-between;padding:.4rem .9rem .6rem;flex:none}.sheet-head h2{margin:0;font-size:1rem;font-weight:650}.sheet-close{display:grid;place-items:center;width:2rem;height:2rem;border-radius:999px;color:var(--dim)}.sheet-body{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:.25rem .9rem calc(1.25rem + env(safe-area-inset-bottom))}.sheet-form{display:flex;flex-direction:column;gap:.95rem;min-height:100%}.sheet-form .primary.block{margin-top:auto}.cat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.45rem}.cat-tile{display:grid;justify-items:center;gap:.2rem;padding:.5rem .2rem;border-radius:var(--r-sm);background:var(--surface);border:1px solid var(--border);color:var(--dim);font-size:.63rem;line-height:1.2;text-align:center}.cat-tile .i{width:19px;height:19px}.cat-tile.on{color:var(--chip);border-color:var(--chip);background:color-mix(in srgb,var(--chip) 15%,transparent);font-weight:600}.date-row{display:flex;gap:.5rem;align-items:center}.date-row input{flex:1;min-height:2.35rem}.calc{display:grid;grid-template-columns:repeat(3,1fr);gap:.4rem;background:var(--surface-2);border-radius:var(--r-sm);padding:.6rem .7rem}.calc>div{display:grid;gap:.05rem;min-width:0}.calc span{font-size:.63rem;text-transform:uppercase;letter-spacing:.05em;color:var(--dim)}.calc strong{font-size:.9rem;font-variant-numeric:tabular-nums}.login-wrap{min-height:100dvh;display:grid;place-items:center;padding:1.25rem}.login{width:100%;max-width:340px;display:grid;gap:.55rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--r);padding:1.4rem 1.2rem}.login .brand{margin:0;font-size:1.3rem;font-weight:700;letter-spacing:-.02em}.login label{font-size:.75rem;color:var(--dim);margin-bottom:.2rem;display:block}.login .muted{color:var(--dim);font-size:.82rem;margin:0 0 .6rem}.login button{margin-top:.5rem}.about-head{display:flex;align-items:flex-start;justify-content:space-between;gap:.6rem}.about-head p{margin:.1rem 0 0}.about-reload{text-align:left;font-size:.78rem}.changelog{list-style:none;margin:0;padding:0;display:grid;gap:.85rem}.changelog>li{display:grid;gap:.3rem}.changelog-head{display:flex;align-items:center;gap:.4rem;font-size:.85rem}.changelog-head .dim{font-size:.72rem;margin-left:auto}.changelog ul{list-style:none;margin:0;padding:0 0 0 .75rem;display:grid;gap:.25rem;border-left:2px solid var(--border)}.changelog ul li{font-size:.79rem;color:var(--dim);line-height:1.45}