@font-face{font-family:Inter;src:url('/inter-latin.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
:root{color-scheme:dark;--bg:#0d0e12;--surface:#14161c;--line:#ffffff0e;--muted:#9196a5;--text:#eceef4;--purple:#a79bfa;--mint:#6dcbb3;--rail:76px}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.5 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}button,input,select{font:inherit;color:inherit}button,a,summary,select{cursor:pointer}button{touch-action:manipulation}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,summary:focus-visible,select:focus-visible,input:focus-visible,a:focus-visible{outline:2px solid var(--purple);outline-offset:4px}h1,h2,h3,p{margin:0}h1{font-size:32px;letter-spacing:-1.25px;font-weight:560;line-height:1.25}h2{font-size:15px;font-weight:570;letter-spacing:-.25px}p{color:var(--muted)}.icon{width:19px;height:19px;flex-shrink:0;vertical-align:middle}.brand{font-size:28px;font-weight:650;letter-spacing:-1.6px}.button{display:inline-flex;justify-content:center;align-items:center;gap:8px;border:1px solid #ffffff17;border-radius:8px;padding:9px 13px;min-height:38px;font-size:12px;font-weight:520;transition:background .18s,border-color .18s,box-shadow .18s}.button .icon{width:15px;height:15px}.secondary{background:#191b23;color:#ced1dc;box-shadow:0 1px 2px #0003}.secondary:hover{background:#232630;border-color:#ffffff29}.primary{background:#d7d2fa;border-color:#d7d2fa;color:#232030}.primary:hover{background:#e7e3ff}.wide{width:100%}.text-button{display:inline-flex;align-items:center;gap:7px;background:none;border:0;color:#c3bbea;padding:6px 0;font-size:12px;white-space:nowrap}.text-button:hover{color:white}.text-button .icon{width:15px;height:15px}input,select{background:#191b23;border:1px solid #ffffff18;border-radius:7px;min-height:38px;padding:8px 11px}input{width:100%}input::placeholder{color:#747b8a}select{font-size:12px}label{display:grid;gap:8px;color:#bbc0cc;font-size:13px}
/* The rail expands as an overlay. The workspace never reflows on hover. */
.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:var(--rail);z-index:40;background:#101116;border-right:1px solid #ffffff10;display:flex;flex-direction:column;padding:18px 12px;overflow:hidden;transition:width .22s cubic-bezier(.2,.7,.2,1),box-shadow .22s}.sidebar:hover,.sidebar.keyboard-open{width:262px;box-shadow:16px 0 42px #0005}.sidebar-brand{height:67px}.sidebar-trigger{display:flex;align-items:center;width:236px;height:40px;padding:0 4px;background:none;border:0;text-align:left;gap:16px}.brand-mark{display:grid;place-items:center;width:42px;height:38px;flex-shrink:0;font-size:30px;letter-spacing:-3px;font-weight:650;color:#ded9fd}.sidebar-trigger .brand{font-size:24px}.expand-icon{width:15px;margin-left:auto;color:#72798b}.nav-text,.expand-icon{opacity:0;transition:opacity .13s;white-space:nowrap}.sidebar:hover .nav-text,.sidebar:hover .expand-icon,.sidebar.keyboard-open .nav-text,.sidebar.keyboard-open .expand-icon{opacity:1;transition-delay:.06s}.sidebar nav{overflow:auto;overflow-x:hidden;scrollbar-width:none;flex:1;min-height:0}.nav-group{margin-bottom:23px}.nav-label{height:23px;font-size:10px;text-transform:uppercase;letter-spacing:.09em;color:#72798b;padding-left:12px;opacity:0;white-space:nowrap;transition:opacity .15s}.sidebar:hover .nav-label,.sidebar.keyboard-open .nav-label{opacity:1}.nav-item{display:flex;width:100%;align-items:center;gap:16px;border:1px solid transparent;border-radius:8px;padding:11px 14px;height:44px;background:none;color:#959aaa;text-align:left;margin:3px 0;transition:background .16s,color .16s}.nav-item .icon{width:20px;height:20px}.nav-item:hover{color:#e5e7ef;background:#ffffff05}.nav-item.active{color:#c0b6ff;background:#9c8cea15;border-color:#ab99ff16}.nav-text{font-size:13px;font-weight:460}.sidebar-foot{margin-top:auto;padding-top:16px;border-top:1px solid var(--line);display:flex;align-items:center;gap:12px;min-height:59px;width:236px}.account-avatar{display:grid;place-items:center;width:38px;height:38px;margin-left:6px;flex-shrink:0;border:1px solid #a69ac73a;border-radius:50%;background:#2a273b;color:#d0c6ef;font-size:13px}.profile-copy{min-width:0;width:144px}.profile-copy strong{display:block;font-size:11px;font-weight:500;text-overflow:ellipsis;overflow:hidden}.profile-copy small{font-size:10px;color:#7f8799}.logout{background:none;border:0;color:#969daf;padding:6px}.logout .icon{width:16px}.main-shell{margin-left:var(--rail)}.topbar{height:70px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 36px;gap:15px}.breadcrumb{display:flex;align-items:center;gap:14px;font-size:12px;color:#777e90}.breadcrumb>.icon{width:12px;color:#4d5260}.breadcrumb strong{font-weight:500;color:#c8ccda}.top-meta{display:flex;align-items:center;gap:7px;font-size:11px;color:#828999}.top-meta .icon{width:14px;height:14px;color:#9b9fab}.mobile-toggle,.sidebar-scrim{display:none}.filterbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 36px;border-bottom:1px solid var(--line);background:#111217}.filter-title,.segment-filter{display:flex;gap:10px;align-items:center;color:#8d94a5;font-size:12px}.filter-title>.icon,.segment-filter>.icon{width:15px;height:15px}.period-tabs{display:flex;gap:3px;padding:3px;background:#0b0c10;border:1px solid #ffffff09;border-radius:8px;margin-left:8px}.period-tab{background:none;color:#9298a8;border:1px solid transparent;border-radius:5px;padding:5px 11px;font-size:11px}.period-tab[aria-pressed=true]{color:#e3e0f7;background:#272532;border-color:#aca0d320;box-shadow:0 1px 3px #0005}.period-tab:hover{color:#fff}.segment-filter select{min-width:182px;background:#16181f;min-height:32px;font-size:11px}
#content{max-width:1580px;margin:auto;padding:32px 36px 28px}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:28px}.page-heading p{margin-top:8px;font-size:12px;color:#868c9c}.heading-actions{display:flex;gap:8px;flex-shrink:0}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:24px 0}.metric{position:relative;border:1px solid #ffffff10;border-radius:12px;background:#15171e;padding:20px;min-width:0;box-shadow:0 3px 6px #0000000a}.metric-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.metric-top>.icon{color:#8c849f;width:17px;height:17px}.metric-label{font-size:12px;color:#a4a9b8;font-weight:450}.metric-value{display:flex;align-items:center;justify-content:space-between;min-height:73px;gap:12px}.metric strong{font-size:35px;font-weight:560;letter-spacing:-1.4px;line-height:1.2;font-variant-numeric:tabular-nums}.metric small{display:flex;align-items:center;gap:5px;color:#8a90a0;font-size:10px;line-height:1.5;min-height:15px}.metric small .icon{width:12px;height:12px;color:#96929f}.metric.accent{border-color:#a798f436;background:#1b1927}.metric.accent strong{color:#c6bbff}.metric.accent .metric-top>.icon{color:#b1a1eb}.metric.pending strong{color:#7c798d;font-weight:400}.mini-chart{width:88px;height:35px;opacity:.9;flex-shrink:1;max-width:45%}.notice{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;background:#171922;border:1px solid #8b95ba20;border-radius:8px;margin:12px 0;font-size:11px;line-height:1.6}.notice>.icon{width:16px;height:16px;margin-top:1px;color:#9f9dba}.notice p{color:#a2a8b9}.notice.warn{background:#a0803710;border-color:#c6a46620}.notice.warn>.icon{color:#c3a677}.notice.warn p{color:#bdac8f}.empty-segment{display:flex;gap:14px;align-items:center;border:1px dashed #ffffff20;border-radius:10px;padding:16px 20px;background:#14151c}.empty-segment>.icon{width:25px;height:25px;color:#a99bc9}.empty-segment strong{font-size:12px;font-weight:500}.empty-segment p{font-size:11px;margin-top:4px}.empty-segment>.button{margin-left:auto;white-space:nowrap}
.panel{border:1px solid var(--line);background:var(--surface);border-radius:12px;overflow:hidden;margin:20px 0;min-width:0}.panel-head{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:21px 23px;border-bottom:1px solid #ffffff09}.panel-head>span{font-size:11px;color:#838b9c;text-align:right}.panel-head p{font-size:11px;margin-top:5px;color:#848b9c}.analytics-grid{display:grid;grid-template-columns:minmax(0,2.35fr) minmax(260px,1fr);gap:20px;margin-bottom:26px}.analytics-grid>.panel{margin:0}.analytics-grid>.panel:last-child .panel-head{display:block}.analytics-grid>.panel:last-child .panel-head>span{display:block;text-align:left;margin-top:5px}.chart-controls{display:flex;align-items:center;gap:9px}.chart-controls select{min-height:29px;font-size:11px;padding:4px 8px;max-width:138px}.chart-switch{display:flex;gap:2px;border:1px solid #ffffff0c;background:#101116;border-radius:6px;padding:3px}.chart-mode{display:grid;place-items:center;background:none;border:0;border-radius:4px;width:28px;height:25px;color:#777f91}.chart-mode .icon{width:15px;height:15px}.chart-mode[aria-pressed=true]{background:#2b2939;color:#c2b9ef}.chart-body{padding:21px 22px 13px}.chart-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:22px}.chart-summary{display:flex;align-items:baseline;gap:9px}.chart-summary strong{font-size:25px;font-weight:550;letter-spacing:-.8px;font-variant-numeric:tabular-nums}.chart-summary>span{color:#81899a;font-size:10px}.chart-legend{display:flex;gap:11px}.legend-button{display:flex;align-items:center;gap:6px;background:none;border:0;padding:3px 0;color:#b1b6c5;font-size:10px}.legend-button[aria-pressed=false]{opacity:.4;text-decoration:line-through}.legend-dot{display:inline-block;width:7px;height:7px;border-radius:2px;background:#a79bfa;flex-shrink:0}.legend-dot.heyly{background:#6dcbb3;border-radius:50%}.chart-plot{position:relative;height:250px;width:100%}.activity-svg{display:block;width:100%;height:250px;overflow:visible}.grid-line{stroke:#ffffff09;stroke-width:1}.axis-text{fill:#80889a;font:10px Inter,sans-serif;font-variant-numeric:tabular-nums}.chart-empty{font:12px Inter,sans-serif;fill:#a6a1b5}.crosshair{stroke:#a3a0b6;stroke-width:1;stroke-dasharray:3 3}.chart-tooltip{position:absolute;top:4px;z-index:3;background:#242631f5;backdrop-filter:blur(8px);border:1px solid #ffffff20;border-radius:9px;box-shadow:0 8px 24px #0005;width:192px;padding:12px 14px;pointer-events:none}.chart-tooltip>strong{font-size:11px;font-weight:500;color:#dce0e9}.tooltip-row{display:flex;justify-content:space-between;gap:12px;font-size:11px;margin-top:9px}.tooltip-row>span{display:flex;align-items:center;gap:7px;color:#a4abbd}.tooltip-row b{font-weight:500;font-variant-numeric:tabular-nums}.chart-day-input{position:absolute;clip-path:inset(50%);width:1px;height:1px;overflow:hidden;padding:0;min-height:0}.chart-day-input:focus-visible{position:relative;clip-path:none;width:100%;height:18px;margin:5px 0;accent-color:var(--purple)}.chart-caption{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;font-size:9px;color:#7f8799;margin-top:14px;line-height:1.6}.chart-caption>span:first-child{display:flex;align-items:flex-start;gap:6px}.chart-caption .icon{width:12px;height:12px;margin-top:1px}.chart-data{border-top:1px solid var(--line);color:#929bad;font-size:11px}.chart-data summary{display:flex;align-items:center;gap:7px;padding:13px 23px;list-style:none}.chart-data summary::-webkit-details-marker{display:none}.chart-data summary .icon{width:14px;height:14px}.chart-data summary>.icon:last-child{margin-left:auto}.chart-data[open] summary>.icon:last-child{rotate:90deg}.chart-data .table-scroll{max-height:260px;overflow:auto}.chart-data th{position:sticky;top:0;background:#1c1e27}.mix-content{padding:26px 24px}.eyebrow{font-size:9px;letter-spacing:.07em;color:#8b93a5}.mix-total{font-size:39px;letter-spacing:-1.5px;font-weight:550;margin:10px 0 27px;font-variant-numeric:tabular-nums}.mix-total>span{font-size:11px;letter-spacing:0;font-weight:400;color:#828b9e;margin-left:9px}.mix-bar{display:flex;gap:4px;height:9px;border-radius:3px;overflow:hidden;background:#ffffff05}.mix-bar .sylo{background:var(--purple)}.mix-bar .heyly{background:var(--mint)}.mix-bar.no-data>span{background:#333442}.mix-rows{margin:24px 0 31px}.mix-row{display:flex;align-items:center;gap:12px;margin:19px 0;font-size:12px}.mix-row>span{display:flex;align-items:center;gap:8px;color:#b1b7c6}.mix-row strong{margin-left:auto;font-weight:500;font-variant-numeric:tabular-nums}.mix-row small{width:39px;text-align:right;color:#838b9d;font-size:10px}.chart-note{font-size:10px;line-height:1.7;padding-top:20px;border-top:1px solid var(--line)}
.section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:26px 0 14px}.section-heading>span{font-size:10px;color:#81899b}.two-col{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.two-col>.panel{margin:0 0 20px}.product-title{display:flex;align-items:center;gap:12px;padding:22px 23px 0}.product-title img{border-radius:10px;object-fit:cover}.product-title h2{font-size:17px}.product-title p{font-size:10px;margin-top:2px}.product-title>.badge{margin-left:auto;white-space:nowrap}.badge{display:inline-flex;align-items:center;gap:5px;border-radius:5px;padding:4px 7px;font-size:9px}.badge.ok{color:#8fb8a8;background:#79b39f0d;border:1px solid #79b39f12}.badge.warn{color:#ccaa72;background:#46362144}.status-dot{width:4px;height:4px;border-radius:50%;background:currentColor}.product-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:24px 23px 25px;gap:16px}.product-stats>div{border-right:1px solid var(--line)}.product-stats>div:last-child{border:0}.product-stats span{display:block;font-size:10px;color:#929bac}.product-stats strong{display:block;font-size:25px;letter-spacing:-.8px;font-weight:550;font-variant-numeric:tabular-nums;margin-top:8px}.product-meta{border-top:1px solid var(--line);padding:13px 23px;display:flex;align-items:center;justify-content:space-between;gap:15px;background:#ffffff01}.product-meta>span{display:flex;align-items:center;gap:6px;font-size:9px;color:#80899c}.product-meta>span .icon{width:12px;height:12px}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:12px;text-align:left}th{font-size:10px;font-weight:500;letter-spacing:.02em;color:#878fa2;background:#ffffff02}td,th{padding:15px 23px;border-bottom:1px solid #ffffff08;vertical-align:middle}td{color:#a8b0c2;font-variant-numeric:tabular-nums}td:first-child{color:#ced3df}tbody tr:hover{background:#ffffff02}tr:last-child td{border-bottom:0}td:last-child:not(:first-child){font-variant-numeric:tabular-nums}.empty-row{text-align:center;padding:35px!important;color:#8e97a9!important}td select{min-height:30px;padding:5px 8px;font-size:11px}.freshness{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:8px 0 10px;font-size:9px;color:#798296}.freshness>span{display:flex;align-items:center;gap:6px}.freshness .icon{width:12px;height:12px}.invite-form{display:flex;align-items:center;gap:12px;padding:23px}.invite-form input{max-width:360px}.invite-form .button{white-space:nowrap}.invite-output{padding:0 23px}.temporary-password{display:block;background:#090a0e;border:1px solid var(--line);padding:18px;color:#d1c5fa;overflow-wrap:anywhere;user-select:all;border-radius:7px;margin:15px 0}.content-loading{padding:90px 20px;text-align:center;color:#8d94a7}.content-loading:before{content:'';display:block;width:22px;height:22px;border:2px solid #ffffff0e;border-top-color:#a79bfa;border-radius:50%;margin:0 auto 15px;animation:spin .7s linear infinite}@keyframes spin{to{rotate:360deg}}
.loading{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px}.auth-layout{min-height:100vh;display:flex;flex-direction:column;align-items:center;background:radial-gradient(ellipse at 50% 0,#71618e0c,transparent 55%)}.auth-brand{padding-top:62px}.auth-card{width:min(430px,calc(100% - 40px));margin:70px auto 40px}.auth-label{font-size:10px;color:#a49cbf;letter-spacing:.13em;margin-bottom:22px}.auth-card h1{font-size:33px;margin-bottom:16px}.auth-copy{font-size:14px;line-height:1.8;margin-bottom:30px}.first-access{margin-top:25px;border-top:1px solid var(--line)}.first-access summary{color:#a8adbd;padding:20px 0;font-size:13px}.first-access form{display:grid;gap:17px}.footnote{font-size:11px;line-height:1.8;margin-top:15px}.auth-footer{margin-top:auto;padding:40px 20px;color:#7b8396;font-size:11px}.steps{display:flex;gap:20px;padding:0 0 25px;font-size:11px;border-bottom:1px solid var(--line)}.steps .done{color:#7eae9b}.steps .selected{color:#c3b7fa}.key-symbol{display:grid;place-items:center;width:85px;height:85px;border:1px solid #ffffff15;background:#1b1924;color:#b6a8de;border-radius:22px;margin:35px auto 15px}.key-symbol .icon{width:34px;height:34px}.email-line{text-align:center;margin:0 0 28px;font-size:13px}#toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:#292634;border:1px solid #a299c43a;border-radius:9px;padding:13px 20px;max-width:calc(100% - 30px);font-size:13px;color:#e1dcef;z-index:100;transition:opacity .2s,transform .2s}#toast.visible{opacity:1;transform:translate(-50%,0)}.panel,.metrics,.page-heading{animation:appear .35s ease-out both}.metrics{animation-delay:.025s}.analytics-grid{animation-delay:.05s}@keyframes appear{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1500px){#content{padding:40px 48px}.metric{padding:24px}.metric strong{font-size:40px}.metric-value{min-height:84px}.chart-plot,.activity-svg{height:280px}.filterbar,.topbar{padding-left:48px;padding-right:48px}}
@media(max-width:1180px){#content{padding:28px}.topbar,.filterbar{padding-left:28px;padding-right:28px}.metrics{gap:12px}.metric{padding:17px}.metric strong{font-size:30px}.metric-label{font-size:11px}.metric small{font-size:9px}.analytics-grid{grid-template-columns:minmax(0,1.9fr) minmax(235px,1fr);gap:16px}.panel-head{padding:18px}.chart-body{padding:18px 16px 12px}.chart-summary{display:block}.chart-summary>span{display:block}.product-title{padding:20px 18px 0}.product-stats{padding:22px 18px}.product-meta{padding:12px 18px}.product-meta>span{max-width:55%}.mix-content{padding:24px 20px}.invite-form{flex-wrap:wrap}.invite-form input{max-width:none}.product-title>.badge{font-size:8px}.two-col{gap:16px}}
@media(max-width:980px){.analytics-grid{grid-template-columns:1fr}.analytics-grid>.panel:last-child .panel-head{display:flex}.analytics-grid>.panel:last-child .panel-head>span{margin:0}.mix-content{display:grid;grid-template-columns:1fr 1.5fr;column-gap:35px;padding:20px 24px}.mix-content .eyebrow{grid-column:1}.mix-total{grid-column:1;grid-row:2;margin:8px 0}.mix-bar{grid-column:2;grid-row:1;align-self:center}.mix-rows{grid-column:2;grid-row:2/4;margin:0}.mix-row{margin:12px 0}.chart-note{grid-column:1;margin-top:10px;padding-top:10px}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.metric-label{font-size:12px}.metric small{font-size:10px}.metric strong{font-size:35px}.two-col{grid-template-columns:1fr}.product-meta>span{max-width:none}.product-title>.badge{font-size:9px}.product-grid{gap:0}.chart-summary{display:flex}}
@media(max-width:640px){:root{--rail:0px}.sidebar{width:262px;transform:translateX(-100%);transition:transform .22s;box-shadow:none}.sidebar.open{transform:translateX(0);box-shadow:20px 0 60px #0008}.sidebar .nav-text,.sidebar .nav-label,.sidebar .expand-icon{opacity:1}.sidebar-scrim{position:fixed;inset:0;background:#0008;backdrop-filter:blur(3px);border:0;z-index:35}.sidebar.open+.sidebar-scrim{display:block}.mobile-toggle{display:grid;place-items:center;border:0;background:none;color:#adb4c7;padding:4px;margin-left:-4px}.topbar{height:59px;padding:0 18px}.top-meta{font-size:0;gap:0}.top-meta .icon{width:16px;height:16px}.breadcrumb{gap:10px}.filterbar{padding:12px 18px;gap:12px;flex-wrap:wrap}.filter-title{font-size:0;gap:0}.filter-title>.icon{display:none}.period-tabs{margin:0}.period-tab{padding:5px 9px}.segment-filter{gap:5px}.segment-filter>.icon{display:none}.segment-filter select{min-width:0;max-width:175px;font-size:10px}#content{padding:24px 18px}.page-heading{gap:16px;align-items:flex-start;margin-bottom:24px}h1{font-size:28px}.page-heading p{font-size:11px;line-height:1.6}.heading-actions{gap:6px}.heading-actions .button{font-size:0;padding:9px;min-height:34px;gap:0}.heading-actions .button .icon{width:16px;height:16px}.metrics{gap:10px;margin:20px 0}.metric{padding:16px 13px;border-radius:10px}.metric-label{font-size:10px}.metric-top>.icon{width:14px;height:14px}.metric-value{min-height:67px}.metric strong{font-size:31px}.metric small{font-size:9px;min-height:28px;align-items:flex-start}.metric small .icon{margin-top:2px}.mini-chart{width:55px}.empty-segment{padding:15px;gap:10px;flex-wrap:wrap}.empty-segment>.icon{width:20px;height:20px}.empty-segment>div{width:calc(100% - 30px)}.empty-segment>.button{margin-left:30px;font-size:11px}.panel-head{padding:17px;gap:12px}.panel-head h2{font-size:13px}.panel-head>span{font-size:10px}.panel-head p{font-size:10px}.activity-panel .panel-head{flex-wrap:wrap}.chart-controls{margin-left:auto}.chart-controls select{font-size:10px;max-width:124px}.chart-body{padding:17px 12px 12px}.chart-toolbar{gap:10px;margin-bottom:17px}.chart-summary{display:block}.chart-summary strong{font-size:25px}.chart-summary>span{font-size:9px;display:block}.chart-legend{gap:9px}.legend-button{font-size:9px}.chart-caption{font-size:9px}.mix-content{column-gap:20px;padding:20px 18px}.mix-total{font-size:32px}.mix-total>span{display:block;margin-left:0;font-size:10px}.mix-row{font-size:11px;gap:6px}.chart-note{font-size:9px}.section-heading>span{font-size:9px}.product-title{gap:10px}.product-title h2{font-size:16px}.product-title p{font-size:9px}.product-title img{width:36px;height:36px}.product-title>.badge{font-size:8px}.product-stats{gap:12px}.product-stats strong{font-size:25px}.product-stats span{font-size:9px}.product-meta{gap:10px;align-items:center}.product-meta>span{font-size:8px;max-width:55%}.product-meta .text-button{font-size:10px}.notice{font-size:10px}.freshness{font-size:8px;align-items:flex-start;flex-direction:column;gap:7px;margin-top:15px}td,th{padding:14px 17px}table{font-size:11px}.invite-form{padding:18px}.invite-form .button{width:100%}.auth-brand{padding-top:42px}.auth-card{margin-top:50px}.auth-card h1{font-size:30px}}
.nav-product-icon{border-radius:5px;flex-shrink:0;object-fit:cover}.product-nav.active{background:#ffffff08;border-color:#ffffff15;color:#eeeaf8}.breadcrumb-product{display:flex;align-items:center;gap:7px;color:#b6bbcb}.breadcrumb-product img{border-radius:4px}.sidebar .nav-group{margin-bottom:14px}.sidebar .nav-item{height:40px;padding-top:9px;padding-bottom:9px}.sidebar .nav-label{height:21px}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}