:root{--ground: #eef2ed;--surface: #fbfcfa;--surface-2: #e4ebe4;--surface-3: #d8e2d9;--ink: #131c18;--ink-soft: #33443b;--muted: #5a6b62;--accent: #10684e;--accent-ink: #ffffff;--accent-soft: #dce9e1;--warn: #a9531d;--warn-soft: #f4e6da;--danger: #9b2c2c;--danger-soft: #f6e0e0;--rule: #d2dcd4;--rule-strong: #b6c4b9;--sans: "Segoe UI", system-ui, -apple-system, Roboto, "Helvetica Neue", sans-serif;--mono: "Cascadia Mono", Consolas, ui-monospace, "Roboto Mono", monospace;--radius: 14px;--radius-sm: 9px;--shadow: 0 1px 2px rgba(19, 28, 24, .06), 0 8px 24px -12px rgba(19, 28, 24, .18);color-scheme:light}@media (prefers-color-scheme: dark){:root{--ground: #0e1512;--surface: #161f1b;--surface-2: #1e2a24;--surface-3: #26332c;--ink: #e8efe9;--ink-soft: #c3d1c7;--muted: #8fa197;--accent: #4bb992;--accent-ink: #06231a;--accent-soft: #1c322a;--warn: #d99154;--warn-soft: #33261a;--danger: #e08585;--danger-soft: #341d1d;--rule: #2a3831;--rule-strong: #3a4b42;color-scheme:dark}}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--ground);color:var(--ink);font-family:var(--sans);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit;color:inherit}.shell{max-width:460px;margin:0 auto;min-height:100%;background:var(--ground);display:flex;flex-direction:column;position:relative}@media (min-width: 900px){.shell{box-shadow:0 0 0 1px var(--rule)}}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:10px;padding:calc(14px + env(safe-area-inset-top)) 16px 12px;background:var(--ground);border-bottom:1px solid var(--rule)}.topbar__title{font-size:16px;font-weight:650;letter-spacing:-.01em;margin:0;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar__sub{display:block;font-size:11.5px;font-weight:450;color:var(--muted);letter-spacing:0}.main{flex:1;padding:16px 16px 96px;display:flex;flex-direction:column;gap:14px}.bottomnav{position:sticky;bottom:0;z-index:20;display:grid;grid-template-columns:repeat(5,1fr);background:var(--surface);border-top:1px solid var(--rule);padding:6px 4px calc(6px + env(safe-area-inset-bottom))}.bottomnav a{display:flex;flex-direction:column;align-items:center;gap:3px;padding:6px 2px;border-radius:var(--radius-sm);text-decoration:none;color:var(--muted);font-size:10.5px;font-weight:550;letter-spacing:.01em}.bottomnav a.active{color:var(--accent);background:var(--accent-soft)}.bottomnav .ico{font-size:17px;line-height:1}.bottomnav .dot{position:absolute;transform:translate(13px,-4px);min-width:15px;height:15px;border-radius:999px;background:var(--warn);color:#fff;font-size:9.5px;font-weight:700;display:grid;place-items:center;padding:0 3px}.card{background:var(--surface);border:1px solid var(--rule);border-radius:var(--radius);padding:15px}.card--flush{padding:0;overflow:hidden}.card__head{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:10px}.card__title{margin:0;font-size:13px;font-weight:650;letter-spacing:.02em;text-transform:uppercase;color:var(--muted)}.hero{background:var(--surface);border:1px solid var(--rule);border-radius:var(--radius);padding:22px 18px 18px;text-align:center}.hero--defisit{background:var(--danger-soft);border-color:var(--danger)}.hero--ketat{background:var(--warn-soft);border-color:var(--warn)}.hero__label{margin:0;font-size:12.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.hero__amount{margin:6px 0 2px;font-size:clamp(40px,13vw,54px);font-weight:700;letter-spacing:-.035em;line-height:1.02;font-variant-numeric:tabular-nums;color:var(--accent)}.hero--defisit .hero__amount{color:var(--danger)}.hero--ketat .hero__amount{color:var(--warn)}.hero__meta{font-size:12.5px;color:var(--muted)}.hero__projection{margin:14px 0 0;padding-top:12px;border-top:1px solid var(--rule);font-size:13.5px;line-height:1.45;color:var(--ink-soft);text-align:left}.delta{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:600;padding:2px 7px;border-radius:999px;background:var(--accent-soft);color:var(--accent)}.delta--down{background:var(--warn-soft);color:var(--warn)}.row{display:flex;align-items:center;gap:11px;padding:11px 15px;border-bottom:1px solid var(--rule);text-align:left;width:100%;background:none;border-left:0;border-right:0;border-top:0}.row:last-child{border-bottom:0}button.row{cursor:pointer}button.row:hover{background:var(--surface-2)}.row__main{flex:1;min-width:0}.row__title{font-size:14.5px;font-weight:550;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row__sub{font-size:12px;color:var(--muted);margin:1px 0 0}.row__amount{font-size:14.5px;font-weight:650;font-variant-numeric:tabular-nums;white-space:nowrap}.row__amount--in{color:var(--accent)}.env{display:block;width:100%;text-align:left;background:var(--surface);border:1px solid var(--rule);border-radius:var(--radius);padding:13px 14px;cursor:pointer}.env:hover{border-color:var(--rule-strong)}.env__top{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.env__name{font-size:14.5px;font-weight:600;margin:0}.env__balance{font-size:15px;font-weight:700;font-variant-numeric:tabular-nums}.meter{height:6px;border-radius:999px;background:var(--surface-3);overflow:hidden;margin:9px 0 6px}.meter__fill{height:100%;background:var(--accent);border-radius:999px;transition:width .3s ease}.meter__fill--warn{background:var(--warn)}.meter__fill--danger{background:var(--danger)}.env__foot{display:flex;justify-content:space-between;gap:8px;font-size:11.5px;color:var(--muted)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 15px;border-radius:var(--radius-sm);border:1px solid var(--rule-strong);background:var(--surface);color:var(--ink);font-size:14px;font-weight:600;cursor:pointer;text-decoration:none;transition:background .15s ease,border-color .15s ease}.btn:hover:not(:disabled){background:var(--surface-2)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn--primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.btn--primary:hover:not(:disabled){background:var(--accent);filter:brightness(1.08)}.btn--danger{color:var(--danger);border-color:var(--danger);background:transparent}.btn--ghost{border-color:transparent;background:transparent;color:var(--accent);padding:6px 8px}.btn--sm{padding:6px 11px;font-size:12.5px}.btn--block{width:100%}.btnrow{display:flex;gap:8px;flex-wrap:wrap}.btnrow--split>*{flex:1;min-width:0}.field{display:block;margin-bottom:12px}.field__label{display:block;font-size:12.5px;font-weight:600;color:var(--ink-soft);margin-bottom:5px}.field__hint{font-size:11.5px;color:var(--muted);margin:4px 0 0;line-height:1.4}.input,select.input,textarea.input{width:100%;padding:10px 12px;border-radius:var(--radius-sm);border:1px solid var(--rule-strong);background:var(--surface);font-size:15px;font-variant-numeric:tabular-nums}.input:focus{outline:2px solid var(--accent);outline-offset:-1px}.seg{display:flex;gap:4px;padding:3px;background:var(--surface-2);border-radius:var(--radius-sm)}.seg button{flex:1;padding:7px 8px;border:0;border-radius:6px;background:transparent;font-size:12.5px;font-weight:600;color:var(--muted);cursor:pointer}.seg button[aria-pressed=true]{background:var(--surface);color:var(--ink);box-shadow:var(--shadow)}.tag{display:inline-flex;align-items:center;gap:4px;font-size:10.5px;font-weight:650;letter-spacing:.04em;text-transform:uppercase;padding:2.5px 7px;border-radius:999px;background:var(--surface-2);color:var(--muted);white-space:nowrap}.tag--accent{background:var(--accent-soft);color:var(--accent)}.tag--warn{background:var(--warn-soft);color:var(--warn)}.tag--danger{background:var(--danger-soft);color:var(--danger)}.req{font-family:var(--mono);font-size:10.5px;color:var(--muted);background:var(--surface-2);padding:1px 5px;border-radius:4px;white-space:nowrap}.note{font-size:12.5px;line-height:1.5;color:var(--ink-soft);background:var(--surface-2);border-radius:var(--radius-sm);padding:11px 13px}.note--warn{background:var(--warn-soft);color:var(--warn)}.note--accent{background:var(--accent-soft);color:var(--accent)}.empty{text-align:center;padding:34px 20px;color:var(--muted)}.empty h3{margin:0 0 6px;font-size:15px;color:var(--ink)}.empty p{margin:0;font-size:13px;line-height:1.5}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a120e73;z-index:60;display:flex;align-items:flex-end;justify-content:center}.sheet{width:100%;max-width:460px;background:var(--surface);border-radius:18px 18px 0 0;padding:18px 16px calc(20px + env(safe-area-inset-bottom));max-height:88vh;overflow-y:auto;animation:rise .18s ease-out}@keyframes rise{0%{transform:translateY(14px);opacity:.6}}.sheet__title{margin:0 0 4px;font-size:17px;font-weight:650}.sheet__sub{margin:0 0 15px;font-size:13px;color:var(--muted);line-height:1.45}.notif{border:1px solid var(--rule);border-radius:var(--radius);background:var(--surface);padding:12px 13px}.notif__title{margin:0;font-size:14px;font-weight:650}.notif__body{margin:3px 0 0;font-size:13px;color:var(--ink-soft);line-height:1.45}.notif__actions{display:flex;gap:6px;margin-top:10px;flex-wrap:wrap}.stack{display:flex;flex-direction:column;gap:10px}.stack--tight{gap:6px}.split{display:flex;align-items:center;justify-content:space-between;gap:10px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.muted{color:var(--muted)}.small{font-size:12.5px;line-height:1.5}.tabular{font-variant-numeric:tabular-nums}.sectionlabel{font-size:11.5px;font-weight:650;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin:6px 0 -4px}.mono{font-family:var(--mono);font-size:12px}.scroll-x{overflow-x:auto;-webkit-overflow-scrolling:touch}.onb{min-height:100%;display:flex;flex-direction:column;padding:22px 18px calc(20px + env(safe-area-inset-bottom));gap:16px}.onb__progress{display:flex;gap:4px}.onb__progress span{flex:1;height:3px;border-radius:999px;background:var(--surface-3)}.onb__progress span.done{background:var(--accent)}.onb__title{margin:0;font-size:24px;font-weight:700;letter-spacing:-.025em;line-height:1.15}.onb__lead{margin:0;font-size:14.5px;line-height:1.55;color:var(--ink-soft)}.onb__body{flex:1}.wordmark{font-size:27px;font-weight:700;letter-spacing:-.03em;margin:0}.wordmark span{color:var(--accent)}.pick{display:block;width:100%;text-align:left;border:1px solid var(--rule-strong);background:var(--surface);border-radius:var(--radius);padding:13px 14px;cursor:pointer}.pick[aria-pressed=true]{border-color:var(--accent);background:var(--accent-soft)}.pick strong{display:block;font-size:14.5px;margin-bottom:3px}.pick span{font-size:12.5px;color:var(--muted);line-height:1.45}.pick[aria-pressed=true] span{color:var(--ink-soft)}.checklist{margin:0;padding-left:18px;font-size:13.5px;line-height:1.65;color:var(--ink-soft)}.checklist li{margin-bottom:5px}