:root{--brand: #0e7c66;--brand-600: #0b6957;--brand-700: #095244;--brand-tint: #e6f4f0;--accent: #f59e0b;--bg: #f4f6f8;--surface: #ffffff;--surface-2: #f8fafb;--text: #0f1b22;--text-2: #5b6b75;--muted: #67737d;--line: #e6ecef;--danger: #dc2626;--danger-tint: #fdecec;--success: #0f9d58;--success-tint: #e7f6ee;--warning: #d98a00;--warning-tint: #fdf3e2;--info: #2563eb;--radius: 16px;--radius-sm: 10px;--radius-lg: 22px;--shadow: 0 2px 10px rgba(15, 27, 34, .06);--shadow-lg: 0 12px 30px rgba(15, 27, 34, .12);--gap: 14px;--maxw: 480px;--nav-h: 64px;--font: "IBM Plex Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;font-size:15px;line-height:1.45}a{color:inherit;text-decoration:none}button{font-family:inherit}input,select,textarea{font-family:inherit;font-size:16px}h1,h2,h3,h4{margin:0;font-weight:600}p{margin:0}ul{margin:0;padding:0;list-style:none}:focus-visible{outline:2px solid var(--brand);outline-offset:2px;border-radius:4px}button:focus:not(:focus-visible),a:focus:not(:focus-visible){outline:none}.skip-link{position:absolute;top:-40px;left:8px;z-index:1000;background:var(--brand);color:#fff;padding:8px 14px;border-radius:8px;font-weight:600;text-decoration:none;transition:top .12s ease}.skip-link:focus{top:8px}.app-shell{max-width:var(--maxw);margin:0 auto;min-height:100dvh;background:var(--bg);position:relative;display:flex;flex-direction:column;box-shadow:0 0 40px #0f1b220f}.app-main{flex:1;padding:16px 16px calc(var(--nav-h) + 24px);display:flex;flex-direction:column;gap:var(--gap)}.app-main--flush{padding-left:0;padding-right:0}.screen{width:100%;max-width:400px;margin:0;display:flex;flex-direction:column;padding:36px 32px 28px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:10px;padding:14px 16px;background:var(--surface);border-bottom:1px solid var(--line);min-height:56px}.topbar__title{font-size:17px;font-weight:600;flex:1}.topbar__back{border:none;background:var(--surface-2);width:38px;height:38px;border-radius:12px;font-size:18px;cursor:pointer;color:var(--text);display:grid;place-items:center}.topbar__action{border:none;background:transparent;cursor:pointer;color:var(--brand);font-weight:600;font-size:14px;padding:8px}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:var(--maxw);height:var(--nav-h);background:var(--surface);border-top:1px solid var(--line);display:grid;grid-auto-flow:column;grid-auto-columns:1fr;z-index:30;padding-bottom:env(safe-area-inset-bottom,0)}.bottom-nav__item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border:none;background:none;cursor:pointer;color:var(--muted);font-size:11px;font-weight:500}.bottom-nav__item.active{color:var(--brand)}.bottom-nav__icon{font-size:21px;line-height:1}.card{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px}.card--flat{box-shadow:none;border:1px solid var(--line)}.section-title{font-size:13px;font-weight:600;color:var(--text-2);text-transform:uppercase;letter-spacing:.04em;margin:4px 2px}.balance-card{background:linear-gradient(135deg,var(--brand) 0%,var(--brand-700) 100%);color:#fff;border-radius:var(--radius-lg);padding:20px;box-shadow:var(--shadow-lg)}.balance-card__label{font-size:13px;opacity:.85}.balance-card__amount{font-size:30px;font-weight:700;margin-top:4px;letter-spacing:-.5px}.balance-card__wallet{font-size:12px;opacity:.8;margin-top:8px;font-variant-numeric:tabular-nums}.balance-card__actions{display:flex;gap:10px;margin-top:16px}.balance-card__btn{flex:1;border:none;border-radius:12px;padding:11px;cursor:pointer;background:#ffffff2e;color:#fff;font-weight:600;font-size:14px;display:flex;align-items:center;justify-content:center;gap:6px}.balance-card__btn:active{background:#ffffff47}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:none;border-radius:14px;padding:13px 18px;cursor:pointer;font-weight:600;font-size:15px;background:var(--surface-2);color:var(--text);transition:filter .12s,opacity .12s;width:100%}.btn:active{filter:brightness(.96)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{background:var(--brand);color:#fff}.btn--accent{background:var(--accent);color:#3a2a00}.btn--ghost{background:transparent;color:var(--brand)}.btn--danger{background:var(--danger-tint);color:var(--danger)}.btn--sm{padding:9px 12px;font-size:13px;width:auto;border-radius:10px}.btn--block{width:100%}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.field__label{font-size:13px;color:var(--text-2);font-weight:500}.field__hint{font-size:12px;color:var(--muted)}.field__error{font-size:12px;color:var(--danger)}.input{width:100%;border:1.5px solid var(--line);border-radius:12px;padding:13px 14px;background:var(--surface);color:var(--text);outline:none;transition:border-color .12s}.input:focus{border-color:var(--brand)}.input--error{border-color:var(--danger)}.amount-input{width:100%;border:none;border-bottom:2px solid var(--line);outline:none;font-size:34px;font-weight:700;text-align:center;padding:10px 0;background:transparent;color:var(--text)}.amount-input:focus{border-color:var(--brand)}.list{display:flex;flex-direction:column}.list-item{display:flex;align-items:center;gap:12px;padding:13px 14px;background:var(--surface);cursor:pointer;border:none;width:100%;text-align:left;border-bottom:1px solid var(--line)}.list-item:last-child{border-bottom:none}.list-item:active{background:var(--surface-2)}.list-item__icon{width:42px;height:42px;border-radius:12px;background:var(--brand-tint);display:grid;place-items:center;font-size:20px;flex-shrink:0}.list-item__body{flex:1;min-width:0}.list-item__title{font-weight:600;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.list-item__sub{font-size:13px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.list-item__right{text-align:right;font-weight:600;font-variant-numeric:tabular-nums}.list-item__chev{color:var(--muted);font-size:18px}.list-card{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.cat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.cat-tile{background:var(--surface);border:none;border-radius:var(--radius);padding:16px 8px;display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer;box-shadow:var(--shadow);text-align:center}.cat-tile:active{background:var(--surface-2)}.cat-tile__icon{font-size:26px}.cat-tile__name{font-size:12px;font-weight:500;color:var(--text-2);line-height:1.2}.pill{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:600;background:var(--surface-2);color:var(--text-2)}.pill--success{background:var(--success-tint);color:var(--success)}.pill--danger{background:var(--danger-tint);color:var(--danger)}.pill--warning{background:var(--warning-tint);color:var(--warning)}.pill--info{background:#e7eefe;color:var(--info)}.stack{display:flex;flex-direction:column;gap:var(--gap)}.stack--sm{gap:8px}.row{display:flex;align-items:center;gap:10px}.row--between{justify-content:space-between}.spacer{flex:1}.muted{color:var(--muted)}.text-2{color:var(--text-2)}.center{text-align:center}.tabular{font-variant-numeric:tabular-nums}.amount-pos{color:var(--success)}.amount-neg{color:var(--text)}.summary{display:flex;flex-direction:column;gap:2px}.summary__row{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px dashed var(--line)}.summary__row:last-child{border-bottom:none}.summary__row--total{font-weight:700;font-size:17px;padding-top:14px}.summary__k{color:var(--text-2)}.summary__v{font-weight:600;text-align:right;font-variant-numeric:tabular-nums}.chips{display:flex;gap:8px;overflow-x:auto;padding:2px;-webkit-overflow-scrolling:touch}.chip{border:1.5px solid var(--line);background:var(--surface);color:var(--text-2);border-radius:999px;padding:7px 14px;font-size:13px;font-weight:500;cursor:pointer;white-space:nowrap}.chip.active{background:var(--brand);border-color:var(--brand);color:#fff}.search{position:relative}.search .input{padding-left:40px}.search__icon{position:absolute;left:13px;top:50%;transform:translateY(-50%);color:var(--muted)}.empty{text-align:center;padding:40px 20px;color:var(--muted)}.empty__icon{font-size:42px;margin-bottom:10px}.empty__title{font-weight:600;color:var(--text-2);margin-bottom:4px}.spinner-wrap{display:grid;place-items:center;padding:30px}.spinner{width:26px;height:26px;border:3px solid var(--line);border-top-color:var(--brand);border-radius:50%;animation:spin .7s linear infinite}.spinner-row{display:flex;align-items:center;gap:10px;color:var(--text-2)}@keyframes spin{to{transform:rotate(360deg)}}.skeleton{background:linear-gradient(90deg,#eef1f3 25%,#f6f8f9,#eef1f3 75%);background-size:200% 100%;animation:sk 1.3s infinite;border-radius:8px}@keyframes sk{to{background-position:-200% 0}}.alert{padding:11px 14px;border-radius:12px;font-size:13px}.alert--error{background:var(--danger-tint);color:var(--danger)}.alert--success{background:var(--success-tint);color:var(--success)}.alert--info{background:var(--brand-tint);color:var(--brand-700)}.toast-host{position:fixed;left:50%;transform:translate(-50%);bottom:calc(var(--nav-h) + 16px);z-index:80;display:flex;flex-direction:column;gap:8px;width:calc(var(--maxw) - 32px);max-width:calc(100vw - 32px)}.toast{background:#11242c;color:#fff;padding:12px 14px;border-radius:12px;font-size:14px;box-shadow:var(--shadow-lg);animation:toast-in .18s ease}.toast--error{background:var(--danger)}.toast--success{background:var(--success)}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a141973;z-index:60;display:flex;align-items:flex-end;justify-content:center}.sheet{width:100%;max-width:var(--maxw);background:var(--surface);border-radius:22px 22px 0 0;padding:18px 18px calc(20px + env(safe-area-inset-bottom,0));animation:sheet-up .22s ease;max-height:88dvh;overflow-y:auto}@keyframes sheet-up{0%{transform:translateY(100%)}}.sheet__grip{width:40px;height:4px;border-radius:2px;background:var(--line);margin:0 auto 14px}.sheet__title{font-size:18px;font-weight:600;margin-bottom:12px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:70;background:#0a141973;display:flex;align-items:center;justify-content:center;padding:16px}.modal-dialog{width:100%;max-width:420px;background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow-lg);padding:20px;max-height:calc(100dvh - 32px);overflow-y:auto;animation:modal-in .16s ease}.modal-sm{max-width:340px}.modal-md{max-width:420px}.modal-lg{max-width:520px}@keyframes modal-in{0%{opacity:0;transform:translateY(8px) scale(.98)}}.modal-title{font-size:18px;font-weight:600;margin-bottom:8px}.auth-viewport{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:32px;background-image:radial-gradient(1200px 600px at 15% -10%,rgba(14,124,102,.1),transparent 60%),radial-gradient(900px 500px at 100% 110%,rgba(14,124,102,.08),transparent 55%)}.auth-logo{display:flex;flex-direction:column;align-items:center;gap:10px;margin:18px 0 26px}.screen .auth-logo{margin:0 0 24px}.screen .auth-foot{margin-top:22px}.auth-logo__mark{width:60px;height:60px;border-radius:18px;background:linear-gradient(135deg,var(--brand),var(--brand-700));display:grid;place-items:center;color:#fff;font-size:28px;font-weight:700;box-shadow:var(--shadow-lg)}.auth-logo__name{font-size:20px;font-weight:700}.auth-logo__sub{font-size:13px;color:var(--muted)}.auth-foot{margin-top:auto;padding-top:20px;text-align:center;font-size:14px;color:var(--text-2)}.auth-foot a,.link{color:var(--brand);font-weight:600;cursor:pointer}.divider{height:1px;background:var(--line);margin:4px 0}.grow{flex:1}.nowrap{white-space:nowrap}.tabnum{font-variant-numeric:tabular-nums}.h-amount{font-size:28px;font-weight:700;letter-spacing:-.5px}