:root{--bg: #f4f7fb;--surface: #ffffff;--surface-2: #eef2f8;--border: #e4e9f2;--text: #1e3a5f;--text-dim: #7a8aa0;--primary: #1e3a5f;--primary-hover: #2c5a8c;--accent: #17b0c4;--income: #16a34a;--expense: #dc2626;--warning: #d97706;--radius: 14px;--tabbar-h: 64px;--font: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Inter", "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%;margin:0}body{font-family:var(--font);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app-shell{display:flex;flex-direction:column;min-height:100%;max-width:640px;margin:0 auto;background:var(--bg)}.app-header{position:sticky;top:0;z-index:20;height:calc(56px + env(safe-area-inset-top,0px));padding:env(safe-area-inset-top,0px) 18px 0;display:flex;align-items:center;justify-content:space-between;background:var(--surface);border-bottom:1px solid var(--border)}.app-title{font-size:20px;font-weight:800;letter-spacing:-.02em;color:var(--text);margin:0}.header-actions{display:flex;align-items:center;gap:8px}.icon-btn{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--surface);border:1px solid var(--border);color:var(--text-dim);cursor:pointer;transition:background .15s,color .15s}.icon-btn:active{background:var(--surface-2);color:var(--primary)}.avatar{width:36px;height:36px;border-radius:50%;border:none;background:linear-gradient(145deg,#2c5a8c,#1e3a5f);color:#fff;font-size:15px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .12s}.avatar:active{transform:scale(.94)}.menu-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:25}.menu{position:absolute;top:calc(env(safe-area-inset-top,0px) + 52px);right:14px;z-index:30;min-width:210px;background:var(--surface);border:1px solid var(--border);border-radius:14px;box-shadow:0 14px 36px #1e3a5f2e;overflow:hidden;animation:menuIn .16s ease}@keyframes menuIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.menu-user{padding:12px 14px;border-bottom:1px solid var(--border)}.menu-name{font-size:14px;font-weight:700;color:var(--text)}.menu-email{font-size:12.5px;color:var(--text-dim);margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.menu-item{width:100%;text-align:left;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:none;padding:13px 14px;font-size:14px;font-weight:600;color:var(--expense);cursor:pointer}.menu-item:active{background:var(--surface-2)}.app-main{flex:1;padding:16px 16px calc(env(safe-area-inset-bottom,0px) + 98px)}.tabbar{position:fixed;bottom:calc(env(safe-area-inset-bottom,0px) + 6px);left:16px;right:16px;max-width:440px;margin:0 auto;display:flex;align-items:center;gap:4px;padding:7px;background:#ffffffe6;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--border);border-radius:22px;box-shadow:0 12px 32px #1e3a5f29;z-index:15}.tab{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;padding:8px 4px;border-radius:15px;text-decoration:none;color:var(--text-dim);font-size:10.5px;font-weight:600;transition:color .15s,background .15s}.tab--active{background:var(--primary);color:#fff}.tab__icon{display:flex}.tab__label{line-height:1}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px;box-shadow:0 1px 3px #1e3a5f0a}.page-title{font-size:22px;font-weight:800;letter-spacing:-.01em;margin:4px 0 16px}.section-title{font-size:13px;text-transform:uppercase;letter-spacing:.05em;color:var(--text-dim);margin:20px 0 10px}.empty{text-align:center;color:var(--text-dim);padding:32px 16px;font-size:14px}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;border-radius:12px;padding:14px 16px;font-size:16px;font-weight:700;color:#fff;background:var(--primary);cursor:pointer;transition:background .15s,transform .1s}.btn:active{background:var(--primary-hover);transform:scale(.99)}.btn:disabled{opacity:.55;cursor:default}.amount-income{color:var(--income)}.amount-expense{color:var(--expense)}.auth-screen{position:relative;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 28px calc(env(safe-area-inset-bottom,0) + 28px);background:radial-gradient(ellipse 90% 45% at 50% 0%,rgba(23,176,196,.1) 0%,transparent 55%),radial-gradient(ellipse 70% 40% at 50% 8%,rgba(30,58,95,.06) 0%,transparent 60%),#fff}.auth-head{display:flex;flex-direction:column;align-items:center;margin-bottom:38px}.auth-logo{width:88px;height:88px;object-fit:contain;margin-bottom:14px}.auth-brand{font-size:30px;font-weight:800;letter-spacing:-.02em;color:var(--primary)}.auth-sub{color:var(--text-dim);font-size:14.5px;margin-top:4px}.auth-form{width:100%;max-width:360px;display:flex;flex-direction:column;gap:22px}.field{display:flex;flex-direction:column;gap:7px}.field span{font-size:12.5px;font-weight:600;letter-spacing:.02em;color:var(--text-dim)}.field input{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;background:transparent;border:none;border-bottom:1.5px solid var(--border);border-radius:0;padding:8px 2px;font-size:16px;font-family:var(--font);color:var(--text);transition:border-color .15s}.field input::placeholder{color:#b6c0cf}.field input:focus{outline:none;border-bottom-color:var(--accent)}.field-input{position:relative;display:flex;align-items:center}.field-input input{flex:1;padding-right:40px}.field-eye{position:absolute;right:0;bottom:4px;display:flex;align-items:center;justify-content:center;padding:6px;background:none;border:none;color:var(--text-dim);cursor:pointer;transition:color .15s}.field-eye:active{color:var(--accent)}.auth-form .btn{width:100%;margin-top:6px;min-height:52px;border-radius:14px;box-shadow:0 8px 22px #1e3a5f38}.auth-error{background:#dc262614;border:1px solid rgba(220,38,38,.22);color:#b91c1c;font-size:13px;padding:11px 13px;border-radius:10px}.auth-alt{width:100%;max-width:360px;text-align:center;color:var(--text-dim);font-size:14.5px;margin-top:26px}.auth-alt a{color:var(--accent);font-weight:700;text-decoration:none}.bio-screen{width:100%;max-width:360px;display:flex;flex-direction:column;align-items:center;gap:13px}@media (prefers-reduced-motion: reduce){.bio-badge:after{animation:none}}.bio-badge{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative;width:104px;height:104px;border-radius:28px;border:1.5px solid var(--border);background:var(--surface);color:var(--primary);display:flex;align-items:center;justify-content:center;cursor:pointer;margin-top:4px;transition:transform .14s ease,border-color .15s;-webkit-tap-highlight-color:transparent}.bio-badge:after{content:"";position:absolute;top:-1.5px;right:-1.5px;bottom:-1.5px;left:-1.5px;border-radius:28px;border:1.5px solid var(--accent);opacity:0;animation:badgePulse 2.6s ease-in-out infinite;pointer-events:none}.bio-badge:active{transform:scale(.96)}.bio-badge:disabled{opacity:.6;cursor:default}.bio-badge:disabled:after{animation:none}@keyframes badgePulse{0%,to{opacity:0;transform:scale(1)}50%{opacity:.55;transform:scale(1.04)}}.bio-shield{display:inline-flex;align-items:center;gap:7px;padding:7px 15px;border-radius:999px;border:1px solid var(--border);background:var(--surface);color:var(--primary);font-size:13px;font-weight:700;letter-spacing:.01em}.bio-shield svg{color:var(--accent)}.bio-email{font-size:13.5px;color:var(--text-dim);font-weight:500}.bio-hint{font-size:15px;color:var(--text);font-weight:600}.bio-divider{display:flex;align-items:center;gap:12px;width:100%;max-width:240px;color:var(--text-dim);font-size:12.5px;margin-top:2px}.bio-divider:before,.bio-divider:after{content:"";flex:1;height:1px;background:var(--border)}.link-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:none;color:var(--accent);font-size:15px;font-weight:700;padding:12px;margin-top:8px;cursor:pointer}.link-btn:disabled{opacity:.5}.auth-refresh{position:absolute;top:calc(env(safe-area-inset-top,0px) + 14px);right:16px;z-index:5;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--surface);border:1px solid var(--border);color:var(--text-dim);cursor:pointer;box-shadow:0 1px 4px #1e3a5f14;transition:background .15s,color .15s}.auth-refresh:active{background:var(--surface-2);color:var(--primary)}.btn-bio{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:flex;align-items:center;justify-content:center;gap:9px;width:100%;min-height:50px;border-radius:14px;border:1.5px solid var(--border);background:var(--surface);color:var(--primary);font-size:15px;font-weight:700;cursor:pointer;transition:border-color .15s,background .15s}.btn-bio:active{border-color:var(--accent);background:var(--surface-2)}.btn-bio:disabled{opacity:.55}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#1e3a5f59;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:flex-end;justify-content:center;animation:fade .2s ease}.sheet{width:100%;max-width:480px;background:var(--surface);border-radius:22px 22px 0 0;padding:26px 24px calc(env(safe-area-inset-bottom,0) + 24px);display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;box-shadow:0 -8px 40px #1e3a5f2e;animation:slideUp .28s cubic-bezier(.16,1,.3,1)}.sheet-icon{width:64px;height:64px;border-radius:18px;display:flex;align-items:center;justify-content:center;background:#17b0c41f;color:var(--primary);margin-bottom:2px}.sheet-title{font-size:19px;font-weight:800;margin:0}.sheet-text{font-size:14px;color:var(--text-dim);line-height:1.55;margin:0 0 6px;max-width:340px}.sheet .btn{margin-top:4px}.sheet-skip{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:none;color:var(--text-dim);font-size:15px;font-weight:600;padding:10px;cursor:pointer}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.sheet--form{align-items:stretch;text-align:left;gap:0;max-width:520px}.sheet-grip{width:40px;height:4px;border-radius:999px;background:var(--border);margin:0 auto 14px}.sheet-header{font-size:18px;font-weight:800;margin-bottom:18px}.form{display:flex;flex-direction:column;gap:16px}.form label{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:600;color:var(--text-dim)}.form input,.form select{-moz-appearance:none;appearance:none;-webkit-appearance:none;background:var(--bg);border:1px solid var(--border);border-radius:11px;padding:13px 14px;font-size:16px;color:var(--text);font-family:var(--font);width:100%}.form select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%237a8aa0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:38px}.form input:focus,.form select:focus{outline:none;border-color:var(--accent)}.form-row{display:flex;gap:12px}.form-row>label{flex:1}.form .btn{margin-top:4px}.seg{display:flex;gap:6px}.seg button{flex:1;padding:11px 8px;border-radius:11px;border:1px solid var(--border);background:var(--surface);color:var(--text-dim);font-weight:700;font-size:13px;cursor:pointer;transition:all .15s}.seg button.on{background:var(--primary);color:#fff;border-color:var(--primary)}.seg--income button.on{background:var(--income);border-color:var(--income)}.seg--expense button.on{background:var(--expense);border-color:var(--expense)}.fab-add{position:fixed;right:20px;bottom:calc(env(safe-area-inset-bottom,0px) + 84px);z-index:16;width:54px;height:54px;border-radius:50%;border:none;background:var(--primary);color:#fff;font-size:28px;font-weight:300;line-height:1;cursor:pointer;box-shadow:0 8px 24px #1e3a5f52;display:flex;align-items:center;justify-content:center}.fab-add:active{background:var(--primary-hover);transform:scale(.94)}.credit-card{border-radius:18px;padding:18px;color:#fff;background:linear-gradient(140deg,#2c5a8c,#1e3a5f);box-shadow:0 8px 24px #1e3a5f38;position:relative;overflow:hidden}.credit-card:after{content:"";position:absolute;top:-40%;right:-10%;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,rgba(23,176,196,.35),transparent 70%)}.cc-top{display:flex;justify-content:space-between;align-items:flex-start;position:relative}.cc-name{font-size:15px;font-weight:700}.cc-brand{font-size:12px;opacity:.8}.cc-num{font-size:13px;letter-spacing:.14em;opacity:.85;margin-top:14px;position:relative}.cc-balances{display:flex;justify-content:space-between;margin-top:16px;position:relative}.cc-bal-label{font-size:11px;opacity:.75}.cc-bal-val{font-size:17px;font-weight:800;font-variant-numeric:tabular-nums}.cc-bal-val.small{font-size:14px;font-weight:700}.cc-dates{display:flex;gap:16px;margin-top:14px;font-size:11px;opacity:.8;position:relative}.cc-progress{height:5px;border-radius:999px;background:#ffffff38;margin-top:12px;overflow:hidden;position:relative}.cc-progress>span{display:block;height:100%;background:#fff;border-radius:999px}.q-hero{border-radius:18px;padding:18px;background:var(--surface);border:1px solid var(--border);box-shadow:0 1px 3px #1e3a5f0a}.q-period{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;color:var(--accent);text-transform:capitalize}.q-remaining-label{font-size:13px;color:var(--text-dim);margin-top:10px}.q-remaining{font-size:34px;font-weight:800;letter-spacing:-.02em;margin-top:2px;font-variant-numeric:tabular-nums}.q-breakdown{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:16px}.q-cell{background:var(--bg);border-radius:12px;padding:11px 12px}.q-cell-label{font-size:11px;color:var(--text-dim);font-weight:600}.q-cell-val{font-size:15px;font-weight:700;margin-top:3px;font-variant-numeric:tabular-nums}.tx-item{display:flex;align-items:center;gap:12px;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:12px 14px}.tx-icon{width:38px;height:38px;border-radius:11px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:18px}.tx-icon.in{background:#16a34a1f}.tx-icon.out{background:#dc26261a}.tx-icon.pay{background:#17b0c424}.tx-body{flex:1;min-width:0}.tx-desc{font-weight:600;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tx-meta{font-size:12px;color:var(--text-dim);margin-top:2px}.tx-amount{font-weight:800;font-variant-numeric:tabular-nums;white-space:nowrap}.loader-dots{display:flex;gap:8px;margin-top:20px}.loader-dots span{width:8px;height:8px;border-radius:50%;background:var(--primary);animation:dot 1.2s ease-in-out infinite}.loader-dots span:nth-child(2){animation-delay:.15s;background:var(--accent)}.loader-dots span:nth-child(3){animation-delay:.3s}@keyframes dot{0%,80%,to{transform:scale(.5);opacity:.4}40%{transform:scale(1);opacity:1}}.header-logout{margin-left:auto;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--border);background:var(--surface);color:var(--text-dim);font-size:13px;font-weight:600;padding:6px 12px;border-radius:8px;cursor:pointer}.header-logout:active{background:var(--surface-2)}.verify-banner{display:flex;align-items:center;gap:12px;flex-wrap:wrap;background:#d9770617;border-bottom:1px solid rgba(217,119,6,.2);color:#b45309;font-size:13px;padding:10px 16px}.verify-banner strong{color:#92400e}.verify-banner button{margin-left:auto;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:var(--warning);color:#fff;font-weight:700;font-size:12px;padding:6px 12px;border-radius:8px;cursor:pointer}.verify-sent{margin-left:auto;color:var(--income);font-weight:700}.flash{font-size:13px;font-weight:600;padding:10px 16px;text-align:center;cursor:pointer}.flash--ok{background:#16a34a1f;color:#15803d}.flash--err{background:#dc26261a;color:#b91c1c}