@import url('/assets/vimo/fonts/inter.css');
@import url('/assets/vimo/fonts/manrope.css');
:root{color-scheme:dark;--bg:#11182f;--surface:#1b2542;--text:#f5f5ff;--muted:#a7acc6;--lavender:#b5a7ff;--gold:#f4c27b;--blue:#245dff;--line:#ffffff14;--green:#8ce8ac;font-family:Manrope,Arial,sans-serif;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);min-width:300px;overflow-x:hidden}body:has(dialog[open]){overflow:hidden}.ambient{position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at 85% 25%,#9280d61a,transparent 45%),radial-gradient(ellipse at 0 65%,#365ee410,transparent 55%);z-index:-1}button,input,textarea,select{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer;color:inherit;border:0}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--lavender);outline-offset:4px}button:disabled{opacity:.45;cursor:wait}button{transition:background .2s,transform .2s}button:active{transform:scale(.97)}.app-shell{max-width:680px;margin:auto;padding:26px 24px 120px}.topbar{display:flex;align-items:center;justify-content:space-between;margin:0 0 32px;gap:12px}.brand{display:flex;gap:10px;align-items:center;font-size:27px;font-weight:800;letter-spacing:3px}.brand-dot{color:var(--gold)}.top-actions{display:flex;align-items:center;gap:11px}.icon-button{background:transparent;min-width:40px;height:42px;display:inline-flex;align-items:center;justify-content:center;position:relative;color:#dddff4;border-radius:14px}.icon-button:hover{background:#ffffff0a}.icon-button svg{width:25px;height:25px}.language{font-size:12px;font-weight:800;letter-spacing:.5px}.avatar{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(145deg,#586294,#303b65);box-shadow:inset 0 1px 1px #c9ceff35}.avatar svg{width:23px;height:23px}#notification-dot{position:absolute;width:7px;height:7px;background:var(--gold);border-radius:50%;top:6px;right:8px}.eyebrow{font-size:11px;color:var(--lavender);text-transform:uppercase;letter-spacing:2px;font-weight:750}.capital-label{font-size:16px;font-weight:650;color:var(--lavender);margin:0 0 4px}.balance{font-size:clamp(32px,8vw,46px);font-weight:800;letter-spacing:-1.8px;line-height:1.25;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.balance small{font-size:.49em;letter-spacing:-.5px;white-space:nowrap;margin-inline-start:4px}.period-line{font-size:13px;color:var(--muted);margin-top:5px}.period-line strong{color:var(--gold);margin-inline-start:8px;font-weight:750}.action-row{display:flex;gap:12px;margin-top:20px}.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:14px 20px;border-radius:15px;font-size:15px;font-weight:750;min-height:50px;background:linear-gradient(135deg,#3675ff,#2050ef);box-shadow:inset 0 1px 1px #ffffff3a,0 6px 20px #1236b01a}.button svg{width:23px;height:23px}.button.secondary{background:linear-gradient(130deg,#414a72,#2a3354);box-shadow:inset 0 1px 1px #b5c4ff35}.button.subtle{background:#a595ff12;border:1px solid #b5a7ff22;box-shadow:none}.action-row .button{flex:1}.organizer{position:relative;aspect-ratio:3/2;margin:10px -13px -2px;perspective:900px;isolation:isolate;direction:ltr}.organizer-scene{position:absolute;inset:0;transform-origin:center 70%;animation:organizer-float 7s ease-in-out infinite}.organizer img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;display:block;mix-blend-mode:lighten}.organizer-inscriptions{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;direction:ltr}.organizer-card-copy{fill:#12132d;font-family:Arial,Helvetica,sans-serif;font-synthesis:none}.organizer-card-title{font-size:55px;font-weight:700;letter-spacing:-1px}.organizer-value{font-size:96px;font-weight:700;letter-spacing:-2.8px;font-variant-numeric:tabular-nums}.organizer-currency{font-size:.422em;font-weight:500;letter-spacing:0;fill:#494652}@keyframes organizer-float{0%,100%{transform:translateY(0) rotateX(0)}50%{transform:translateY(-5px) rotateX(1.5deg)}}
.allocation-copy{display:flex;justify-content:space-between;font-size:12px;color:var(--lavender);gap:12px;margin:2px 0 9px}.allocation-copy span:last-child{color:var(--gold)}.allocation-track{height:9px;background:var(--gold);border-radius:12px;overflow:hidden}.allocation-track i{display:block;height:100%;background:var(--lavender);border-radius:12px;width:var(--share,0%);transition:width .5s}.card{border:1px solid #c6c2ff17;border-radius:21px;background:linear-gradient(140deg,#303a5caa,#202a45aa 70%);box-shadow:inset 0 1px 1px #c7c5ff1f,0 12px 40px #030a1c12;position:relative;overflow:hidden}.strategy{margin-top:24px;padding:20px 21px}.strategy:before{content:'';width:42%;height:20px;position:absolute;top:-1px;left:0;background:linear-gradient(90deg,#9b91ea45,transparent);border-radius:0 0 25px 0}.strategy h2{margin:13px 0 2px;font-size:25px;letter-spacing:-.6px}.strategy-sub{color:var(--muted);font-size:13px}.strategy-main{display:flex;align-items:center;justify-content:space-between;gap:12px}.status{display:inline-flex;align-items:center;gap:6px;font-size:11px;border:1px solid #8ce8ac30;background:#8ce8ac09;color:var(--green);border-radius:20px;padding:5px 9px;margin-top:12px}.status:before{content:'';width:6px;height:6px;border-radius:50%;background:currentColor}.status.neutral{color:var(--lavender);border-color:#b5a7ff33;background:#b5a7ff10}.strategy-foot{border-top:1px solid var(--line);display:flex;justify-content:space-between;margin-top:15px;padding-top:11px;font-size:12px;color:var(--muted)}.positive{color:var(--green)}.gold{color:var(--gold)}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:26px 0 12px}.section-heading h2{font-size:20px;letter-spacing:-.6px;margin:0}.text-button{background:transparent;color:var(--gold);font-size:12px;padding:6px 0;white-space:nowrap}.segmented{display:flex;gap:2px;background:#8e9ae51a;border:1px solid #ffffff0a;border-radius:20px;padding:3px}.segmented button{background:none;border-radius:16px;padding:5px 10px;font-size:11px;color:var(--muted);white-space:nowrap}.segmented button.active{background:var(--gold);color:#26304a;font-weight:800}.chart{padding:19px 17px 12px;min-height:150px}.chart svg{width:100%;height:110px;overflow:visible}.chart-labels{display:flex;justify-content:space-between;color:var(--muted);font-size:10px;padding-top:4px}.chart-empty{position:absolute;inset:0;display:grid;place-items:center;text-align:center;color:var(--muted);font-size:12px;background:linear-gradient(transparent,#17223ba6);padding:20px}.operations{display:flex;flex-direction:column}.operation{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--line);font-size:13px}.operation:last-child{border:0}.operation-icon{flex:none;width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(145deg,#42497499,#283352);color:var(--lavender);box-shadow:inset 0 1px 1px #b0b6ed22}.operation-icon svg{width:21px;height:21px}.operation-title{flex:1;min-width:0}.operation-title b{font-size:12px;display:block;font-weight:650;overflow:hidden;text-overflow:ellipsis}.operation-title small{font-size:10px;color:var(--muted);display:block;margin-top:3px}.operation-amount{font-size:12px;font-weight:750;white-space:nowrap}.empty{padding:22px 15px;text-align:center;color:var(--muted);font-size:12px;line-height:1.75}.empty svg{width:29px;height:29px;margin-bottom:10px;color:var(--lavender)}.partner-banner{padding:20px;display:flex;align-items:center;margin-top:24px;min-height:160px;gap:0;background:radial-gradient(ellipse at 90% 70%,#c0a2e52e,transparent 60%),linear-gradient(140deg,#3a4268,#212b47)}.partner-banner .copy{width:57%;z-index:1}.partner-banner h2{font-size:20px;letter-spacing:-.5px;margin:0 0 5px;line-height:1.2}.partner-banner p{font-size:12px;color:var(--muted);margin:0 0 12px}.partner-banner img{width:54%;position:absolute;right:-3%;height:100%;object-fit:contain;mix-blend-mode:lighten;pointer-events:none}.partner-banner .button{padding:10px 18px;font-size:12px;min-height:39px}.list-card{padding:0 18px}.list-row{display:flex;align-items:center;gap:12px;padding:15px 0;border-bottom:1px solid var(--line);background:none;text-align:start;width:100%;font-size:13px}.list-row:last-child{border:0}.list-row>svg{width:24px;height:24px;flex:none;color:var(--lavender)}.list-row>span{flex:1}.list-row b{display:block;font-size:12px;font-weight:650}.list-row small{display:block;margin-top:4px;font-size:10px;color:var(--muted)}.list-row .row-arrow{width:18px;color:var(--muted)}.help-banner{display:flex;align-items:center;gap:17px;width:100%;text-align:start;padding:18px 22px;margin-top:14px;background:linear-gradient(135deg,#5e5b9599,#303b60);border:1px solid #b9b3ff48;border-radius:19px;box-shadow:inset 0 1px 2px #cfcaff42}.help-banner>svg{width:31px;height:31px;color:var(--lavender);flex:none}.help-banner b{font-size:15px;display:block}.help-banner small{font-size:12px;color:#c3c7df;margin-top:4px;display:block}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);max-width:680px;width:100%;display:flex;padding:12px 14px max(14px,env(safe-area-inset-bottom));border:1px solid #adb5ff1c;border-bottom:0;border-radius:26px 26px 0 0;background:linear-gradient(140deg,#202a43ed,#131d34f5);backdrop-filter:blur(24px);z-index:20;box-shadow:0 -5px 30px #080d242f,inset 0 1px 1px #b1baff16}.bottom-nav button{display:flex;flex:1;align-items:center;justify-content:center;flex-direction:column;gap:5px;background:transparent;padding:10px 3px;color:#bfc2df;border-radius:18px;font-size:10px;font-weight:650;min-width:0}.bottom-nav svg{width:25px;height:25px}.bottom-nav button.active{background:linear-gradient(150deg,#3478ff,#1547ed);color:white;box-shadow:inset 0 1px 1px #bbd0ff50,0 6px 20px #153ee03a}.app-footer{text-align:center;letter-spacing:3px;font-size:8px;color:#69728f;margin-top:28px}.page-intro{margin:6px 0 25px}.page-intro h1{font-size:32px;letter-spacing:-1.1px;line-height:1.15;margin:9px 0}.page-intro p{color:var(--muted);font-size:13px;line-height:1.7;max-width:450px}.page-number{font-size:11px;letter-spacing:2px;color:var(--gold);margin-bottom:16px}.plan-card{padding:24px;margin-bottom:17px;isolation:isolate}.plan-card:after{content:'';position:absolute;width:150px;height:150px;border:25px solid #aaa0fa16;border-radius:36px;right:-40px;top:15px;transform:rotate(25deg);z-index:-1;box-shadow:inset 0 0 25px #9990ff08}.plan-card.prime{background:linear-gradient(130deg,#4543629c,#222b43);border-color:#f4c27b33}.plan-card.prime:after{border-color:#f4c27b13}.plan-top{display:flex;justify-content:space-between;align-items:center}.plan-top span{font-size:10px;letter-spacing:2px;color:var(--lavender)}.plan-top svg{width:30px;height:30px;color:var(--lavender)}.prime .plan-top span,.prime .plan-top svg{color:var(--gold)}.plan-card h2{font-size:30px;letter-spacing:-1px;margin:17px 0 3px}.plan-rate{font-size:40px;letter-spacing:-1.5px;font-weight:750;margin:20px 0}.plan-rate small{font-size:12px;color:var(--muted);letter-spacing:0;font-weight:500}.plan-terms{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:20px 0;border-block:1px solid var(--line);padding:16px 0}.plan-terms dt{font-size:10px;color:var(--muted);margin-bottom:5px}.plan-terms dd{margin:0;font-size:15px;font-weight:750}.plan-card .button{width:100%}.risk-note{font-size:10px;line-height:1.8;color:var(--muted);padding:6px 4px 0}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:18px 0}.stat{padding:17px}.stat>span{font-size:11px;color:var(--muted)}.stat b{display:block;font-size:24px;margin-top:7px;letter-spacing:-.7px}.stat small{font-size:11px;font-weight:500}.hero-art{width:100%;max-height:230px;object-fit:contain;mix-blend-mode:lighten;animation:float 8s ease-in-out infinite}.profile-card{display:flex;align-items:center;padding:22px;gap:18px}.profile-card img{width:66px;height:66px;border-radius:20px;object-fit:cover}.profile-card h2{margin:0;font-size:23px;overflow-wrap:anywhere}.profile-card p{color:var(--muted);font-size:11px;margin:7px 0 0}.welcome-note{display:flex;align-items:center;gap:12px;padding:13px 16px;border:1px solid #b5a7ff26;background:#b5a7ff08;border-radius:15px;font-size:11px;color:#c6c6e0;margin-top:18px}.welcome-note>svg{width:23px;height:23px;flex:none;color:var(--lavender)}.welcome-note button{margin-inline-start:auto;background:none;color:var(--gold);font-weight:750;font-size:11px;white-space:nowrap}.filter-row{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}.filter-row button{background:#8d96c613;border:1px solid #afb9ff16;border-radius:20px;padding:8px 13px;font-size:11px;color:var(--muted)}.filter-row button.active{background:#b5a7ff25;color:var(--lavender);border-color:#b5a7ff55}.support-form label,.form-field{display:flex;flex-direction:column;gap:8px;font-size:12px;margin:17px 0;color:var(--muted)}input,select,textarea{width:100%;color:var(--text);border:1px solid #a7aee02c;border-radius:12px;background:#10192c;padding:14px;min-height:48px}select{appearance:auto}textarea{resize:vertical;min-height:125px;line-height:1.7}.support-form .button{width:100%;margin-top:8px}.checkbox{display:flex;gap:10px;align-items:flex-start;margin:18px 0;font-size:11px;color:var(--muted);line-height:1.7}.checkbox input{width:17px;min-height:17px;margin-top:3px;accent-color:var(--blue);flex:none}dialog{background:linear-gradient(140deg,#26304f,#141e35);color:var(--text);border:1px solid #c7c5ff30;border-radius:26px 26px 0 0;position:fixed;inset:auto 0 0;margin:0 auto;max-width:640px;width:100%;max-height:88dvh;padding:5px 24px 32px;box-shadow:0 -10px 80px #0006;overflow:auto}dialog::backdrop{background:#050a1eb0;backdrop-filter:blur(6px)}.sheet-top{display:flex;align-items:center;justify-content:flex-end;position:sticky;top:-5px;background:inherit;z-index:4;min-height:40px}.sheet-handle{position:absolute;top:8px;left:calc(50% - 18px);width:36px;height:4px;border-radius:4px;background:#9ca7c844}.sheet-top button{font-size:28px}.sheet-title{font-size:25px;letter-spacing:-.8px;margin:6px 0 12px}.sheet-copy{font-size:12px;color:var(--muted);line-height:1.8}.sheet-content .button{width:100%}.lang-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:22px 0}.lang-option{border:1px solid #ffffff0c;background:#a8a2ed0a;border-radius:12px;padding:13px 12px;text-align:start;font-size:13px}.lang-option.active{border-color:var(--lavender);color:var(--lavender);background:#b5a7ff14}.lang-option small{display:block;color:var(--muted);font-size:10px;margin-top:4px}.notice{font-size:12px;line-height:1.8;border-radius:13px;padding:14px;background:#f4c27b0b;border:1px solid #f4c27b20;color:#e3c59d}.address{font-family:monospace;font-size:13px;overflow-wrap:anywhere;padding:17px;border:1px solid #b5a7ff35;background:#121b33;border-radius:13px;line-height:1.8;user-select:all}.legal-copy{font-size:12px;color:var(--muted);line-height:1.9}.legal-copy h2{color:var(--text);font-size:16px;margin-top:25px}.progress-line{height:5px;border-radius:4px;background:#a7aee020;margin:15px 0;overflow:hidden}.progress-line i{display:block;height:100%;background:var(--lavender);width:var(--progress)}#toast{position:fixed;bottom:110px;left:50%;transform:translate(-50%,15px);background:#2e395a;color:white;box-shadow:0 10px 40px #0005;border:1px solid #b5a7ff33;padding:13px 20px;border-radius:14px;font-size:12px;opacity:0;pointer-events:none;max-width:min(90vw,500px);z-index:100;transition:.25s;line-height:1.7}#toast.show{opacity:1;transform:translate(-50%,0)}.skeleton{padding-top:15px}.skeleton div{border-radius:20px;background:linear-gradient(110deg,#ffffff04 30%,#ffffff0a 50%,#ffffff04 70%);background-size:200% 100%;height:110px;margin-bottom:18px;animation:shimmer 1.6s linear infinite}.skeleton div:nth-child(2){height:260px}.error-state{padding:45px 15px;text-align:center;line-height:1.8}.error-state h2{font-size:23px}.error-state p{color:var(--muted);font-size:12px}.inline-error{color:#ffb5b5;font-size:12px;margin:12px 0;line-height:1.7}.pill{font-size:10px;background:#b5a7ff10;border:1px solid #b5a7ff22;color:var(--lavender);padding:5px 9px;border-radius:20px}.block-wide{width:100%}.mt{margin-top:20px}.row-between{display:flex;justify-content:space-between;gap:15px;align-items:center}.list-number{width:31px;height:31px;display:grid;place-items:center;border-radius:10px;background:#b5a7ff13;color:var(--lavender);font-size:12px;font-weight:750}.article{padding:22px;margin-bottom:14px}.article h2{font-size:18px;margin:0 0 10px}.article p{font-size:12px;line-height:1.8;color:var(--muted)}.article .eyebrow{font-size:9px}.pending-badge{font-size:8px;color:var(--gold)}[hidden]{display:none!important}[dir=rtl] .partner-banner img{right:auto;left:-3%}[dir=rtl] .list-row{text-align:right}@keyframes float{0%,100%{transform:translateY(0) rotateX(0)}50%{transform:translateY(-5px) rotateX(1.5deg)}}@keyframes shimmer{to{background-position:-200% 0}}@media(min-width:750px){.app-shell{padding-top:38px}.topbar{margin-bottom:40px}.organizer{margin-top:15px}.balance{font-size:52px}.capital-label{font-size:20px}.period-line{font-size:15px}.action-row .button{min-height:58px;font-size:18px}.section-heading h2{font-size:24px}.allocation-copy{font-size:14px}.strategy h2{font-size:28px}.strategy{padding:25px}.operation-title b{font-size:14px}.operation-title small{font-size:12px}.operation-amount{font-size:14px}.bottom-nav button{font-size:12px;padding:12px}.chart{min-height:170px}.partner-banner{min-height:190px}.partner-banner h2{font-size:25px}.partner-banner p{font-size:14px}.list-row b{font-size:14px}.list-row small{font-size:12px}}@media(max-width:360px){.app-shell{padding-inline:16px}.top-actions{gap:3px}.brand{font-size:24px;gap:5px}.brand img{width:28px}.action-row .button{padding:12px;font-size:13px}.section-heading h2{font-size:17px}.segmented button{padding:5px 8px}.operation-amount{font-size:10px}.partner-banner h2{font-size:17px}.bottom-nav{padding-inline:8px}.bottom-nav button{font-size:9px}.plan-card{padding:19px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media (hover:hover) and (prefers-reduced-motion:no-preference){[data-tilt]{transform:perspective(1000px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .25s ease;will-change:transform}.plan-card:hover{border-color:#b5a7ff55;box-shadow:inset 0 1px 1px #c7c5ff45,0 20px 45px #03081d50}}
.organizer img{mask-image:radial-gradient(ellipse 72% 70% at 50% 50%,#000 60%,transparent 100%)}.balance small{margin-inline-start:8px}.plan-emblem{width:48px;height:48px;object-fit:cover;border-radius:15px;box-shadow:0 5px 25px #0c102950}
.brand{direction:ltr}.profile-card h2{word-break:break-word}.article+.article{margin-top:12px}
/* Homepage proportions follow the supplied 683px-wide visual reference. */

.app-shell{container-type:inline-size}
body[data-page="overview"]{background:#111a32;font-family:Inter,Arial,Helvetica,sans-serif}
body[data-page="overview"] .ambient{background:radial-gradient(ellipse at 90% 22%,#7c6a9620,transparent 38%),radial-gradient(ellipse at 12% 45%,#7773aa10,transparent 50%)}
body[data-page="overview"] .app-shell{padding-top:12px;padding-bottom:88px}
body[data-page="overview"] .topbar{margin-bottom:10px;min-height:30px}
body[data-page="overview"] .brand{font-size:clamp(21px,5.7cqw,35px);letter-spacing:2.5px;gap:8px}
body[data-page="overview"] .brand img{width:clamp(25px,6.8cqw,42px);height:auto}
body[data-page="overview"] .top-actions{gap:7px}
body[data-page="overview"] .topbar .icon-button{min-width:29px;width:29px;height:30px;border-radius:10px}
body[data-page="overview"] .topbar .icon-button svg{width:22px;height:22px}
body[data-page="overview"] .topbar .language{font-size:9px}
body[data-page="overview"] .avatar{width:30px;height:30px;background:linear-gradient(145deg,#59628d,#303b61)}
body[data-page="overview"] .avatar svg{width:18px;height:18px}
.home-page .capital-label{font-size:clamp(14px,4.1cqw,25px);line-height:1.3;margin:0 0 3px;font-weight:650;letter-spacing:-.3px}
.home-page>.row-between>.icon-button{width:23px;min-width:23px;height:23px;opacity:.65}
.home-page>.row-between>.icon-button svg{width:17px;height:17px}
.home-page .balance{font-size:clamp(32px,8.6cqw,56px);line-height:1.13;letter-spacing:-.045em;font-weight:800}
.home-page .balance small{font-size:.68em;font-weight:700;margin-inline-start:7px;letter-spacing:-.025em}
.home-page .period-line{font-size:clamp(12px,3.6cqw,22px);margin-top:5px;line-height:1.3;letter-spacing:-.2px}
.home-page .period-line strong{margin-inline-start:8px;font-weight:700}
.home-page .action-row{gap:9px;margin-top:15px}
.home-page .action-row .button{min-height:39px;padding:9px 13px;border-radius:12px;font-size:clamp(14px,4.1cqw,25px);font-weight:700;gap:9px;box-shadow:inset 0 1px 1px #b9d0ff6b,0 5px 18px #163cdb15;background:linear-gradient(180deg,#3677ff,#1951ef)}
.home-page .action-row .secondary{background:linear-gradient(135deg,#3b4569,#2e3654);box-shadow:inset 0 1px 1px #b9c8f44d}
.home-page .action-row .button svg{width:24px;height:24px;stroke-width:1.7}
.home-page .organizer{aspect-ratio:1.92;margin-top:3px;margin-bottom:0}
.home-page .organizer:before{content:'';position:absolute;inset:0 -16px -10px;z-index:-1;background:radial-gradient(ellipse at 87% 61%,#d8ae7c19,transparent 42%),radial-gradient(ellipse at 22% 72%,#9c98ef1c,transparent 48%);pointer-events:none}
.home-page .organizer-scene{inset:auto 0;top:-13.1%;height:auto;aspect-ratio:3/2}
.organizer img{mix-blend-mode:normal;mask-image:none;filter:drop-shadow(0 7px 8px #03091f3d)}
.organizer-card-copy{font-family:Inter,Arial,Helvetica,sans-serif}
.organizer-card-title{font-weight:750;letter-spacing:-1.4px}
.organizer-value{font-weight:800;letter-spacing:-3.4px}
.organizer-currency{font-weight:500;fill:#4b4859}
.home-page .allocation-copy{font-size:clamp(11px,3.3cqw,20px);font-weight:600;margin:0 0 7px;line-height:1.3;letter-spacing:-.2px}
.home-page .allocation-track{height:9px;border-radius:12px;background:linear-gradient(90deg,#e8b46d,#f6c57f)}
.home-page .allocation-track i{background:linear-gradient(90deg,#9f98ed,#b7adff)}
.home-page .welcome-note{padding:9px 11px;border-radius:12px;margin-top:12px;font-size:9px;line-height:1.5;gap:8px;background:#b5a7ff05;border-color:#b5a7ff17}
.home-page .welcome-note svg{width:20px;height:20px}
.home-page .welcome-note button{font-size:10px}
.home-page .strategy{margin:15px -8px 0;padding:12px 20px 10px;background:url('/assets/vimo/strategy-surface.svg') center/100% 100% no-repeat;border:0;border-radius:0;box-shadow:none;overflow:visible}
.home-page .strategy:before{display:none}
.home-page .strategy .eyebrow{font-size:clamp(8px,2.45cqw,15px);letter-spacing:1.1px;line-height:1.2;color:#d7d6f4;font-weight:500;margin-bottom:5px}
.home-page .strategy h2{font-size:clamp(21px,6.0cqw,37px);line-height:1.13;letter-spacing:-.6px;margin:6px 0 3px;font-weight:750}
.home-page .strategy-sub{font-size:clamp(11px,3.3cqw,20px);line-height:1.3;max-width:190px;color:#bac0d8}
.home-page .strategy .status{font-size:clamp(9px,2.7cqw,16px);padding:3px 8px;line-height:1.1;margin-top:6px;font-weight:600;border-radius:10px;gap:5px;background:#79dcac10;border-color:#79dcac32}
.home-page .strategy .status.neutral{background:#b5a7ff10;border-color:#b5a7ff33}
.home-page .strategy-manage{padding:8px 13px;min-height:31px;font-size:clamp(10px,2.9cqw,18px);border-radius:11px;white-space:nowrap;align-self:end;margin-bottom:3px;background:linear-gradient(145deg,#4c557e,#313c60);box-shadow:inset 0 1px 1px #b9c8f433}
.home-page .strategy-foot{margin-top:8px;padding-top:7px;font-size:clamp(11px,3.3cqw,20px);line-height:1.2;border-color:#b6bbdf29}
.home-page .section-heading{margin:17px 0 9px;gap:8px}
.home-page .section-heading h2{font-size:clamp(17px,5.05cqw,31px);line-height:1.2;letter-spacing:-.5px;font-weight:750}
.home-page .text-button{font-size:clamp(11px,3.2cqw,19px);font-weight:550;padding:3px 0}
.home-page .segmented{padding:2px;gap:0;background:linear-gradient(145deg,#394364,#27314e);border-color:#b7b7e51c}
.home-page .segmented button{font-size:clamp(10px,2.95cqw,18px);padding:4px 9px;min-width:30px;line-height:1.2}
.home-page .segmented button.active{background:linear-gradient(180deg,#f5c984,#eab46b)}
.home-page .chart{margin-inline:-8px;min-height:0;height:107px;padding:12px 18px 9px;border-radius:16px;border-color:#b6b9f220;background:linear-gradient(145deg,#24304d,#1c2742);box-shadow:inset 0 1px 1px #bec4ff10}
.home-page .chart svg{height:70px;display:block}
.home-page .chart>.row-between{height:15px;line-height:1;align-items:center;margin-top:-2px}
.home-page .chart>.row-between+.chart-labels{padding:0}
.home-page .chart .eyebrow{font-size:8px}
.home-page .chart-labels{font-size:9px;padding-top:3px}
.home-page .chart-empty{padding:15px 18px 10px;place-items:end center;font-size:10px;line-height:1.4;background:transparent;color:#abb1ce}
.home-page .home-activity{margin:0 2px}
.home-page .operation{padding:7px 0;gap:11px}
.home-page .operation-icon{width:31px;height:31px;border-radius:10px;background:linear-gradient(145deg,#46517a,#2c385a);box-shadow:inset 0 1px 1px #b0b6ed33}
.home-page .operation-icon svg{width:21px;height:21px}
.home-page .operation-title b{font-size:clamp(11px,3.3cqw,20px);line-height:1.2;font-weight:650}
.home-page .operation-title small{font-size:clamp(9px,2.8cqw,17px);line-height:1.25;margin-top:3px}
.home-page .operation-amount{font-size:clamp(10px,3.1cqw,19px);line-height:1.3;font-weight:650}
.home-page .home-activity .empty{display:flex;gap:12px;align-items:center;min-height:48px;text-align:start;padding:8px 4px;font-size:10px;line-height:1.6}
.home-page .home-activity .empty svg{width:28px;height:28px;flex:none;margin:0}
.home-page .partner-banner{margin:16px -8px 0;min-height:117px;padding:14px 19px;border-radius:17px;background:radial-gradient(ellipse at 88% 80%,#cba3d827,transparent 65%),linear-gradient(135deg,#454a70,#303b5b);border-color:#c8c4fc38;box-shadow:inset 0 1px 2px #d0c6ff30}
.home-page .partner-banner .copy{width:59%}
.home-page .partner-banner h2{font-size:clamp(18px,5.3cqw,32px);line-height:1.06;letter-spacing:-.45px;font-weight:750;margin:0 0 5px;max-width:210px}
.home-page .partner-banner p{font-size:clamp(11px,3.3cqw,20px);line-height:1.3;margin:0 0 5px;color:#c6c6dd}
.home-page .partner-count{display:flex;gap:6px;align-items:center;font-size:clamp(10px,3.0cqw,18px);line-height:1.3;color:var(--gold);margin-bottom:7px}
.home-page .partner-count svg{width:15px;height:15px;flex:none}
.home-page .partner-banner .button{padding:7px 20px;font-size:clamp(12px,3.5cqw,21px);min-height:31px;border-radius:10px;line-height:1.2;min-width:122px}
.home-page .partner-banner img{width:52%;height:100%;right:-4%;mix-blend-mode:normal;object-fit:contain;filter:drop-shadow(0 7px 7px #12162e45);pointer-events:none}
.home-page .list-card{margin-inline:-8px;padding:0 19px;border-radius:16px;background:linear-gradient(145deg,#293451,#1f2a45);border-color:#b1b9eb19;box-shadow:inset 0 1px 1px #c5c9ff10}
.home-page .list-row{padding:10px 0;min-height:45px;gap:12px;border-color:#a6b5dd25}
.home-page .list-row>svg{width:25px;height:25px}
.home-page .list-row b{font-size:clamp(11px,3.25cqw,20px);font-weight:600;line-height:1.3}
.home-page .list-row small{font-size:clamp(9px,2.75cqw,17px);line-height:1.3;margin-top:3px}
.home-page .list-row .row-arrow{width:18px;height:18px}
.home-page .help-banner{width:calc(100% + 16px);margin:12px -8px 0;padding:11px 18px;min-height:54px;border-radius:16px;gap:16px;background:linear-gradient(130deg,#56578b,#36436a);border-color:#bdb4ff65;box-shadow:inset 0 1px 2px #d9d0ff4d}
.home-page .help-banner>svg{width:27px;height:27px;padding-inline-end:14px;box-sizing:content-box;border-inline-end:1px solid #aaa5e441}
.home-page .help-banner b{font-size:clamp(14px,4.1cqw,25px);line-height:1.2;letter-spacing:-.15px;font-weight:700}
.home-page .help-banner small{font-size:clamp(10px,3.25cqw,19px);line-height:1.3;margin-top:3px;color:#c5c7dd}
body[data-page="overview"] .bottom-nav{padding:8px 12px max(9px,env(safe-area-inset-bottom));border-radius:23px 23px 0 0;background:linear-gradient(135deg,#202c46ed,#15203aF5);box-shadow:inset 0 1px 1px #b1baff20,0 -5px 25px #080d2420}
body[data-page="overview"] .bottom-nav button{padding:8px 2px;font-size:10px;gap:4px;border-radius:14px;line-height:1.1}
body[data-page="overview"] .bottom-nav svg{width:23px;height:23px}
body[data-page="overview"] .bottom-nav .active{background:linear-gradient(180deg,#3478ff,#1951ee)}
body[data-page="overview"] .app-footer{margin-top:19px;font-size:7px;opacity:.65}
@media(min-width:750px){.home-page .organizer{margin-top:5px}.home-page .action-row .button{min-height:58px}.home-page .strategy{margin-top:24px;padding:22px 34px 19px}.home-page .strategy .eyebrow{margin-bottom:10px}.home-page .strategy .status{padding:5px 13px;margin-top:10px}.home-page .strategy-foot{margin-top:14px;padding-top:12px}.home-page .strategy-manage{min-height:45px;padding:11px 22px;border-radius:16px}.home-page .section-heading{margin-top:26px;margin-bottom:14px}.home-page .chart{height:180px;padding:19px 28px 15px;border-radius:23px}.home-page .chart svg{height:125px}.home-page .chart>.row-between{height:18px}.home-page .chart-labels{font-size:13px}.home-page .chart-empty{font-size:14px;padding-bottom:20px}.home-page .operation{padding:11px 0}.home-page .operation-icon{width:44px;height:44px}.home-page .operation-icon svg{width:28px;height:28px}.home-page .partner-banner{min-height:191px;padding:24px 32px;border-radius:25px;margin-top:26px}.home-page .partner-banner h2{max-width:350px}.home-page .partner-banner p{margin:7px 0}.home-page .partner-count{margin-bottom:12px}.home-page .partner-count svg{width:23px;height:23px}.home-page .partner-banner .button{min-width:220px;min-height:45px;padding:10px 30px;border-radius:15px}.home-page .list-card{padding-inline:30px;border-radius:24px}.home-page .list-row{min-height:72px;padding-block:14px;gap:18px}.home-page .list-row>svg{width:35px;height:35px}.home-page .help-banner{min-height:82px;padding:17px 31px;border-radius:25px;gap:27px}.home-page .help-banner>svg{width:38px;height:38px;padding-inline-end:22px}.home-page .help-banner small{margin-top:5px}body[data-page="overview"] .topbar{margin-bottom:25px}body[data-page="overview"] .avatar{width:46px;height:46px}body[data-page="overview"] .avatar svg{width:28px;height:28px}body[data-page="overview"] .topbar .icon-button{width:42px;height:42px}body[data-page="overview"] .topbar .icon-button svg{width:30px;height:30px}body[data-page="overview"] .topbar .language{font-size:13px}body[data-page="overview"] .bottom-nav button{font-size:14px;padding-block:12px;gap:6px}body[data-page="overview"] .bottom-nav svg{width:31px;height:31px}}
@media(max-width:360px){.home-page .strategy{padding-inline:15px}.home-page .strategy-manage{font-size:9px;padding-inline:9px}.home-page .strategy-sub{max-width:155px}.home-page .partner-banner{padding-inline:15px}.home-page .partner-banner h2{font-size:17px}.home-page .partner-banner .button{min-width:106px;padding-inline:15px}.home-page .help-banner{padding-inline:14px;gap:12px}.home-page .help-banner>svg{padding-inline-end:10px}.home-page .section-heading h2{font-size:16px}.home-page .segmented button{padding-inline:7px}}
/* Continuous scaling keeps the reference geometry identical at phone and tablet widths. */
body[data-page="overview"] .app-shell{padding-top:clamp(10px,calc(6.2cqw - 11px),28px);padding-bottom:76px}
body[data-page="overview"] .topbar{margin-bottom:clamp(6px,calc(3cqw - 4px),15px)}
body[data-page="overview"] .avatar{width:clamp(30px,7.3cqw,46px);height:clamp(30px,7.3cqw,46px)}
body[data-page="overview"] .topbar .icon-button{width:clamp(29px,6.6cqw,42px);height:clamp(30px,6.6cqw,42px)}
body[data-page="overview"] .topbar .icon-button svg{width:clamp(22px,4.8cqw,30px);height:clamp(22px,4.8cqw,30px)}
.home-page .period-line{margin-top:2px}
.home-page .action-row{margin-top:clamp(11px,3.1cqw,20px);gap:clamp(9px,2.2cqw,14px)}
.home-page .action-row .button{padding:clamp(7px,2cqw,13px) 13px;min-height:clamp(36px,9.8cqw,63px);line-height:1.2}
.home-page .action-row .button svg{width:clamp(22px,5.8cqw,36px);height:clamp(22px,5.8cqw,36px)}
.home-page .organizer:before{inset:0 -11px -10px}
.organizer-card-title{font-weight:700}
.organizer-value{font-weight:700}
.organizer-currency{font-size:.47em}
.home-page .allocation-copy{font-size:clamp(11px,3.6cqw,23px)}
.home-page .allocation-track{height:clamp(9px,2.5cqw,16px)}
.home-page .strategy{margin-top:clamp(10px,3cqw,20px);padding:clamp(10px,3.1cqw,20px) clamp(18px,5.4cqw,34px) clamp(8px,2.8cqw,18px)}
.home-page .strategy .eyebrow{margin-bottom:2px}
.home-page .strategy h2{margin-top:4px;font-weight:700}
.home-page .strategy-foot{margin-top:clamp(6px,1.9cqw,12px);padding-top:clamp(5px,1.6cqw,10px)}
.home-page .section-heading{margin-top:clamp(14px,4cqw,26px);margin-bottom:clamp(7px,2cqw,13px)}
.home-page .section-heading h2{font-weight:700}
.home-page .segmented{padding:1px}
.home-page .segmented button{padding:3px 8px}
.home-page .chart{height:clamp(107px,29cqw,184px);padding:clamp(10px,2.8cqw,18px) clamp(18px,4.4cqw,28px) clamp(7px,2cqw,13px)}
.home-page .chart svg{height:clamp(60px,18cqw,114px)}
.home-page .chart>.row-between{height:clamp(12px,3.5cqw,22px)}
.home-page .chart-labels{font-size:clamp(9px,2.5cqw,16px);line-height:1.2}
.home-page .chart-start,.home-page .chart-end{font-size:clamp(8px,2.65cqw,16px);font-variant-numeric:tabular-nums;letter-spacing:-.2px;border-radius:8px;padding:3px 6px;line-height:1.1;white-space:nowrap}
.home-page .chart-start{background:#424a713d;color:#c0c4dc}
.home-page .chart-end{background:linear-gradient(135deg,#c2b7ff,#a395f0);color:#17213a;font-weight:700}
.home-page .operation{padding:clamp(2.5px,.7cqw,5px) 0}
.home-page .partner-banner{min-height:clamp(117px,32cqw,202px);padding:clamp(10px,3.1cqw,20px) clamp(18px,5.1cqw,32px)}
.home-page .partner-banner h2{line-height:1.0;margin-bottom:3px;font-weight:700;max-width:55cqw}
.home-page .partner-banner p{line-height:1.15;margin-bottom:3px}
.home-page .partner-count{line-height:1.2;margin-bottom:5px}
.home-page .partner-banner .button{min-height:clamp(28px,7.5cqw,47px);padding:6px clamp(20px,4.7cqw,30px)}
.home-page .list-row{min-height:clamp(38px,10.5cqw,67px);padding:clamp(6px,1.1cqw,8px) 0}
.home-page .help-banner{padding-top:10px;padding-bottom:10px;min-height:clamp(52px,12.8cqw,82px)}
body[data-page="overview"] .app-footer{display:none}
@media(max-width:360px){.home-page .partner-banner{padding-inline:15px}.home-page .strategy{padding-inline:15px}}
body[data-page="overview"] .app-shell{padding-inline:clamp(20px,5.85vw,40px)}
.home-page .balance{font-size:clamp(32px,9.2cqw,56px)}
.home-page .period-line{font-size:clamp(12px,3.8cqw,23px)}
.home-page .action-row .button{font-size:clamp(14px,4.4cqw,27px)}
.home-page .organizer{margin-inline:-6.3cqw}
.home-page .organizer:before{inset:0}
.home-page .strategy,.home-page .chart,.home-page .partner-banner,.home-page .list-card{margin-inline:calc(-1 * clamp(8px,2.5cqw,16px))}
.home-page .help-banner{margin-inline:calc(-1 * clamp(8px,2.5cqw,16px));width:calc(100% + 2 * clamp(8px,2.5cqw,16px))}
.home-page .organizer:before{display:none}
body[data-page="overview"] .app-shell{padding-bottom:clamp(76px,19cqw,124px)}
body[data-page="overview"] .bottom-nav{gap:clamp(6px,1.8cqw,12px);border-radius:clamp(23px,5cqw,32px) clamp(23px,5cqw,32px) 0 0}
body[data-page="overview"] .bottom-nav button{font-size:clamp(10px,3cqw,18px);padding-block:clamp(8px,2.2cqw,14px);gap:clamp(4px,1cqw,6px);border-radius:clamp(14px,3.9cqw,24px)}
body[data-page="overview"] .bottom-nav svg{width:clamp(23px,6cqw,36px);height:clamp(23px,6cqw,36px)}
/* Navigation clearance is measured, including translated labels and device safe areas. */
body[data-page] .app-shell{padding-bottom:calc(var(--nav-height,94px) + 28px)!important}
html{scroll-padding-bottom:calc(var(--nav-height,94px) + 24px)}
.home-page .organizer{margin-top:clamp(23px,6cqw,38px)}