@import "https://fonts.googleapis.com/css2?family=Darker+Grotesque:wght@500;700;800;900&family=Outfit:wght@300;400;500;600;700;800&family=Space+Mono:wght@400;700&display=swap";
:root{--grape-100:#f0e6ff;--grape-300:#c7a3ff;--grape-500:#7a2ff2;--grape-700:#4b17a6;--grape-900:#2c0d63;--mint-100:#ddfbf0;--mint-300:#8defd0;--mint-500:#2fd9a8;--mint-700:#12996f;--coral-100:#ffe6e1;--coral-300:#ffb0a2;--coral-500:#ff6a55;--coral-700:#c4351f;--sun-100:#fff3d1;--sun-300:#ffdf86;--sun-500:#ffc93c;--sun-700:#b8850a;--sky-100:#dff3ff;--sky-300:#9bdbff;--sky-500:#35b6f5;--sky-700:#0a6e9e;--ink-900:#1b1526;--ink-700:#3a3049;--ink-500:#6b6180;--ink-300:#a9a1b8;--ink-100:#dbd5e3;--paper-000:#fff;--paper-050:#fffbf3;--paper-100:#fdf3e3;--paper-200:#f3e7d4;--brand:var(--grape-500);--brand-deep:var(--grape-700);--brand-soft:var(--grape-100);--text-strong:var(--ink-900);--text-body:var(--ink-700);--text-muted:var(--ink-500);--text-on-brand:var(--paper-000);--text-on-accent:var(--ink-900);--surface-page:var(--paper-100);--surface-card:var(--paper-000);--surface-sunk:var(--paper-200);--surface-invert:var(--ink-900);--line:var(--ink-900);--line-soft:var(--ink-100);--success:var(--mint-500);--success-ink:var(--mint-700);--warning:var(--sun-500);--warning-ink:var(--sun-700);--danger:var(--coral-500);--danger-ink:var(--coral-700);--info:var(--sky-500);--info-ink:var(--sky-700);--stamp-empty:var(--paper-200);--stamp-filled:var(--grape-500);--stamp-reward:var(--sun-500);--stamp-next:var(--mint-300);--tier-bronze:#ce7b4a;--tier-silver:#b6becb;--tier-gold:var(--sun-500);--font-display:"Darker Grotesque", "Haettenschweiler", Impact, sans-serif;--font-body:"Outfit", "Helvetica Neue", Helvetica, Arial, sans-serif;--font-mono:"Space Mono", "SFMono-Regular", Menlo, monospace;--type-hero:800 clamp(56px, 9vw, 104px)/.82 var(--font-display);--type-display:800 clamp(40px, 6vw, 68px)/.85 var(--font-display);--type-title:800 34px/.9 var(--font-display);--type-subtitle:700 26px/.95 var(--font-display);--type-body-lg:400 18px/1.5 var(--font-body);--type-body:400 15px/1.55 var(--font-body);--type-body-sm:400 13px/1.5 var(--font-body);--type-label:700 12px/1.2 var(--font-body);--type-button:700 15px/1 var(--font-body);--type-mono:400 13px/1.4 var(--font-mono);--type-numeral:700 28px/1 var(--font-mono);--tracking-display:-.02em;--tracking-label:.12em;--tracking-mono:.04em;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:24px;--sp-6:32px;--sp-7:48px;--sp-8:64px;--sp-9:96px;--gutter-mobile:var(--sp-5);--gutter-panel:var(--sp-6);--stack-tight:var(--sp-2);--stack:var(--sp-4);--stack-loose:var(--sp-6);--tap-min:48px;--width-mobile:420px;--width-panel:1280px;--border-w:3px;--border-w-hair:2px;--border:var(--border-w) solid var(--line);--border-hair:var(--border-w-hair) solid var(--line);--radius-xs:6px;--radius-sm:10px;--radius-md:16px;--radius-lg:24px;--radius-xl:32px;--radius-pill:999px;--pop-1:3px 3px 0 var(--line);--pop-2:5px 5px 0 var(--line);--pop-3:8px 8px 0 var(--line);--pop-pressed:1px 1px 0 var(--line);--pop-brand:5px 5px 0 var(--grape-700);--scrim:0 24px 60px #1b152657;--focus-ring:0 0 0 3px var(--paper-000), 0 0 0 6px var(--grape-500);--ease-pop:cubic-bezier(.2, 1.4, .35, 1);--ease-out:cubic-bezier(.2, .8, .3, 1);--dur-fast:.12s;--dur-base:.22s;--dur-slow:.42s;--dur-celebrate:.9s;--press-shift:3px;--hover-lift:-2px}@keyframes lol-pop-in{0%{opacity:0;transform:scale(.4)rotate(-12deg)}70%{opacity:1;transform:scale(1.12)rotate(4deg)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes lol-wobble{0%,to{transform:rotate(-2deg)}50%{transform:rotate(2deg)}}@keyframes lol-rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}*,:before,:after{box-sizing:border-box}.lol-page-center{background:var(--surface-page);justify-content:center;align-items:center;min-height:100dvh;padding:24px;display:flex}.lol-customer-frame{background:var(--surface-page);border:var(--border);border-radius:var(--radius-xl);width:420px;height:860px;max-height:92dvh;box-shadow:var(--pop-3);flex-direction:column;display:flex;position:relative;overflow:hidden}@media (max-width:480px){.lol-page-center{padding:0}.lol-customer-frame{width:100%;height:100dvh;max-height:none;box-shadow:none;border:none;border-radius:0}}@media (max-width:780px){.lol-app-shell{min-height:100dvh;flex-direction:column!important;height:auto!important}.lol-app-main{max-width:100%!important;overflow-y:visible!important}.lol-page-pad{padding:16px!important}.lol-stat-grid{grid-template-columns:repeat(2,1fr)!important}.lol-sidenav-desktop{display:none!important}.lol-sidenav-mobile{display:flex!important}.lol-hide-mobile{display:none!important}.lol-stack-mobile{flex-direction:column!important;align-items:stretch!important}}@media (min-width:781px){.lol-sidenav-mobile{display:none!important}}.lol-detail-grid{grid-template-columns:1.7fr 1fr;align-items:start;gap:20px;display:grid}@media (max-width:860px){.lol-detail-grid{grid-template-columns:1fr}}.lol-table-scroll{-webkit-overflow-scrolling:touch;overflow-x:auto}.react-datepicker-popper{z-index:60}.lol-dob-picker .react-datepicker{font-family:var(--font-body);border:var(--border);border-radius:var(--radius-md);box-shadow:var(--pop-2);background:var(--surface-card);overflow:hidden}.lol-dob-picker .react-datepicker__triangle{display:none}.lol-dob-picker .react-datepicker__header{background:var(--surface-sunk);border-bottom:var(--border-hair);padding-top:12px}.lol-dob-picker .react-datepicker__current-month{color:var(--text-strong);font:var(--type-button)}.lol-dob-picker .react-datepicker__day-name{color:var(--text-muted);font:var(--type-label);text-transform:uppercase}.lol-dob-picker .react-datepicker__day{color:var(--text-body);border-radius:var(--radius-sm);font:var(--type-body-sm)}.lol-dob-picker .react-datepicker__day:hover{background:var(--grape-100)}.lol-dob-picker .react-datepicker__day--selected,.lol-dob-picker .react-datepicker__day--keyboard-selected{background:var(--grape-500);color:var(--paper-000);font-weight:700}.lol-dob-picker .react-datepicker__day--disabled,.lol-dob-picker .react-datepicker__day--outside-month{color:var(--ink-300)}.lol-dob-picker .react-datepicker__navigation-icon:before{border-color:var(--ink-500)}.lol-dob-picker .react-datepicker__month-select,.lol-dob-picker .react-datepicker__year-select{background:var(--paper-000);border:var(--border-hair);border-radius:var(--radius-sm);color:var(--text-strong);font:var(--type-body-sm);margin:0 4px;padding:4px 6px}body{background:var(--surface-page);color:var(--text-body);font-family:var(--font-body);-webkit-font-smoothing:antialiased;margin:0}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;background:0 0;border:none}input{font:inherit}