.c4{--accent-50:#f7fde2;--accent-100:#ecfabc;--accent-200:#e0f78e;--accent-300:#d7f24a;--accent-400:#c9e733;--accent-500:#b9d926;--accent-600:#96b312;--accent-700:#6f860b;--accent-contrast:#1d2408;--sh-accent:0 8px 24px #b9d92652;--bg:#e6e6ef;--surface:#fff;--surface-2:#f1f1f6;--surface-3:#e2e2ec;--line:#e4e4ee;--ink:#1c1d26;--ink-2:#61636f;--ink-3:#9a9caa;border-radius:var(--r-xl);box-shadow:var(--sh-3);font-family:var(--font-ui);color:var(--ink);background:#f4f4f8;padding:22px 26px 26px 92px;position:absolute;inset:34px 40px;overflow:hidden}.c4__ico{background:var(--surface);width:40px;height:40px;color:var(--ink-2);box-shadow:var(--sh-1);transition:color var(--t-base) var(--e-smooth), transform var(--t-fast) var(--e-out);border:0;border-radius:50%;place-items:center;display:grid;position:relative}.c4__ico svg{width:17px;height:17px}.c4__ico:hover{color:var(--ink);transform:translateY(-2px)}.c4__ico--sm{width:30px;height:30px;box-shadow:none;background:var(--surface-2)}.c4__ico--sm svg{width:14px;height:14px}.c4__ico u{border:2px solid var(--surface);background:#e5484d;border-radius:50%;width:7px;height:7px;position:absolute;top:9px;right:11px}.c4__pill{border-radius:var(--r-full);background:var(--surface);height:40px;color:var(--ink);box-shadow:var(--sh-1);transition:transform var(--t-fast) var(--e-out);border:0;align-items:center;gap:7px;padding:0 16px;font-size:12.5px;font-weight:500;display:inline-flex}.c4__pill svg{width:15px;height:15px}.c4__pill:hover{transform:translateY(-2px)}.c4__pill[data-v=ink]{background:var(--ink);color:#fff}.c4__pill--tiny{height:30px;padding:0 12px;font-size:11.5px}.c4__top{align-items:center;gap:22px;display:flex}.c4__logo{width:34px;height:34px;color:var(--ink);place-items:center;display:grid}.c4__logo svg{width:22px;height:22px}.c4__nav{border-radius:var(--r-full);background:var(--surface-2);gap:2px;padding:4px;display:inline-flex;position:relative}.c4__navMark{border-radius:var(--r-full);background:var(--ink);height:calc(100% - 8px);transition:transform var(--t-base) var(--e-spring), width var(--t-base) var(--e-spring);position:absolute;top:4px;left:0}.c4__nav button{z-index:1;border-radius:var(--r-full);color:var(--ink-2);transition:color var(--t-base) var(--e-smooth);background:0 0;border:0;align-items:center;gap:7px;padding:8px 15px;font-size:12.5px;font-weight:500;display:inline-flex;position:relative}.c4__nav button svg{width:15px;height:15px}.c4__nav button[data-active=true]{color:#fff}.c4__managers{align-items:center;gap:12px;margin-left:auto;display:inline-flex}.c4__faces{display:flex}.c4__faces i{width:34px;height:34px;font-style:normal;font-family:var(--font-display);color:#fff;transition:transform var(--t-base) var(--e-spring);transition-delay:calc(var(--i) * 22ms);border:2px solid #f4f4f8;border-radius:50%;place-items:center;margin-left:-11px;font-size:11px;font-weight:700;display:grid}.c4__faces i:first-child{margin-left:0}.c4__faces i[data-i="0"]{background:linear-gradient(150deg,#f0a15a,#c2622a)}.c4__faces i[data-i="1"]{background:linear-gradient(150deg,#8fa6c9,#3f5a84)}.c4__faces i[data-i="2"]{background:linear-gradient(150deg,#7fb98a,#3d7a52)}.c4__facesMore{background:var(--ink)!important}.c4__faces:hover i{transform:translateY(-3px)}.c4__topRight{align-items:center;gap:10px;display:flex}.c4__me{width:40px;height:40px;font-family:var(--font-display);color:#fff;background:linear-gradient(150deg,#8fa6c9,#3f5a84);border-radius:50%;place-items:center;font-size:13px;font-weight:700;display:grid}.c4__rail{border-radius:var(--r-full);background:var(--surface);width:52px;box-shadow:var(--sh-1);flex-direction:column;align-items:center;gap:8px;padding:10px 0;display:flex;position:absolute;top:96px;bottom:26px;left:18px}.c4__rail button{width:36px;height:36px;color:var(--ink-3);transition:background var(--t-base) var(--e-smooth), color var(--t-base) var(--e-smooth);background:0 0;border:0;border-radius:50%;place-items:center;display:grid}.c4__rail button svg{width:17px;height:17px}.c4__rail button:hover{background:var(--surface-2);color:var(--ink)}.c4__rail button[data-active=true]{background:var(--ink);color:#fff}.c4__railFoot{margin-top:auto}.c4__crumbs{color:var(--ink-3);align-items:center;gap:8px;margin:26px 0 8px;font-size:11.5px;display:flex}.c4__crumbs svg{width:14px;height:14px}.c4__crumbs em{font-style:normal}.c4__title{font-family:var(--font-display);letter-spacing:-.038em;margin:0;font-size:38px;font-weight:600}.c4__tools{align-items:center;gap:10px;display:flex;position:absolute;top:118px;right:26px}.c4__card{border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--sh-1);transition:box-shadow var(--t-base) var(--e-out), transform var(--t-base) var(--e-out);flex-direction:column;padding:18px 20px;display:flex;position:absolute}.c4__card:hover{box-shadow:var(--sh-3);transform:translateY(-2px)}.c4__card header{justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;display:flex}.c4__card h3{font-family:var(--font-display);letter-spacing:-.022em;margin:0;font-size:15px;font-weight:600}.c4__cardTools{gap:6px;display:flex}.c4__big{letter-spacing:-.036em;margin:6px 0 4px;font-size:32px;font-weight:600;line-height:1}.c4__big i{vertical-align:.55em;margin-right:1px;font-size:.52em;font-style:normal}.c4__big em{color:var(--ink-3);font-style:normal}.c4__big>em:last-child{font-size:.5em}.c4__delta{color:var(--ok-fg);font-size:11.5px}.c4__delta[data-down]{color:var(--bad-fg)}.c4__pro{background:linear-gradient(170deg,#dfe2f2 0%,#cdd2e8 46%,#b9c0dd 100%);width:330px;padding:18px;top:214px;bottom:26px;left:92px}.c4__gem{flex:1;place-items:center;display:grid;position:relative}.c4__gem span{clip-path:polygon(50% 0,100% 36%,50% 100%,0 36%);filter:drop-shadow(0 18px 26px #5a50aa59);width:96px;height:130px;animation:c4Float 5s var(--e-smooth) infinite;background:linear-gradient(150deg,#b7a4ff 0%,#8fd9ff 42%,#c9a4ff 74%,#7fc4f5 100%)}.c4__gem u{background:linear-gradient(150deg,#9fb0d8,#7688b8);border-radius:6px;width:116px;height:46px;position:absolute;bottom:14%;transform:perspective(200px)rotateX(52deg)}@keyframes c4Float{0%,to{transform:translateY(0)}50%{transform:translateY(-9px)}}.c4__proFoot{border-radius:var(--r-md);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff9e;padding:16px}.c4__proTop{justify-content:space-between;align-items:center;display:flex}.c4__proTop b{font-family:var(--font-display);font-size:16px;font-weight:600}.c4__pillSm{border-radius:var(--r-full);background:var(--accent-300);color:var(--accent-contrast);padding:4px 10px;font-size:10.5px;font-weight:600}.c4__proFoot p{color:var(--ink-2);margin:6px 0 10px;font-size:11.5px}.c4__proSpark{width:100%;height:44px}.c4__proSpark path{fill:none;stroke:var(--ink-3);stroke-width:1.6px;stroke-dasharray:3 4}.c4__learn{border-radius:var(--r-full);background:var(--surface);height:36px;color:var(--ink);box-shadow:var(--sh-1);transition:transform var(--t-fast) var(--e-out);border:0;align-items:center;gap:10px;padding:0 6px 0 16px;font-size:12.5px;font-weight:600;display:inline-flex}.c4__learn i{background:var(--ink);color:#fff;border-radius:50%;place-items:center;width:26px;height:26px;display:grid}.c4__learn i svg{width:12px;height:12px}.c4__learn:hover{transform:translateY(-2px)}.c4__activity{width:330px;height:330px;top:214px;left:438px}.c4-act{flex:1;margin-top:8px}.c4-act__plot{align-items:flex-end;gap:7px;height:100%;display:flex}.c4-act__col{background:0 0;border:0;flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:7px;height:100%;padding:0;display:flex;position:relative}.c4-act__bar{border-radius:var(--r-sm);background:var(--surface-2);width:100%;height:0;transition:height var(--t-slow) var(--e-out), background var(--t-base) var(--e-smooth);transition-delay:calc(var(--i) * 50ms), 0s}.c4-act__bar[data-in=true]{height:var(--h)}.c4-act__col[data-active=true] .c4-act__bar{background:var(--accent-300)}.c4-act__col i{color:var(--ink-3);font-size:10.5px;font-style:normal}.c4-act__tip{left:50%;bottom:calc(var(--h) + 26px);border-radius:var(--r-full);background:var(--accent-300);color:var(--accent-contrast);font-family:var(--font-display);opacity:0;transition:opacity var(--t-fast) var(--e-smooth), transform var(--t-base) var(--e-spring);pointer-events:none;padding:4px 9px;font-size:10.5px;font-weight:700;position:absolute;transform:translate(-50%,6px)}.c4-act__tip[data-show=true]{opacity:1;transform:translate(-50%)}.c4__vcards{width:304px;height:330px;top:214px;left:784px}.c4__splits{flex-direction:column;gap:8px;margin-top:auto;display:flex}.c4__splits span{border-radius:var(--r-sm);background:var(--surface-2);justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.c4__splits span[data-soft]{width:62%}.c4__splits i{color:var(--ink-2);font-size:11.5px;font-style:normal}.c4__splits b{font-size:12.5px;font-weight:600}.c4__pay{border-radius:var(--r-lg);height:330px;box-shadow:var(--sh-1);transition:transform var(--t-base) var(--e-out), box-shadow var(--t-base) var(--e-out);background:linear-gradient(160deg,#cfe0d2 0%,#b9d3c0 52%,#a6c6b1 100%);flex-direction:column;padding:20px;display:flex;position:absolute;top:214px;left:1104px;right:26px}.c4__pay:hover{box-shadow:var(--sh-3);transform:translateY(-3px)}.c4__pay header{justify-content:flex-end;display:flex}.c4__payMark{display:flex}.c4__payMark i{background:#1c1d26b3;border-radius:50%;width:26px;height:26px}.c4__payMark i+i{background:#1c1d2657;margin-left:-11px}.c4__payFig{letter-spacing:-.038em;margin:auto 0 0;font-size:34px;font-weight:600}.c4__payFig i{vertical-align:.6em;font-size:.5em;font-style:normal}.c4__payFig em{color:#1c1d2680;font-style:normal}.c4__pay footer{color:#1c1d26a8;justify-content:space-between;margin-top:12px;font-size:11.5px;display:flex}.c4__payGo{background:var(--surface);width:40px;height:40px;color:var(--ink);box-shadow:var(--sh-2);transition:transform var(--t-base) var(--e-spring);border:0;border-radius:50%;place-items:center;display:grid;position:absolute;top:50%;left:-20px}.c4__payGo svg{width:16px;height:16px}.c4__pay:hover .c4__payGo{transform:rotate(45deg)}.c4__spent{width:650px;top:552px;bottom:26px;left:438px;overflow:hidden}.c4__spentBody{flex:1;align-items:stretch;gap:18px;min-height:0;display:flex}.c4__spentList{flex-direction:column;justify-content:center;gap:8px;margin:0;padding:0;list-style:none;display:flex}.c4__spentList li{border-radius:var(--r-sm);background:var(--surface-2);color:var(--ink-2);align-items:center;gap:8px;padding:7px 12px;font-size:11.5px;display:flex}.c4__spentList b{color:var(--ink);font-size:13px}.c4-line{flex:1;align-self:stretch;min-width:0;height:auto;min-height:0}.c4-line__stroke,.c4-line__fill{vector-effect:non-scaling-stroke}.c4-line__stroke{fill:none;stroke:var(--ink);stroke-width:2px;stroke-linecap:round;stroke-dasharray:700;stroke-dashoffset:700px;transition:stroke-dashoffset 1.3s var(--e-out)}.c4-line__stroke[data-in=true]{stroke-dashoffset:0}.c4-line__fill{fill:url(#c4Fill);opacity:0;transition:opacity var(--t-slow) var(--e-smooth) .5s}.c4-line__fill[data-in=true]{opacity:1}.c4-line__rule{stroke:var(--line);stroke-width:1px;stroke-dasharray:3 3}.c4-line__dot{fill:var(--accent-300);stroke:var(--surface);stroke-width:2.5px;opacity:0;transition:opacity var(--t-base) var(--e-smooth) .9s}.c4-line__dot[data-in=true]{opacity:1}.c4__spentAxis{color:var(--ink-3);justify-content:space-between;margin-top:6px;padding-left:130px;font-size:10.5px;display:flex}.c4__contract{inset:552px 26px 26px 1104px;overflow:hidden}.c4-bub{flex:1;min-height:0;margin:8px 0;position:relative}.c4-bub__b{opacity:0;transition:opacity var(--t-slow) var(--e-out), transform var(--t-slow) var(--e-spring);border-radius:50%;place-items:center;display:grid;position:absolute;transform:scale(.5)}.c4-bub__b[data-in=true]{opacity:1;transform:none}.c4-bub__b b{font-size:15px;font-weight:700}.c4-bub__b--lg{color:#fff;background:#5ec2c9;width:100px;height:100px;transition-delay:60ms;bottom:0;right:8%}.c4-bub__b--md{color:#10393c;background:#a7e3e6;width:54px;height:54px;transition-delay:.2s;bottom:8px;right:1%}.c4-bub__b--md b{font-size:12px}.c4-bub__b--sm{color:#10393c;background:#cfeef0;width:46px;height:46px;transition-delay:.32s;bottom:14%;left:8%}.c4-bub__b--sm b{font-size:11px}.c4__contractFoot{justify-content:space-between;display:flex}.c4__contractFoot b{letter-spacing:-.03em;font-size:17px;font-weight:600;display:block}.c4__contractFoot i{color:var(--ink-3);font-size:10.5px;font-style:normal}