*{box-sizing:border-box}html,body,#root{margin:0;padding:0;height:100%}button{font-family:inherit;color:inherit;cursor:pointer;background:none;-webkit-tap-highlight-color:transparent}input,select,textarea{font-family:inherit}::selection{background:var(--accent-soft)}.app{--bg: #F5F5F7;--bg-2: #E8E8ED;--surface: #FFFFFF;--surface-2: #F5F5F7;--border: rgba(0, 0, 0, .09);--border-2: rgba(0, 0, 0, .18);--text: #1D1D1F;--text-2: #55555B;--text-3: #86868B;--accent: #0071E3;--accent-2: #0066CC;--accent-soft: rgba(0, 113, 227, .1);--on-accent: #FFFFFF;--ok: #1D8339;--ok-soft: rgba(52, 199, 89, .14);--bad: #E30000;--bad-soft: rgba(227, 0, 0, .08);--warn: #BF4E00;--warn-soft: rgba(255, 149, 0, .14);--hm0: #E8E8ED;--hm1: #BDE9C8;--hm2: #7DD996;--hm3: #34C759;--hm4: #1D8339;--shadow: 0 1px 2px rgba(0, 0, 0, .04), 0 6px 16px -10px rgba(0, 0, 0, .1);--shadow-2: 0 2px 4px rgba(0, 0, 0, .05), 0 12px 28px -14px rgba(0, 0, 0, .16);--shadow-lg: 0 2px 8px rgba(0, 0, 0, .06), 0 32px 80px -24px rgba(0, 0, 0, .28);--edge: inset 0 1px 0 rgba(255, 255, 255, .55);--glass: rgba(255, 255, 255, .68);--backdrop: rgba(0, 0, 0, .32);--knob: #FFFFFF;--ring: rgba(0, 113, 227, .35);--glow-a: color-mix(in srgb, var(--accent) 7%, transparent);--glow-b: color-mix(in srgb, #AF52DE 5%, transparent);--ease: cubic-bezier(.25, .1, .25, 1);--spring: cubic-bezier(.34, 1.25, .44, 1);--gap: 20px;--main-pad: 32px;--card-pad: 22px;--modal-pad: 24px;min-height:100%;color-scheme:light;background:radial-gradient(1100px 560px at 84% -180px,var(--glow-a),transparent 70%),radial-gradient(900px 520px at -180px 14%,var(--glow-b),transparent 70%),var(--bg);background-attachment:fixed,fixed,scroll;color:var(--text);font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,SF Pro Display,Helvetica Neue,Segoe UI,Roboto,Inter,Arial,sans-serif;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;text-rendering:optimizeLegibility}.app[data-theme=dark]{--bg: #000000;--bg-2: #29292D;--surface: #1C1C1E;--surface-2: #2C2C2E;--border: rgba(255, 255, 255, .1);--border-2: rgba(255, 255, 255, .24);--text: #F5F5F7;--text-2: #A1A1A6;--text-3: #8A8A90;--accent: #0A84FF;--accent-2: #409CFF;--accent-soft: rgba(10, 132, 255, .18);--on-accent: #FFFFFF;--ok: #30D158;--ok-soft: rgba(48, 209, 88, .16);--bad: #FF453A;--bad-soft: rgba(255, 69, 58, .15);--warn: #FF9F0A;--warn-soft: rgba(255, 159, 10, .15);--hm0: #2C2C2E;--hm1: #174524;--hm2: #1F6B33;--hm3: #2AA84A;--hm4: #30D158;--shadow: 0 1px 2px rgba(0, 0, 0, .5), 0 16px 40px -20px rgba(0, 0, 0, .75);--shadow-2: 0 2px 6px rgba(0, 0, 0, .55), 0 22px 52px -20px rgba(0, 0, 0, .8);--shadow-lg: 0 2px 8px rgba(0, 0, 0, .55), 0 40px 100px -28px rgba(0, 0, 0, .9);--edge: inset 0 1px 0 rgba(255, 255, 255, .06);--glass: rgba(22, 22, 24, .68);--backdrop: rgba(0, 0, 0, .55);--knob: #636366;--ring: rgba(10, 132, 255, .5);--glow-a: color-mix(in srgb, var(--accent) 10%, transparent);--glow-b: color-mix(in srgb, #5E5CE6 6%, transparent);color-scheme:dark}@font-face{font-family:Numero;src:local("SF Pro Text"),local("Helvetica Neue"),local("Segoe UI"),local("Roboto"),local("Liberation Sans"),local("DejaVu Sans"),local("Arial");unicode-range:U+2116}.mono{font-family:Numero,ui-monospace,SF Mono,Menlo,Cascadia Code,JetBrains Mono,Roboto Mono,monospace;font-variant-numeric:tabular-nums}:where(button,a,input,select,textarea,[role=button]):focus-visible{outline:none;box-shadow:0 0 0 4px var(--ring)}@keyframes fade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes pop{0%{opacity:0;transform:scale(.96) translateY(10px)}to{opacity:1;transform:none}}@keyframes popdown{0%{opacity:0;transform:translateY(-6px) scale(.97)}to{opacity:1;transform:none}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shim{0%{background-position:-420px 0}to{background-position:420px 0}}@keyframes celebrate{0%{opacity:0;transform:scale(.92)}55%{opacity:1;transform:scale(1.03)}to{transform:scale(1)}}@keyframes checkpop{0%{transform:scale(0)}60%{transform:scale(1.25)}to{transform:scale(1)}}@keyframes flamelive{0%,to{transform:scale(1) rotate(-1deg)}30%{transform:scale(1.08,.96) rotate(1.5deg)}60%{transform:scale(.95,1.06) rotate(-2deg)}}.celebrate{animation:celebrate .42s cubic-bezier(.2,1.25,.5,1) both}.checkpop{animation:checkpop .5s cubic-bezier(.2,1.4,.5,1) both;transform-origin:center}.flame-live{animation:flamelive 1.7s ease-in-out infinite;transform-origin:50% 85%;filter:drop-shadow(0 0 3px currentColor)}@keyframes emberdim{0%,to{opacity:.55}50%{opacity:.36}}.flame-ember{opacity:.55;animation:emberdim 2.4s ease-in-out infinite}.ring-anim{transition:stroke-dashoffset .8s var(--ease)}@media (prefers-reduced-motion: reduce){.fade,.pop,.popdown,.skel,.celebrate,.checkpop,.flame-live,.flame-ember,.tab-ic{animation:none!important}.btn,.icon-btn,.card-tap,.navbtn,.row,.seg>button,.hm-tap,.ring-anim,.seg-knob,.tabbar-lens,.tabbar>button,.drop-btn,.drop-btn .chev,.drop-item{transition:none!important}}.fade{animation:fade .3s var(--ease) both}.pop{animation:pop .34s var(--spring) both}.popdown{animation:popdown .22s var(--spring) both}.skel{background:linear-gradient(90deg,color-mix(in srgb,var(--text) 6%,transparent) 25%,color-mix(in srgb,var(--text) 12%,transparent) 37%,color-mix(in srgb,var(--text) 6%,transparent) 63%);background-size:420px 100%;animation:shim 1.3s linear infinite;border-radius:10px}.scroll::-webkit-scrollbar{height:8px;width:8px}.scroll::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--text) 18%,transparent);border-radius:8px;background-clip:padding-box;border:2px solid transparent}a{color:var(--accent-2)}input,textarea,select{background:var(--surface-2);border:1px solid var(--border);border-radius:12px;color:var(--text);padding:10px 12px;font-size:14px;outline:none;box-shadow:inset 0 1px 2px color-mix(in srgb,var(--text) 4%,transparent);transition:border-color .15s var(--ease),box-shadow .15s var(--ease),background .15s var(--ease)}input:hover,textarea:hover,select:hover{border-color:var(--border-2)}input:focus,textarea:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3.5px var(--ring)}.glass{background:var(--glass);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px)}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.glass{background:var(--surface)}}.overlay{background:var(--backdrop);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:980px;padding:10px 18px;font-weight:600;font-size:14px;border:1px solid transparent;white-space:nowrap;transition:background .16s var(--ease),color .16s var(--ease),border-color .16s var(--ease),filter .16s var(--ease),transform .16s var(--spring),box-shadow .16s var(--ease),opacity .16s var(--ease)}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.45;pointer-events:none}.btn-primary{background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 92%,#fff),var(--accent));color:var(--on-accent);box-shadow:inset 0 1px #fff3,0 1px 2.5px #0000001f,0 2px 6px -2px color-mix(in srgb,var(--accent) 30%,transparent)}.btn-primary:hover{filter:brightness(1.05);transform:translateY(-1px);box-shadow:inset 0 1px #fff3,0 2px 4px #0000001a,0 4px 10px -3px color-mix(in srgb,var(--accent) 36%,transparent)}.btn-primary:active{filter:brightness(.94);transform:scale(.97);box-shadow:inset 0 1px #ffffff1a,0 1px 2px #0000001f,0 1px 3px -1px color-mix(in srgb,var(--accent) 24%,transparent)}.btn-ghost{background:transparent;color:var(--text);border-color:var(--border-2)}.btn-ghost:hover{background:color-mix(in srgb,var(--text) 6%,transparent)}.btn-soft{background:var(--accent-soft);color:var(--accent-2)}.btn-soft:hover{background:color-mix(in srgb,var(--accent) 18%,transparent)}.btn-ok{background:var(--ok-soft);color:var(--ok)}.btn-ok:hover{background:color-mix(in srgb,var(--ok) 22%,transparent)}.btn-danger{background:var(--bad-soft);color:var(--bad)}.btn-danger:hover{background:color-mix(in srgb,var(--bad) 16%,transparent)}.icon-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;background:transparent;border:1px solid var(--border);border-radius:12px;padding:8px;color:var(--text-2);position:relative;transition:background .16s var(--ease),color .16s var(--ease),border-color .16s var(--ease),transform .16s var(--spring)}.icon-btn:hover{background:color-mix(in srgb,var(--text) 5%,transparent);color:var(--text);transform:translateY(-1px)}.icon-btn:active{transform:scale(.94)}.icon-btn[data-active="1"]{background:var(--accent-soft);color:var(--accent-2);border-color:transparent}.link-btn{background:none;border:none;padding:0;font-size:13px;color:var(--accent-2);transition:opacity .15s var(--ease)}.link-btn:hover{opacity:.75}.card{background:var(--surface);border:1px solid var(--border);border-radius:18px;box-shadow:var(--edge),var(--shadow)}.app[data-theme=dark] .card{background:linear-gradient(180deg,color-mix(in srgb,var(--surface) 99%,#fff),var(--surface) 16%)}.card-tap{cursor:pointer;transition:transform .2s var(--ease),box-shadow .2s var(--ease),border-color .2s var(--ease),background .2s var(--ease)}.card-tap:hover{transform:translateY(-2px);box-shadow:var(--edge),var(--shadow-2);border-color:var(--border-2)}.card-tap:active{transform:translateY(0) scale(.995);box-shadow:var(--edge),var(--shadow)}.row{transition:background .15s var(--ease),border-color .15s var(--ease),transform .15s var(--ease)}.row:hover{background:color-mix(in srgb,var(--text) 5%,transparent)}.row:active{transform:scale(.99)}.row[data-filled="1"]{background:color-mix(in srgb,var(--text) 5%,transparent)}.row[data-filled="1"]:hover{background:color-mix(in srgb,var(--text) 9%,transparent)}.row[data-unread="1"]{background:var(--accent-soft)}.row[data-unread="1"]:hover{background:color-mix(in srgb,var(--accent) 16%,transparent)}.navbtn{display:flex;align-items:center;gap:11px;padding:10px 12px;border-radius:12px;border:none;text-align:left;font-size:14px;font-weight:500;width:100%;background:transparent;color:var(--text-2);transition:background .16s var(--ease),color .16s var(--ease),transform .16s var(--spring)}.navbtn:hover{background:color-mix(in srgb,var(--text) 5%,transparent);color:var(--text)}.navbtn:active{transform:scale(.98)}.navbtn[data-active="1"]{background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 15%,transparent),color-mix(in srgb,var(--accent) 8%,transparent));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 12%,transparent);color:var(--accent-2);font-weight:600}.seg{position:relative;display:inline-flex;gap:2px;padding:3px;border-radius:12px;background:color-mix(in srgb,var(--text) 7%,transparent);box-shadow:inset 0 1px 2px color-mix(in srgb,var(--text) 5%,transparent);max-width:100%;overflow-x:auto;scrollbar-width:none}.seg::-webkit-scrollbar{display:none}.seg>button{flex:none}.seg>button{position:relative;z-index:1;border:none;background:transparent;padding:7px 14px;border-radius:9px;font-weight:600;font-size:13px;color:var(--text-2);white-space:nowrap;transition:color .18s var(--ease),transform .18s var(--spring)}.seg>button:hover{color:var(--text)}.seg>button:active{transform:scale(.97)}.seg>button[data-active="1"]{color:var(--text)}.seg-knob{position:absolute;top:3px;bottom:3px;left:0;z-index:0;border-radius:9px;background:var(--knob);box-shadow:0 3px 8px #0000001f,0 1px 1px #0000000d,inset 0 1px #ffffff4d;transition:transform .32s var(--spring),width .32s var(--spring);will-change:transform,width}.drop-btn{display:inline-flex;align-items:center;gap:9px;background:var(--surface);border:1px solid var(--border);border-radius:999px;padding:9px 14px 9px 16px;font-size:15px;font-weight:600;color:var(--text);box-shadow:var(--edge),var(--shadow);transition:border-color .16s var(--ease),background .16s var(--ease),transform .16s var(--spring)}.drop-btn:active{transform:scale(.97)}.drop-btn[data-open="1"]{border-color:var(--border-2)}.drop-btn .chev{display:flex;color:var(--text-3);transition:transform .28s var(--spring)}.drop-btn[data-open="1"] .chev{transform:rotate(180deg)}.drop-menu{position:absolute;top:calc(100% + 8px);left:0;z-index:40;min-width:232px;background:var(--surface);border:1px solid var(--border);border-radius:16px;box-shadow:var(--edge),var(--shadow-lg);padding:5px;display:flex;flex-direction:column;gap:1px}.drop-item{display:flex;align-items:center;justify-content:space-between;gap:12px;background:none;border:none;border-radius:11px;padding:11px 12px;font-size:14.5px;font-weight:500;color:var(--text);text-align:left;white-space:nowrap;transition:background .14s var(--ease)}.drop-item:hover{background:color-mix(in srgb,var(--text) 5%,transparent)}.drop-item:active{background:color-mix(in srgb,var(--text) 9%,transparent)}.drop-item[data-active="1"]{color:var(--accent-2);font-weight:600}.tabbar{position:fixed;z-index:10;left:max(12px,env(safe-area-inset-left));right:max(12px,env(safe-area-inset-right));bottom:calc(12px + env(safe-area-inset-bottom));margin:0 auto;max-width:448px;display:flex;align-items:stretch;padding:7px;border-radius:30px;border:1px solid var(--border);box-shadow:var(--edge),var(--shadow-lg)}.tabbar>button{position:relative;z-index:1;flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;gap:3px;background:none;border:none;padding:8px 2px 7px;border-radius:23px;font-size:10.5px;font-weight:500;color:var(--text-3);transition:color .18s var(--ease),transform .18s var(--spring)}.tabbar>button:active{transform:scale(.93)}.tabbar>button[data-active="1"]{color:var(--accent-2);font-weight:600}.tabbar-lens{position:absolute;top:7px;bottom:7px;left:7px;z-index:0;width:calc((100% - 14px) / var(--tabs, 5));border-radius:23px;background:var(--accent-soft);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 10%,transparent),inset 0 1px #ffffff24;transition:transform .4s var(--spring),opacity .2s var(--ease);will-change:transform}.tab-label{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@keyframes tabpop{0%{transform:scale(1)}45%{transform:scale(1.22) translateY(-1.5px)}to{transform:scale(1)}}.tab-ic{display:flex;line-height:0}.tabbar>button[data-active="1"] .tab-ic{animation:tabpop .4s var(--spring)}.hm-cell{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--text) 6%,transparent)}.hm-tap{transition:transform .14s var(--spring)}.hm-tap:hover{transform:scale(1.18)}.stmt-formula{vertical-align:middle;max-width:100%;height:auto}.app[data-theme=dark] .stmt-formula{filter:invert(1)}.modal-panel{max-height:92vh;max-height:92dvh}.stmt-table{border-collapse:collapse;font-size:.92em;font-variant-numeric:tabular-nums}.stmt-table th,.stmt-table td{border:1px solid var(--border-2);padding:5px 11px;text-align:center;white-space:nowrap}.stmt-table th{background:color-mix(in srgb,var(--text) 7%,transparent);color:var(--text-2);font-weight:600}.stmt-table td{color:var(--text)}.auth-screen{min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:16px}@media (max-width: 899px){.app{--gap: 14px;--main-pad: max(14px, env(safe-area-inset-left), env(safe-area-inset-right));--card-pad: 16px;--modal-pad: 18px}input,textarea,select{font-size:16px}.btn{white-space:normal;text-align:center;max-width:100%;min-width:0}.grid-sticky th:first-child{position:sticky;left:0;z-index:1;background:color-mix(in srgb,var(--text) 7%,var(--surface));box-shadow:inset -1px 0 var(--border-2)}.auth-screen{position:fixed;top:0;right:0;bottom:0;left:0;height:100dvh;overflow:auto}}