.b10{--accent-50:#eef2fc;--accent-100:#dde5f9;--accent-200:#bccbf2;--accent-300:#9db1ea;--accent-400:#8398e0;--accent-500:#6a80d4;--accent-600:#4f64b6;--accent-700:#3a4b8a;--accent-contrast:#fff;--sh-accent:0 8px 24px #6a80d44d;--butter:#edd67a;--bg:#f1f1f3;--surface:#fff;--surface-2:#f2f2f5;--surface-3:#e6e6eb;--line:#ececf0;--ink:#16161c;--ink-2:#5f6069;--ink-3:#9a9ba5;box-shadow:var(--sh-3);font-family:var(--font-ui);color:var(--ink);background:#f4f4f6;border-radius:26px;padding:20px 24px 24px 92px;position:absolute;inset:26px 34px;overflow:hidden}.b10__ico{border:1px solid var(--line);background:var(--surface);width:38px;height:38px;color:var(--ink-2);transition:background var(--t-base) var(--e-smooth), color var(--t-base) var(--e-smooth), transform var(--t-fast) var(--e-out);border-radius:50%;place-items:center;display:grid;position:relative}.b10__ico svg{width:16px;height:16px}.b10__ico:hover{background:var(--surface-2);color:var(--ink);transform:translateY(-2px)}.b10__ico--sm{background:0 0;border:0;width:26px;height:26px}.b10__ico--sm svg{width:14px;height:14px}.b10__ico u{background:var(--accent-500);border-radius:50%;width:6px;height:6px;position:absolute;top:8px;right:10px}.b10__rail{border-radius:var(--r-full);background:var(--ink);flex-direction:column;align-items:center;gap:6px;width:54px;padding:10px 0;display:flex;position:absolute;top:20px;bottom:24px;left:20px}.b10__rail button{color:#ffffff80;width:38px;height:38px;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}.b10__rail button svg{width:17px;height:17px}.b10__rail button:hover{color:#fff;background:#ffffff1a}.b10__rail button[data-active=true]{color:var(--ink);background:#fff}.b10__railGap{margin-top:auto}.b10__top{justify-content:space-between;align-items:center;gap:20px;display:flex}.b10__brand{align-items:center;gap:11px;display:inline-flex}.b10__brand i{background:var(--ink);color:#fff;border-radius:50%;place-items:center;width:40px;height:40px;display:grid}.b10__brand i svg{width:18px;height:18px}.b10__brand span{font-family:var(--font-display);letter-spacing:-.028em;font-size:17px;font-weight:700}.b10__brand em{color:var(--ink-3);font-size:10.5px;font-style:normal;font-weight:400;display:block}.b10__topRight{align-items:center;gap:10px;display:flex}.b10__search{border-radius:var(--r-full);background:var(--surface);height:38px;color:var(--ink-3);align-items:center;gap:9px;padding:0 16px;display:flex}.b10__search svg{width:15px;height:15px}.b10__search input{width:120px;color:var(--ink);background:0 0;border:0;outline:none;font-size:12px}.b10__me{background:var(--ink);width:40px;height:40px;font-family:var(--font-display);color:#fff;border-radius:50%;place-items:center;font-size:12px;font-weight:700;display:grid}.b10__lead{justify-content:space-between;align-items:center;gap:40px;margin-top:22px;display:flex}.b10__lead h1{font-family:var(--font-display);letter-spacing:-.04em;margin:0;font-size:38px;font-weight:700}.b10__lead h1 em{color:var(--accent-400);font-style:normal}.b10__lead p{color:var(--ink-3);margin:4px 0 0;font-size:12px}.b10__people{border-radius:var(--r-full);background:var(--surface);align-items:center;padding:6px 10px 6px 6px;display:flex}.b10__people span{border:2px solid var(--surface);width:40px;height:40px;font-family:var(--font-display);color:#fff;transition:transform var(--t-base) var(--e-spring);transition-delay:calc(var(--i) * 20ms);border-radius:50%;place-items:center;margin-left:-8px;font-size:12px;font-weight:700;display:grid}.b10__people span:first-child{margin-left:0}.b10__people span[data-i="0"]{background:linear-gradient(150deg,#f0a15a,#c2622a)}.b10__people span[data-i="1"]{background:linear-gradient(150deg,#8fa6c9,#3f5a84)}.b10__people span[data-i="2"]{background:linear-gradient(150deg,#7fb98a,#3d7a52)}.b10__people span[data-i="3"]{background:linear-gradient(150deg,#c6a0d8,#7a4a99)}.b10__people:hover span{transform:translateY(-3px)}.b10__peopleGo{background:var(--surface-2);width:30px;height:30px;color:var(--ink);transition:transform var(--t-base) var(--e-out);border:0;border-radius:50%;place-items:center;margin-left:8px;display:grid}.b10__peopleGo svg{width:14px;height:14px}.b10__people:hover .b10__peopleGo{transform:translate(3px)}.b10__card{border-radius:var(--r-lg);background:var(--surface);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}.b10__card:hover{box-shadow:var(--sh-2);transform:translateY(-2px)}.b10__card header{justify-content:space-between;align-items:center;gap:10px;display:flex}.b10__card h3{font-family:var(--font-display);letter-spacing:-.024em;margin:0;font-size:15px;font-weight:600}.b10__bal{width:400px;height:236px;top:208px;left:92px}.b10__balFig{letter-spacing:-.04em;align-items:baseline;gap:8px;margin:10px 0 0;font-size:30px;font-weight:700;display:flex}.b10__balFig i{color:var(--ink-3);font-size:10.5px;font-style:normal;font-weight:400}.b10__balBody{align-items:flex-end;gap:14px;margin-top:auto;display:flex}.b10__balNote{width:120px;position:relative}.b10__balNote svg{width:70px;height:34px}.b10__balNote path{fill:none;stroke:var(--accent-400);stroke-width:2px;stroke-linecap:round}.b10__balUp{border:1.5px solid var(--ink);width:22px;height:22px;color:var(--ink);vertical-align:middle;border-radius:50%;place-items:center;display:inline-grid}.b10__balUp svg{width:11px;height:11px}.b10__balNote b{font-family:var(--font-display);margin-left:7px;font-size:14px;font-weight:700}.b10__balNote i{color:var(--ink-3);margin-top:6px;font-size:10px;font-style:normal;display:block}.b10-bars{flex:1;align-items:flex-end;gap:9px;height:96px;display:flex}.b10-bars__c{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:6px;height:100%;display:flex}.b10-bars__c i{border-radius:var(--r-full);background:var(--accent-400);width:100%;height:0;transition:height var(--t-slow) var(--e-out);transition-delay:calc(var(--i) * 65ms)}.b10-bars__c i[data-in=true]{height:var(--h)}.b10-bars__c u{color:var(--ink-3);font-size:9.5px;text-decoration:none}.b10__pay{border-radius:var(--r-lg);color:#fff;width:360px;height:236px;box-shadow:var(--sh-accent);transition:transform var(--t-base) var(--e-out);background:linear-gradient(150deg,#a9b9ea 0%,#8ea3e2 48%,#7b90d8 100%);flex-direction:column;padding:18px 20px;display:flex;position:absolute;top:208px;left:508px;overflow:hidden}.b10__pay:hover{transform:translateY(-3px)}.b10__payWave{border:44px solid #ffffff1a;border-radius:50%;width:320px;height:320px;position:absolute;top:-40%;right:-26%}.b10__pay header{letter-spacing:.14em;text-transform:uppercase;opacity:.8;font-size:10.5px;font-weight:600}.b10__chip{background:var(--butter);border-radius:5px;grid-template-rows:repeat(3,1fr);gap:2px;width:32px;height:24px;margin-top:14px;padding:4px;display:grid}.b10__chip i{background:#0000002e;border-radius:1px}.b10__payNo{letter-spacing:.06em;gap:14px;margin-top:auto;font-size:15px;display:flex}.b10__payDates{opacity:.8;gap:14px;margin-top:8px;font-size:10.5px;display:flex}.b10__pay footer{justify-content:space-between;align-items:center;margin-top:10px;font-size:12px;display:flex}.b10__payMark{display:flex}.b10__payMark i{background:#ffffffbf;border-radius:50%;width:22px;height:22px}.b10__payMark i+i{background:#fff6;margin-left:-9px}.b10__analytics{height:236px;top:208px;left:884px;right:24px}.b10__keys{color:var(--ink-2);flex-direction:column;gap:5px;margin:10px 0 0;padding:0;font-size:10.5px;list-style:none;display:flex}.b10__keys li{align-items:center;gap:7px;display:flex}.b10__keys i{border-radius:50%;width:8px;height:8px}.b10__keys i[data-k=a]{background:var(--accent-400)}.b10__keys i[data-k=b]{background:var(--butter)}.b10__keys i[data-k=c]{background:#e88c8c}.b10-arc{margin:auto auto 0;position:relative}.b10-arc svg{width:100%;display:block;overflow:visible}.b10-arc__t{fill:none;stroke:#e88c8c;stroke-width:15px;stroke-linecap:round}.b10-arc__w{fill:none;stroke:var(--butter);stroke-width:15px;stroke-linecap:round}.b10-arc__f{fill:none;stroke:var(--accent-400);stroke-width:15px;stroke-linecap:round;transition:stroke-dashoffset var(--t-draw) var(--e-out)}.b10-arc__mid{text-align:center;position:absolute;bottom:0;left:0;right:0}.b10-arc__mid b{letter-spacing:-.034em;font-size:26px;font-weight:700;display:block}.b10-arc__mid i{color:var(--ink-3);font-size:10.5px;font-style:normal}.b10__tx{width:528px;top:464px;bottom:24px;left:92px}.b10__tx ul{flex-direction:column;gap:4px;margin:12px 0 0;padding:0;list-style:none;display:flex}.b10__tx li{border-radius:var(--r-md);transition:background var(--t-fast) var(--e-smooth);align-items:center;gap:12px;padding:11px 10px;display:flex}.b10__tx li:hover{background:var(--surface-2)}.b10__txM{width:38px;height:38px;font-family:var(--font-display);color:#fff;border-radius:50%;place-items:center;font-size:12px;font-weight:700;display:grid}.b10__txM[data-i="0"]{background:var(--ink)}.b10__txM[data-i="1"]{background:linear-gradient(150deg,#8fa6c9,#3f5a84)}.b10__txM[data-i="2"]{background:linear-gradient(150deg,#f0a15a,#c2622a)}.b10__txT b{letter-spacing:-.02em;font-size:14px;font-weight:600;display:block}.b10__txT i{color:var(--ink-3);font-size:10.5px;font-style:normal}.b10__txA{letter-spacing:-.024em;margin-left:auto;font-size:15px;font-weight:600}.b10__split{height:168px;top:464px;left:636px;right:24px}.b10__splitFigs{gap:60px;margin:12px 0 14px;display:flex}.b10__splitFigs b{letter-spacing:-.036em;font-size:28px;font-weight:700;display:block}.b10__splitFigs i{color:var(--ink-3);font-size:10.5px;font-style:normal}.b10-split{gap:8px;height:26px;margin-top:auto;display:flex}.b10-split span{border-radius:var(--r-xs);width:0;transition:width var(--t-slow) var(--e-out);transition-delay:calc(var(--i,0) * .12s)}.b10-split span[data-in=true]{width:var(--w)}.b10-split span[data-k=a]{background:var(--accent-400)}.b10-split span[data-k=b]{background:var(--butter)}.b10__premium{border-radius:var(--r-lg);color:#fff;background:linear-gradient(158deg,#26262e 0%,#17171d 100%);align-items:center;gap:14px;padding:0 20px;display:flex;position:absolute;inset:652px 24px 24px 636px}.b10__premIco{border-radius:var(--r-sm);background:#ffffff24;place-items:center;width:34px;height:34px;display:grid}.b10__premIco svg{width:17px;height:17px}.b10__premText b{font-size:13.5px;font-weight:600;display:block}.b10__premText i{color:#fff9;font-size:10.5px;font-style:normal}.b10__premium button{border-radius:var(--r-full);height:38px;color:var(--ink);transition:transform var(--t-fast) var(--e-out);background:#fff;border:0;margin-left:auto;padding:0 20px;font-size:12.5px;font-weight:600}.b10__premium button:hover{transform:translateY(-2px)}
