.h5{--accent-50:#fdeceb;--accent-100:#fbd6d4;--accent-200:#f6aba7;--accent-300:#f07d78;--accent-400:#ea5750;--accent-500:#e0342c;--accent-600:#c22119;--accent-700:#961813;--accent-contrast:#fff;--sh-accent:0 8px 24px #e0342c42;--bg:#f4f4f5;--surface:#fff;--surface-2:#f4f4f5;--surface-3:#e8e8ea;--line:#ebebed;--ink:#16161a;--ink-2:#61616b;--ink-3:#9d9da6;box-shadow:var(--sh-3);font-family:var(--font-ui);color:var(--ink);background:#fbfbfb;border-radius:30px;padding:22px 26px 26px;position:absolute;inset:32px 40px;overflow:hidden}.h5__ico{border:1px solid var(--line);background:var(--surface);width:40px;height:40px;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}.h5__ico svg{width:17px;height:17px}.h5__ico:hover{background:var(--surface-2);color:var(--ink);transform:translateY(-2px)}.h5__ico--sm{background:var(--surface-2);border:0;width:28px;height:28px}.h5__ico--sm svg{width:14px;height:14px}.h5__ico[data-v=ink]{background:var(--ink);color:#fff;border-color:#0000}.h5__ico[data-v=light]{color:#fff;background:#ffffff24;border-color:#fff3}.h5__ico u{background:var(--accent-500);border:2px solid var(--surface);border-radius:50%;width:7px;height:7px;position:absolute;top:9px;right:11px}.h5__chip{border:1px solid var(--line);border-radius:var(--r-full);background:var(--surface);height:28px;color:var(--ink-2);align-items:center;gap:5px;padding:0 11px;font-size:11.5px;font-weight:500;display:inline-flex}.h5__chip svg{width:13px;height:13px}.h5__face{width:46px;height:46px;font-family:var(--font-display);color:#fff;background:linear-gradient(150deg,#f0a15a,#c2622a);border-radius:50%;place-items:center;font-size:14px;font-weight:700;display:grid}.h5__face--sm{background:linear-gradient(150deg,#8fa6c9,#3f5a84);width:32px;height:32px;font-size:11px}.h5__top{align-items:center;gap:22px;display:flex}.h5__brand{font-family:var(--font-display);letter-spacing:-.03em;align-items:center;gap:9px;font-size:18px;font-weight:700;display:inline-flex}.h5__brand i{background:var(--accent-500);color:#fff;border-radius:50%;place-items:center;width:28px;height:28px;display:grid}.h5__brand i svg{width:15px;height:15px}.h5__nav{border-radius:var(--r-full);background:var(--surface-2);gap:2px;margin:0 auto;padding:4px;display:inline-flex;position:relative}.h5__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}.h5__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;padding:8px 16px;font-size:12.5px;font-weight:500;position:relative}.h5__nav button[data-active=true]{color:#fff}.h5__topRight{align-items:center;gap:10px;display:flex}.h5__me{width:40px;height:40px;font-family:var(--font-display);color:#fff;background:linear-gradient(150deg,#f0a15a,#c2622a);border-radius:50%;place-items:center;font-size:13px;font-weight:700;display:grid}.h5__lead{justify-content:space-between;align-items:flex-end;gap:40px;margin-top:26px;display:flex}.h5__lead h1{font-family:var(--font-display);letter-spacing:-.04em;margin:0;font-size:42px;font-weight:600}.h5__metrics{gap:40px;display:flex}.h5__metric{align-items:center;gap:11px;display:flex}.h5__metricIco{width:30px;height:30px;color:var(--accent-500);place-items:center;display:grid}.h5__metricIco svg{width:20px;height:20px}.h5__metric b{letter-spacing:-.03em;font-size:22px;font-weight:600}.h5__metric i{margin-left:7px}.h5__metric em{color:var(--ink-3);font-size:11px;font-style:normal;display:block}.h5__metric u{text-decoration:none}.h5__tabs{gap:8px;margin-top:20px;display:inline-flex}.h5__tabs button{border:1px solid var(--line);border-radius:var(--r-full);background:var(--surface);height:30px;color:var(--ink-2);transition:background var(--t-base) var(--e-smooth), color var(--t-base) var(--e-smooth);padding:0 14px;font-size:11.5px;font-weight:500}.h5__tabs button[data-active=true]{background:var(--ink);color:#fff;border-color:#0000}.h5__card{border:1px solid var(--line);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}.h5__card:hover{box-shadow:var(--sh-2);transform:translateY(-2px)}.h5__card header{justify-content:space-between;align-items:center;gap:10px;display:flex}.h5__card h3{font-family:var(--font-display);letter-spacing:-.022em;margin:0;font-size:15px;font-weight:600}.h5__cardTools{align-items:center;gap:8px;display:flex}.h5__person{width:350px;top:262px;bottom:26px;left:26px}.h5__personTop{align-items:center;gap:12px;margin-top:16px;display:flex}.h5__personTop b{letter-spacing:-.022em;font-size:15px;font-weight:600;display:block}.h5__personTop i{color:var(--ink-3);font-size:11.5px;font-style:normal}.h5__detail{color:var(--ink-2);justify-content:space-between;align-items:center;margin:18px 0 12px;font-size:11.5px;display:flex}.h5__pager{gap:6px;display:flex}.h5__pager button{border:1px solid var(--line);background:var(--surface);width:28px;height:28px;color:var(--ink-2);transition:transform var(--t-fast) var(--e-out);border-radius:50%;place-items:center;display:grid}.h5__pager button svg{width:13px;height:13px}.h5__pager button[data-v=ink]{background:var(--ink);color:#fff;border-color:#0000}.h5__pager button:hover{transform:translateY(-2px)}.h5__rows{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.h5__rows li{color:var(--ink-2);align-items:center;gap:10px;font-size:12px;display:flex}.h5__rows b{color:var(--ink);margin-left:auto;font-weight:600}.h5__rows i{border:1.5px solid var(--surface-3);border-radius:3px;width:12px;height:12px}.h5__tags{flex-wrap:wrap;gap:6px;margin:16px 0;display:flex}.h5__tags span{border-radius:var(--r-full);background:var(--surface-2);color:var(--ink-2);padding:5px 11px;font-size:11px;font-weight:500}.h5__tags span[data-v=accent]{background:var(--accent-50);color:var(--accent-600)}.h5__personFoot{border-top:1px solid var(--line);align-items:center;gap:11px;margin-top:auto;padding-top:14px;font-size:12.5px;font-weight:600;display:flex}.h5__personFoot i{color:var(--ink-3);font-size:10.5px;font-style:normal;font-weight:400;display:block}.h5__personFoot button{margin-left:auto}.h5__perf{width:330px;height:352px;top:262px;left:392px}.h5-dial{margin:4px auto;position:relative}.h5-dial svg{width:100%;display:block;overflow:visible}.h5-dial__b{fill:var(--surface-3);transition:fill var(--t-base) var(--e-smooth);transition-delay:calc(var(--i) * 22ms)}.h5-dial__b[data-on=true]{fill:var(--accent-500)}.h5-dial:hover .h5-dial__b[data-on=true]{fill:var(--accent-400)}.h5-dial__mid{flex-direction:column;align-items:center;display:flex;position:absolute;bottom:2%;left:0;right:0}.h5-dial__mid span{font-size:40px;font-weight:600;line-height:1}.h5-dial__mid em{color:var(--ink-3);font-size:11.5px;font-style:normal}.h5__perfNote{border-radius:var(--r-md);background:var(--surface-2);color:var(--ink-2);align-items:center;gap:10px;margin-top:auto;padding:11px 13px;font-size:11.5px;display:flex}.h5__perfNote b{color:var(--ink)}.h5__perfNote span{background:var(--accent-50);width:24px;height:24px;color:var(--accent-600);border-radius:50%;place-items:center;display:grid}.h5__perfNote svg{width:13px;height:13px}.h5__report{border-radius:var(--r-lg);color:#fff;width:330px;transition:transform var(--t-base) var(--e-out);background:linear-gradient(158deg,#2a2a30 0%,#17171b 60%,#0e0e11 100%);flex-direction:column;padding:18px 20px;display:flex;position:absolute;top:634px;bottom:26px;left:392px}.h5__report:hover{transform:translateY(-2px)}.h5__report header{justify-content:space-between;align-items:flex-start;display:flex}.h5__report h3{max-width:90px;font-family:var(--font-display);letter-spacing:-.028em;margin:0;font-size:22px;font-weight:600;line-height:1.12}.h5__reportPill{border-radius:var(--r-full);background:#ffffff24;padding:4px 10px;font-size:10.5px}.h5__report p{color:#ffffff9e;margin:10px 0 0;font-size:11.5px;line-height:1.55}.h5__reportFoot{align-items:center;gap:8px;margin-top:auto;display:flex}.h5__reportDots{gap:4px;margin-left:auto;display:flex}.h5__reportDots i{background:#ffffff47;border-radius:50%;width:5px;height:5px}.h5__reportDots i[data-on]{border-radius:var(--r-full);background:var(--accent-500);width:14px}.h5__analytics{inset:262px 26px 26px 738px}.h5__segs{gap:6px;margin:14px 0 16px;display:flex}.h5__segs button{border:1px solid var(--line);border-radius:var(--r-full);background:var(--surface);height:30px;color:var(--ink-2);transition:background var(--t-base) var(--e-smooth), color var(--t-base) var(--e-smooth);padding:0 13px;font-size:11.5px;font-weight:500}.h5__segs button[data-active=true]{background:var(--ink);color:#fff;border-color:#0000}.h5__calHead{align-items:center;gap:8px;font-size:12px;font-weight:600;display:flex}.h5__calHead b{border-radius:var(--r-full);background:var(--accent-50);color:var(--accent-600);padding:3px 8px;font-size:10px}.h5__dot{background:var(--accent-500);border-radius:2px;width:9px;height:9px}.h5-cal{flex-direction:column;flex:1;margin-top:12px;padding-left:40px;display:flex;position:relative}.h5-cal__grid{color:var(--ink-3);flex-direction:column;justify-content:space-between;font-size:10px;display:flex;position:absolute;top:0;bottom:30px;left:0}.h5-cal__plot{flex:1;align-items:flex-end;gap:10px;display:flex;position:relative}.h5-cal__target{border-top:1.5px dashed var(--accent-300);position:absolute;top:14%;left:0;right:0}.h5-cal__target i{background:var(--ink);color:#fff;border-radius:4px;padding:2px 7px;font-size:9.5px;font-style:normal;font-weight:600;position:absolute;top:-9px;right:0}.h5-cal__col{background:0 0;border:0;flex:1;align-items:flex-end;height:100%;padding:0;display:flex;position:relative}.h5-cal__bar{border-radius:var(--r-full);background:repeating-linear-gradient(115deg, var(--surface-2) 0 5px, var(--surface-3) 5px 7px);width:100%;height:0;transition:height var(--t-slow) var(--e-out), background var(--t-base) var(--e-smooth);transition-delay:calc(var(--i) * 55ms), 0s}.h5-cal__bar[data-in=true]{height:var(--h)}.h5-cal__col[data-active=true] .h5-cal__bar{background:var(--accent-500)}.h5-cal__axis{gap:10px;margin-top:10px;display:flex}.h5-cal__axis span{text-align:center;color:var(--ink-3);flex:1;font-size:10.5px}.h5__macros{gap:10px;margin-top:16px;display:flex}.h5__macros span{border:1px solid var(--line);border-radius:var(--r-md);color:var(--ink-2);flex:1;align-items:center;gap:8px;padding:11px 13px;font-size:11px;display:flex}.h5__macros b{color:var(--ink);margin-left:auto;font-size:14px;font-weight:600}.h5__macros i{background:var(--surface-2);width:22px;height:22px;color:var(--ink-2);border-radius:5px;place-items:center;display:grid}.h5__macros i svg{width:12px;height:12px}.h5__macros span[data-v=ink]{background:var(--ink);color:#ffffffb3;border-color:#0000}.h5__macros span[data-v=ink] b{color:#fff}.h5__macros span[data-v=ink] i{color:#fff;background:#ffffff29}