@import"https://fonts.googleapis.com/css2?family=Hanken+Grotesk:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600&display=swap";:root{--font-display: "Hanken Grotesk", system-ui, -apple-system, "Segoe UI", sans-serif;--font-body: "Hanken Grotesk", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--fs-display-xl: 44px;--lh-display-xl: 1.05;--tr-display-xl: -.025em;--fs-display-lg: 34px;--lh-display-lg: 1.08;--tr-display-lg: -.022em;--fs-display-md: 28px;--lh-display-md: 1.12;--tr-display-md: -.02em;--fs-h1: 24px;--lh-h1: 1.2;--tr-h1: -.018em;--fs-h2: 20px;--lh-h2: 1.25;--tr-h2: -.014em;--fs-h3: 17px;--lh-h3: 1.3;--tr-h3: -.01em;--fs-body: 15px;--lh-body: 1.5;--tr-body: -.005em;--fs-body-sm: 13px;--lh-body-sm: 1.45;--tr-body-sm: 0;--fs-caption: 12px;--lh-caption: 1.4;--tr-caption: .005em;--fs-overline: 11px;--lh-overline: 1.3;--tr-overline: .08em;--fw-regular: 400;--fw-medium: 500;--fw-semi: 600;--fw-bold: 700;--fw-extra: 800;--r-xs: 6px;--r-sm: 10px;--r-md: 14px;--r-lg: 20px;--r-xl: 28px;--r-pill: 9999px;--s-1: 4px;--s-2: 8px;--s-3: 12px;--s-4: 16px;--s-5: 20px;--s-6: 24px;--s-7: 32px;--s-8: 40px;--s-9: 56px;--s-10: 72px;--ease-out: cubic-bezier(.2, .8, .2, 1);--ease-in: cubic-bezier(.6, 0, .8, .4);--ease-in-out: cubic-bezier(.6, 0, .2, 1);--dur-fast: .12s;--dur-base: .22s;--dur-slow: .4s;--dur-page: .6s;--accent: #3AA7FF;--accent-bright: #5BBAFF;--accent-deep: #1E7BD8;--accent-glow: rgba(58, 167, 255, .18);--accent-glow-strong: rgba(58, 167, 255, .42);--bloom-violet: #7C5CFF;--success: #34D399;--warning: #FBBF24;--danger: #F87171;--info: var(--accent)}:root,:root[data-theme=dark]{--bg-canvas: #0A0B11;--bg-canvas-elevated: #11131C;--bloom-1: rgba(30, 123, 216, .28);--bloom-2: rgba(124, 92, 255, .18);--bloom-3: rgba(58, 167, 255, .1);--fg-1: #F2F4F8;--fg-2: #B4B9C6;--fg-3: #7E8497;--fg-4: #4F5466;--fg-on-accent: #051426;--glass-1: rgba(255, 255, 255, .06);--glass-1-hover: rgba(255, 255, 255, .09);--glass-2: rgba(255, 255, 255, .1);--glass-2-hover: rgba(255, 255, 255, .13);--glass-3: rgba(255, 255, 255, .14);--border-1: rgba(255, 255, 255, .1);--border-2: rgba(255, 255, 255, .16);--border-strong: rgba(255, 255, 255, .24);--glass-highlight: linear-gradient(180deg, rgba(255,255,255,.16) 0%, rgba(255,255,255,0) 6px);--shadow-1: 0 1px 2px rgba(0, 0, 0, .32);--shadow-2: 0 12px 32px -10px rgba(0, 0, 0, .55);--shadow-3: 0 28px 56px -18px rgba(0, 0, 0, .72);--blur-card: 24px;--blur-sheet: 40px;--blur-pop: 8px;color-scheme:dark}:root[data-theme=light]{--bg-canvas: #F6F7FA;--bg-canvas-elevated: #FFFFFF;--bloom-1: rgba(30, 123, 216, .18);--bloom-2: rgba(124, 92, 255, .1);--bloom-3: rgba(58, 167, 255, .08);--fg-1: #0E1320;--fg-2: #4A5063;--fg-3: #7B8294;--fg-4: #B5BAC6;--fg-on-accent: #FFFFFF;--glass-1: rgba(255, 255, 255, .65);--glass-1-hover: rgba(255, 255, 255, .78);--glass-2: rgba(255, 255, 255, .82);--glass-2-hover: rgba(255, 255, 255, .92);--glass-3: rgba(255, 255, 255, .95);--border-1: rgba(15, 18, 30, .06);--border-2: rgba(15, 18, 30, .1);--border-strong: rgba(15, 18, 30, .16);--glass-highlight: linear-gradient(180deg, rgba(255,255,255,.95) 0%, rgba(255,255,255,0) 6px);--shadow-1: 0 1px 2px rgba(15, 18, 30, .04);--shadow-2: 0 8px 24px -10px rgba(15, 18, 30, .18);--shadow-3: 0 24px 48px -16px rgba(15, 18, 30, .28);color-scheme:light}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;font-family:var(--font-body);font-size:var(--fs-body);line-height:var(--lh-body);letter-spacing:var(--tr-body);color:var(--fg-1);background:var(--bg-canvas);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;min-height:100vh}#root{min-height:100vh;display:flex;flex-direction:column}.vex-wallpaper{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background:radial-gradient(70% 50% at 80% 0%,var(--bloom-1) 0%,transparent 60%),radial-gradient(60% 50% at 0% 100%,var(--bloom-2) 0%,transparent 55%),radial-gradient(50% 40% at 50% 50%,var(--bloom-3) 0%,transparent 70%)}.glass{background:var(--glass-1);backdrop-filter:blur(var(--blur-card)) saturate(140%);-webkit-backdrop-filter:blur(var(--blur-card)) saturate(140%);border:1px solid var(--border-1);border-radius:var(--r-md);position:relative}.glass:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;background:var(--glass-highlight);mix-blend-mode:screen}:root[data-theme=light] .glass:before{mix-blend-mode:normal}.v-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--s-2);height:40px;padding:0 var(--s-4);font:var(--fw-medium) var(--fs-body)/1 var(--font-body);letter-spacing:-.005em;border-radius:var(--r-sm);border:1px solid var(--border-1);background:var(--glass-1);color:var(--fg-1);cursor:pointer;transition:background var(--dur-base) var(--ease-out),border-color var(--dur-base) var(--ease-out),transform 80ms var(--ease-out),box-shadow var(--dur-base) var(--ease-out)}.v-btn:hover{background:var(--glass-1-hover);border-color:var(--border-2)}.v-btn:active{transform:scale(.97)}.v-btn--accent{background:linear-gradient(180deg,var(--accent-bright),var(--accent-deep));border-color:var(--accent-deep);color:var(--fg-on-accent);font-weight:var(--fw-semi)}.v-btn--accent:hover{filter:brightness(1.06);box-shadow:0 0 0 4px var(--accent-glow)}.v-input{height:44px;padding:0 var(--s-4);width:100%;background:var(--glass-1);border:1px solid var(--border-1);border-radius:var(--r-sm);color:var(--fg-1);font:var(--fw-regular) var(--fs-body)/1 var(--font-body);outline:none;transition:border-color var(--dur-base) var(--ease-out),box-shadow var(--dur-base) var(--ease-out),background var(--dur-base) var(--ease-out)}.v-input::placeholder{color:var(--fg-3)}.v-input:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-glow);background:var(--glass-1-hover)}.app-shell{position:relative;width:100%;max-width:480px;min-height:100vh;margin:0 auto;z-index:1}.h-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;gap:12px}.h-name{font:700 26px/1.1 var(--font-display);color:var(--fg-1);letter-spacing:-.022em;margin:0}.h-eyebrow{font:500 11px/1 var(--font-mono);color:var(--fg-3);letter-spacing:.08em;text-transform:uppercase;margin-bottom:6px}.icon-btn{width:38px;height:38px;border-radius:50%;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;color:var(--fg-1);cursor:pointer;flex-shrink:0;transition:background var(--dur-base) var(--ease-out)}.icon-btn:hover{background:#ffffff17}.icon-btn.accent{background:linear-gradient(180deg,#5bbaff,#1e7bd8);border-color:var(--accent-deep);color:#051426}.icon-btn.accent:hover{filter:brightness(1.06);box-shadow:0 0 0 4px var(--accent-glow)}.content{padding:64px 20px 32px;min-height:100vh;overflow-y:auto}.content.with-tabbar{padding-bottom:110px}.content::-webkit-scrollbar{display:none}.vac{background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:16px;margin-bottom:10px;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);cursor:pointer;transition:background .22s;position:relative;overflow:hidden}.vac:hover{background:#ffffff17}.vac.active{background:linear-gradient(180deg,#5bbaff38,#1e7bd80a);border-color:#5bbaff52}.vac.active:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(70% 100% at 100% 0%,rgba(91,186,255,.35),transparent 60%);pointer-events:none}.vac-top{display:flex;align-items:center;gap:10px;position:relative}.vac-flag{font-size:24px;line-height:1}.vac-name{font:700 18px/1.2 var(--font-display);color:var(--fg-1);flex:1;letter-spacing:-.014em}.vac-status{font:500 10px/1 var(--font-mono);color:var(--accent-bright);letter-spacing:.08em;text-transform:uppercase;padding:4px 8px;border-radius:9999px;background:#5bbaff29;border:1px solid rgba(91,186,255,.3)}.vac-status.past{color:var(--fg-3);background:#ffffff0f;border-color:#ffffff1a}.vac-meta{font:400 13px/1.4 var(--font-body);color:var(--fg-2);margin-top:8px;position:relative}.vac-stats{display:flex;gap:14px;margin-top:12px;position:relative}.vac-stats .s{display:flex;flex-direction:column;gap:2px}.vac-stats .l{font:500 9px/1 var(--font-mono);color:var(--fg-3);letter-spacing:.06em;text-transform:uppercase}.vac-stats .v{font:600 14px/1 var(--font-mono);color:var(--fg-1);font-variant-numeric:tabular-nums}.search-wrap{position:relative;margin-bottom:14px}.search-wrap svg{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--fg-3)}.search-wrap input{padding-left:42px!important}.field{display:grid;gap:6px;margin-bottom:14px}.field .lbl{font:500 11px/1 var(--font-mono);color:var(--fg-2);letter-spacing:.06em;text-transform:uppercase}.row2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.part-list{display:grid;gap:8px;margin-bottom:8px}.part-row{display:grid;grid-template-columns:36px 1fr 80px 32px;gap:10px;align-items:center;padding:10px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:12px}.part-row .nm{font:600 14px/1.2 var(--font-display);color:var(--fg-1)}.part-row .em{font:400 11px/1 var(--font-body);color:var(--fg-3);margin-top:2px}.pct-input{background:#ffffff14;border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:6px 8px;color:var(--fg-1);font:600 13px/1 var(--font-mono);text-align:right;width:100%;outline:none;font-variant-numeric:tabular-nums}.pct-input:focus{border-color:var(--accent)}.pct-suffix{font:500 11px/1 var(--font-mono);color:var(--fg-3);margin-left:4px}.x-btn{width:32px;height:32px;border-radius:50%;background:#f871711a;border:1px solid rgba(248,113,113,.2);color:var(--danger);display:flex;align-items:center;justify-content:center;cursor:pointer}.x-btn:hover{background:#f8717133}.pct-warning{font:500 11px/1.4 var(--font-mono);color:var(--warning);margin-top:4px;padding:8px 10px;background:#fbbf241a;border-radius:8px;border:1px solid rgba(251,191,36,.2)}.pct-ok{font:500 11px/1.4 var(--font-mono);color:var(--success);margin-top:4px}.picker{display:flex;gap:6px;flex-wrap:wrap}.pick{padding:6px 12px;height:30px;border-radius:9999px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);font:500 12px/1 var(--font-body);color:var(--fg-2);cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:all var(--dur-base) var(--ease-out)}.pick.on{background:linear-gradient(180deg,#5bbaff4d,#1e7bd826);border-color:#5bbaff80;color:#fff}.pav{width:18px;height:18px;border-radius:50%;font:700 10px/1 var(--font-display);display:flex;align-items:center;justify-content:center;color:#051426}.tabs{display:flex;gap:4px;padding:4px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:9999px;margin-bottom:14px}.tabs button{flex:1;background:none;border:none;padding:8px 12px;height:32px;border-radius:9999px;font:600 12px/1 var(--font-body);color:var(--fg-2);cursor:pointer;transition:all .22s}.tabs button.active{background:#ffffff24;color:var(--fg-1);box-shadow:0 1px 2px #0000004d}.exp{display:grid;grid-template-columns:36px 1fr auto;gap:12px;align-items:center;padding:12px 14px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:12px;margin-bottom:8px;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);cursor:pointer;transition:background .22s}.exp:hover{background:#ffffff17}.exp .av{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#051426;font:700 13px/1 var(--font-display)}.exp .ttl{font:600 14px/1.2 var(--font-display);color:var(--fg-1)}.exp .sub{font:400 12px/1.3 var(--font-body);color:var(--fg-3);margin-top:2px}.exp .amt{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-weight:700;color:var(--fg-1);font-size:14px}.exp .paid{font:400 11px/1 var(--font-body);color:var(--fg-3);margin-top:3px;text-align:right}.empty{padding:32px 20px;text-align:center;color:var(--fg-3);font:400 13px/1.5 var(--font-body)}.empty-h{font:600 16px/1 var(--font-display);color:var(--fg-1);margin-bottom:6px;letter-spacing:-.01em}.bal{display:flex;align-items:center;gap:12px;padding:14px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:14px;margin-bottom:8px}.bal .who{flex:1}.bal .who .n{font:600 14px/1.2 var(--font-display);color:var(--fg-1)}.bal .who .a{font:400 12px/1 var(--font-body);color:var(--fg-3);margin-top:4px}.bal .due{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-weight:700;font-size:16px}.bal .due.owe{color:var(--danger)}.bal .due.get{color:var(--success)}.summary{background:linear-gradient(180deg,#5bbaff2e,#1e7bd80a);border:1px solid rgba(91,186,255,.28);border-radius:18px;padding:18px;margin-bottom:16px;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);position:relative;overflow:hidden}.summary:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(70% 90% at 100% 0%,rgba(91,186,255,.35),transparent 60%);pointer-events:none}.summary .l{font:500 11px/1 var(--font-mono);color:var(--accent-bright);letter-spacing:.08em;text-transform:uppercase;position:relative}.summary .v{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-weight:700;font-size:36px;color:var(--fg-1);margin-top:8px;letter-spacing:-.025em;position:relative}.summary .stats{display:flex;gap:18px;margin-top:14px;position:relative}.summary .stats .s .l2{font:500 9px/1 var(--font-mono);color:var(--fg-3);letter-spacing:.06em;text-transform:uppercase}.summary .stats .s .v2{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-weight:600;color:var(--fg-1);margin-top:4px;font-size:15px}.tabbar{position:fixed;bottom:24px;left:50%;transform:translate(-50%);width:calc(100% - 32px);max-width:448px;padding:8px;background:#0f121e80;backdrop-filter:blur(24px) saturate(160%);-webkit-backdrop-filter:blur(24px) saturate(160%);border:1px solid rgba(255,255,255,.1);border-radius:9999px;display:grid;grid-template-columns:repeat(4,1fr);z-index:10}.tab{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:6px;border-radius:9999px;color:var(--fg-3);cursor:pointer;transition:all var(--dur-base) var(--ease-out)}.tab .lbl{font:600 10px/1 var(--font-body)}.tab.active{color:var(--accent-bright);background:#5bbaff29}.toolbar{display:flex;align-items:center;gap:10px;margin-bottom:14px;position:sticky;top:0;z-index:5;padding-top:56px;margin-top:-56px}.back-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;height:32px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:9999px;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);color:var(--fg-1);font:500 13px/1 var(--font-body);cursor:pointer;transition:background var(--dur-base) var(--ease-out)}.back-pill:hover{background:#ffffff17}.sheet-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:20;opacity:0;pointer-events:none;transition:opacity .22s var(--ease-out)}.sheet-bg.open{opacity:1;pointer-events:auto}.sheet{position:fixed;left:50%;transform:translate(-50%) translateY(100%);bottom:0;width:100%;max-width:480px;background:#141620b3;border-top:1px solid rgba(255,255,255,.16);border-radius:28px 28px 0 0;backdrop-filter:blur(40px) saturate(160%);-webkit-backdrop-filter:blur(40px) saturate(160%);padding:14px 20px 40px;z-index:21;transition:transform .32s var(--ease-out);box-shadow:0 -16px 48px -8px #0009;max-height:92vh;overflow-y:auto}.sheet.open{transform:translate(-50%) translateY(0)}.sheet::-webkit-scrollbar{display:none}.grabber{width:36px;height:5px;background:#fff3;border-radius:9999px;margin:0 auto 14px}.sheet h3{font:700 22px/1.1 var(--font-display);color:var(--fg-1);margin:0 0 14px;letter-spacing:-.018em}.amount-big{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-weight:700;font-size:44px;color:var(--fg-1);letter-spacing:-.025em;padding:4px 0 14px;text-align:center;outline:none;border:none;background:transparent;width:100%}.amount-big::placeholder{color:var(--fg-4)}.login-stage{display:flex;flex-direction:column;min-height:100vh;padding:88px 28px 40px;position:relative;z-index:2}.login-logo{width:80px;height:80px;margin-bottom:28px;box-shadow:0 16px 32px -8px #1e7bd866;border-radius:18px}.login-h1{font:800 36px/1.05 var(--font-display);color:var(--fg-1);letter-spacing:-.028em;margin:0 0 12px}.login-sub{font:400 15px/1.5 var(--font-body);color:var(--fg-2);margin:0 0 36px}.login-btn{display:flex;align-items:center;justify-content:center;gap:10px;height:52px;padding:0 20px;border-radius:14px;font:600 15px/1 var(--font-display);cursor:pointer;transition:all .22s;margin-bottom:10px;border:1px solid}.login-btn.sso{background:linear-gradient(180deg,#5bbaff,#1e7bd8);border-color:var(--accent-deep);color:#051426}.login-btn.sso:hover{filter:brightness(1.06);box-shadow:0 0 0 4px var(--accent-glow)}.login-foot{margin-top:auto;font:400 12px/1.5 var(--font-mono);color:var(--fg-3);text-align:center;letter-spacing:.04em}.banner{padding:12px 14px;background:#34d3991f;border:1px solid rgba(52,211,153,.3);border-radius:12px;color:var(--success);font:500 13px/1.4 var(--font-body);margin-bottom:12px;display:flex;align-items:center;gap:10px;opacity:0;transform:translateY(-8px);transition:opacity .22s,transform .22s}.banner.show{opacity:1;transform:translateY(0)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}