@import"https://fonts.googleapis.com/css2?family=Figtree:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap";.dashboard-shell{min-height:100vh}.dashboard-shell__body{min-width:0;margin-left:var(--sidebar-width)}.sidebar{position:fixed;inset:0 auto 0 0;z-index:50;width:var(--sidebar-width);display:flex;flex-direction:column;padding:22px 14px 18px;border-right:1px solid var(--color-border);background:var(--color-surface)}.sidebar__brand{display:flex;align-items:center;gap:10px;padding:0 10px 22px}.sidebar__mark{width:30px;height:30px;display:grid;flex:none;place-items:center;border-radius:9px;background:var(--color-primary);color:#fff}.sidebar__brand-text{display:flex;min-width:0;flex-direction:column}.sidebar__brand-text strong{font-size:15px;letter-spacing:-.01em}.sidebar__brand-text small{margin-top:1px;font:500 9px var(--font-mono);color:#9a93a8;letter-spacing:.08em}.sidebar__close{display:none;margin-left:auto;border:0;background:transparent}.sidebar__section-label{margin:0;padding:0 10px 8px;color:var(--color-faint);font-size:10px;font-weight:600;letter-spacing:.1em}.sidebar__nav{display:flex;flex-direction:column;gap:2px}.sidebar__link{display:flex;align-items:center;gap:10px;width:100%;padding:9px 10px;border-radius:9px;color:var(--color-text);font-size:13px;font-weight:600}.sidebar__link svg{color:#c3bdcb;flex:none}.sidebar__link:hover{background:var(--color-surface-subtle)}.sidebar__link--active{color:var(--color-primary-dark);background:var(--color-primary-soft)}.sidebar__link--active:hover{background:var(--color-primary-soft)}.sidebar__link--active svg{color:var(--color-primary)}.sidebar__footer{display:flex;flex-direction:column;gap:10px;margin-top:auto}.sidebar__user{display:flex;align-items:center;gap:9px;padding:10px;border-top:1px solid var(--color-border)}.sidebar__user>span{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:var(--color-primary-soft);color:var(--color-primary);font-weight:700}.sidebar__user div{min-width:0;display:flex;flex-direction:column}.sidebar__user strong{font-size:11px}.sidebar__user small{overflow:hidden;color:var(--color-faint);font-size:9px;text-overflow:ellipsis}.sidebar__footer>button{display:flex;align-items:center;gap:8px;padding:8px 10px;border:0;border-radius:8px;background:transparent;color:var(--color-muted);cursor:pointer;font-size:11px}.sidebar__footer>button:hover{background:var(--color-surface-subtle);color:var(--color-red)}.sidebar__notice{display:flex;flex-direction:column;gap:4px;padding:12px;border:1px solid #f0eef4;border-radius:11px;background:var(--color-surface-subtle)}.sidebar__notice strong{color:#6b6478;font-size:11px}.sidebar__notice span{color:var(--color-faint);font-size:10px;line-height:1.45}.sidebar-backdrop{display:none}.dashboard-header{position:sticky;top:0;z-index:30;padding:14px 32px 0;border-bottom:1px solid var(--color-border);background:color-mix(in srgb,var(--color-surface) 94%,transparent);-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px)}.dashboard-header__top{max-width:var(--content-max);margin:0 auto;display:flex;align-items:flex-start;gap:24px;padding-bottom:12px}.dashboard-header__menu{display:none;width:34px;height:34px;place-items:center;border:1px solid var(--color-border);border-radius:9px;background:var(--color-surface);cursor:pointer}.dashboard-header__title{min-width:280px;flex:1}.dashboard-header__title h1{margin:0 0 4px;font-size:21px;line-height:1.15;letter-spacing:-.02em}.dashboard-header__title>div{display:flex;align-items:center;gap:10px}.dashboard-header__title span{color:var(--color-muted);font-size:12px}.dashboard-header__title i{width:3px;height:3px;border-radius:50%;background:#d6d1de}.dashboard-header__title time{color:var(--color-faint);font:400 10px var(--font-mono)}.dashboard-header__controls{display:flex;flex:none;align-items:center;gap:8px}.date-segment{display:flex;gap:2px;padding:3px;border-radius:10px;background:var(--color-surface-subtle)}.date-segment button{padding:6px 10px;border:0;border-radius:8px;background:transparent;color:var(--color-muted);cursor:pointer;font-size:11px;font-weight:600;white-space:nowrap}.date-segment button.is-active{background:var(--color-surface);color:var(--color-text);box-shadow:0 1px 2px #1c16261a}.compare-toggle,.filter-trigger{height:34px;display:flex;align-items:center;gap:7px;padding:0 11px;border:1px solid var(--color-border-strong);border-radius:10px;background:var(--color-surface);color:var(--color-text);cursor:pointer;font-size:11px;font-weight:600;white-space:nowrap}.theme-toggle{width:36px;height:36px;display:inline-grid;flex:0 0 auto;place-items:center;border:1px solid var(--color-border-strong);border-radius:10px;background:var(--color-surface);color:var(--color-text);cursor:pointer}.theme-toggle:hover{border-color:var(--color-primary);color:var(--color-primary-dark)}.compare-toggle>span{width:26px;height:15px;display:flex;align-items:center;justify-content:flex-start;padding:2px;border-radius:8px;background:#d6d1de}.compare-toggle>span i{width:11px;height:11px;border-radius:50%;background:var(--color-surface);transition:transform .15s}.compare-toggle.is-active{border-color:#d9cdf8;background:var(--color-primary-soft);color:var(--color-primary-dark)}.compare-toggle.is-active>span{background:var(--color-primary)}.compare-toggle.is-active>span i{transform:translate(11px)}.filter-trigger b{padding:2px 5px;border-radius:5px;background:var(--color-primary-soft);color:var(--color-primary);font:600 10px var(--font-mono)}.filter-chips{max-width:var(--content-max);min-height:34px;margin:0 auto;display:flex;align-items:center;gap:8px;padding-bottom:12px;flex-wrap:wrap}.filter-chips>span:first-child{color:var(--color-faint);font-size:10px;font-weight:600;letter-spacing:.06em}.filter-chips>em{color:var(--color-faint);font-size:11px;font-style:normal}.filter-chip{display:flex;align-items:center;gap:5px;padding:5px 7px;border:1px solid #e5def9;border-radius:7px;background:#f8f5ff;color:var(--color-text);font-size:10px}.filter-chip small{color:#8b80a3;font-size:9px}.filter-chip button,.custom-range>div button,.filter-panel__header button{width:16px;height:16px;display:grid;place-items:center;padding:0;border:0;background:transparent;color:var(--color-faint);cursor:pointer}.clear-filters{border:0;background:transparent;color:var(--color-primary-dark);cursor:pointer;font-size:10px;font-weight:600}.filter-panel{position:absolute;z-index:40;top:calc(100% + 8px);right:32px;width:min(720px,calc(100vw - 40px));padding:18px;border:1px solid var(--color-border);border-radius:14px;background:#fff;box-shadow:var(--shadow-popover)}.filter-panel__header{display:flex;align-items:flex-start;justify-content:space-between;padding-bottom:16px;border-bottom:1px solid var(--color-border)}.filter-panel__header div{display:flex;flex-direction:column;gap:3px}.filter-panel__header strong{font-size:14px}.filter-panel__header span{color:var(--color-muted);font-size:11px}.filter-panel__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding:18px 0}.filter-panel__status{grid-column:1 / -1;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:38px;margin:0;color:var(--color-muted);font-size:11px}.filter-panel__status button{color:var(--color-primary);cursor:pointer;font-weight:600}.filter-panel label{display:flex;flex-direction:column;gap:6px;color:var(--color-faint);font-size:10px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.filter-panel select,.custom-range input{height:38px;padding:0 10px;border:1px solid var(--color-border-strong);border-radius:8px;background:#fbfafd;color:var(--color-text);font-size:11px}.filter-panel__footer{display:flex;justify-content:flex-end;gap:8px}.filter-panel__footer button{padding:8px 14px;border:1px solid var(--color-border-strong);border-radius:8px;background:#fff;cursor:pointer;font-size:11px;font-weight:600}.filter-panel__footer .filter-panel__apply{border-color:var(--color-primary);background:var(--color-primary);color:#fff}.custom-range{position:absolute;z-index:42;top:calc(100% + 8px);right:280px;width:290px;display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:16px;border:1px solid var(--color-border);border-radius:12px;background:#fff;box-shadow:var(--shadow-popover)}.custom-range>div{grid-column:1/-1;display:flex;align-items:center;gap:8px}.custom-range>div button{margin-left:auto}.custom-range label{display:flex;flex-direction:column;gap:5px;color:var(--color-faint);font-size:10px;font-weight:600}.custom-range__apply{grid-column:1/-1;height:36px;border:0;border-radius:8px;background:var(--color-primary);color:#fff;cursor:pointer;font-size:11px;font-weight:600}.custom-range__error{grid-column:1/-1;margin:-4px 0 0;color:var(--color-danger);font-size:10px;font-weight:600}@media(max-width:1439px)and (min-width:1024px){.sidebar{width:64px}.dashboard-shell__body{margin-left:64px}.sidebar{padding:20px 9px}.sidebar__brand{padding:0 8px 22px}.sidebar__brand-text,.sidebar__section-label,.sidebar__link span,.sidebar__user div,.sidebar__footer>button span,.sidebar__notice{display:none}.sidebar__link{justify-content:center;padding:10px}.sidebar__user{padding:10px 6px}.sidebar__footer>button{justify-content:center}.dashboard-header{padding-inline:24px}.date-segment button{padding-inline:7px}.dashboard-header__title span{max-width:260px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}@media(max-width:1023px){.dashboard-shell__body{margin-left:0}.sidebar{transform:translate(-102%);box-shadow:var(--shadow-popover);transition:transform .2s ease}.sidebar--open{transform:translate(0)}.sidebar__close{display:grid}.sidebar-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:45;display:block;border:0;background:#1c162652}.dashboard-header{padding:12px 20px 0}.dashboard-header__top{flex-wrap:wrap;gap:12px}.dashboard-header__menu{display:grid}.dashboard-header__title{min-width:0}.dashboard-header__controls{width:100%;overflow-x:auto;padding-bottom:2px;scrollbar-width:none}.dashboard-header__controls::-webkit-scrollbar{display:none}.filter-panel__grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:767px){.dashboard-header{padding-inline:14px}.dashboard-header__title h1{font-size:18px}.dashboard-header__title>div{display:block}.dashboard-header__title span{display:block;margin-bottom:3px;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dashboard-header__title i{display:none}.dashboard-header__title time{font-size:8px}.date-segment{min-width:max-content}.date-segment button{padding-inline:8px;font-size:10px}.filter-chips{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.filter-chips::-webkit-scrollbar{display:none}.filter-panel{position:fixed;inset:auto 0 0;width:100%;max-height:82vh;overflow-y:auto;border-radius:18px 18px 0 0;padding-bottom:max(18px,env(safe-area-inset-bottom))}.filter-panel__grid{grid-template-columns:1fr}.custom-range{position:fixed;inset:auto 0 0;width:100%;border-radius:18px 18px 0 0}}.login-page{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(440px,.92fr);background:var(--color-bg)}.login-brand{position:relative;overflow:hidden;display:grid;place-items:center;min-height:100vh;padding:64px;background:radial-gradient(circle at 18% 12%,rgba(185,167,245,.25),transparent 30%),linear-gradient(145deg,#211735,#3b275f 55%,#5b3ebb);color:#fff}.login-brand:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:42px 42px;-webkit-mask-image:linear-gradient(to bottom,#000,transparent 82%);mask-image:linear-gradient(to bottom,#000,transparent 82%)}.login-brand__glow{position:absolute;width:520px;height:520px;right:-220px;bottom:-210px;border:1px solid rgba(255,255,255,.12);border-radius:50%;box-shadow:0 0 0 78px #ffffff06,0 0 0 156px #ffffff05}.login-brand__content{position:relative;z-index:1;max-width:600px}.login-logo{display:flex;align-items:center;gap:12px;margin-bottom:110px}.login-logo__mark{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:var(--color-primary);box-shadow:0 12px 30px #7150e559}.login-logo>span:last-child{display:flex;flex-direction:column}.login-logo strong{font-size:18px}.login-logo small{margin-top:2px;font:500 9px var(--font-mono);letter-spacing:.12em;color:#cfc2f7}.login-brand__eyebrow,.login-card__eyebrow{margin:0 0 14px;font:600 10px var(--font-mono);letter-spacing:.15em}.login-brand__eyebrow{color:#c7b9f5}.login-brand h1{max-width:570px;margin:0;font-size:clamp(42px,4.2vw,66px);line-height:.98;letter-spacing:-.045em}.login-brand p:not(.login-brand__eyebrow){max-width:520px;margin:24px 0 0;color:#ffffffb3;font-size:16px;line-height:1.6}.login-brand__bars{height:92px;margin-top:62px;display:flex;align-items:end;gap:8px}.login-brand__bars span{width:20px;border-radius:5px 5px 2px 2px;background:linear-gradient(#cabbfb,#8161e8);opacity:.85}.login-panel{position:relative;display:grid;place-items:center;padding:48px;background:var(--color-bg)}.login-theme-toggle{position:absolute;top:24px;right:24px;width:40px;height:40px;display:grid;place-items:center;border:1px solid var(--color-border-strong);border-radius:11px;background:var(--color-surface);color:var(--color-text);cursor:pointer}.login-theme-toggle:hover{border-color:var(--color-primary);color:var(--color-primary-dark)}.login-card{width:min(100%,420px)}.login-card__icon{display:grid;place-items:center;width:38px;height:38px;color:var(--color-primary);background:var(--color-primary-soft);border-radius:11px}.login-card__eyebrow{margin-top:28px;color:var(--color-primary)}.login-card h2{margin:0;font-size:32px;letter-spacing:-.035em}.login-card__subtitle{margin:8px 0 32px;color:var(--color-muted);font-size:14px}.login-card form{display:flex;flex-direction:column}.login-card label{margin:0 0 7px;font-size:12px;font-weight:600;color:var(--color-text)}.login-card input{height:48px;margin-bottom:18px;padding:0 14px;border:1px solid var(--color-border-strong);border-radius:var(--radius-control);background:var(--color-surface);color:var(--color-ink);transition:border-color .15s,box-shadow .15s}.login-card input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #7150e51f}.login-card input[aria-invalid=true]{border-color:var(--color-red);margin-bottom:6px}.field-error{margin:0 0 16px;color:var(--color-red);font-size:11px}.login-error{margin-bottom:16px;padding:10px 12px;border:1px solid #f2c9cc;border-radius:8px;background:var(--color-red-soft);color:#a03d43;font-size:12px}.login-card button{height:48px;margin-top:4px;border:0;border-radius:var(--radius-control);background:var(--color-primary);color:#fff;font-weight:700;cursor:pointer;box-shadow:0 10px 24px #7150e533}.login-card button:hover{background:var(--color-primary-dark)}.login-card button:disabled{opacity:.65;cursor:wait}.login-card__secure{margin-top:20px;color:var(--color-faint);text-align:center;font-size:11px}@media(max-width:900px){.login-page{grid-template-columns:1fr}.login-brand{min-height:300px;padding:40px;place-items:start}.login-logo{margin-bottom:56px}.login-brand h1{font-size:42px}.login-brand p:not(.login-brand__eyebrow),.login-brand__bars{display:none}.login-panel{padding:52px 24px}}@media(max-width:520px){.login-brand{min-height:240px;padding:28px 24px}.login-logo{margin-bottom:40px}.login-brand h1{font-size:34px}}.analytics-page{max-width:calc(var(--content-max) + 64px);margin:0 auto;padding:24px 32px 64px;animation:fade-in .18s ease-out}.partial-history{display:flex;align-items:center;gap:9px;margin-bottom:16px;padding:9px 12px;border:1px solid #e7e1f8;border-radius:9px;background:#faf8ff;color:var(--color-primary-dark)}.partial-history span{display:flex;gap:6px;font-size:10px}.partial-history strong{font-weight:700}.kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.compact-kpi-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.section-label{margin:24px 0 10px;color:var(--color-faint);font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.kpi-card,.data-card{border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-surface);box-shadow:var(--shadow-card)}.kpi-card{min-height:114px;padding:17px 18px 16px}.kpi-card__label{min-height:15px;display:flex;align-items:center;gap:5px;color:var(--color-muted);font-size:10px;font-weight:600;letter-spacing:.055em;text-transform:uppercase}.kpi-card__help{display:inline-grid;place-items:center;color:#bab4c3;cursor:help;padding:0;border:0;background:transparent}.kpi-card__tooltip-wrap{position:relative;display:inline-flex}.kpi-card__tooltip{position:absolute;z-index:20;top:calc(100% + 8px);left:-12px;width:min(280px,calc(100vw - 32px));display:grid;gap:5px;padding:12px;border:1px solid var(--color-border-strong);border-radius:10px;background:var(--color-surface);color:var(--color-text);box-shadow:var(--shadow-popover);font-family:var(--font-ui);font-size:11px;font-weight:400;line-height:1.45;letter-spacing:normal;text-align:left;text-transform:none;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-4px);transition:opacity .15s,transform .15s,visibility .15s}.kpi-card__tooltip:before{content:"";position:absolute;top:-5px;left:16px;width:9px;height:9px;border-top:1px solid var(--color-border-strong);border-left:1px solid var(--color-border-strong);background:var(--color-surface);transform:rotate(45deg)}.kpi-card .kpi-card__tooltip>strong{display:block;margin-top:2px;color:var(--color-ink);font-family:var(--font-ui);font-size:10px;font-weight:700;line-height:1.3;letter-spacing:.02em;white-space:normal}.kpi-card .kpi-card__tooltip>span{display:block;color:var(--color-text);font-family:var(--font-ui);font-size:11px;font-weight:400;line-height:1.45;letter-spacing:normal;white-space:normal;overflow-wrap:anywhere}.kpi-card__tooltip-wrap:hover .kpi-card__tooltip,.kpi-card__tooltip-wrap:focus-within .kpi-card__tooltip{opacity:1;visibility:visible;transform:translateY(0)}.kpi-grid .kpi-card:nth-child(4n) .kpi-card__tooltip,.compact-kpi-grid .kpi-card:nth-child(6n) .kpi-card__tooltip{right:-12px;left:auto}.kpi-grid .kpi-card:nth-child(4n) .kpi-card__tooltip:before,.compact-kpi-grid .kpi-card:nth-child(6n) .kpi-card__tooltip:before{right:16px;left:auto}.kpi-card__body{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;margin-top:7px}.kpi-card__body>div:first-child{min-width:0}.kpi-card strong{display:block;white-space:nowrap;font-size:27px;line-height:1.12;letter-spacing:-.02em}.kpi-card__comparison{min-height:22px;display:flex;align-items:center;gap:7px;margin-top:7px}.kpi-card__comparison>span{display:flex;align-items:center;gap:2px;padding:3px 5px;border-radius:5px;font:500 9px var(--font-ui)}.kpi-card__comparison .is-positive{background:var(--color-green-soft);color:#338f6d}.kpi-card__comparison .is-negative{background:var(--color-red-soft);color:#b8494f}.kpi-card__comparison .is-neutral{padding-left:0;background:transparent;color:var(--color-muted)}.kpi-card__comparison small{color:var(--color-faint);font-size:9px;white-space:nowrap}.kpi-card__spark{width:92px;height:34px;flex:none;background:linear-gradient(to top,rgba(63,185,138,.07),transparent)}.kpi-card--compact{min-height:86px;padding:14px}.kpi-card--compact strong{font-size:18px}.kpi-card--compact .kpi-card__comparison{margin-top:5px}.kpi-card--compact .kpi-card__comparison small{display:none}.visual-grid,.breakdown-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:22px}.breakdown-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.data-card{min-width:0;padding:18px 20px}.card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.card-header h2,.segment-builder h2{margin:0;color:var(--color-ink);font-size:13.5px;font-weight:600}.card-header p,.segment-builder p{margin:4px 0 0;color:var(--color-faint);font-size:10.5px;line-height:1.35}.grouping-control{display:flex;gap:1px;padding:2px;border-radius:8px;background:var(--color-surface-subtle)}.grouping-control button{padding:4px 8px;border:0;border-radius:6px;background:transparent;color:var(--color-faint);cursor:pointer;font-size:9px}.grouping-control button.is-active{background:var(--color-surface);color:var(--color-text);box-shadow:0 1px 2px #1c162614}.chart-legend{min-height:26px;display:flex;align-items:center;gap:12px;margin-top:8px;color:var(--color-muted);font-size:9.5px}.chart-legend span{display:flex;align-items:center;gap:5px}.chart-legend i{width:8px;height:8px;border-radius:3px}.trend-chart{width:100%;height:190px}.data-source{margin:6px 0 0;color:var(--color-faint);font:400 8.5px var(--font-mono)}.breakdown-card__items{display:flex;flex-direction:column;gap:12px;margin-top:20px}.breakdown-row>div:first-child{display:flex;justify-content:space-between;gap:12px;margin-bottom:5px}.breakdown-row span{color:var(--color-text);font-size:11px}.breakdown-row strong{color:#61596e;font:500 10px var(--font-mono)}.breakdown-row__track{height:7px;overflow:hidden;border-radius:5px;background:#f2f0f5}.breakdown-row__track i{display:block;height:100%;border-radius:inherit}.funnel-card__steps{display:flex;flex-direction:column;gap:10px;margin-top:20px}.funnel-step{display:grid;grid-template-columns:minmax(118px,1.25fr) minmax(100px,2fr) 70px 50px minmax(86px,1fr);align-items:center;gap:10px}.funnel-step>span{color:var(--color-text);font-size:10.5px}.funnel-step__bar{height:20px;min-width:0;overflow:hidden;border-radius:5px;background:var(--color-surface-subtle)}.funnel-step__bar i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--color-primary),var(--color-lavender))}.funnel-step strong,.funnel-step em,.funnel-step small{font-family:var(--font-mono);font-size:9px;font-style:normal;text-align:right}.funnel-step em{color:var(--color-primary-dark)}.funnel-step small{color:var(--color-red);white-space:nowrap}.funnel-step small.is-increase{color:var(--color-primary-dark)}.heatmap-card{margin-top:22px}.cohort-selector{display:flex;align-items:center;gap:7px}.cohort-selector span{color:var(--color-faint);font-size:8px;font-weight:600}.cohort-selector select{height:30px;padding:0 8px;border:1px solid var(--color-border);border-radius:7px;background:#faf9fc;color:var(--color-text);font-size:9px}.heatmap-scroll{margin-top:18px;overflow-x:auto}.heatmap-grid{min-width:720px;display:grid;gap:5px;align-items:center}.heatmap-grid>b{color:var(--color-faint);font:600 8px var(--font-mono);text-align:center}.heatmap-row>strong{font-size:9.5px;font-weight:600}.heatmap-row>span{color:var(--color-muted);font:500 9px var(--font-mono);text-align:right}.heatmap-row>i{height:32px;display:grid;place-items:center;border-radius:5px;font:500 9px var(--font-mono);font-style:normal}.heatmap-row>i.is-empty{background:#f1eff3;color:#bbb5c2}.heatmap-legend{display:flex;justify-content:flex-end;align-items:center;gap:7px;margin-top:10px;color:var(--color-faint);font:400 8px var(--font-mono)}.heatmap-legend i{width:90px;height:6px;border-radius:3px;background:linear-gradient(90deg,#7150e514,#7150e5)}.table-card{margin-top:22px;padding:0;overflow:hidden}.table-card>.card-header{padding:18px 20px 0}.table-card__summary{margin:5px 20px 14px;color:var(--color-faint);font:400 9px var(--font-mono)}.csv-button{display:flex;align-items:center;gap:6px;padding:7px 10px;border:1px solid var(--color-border-strong);border-radius:8px;background:#fff;color:var(--color-text);cursor:pointer;font-size:10px;font-weight:600}.table-scroll{max-height:470px;overflow:auto;border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}.table-card table{width:100%;min-width:940px}.table-card thead{position:sticky;top:0;z-index:2;background:#faf9fc}.table-card th{padding:0;border-bottom:1px solid var(--color-border);text-align:left;white-space:nowrap}.table-card th button{width:100%;display:flex;align-items:center;gap:4px;padding:10px 12px;border:0;background:transparent;color:#81798d;cursor:pointer;font-size:9px;font-weight:600;letter-spacing:.035em;text-transform:uppercase}.table-card th[data-format=number] button,.table-card th[data-format=currency] button,.table-card th[data-format=percent] button{justify-content:flex-end;text-align:right}.table-card th button:disabled{cursor:default}.table-card td{padding:10px 12px;border-bottom:1px solid #f2f0f5;color:var(--color-text);font-size:10.5px;white-space:nowrap}.table-card tr:nth-child(2n) td{background:#fcfbfd}.table-card tbody tr:hover td{background:#faf9fd}.table-card [data-format=number],.table-card [data-format=currency],.table-card [data-format=percent]{text-align:right;font-variant-numeric:tabular-nums}.table-card [data-format=mono]{font-family:var(--font-mono);font-size:9px}.status-badge{display:inline-flex;padding:3px 6px;border-radius:6px;background:#f2f1f5;color:#6e6879;font-size:9px;font-weight:600}.status-badge--successful{background:var(--color-green-soft);color:#338f6d}.status-badge--failed{background:var(--color-red-soft);color:#b8494f}.status-badge--pending{background:var(--color-amber-soft);color:#a97629}.status-badge--refunded{background:var(--color-primary-soft);color:var(--color-primary-dark)}.table-pagination{min-height:50px;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px 20px}.table-pagination>span{color:var(--color-faint);font:400 9px var(--font-mono)}.table-pagination>div{display:flex;gap:6px}.table-pagination button{display:flex;align-items:center;gap:4px;padding:6px 9px;border:1px solid var(--color-border-strong);border-radius:7px;background:#fff;cursor:pointer;font-size:9px}.table-pagination button:disabled{opacity:.4;cursor:not-allowed}.mobile-more-heading,.mobile-more,.mobile-details{display:none}.segment-builder{margin-bottom:22px}.segment-builder__header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.segment-builder__header>button{display:flex;align-items:center;gap:5px;padding:7px 9px;border:1px solid var(--color-border-strong);border-radius:7px;background:#fff;color:var(--color-muted);cursor:pointer;font-size:9px}.segment-builder__grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-top:18px}.segment-builder label{display:flex;flex-direction:column;gap:5px}.segment-builder label span{color:var(--color-faint);font-size:8.5px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.segment-builder select{min-width:0;height:36px;padding:0 8px;border:1px solid #e8e5ef;border-radius:8px;background:#fbfafd;color:var(--color-text);font-size:10px}.skeleton{border-radius:var(--radius-card);background:linear-gradient(90deg,#efedf2 25%,#f8f7f9,#efedf2 75%);background-size:840px 100%;animation:shimmer 1.5s infinite linear}.skeleton--kpi{height:114px}.skeleton--chart{height:300px}.state-card{min-height:170px;display:flex;align-items:center;gap:15px;padding:24px;border:1px solid var(--color-border);border-radius:var(--radius-card);background:#fff}.state-card>span{width:42px;height:42px;display:grid;flex:none;place-items:center;border-radius:11px;background:var(--color-primary-soft);color:var(--color-primary)}.state-card h2{margin:0;font-size:14px}.state-card p{margin:5px 0;color:var(--color-muted);font-size:11px}.state-card code{color:var(--color-faint);font-size:9px}.state-card button{margin-left:auto;display:flex;align-items:center;gap:6px;padding:8px 12px;border:1px solid var(--color-border-strong);border-radius:8px;background:#fff;cursor:pointer;font-size:10px;font-weight:600}.state-card--error>span{background:var(--color-red-soft);color:var(--color-red)}@media(max-width:1439px){.kpi-grid,.anonymous-kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.compact-kpi-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.segment-builder__grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:1023px){.analytics-page{padding:20px 20px 52px}.kpi-grid,.anonymous-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.compact-kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.visual-grid,.breakdown-grid{grid-template-columns:1fr}.segment-builder__grid{grid-template-columns:repeat(3,minmax(0,1fr))}.table-card th[data-priority=secondary],.table-card td[data-priority=secondary]{display:none}.table-card table{min-width:680px}.mobile-more-heading,.mobile-more{display:table-cell}.mobile-more{text-align:right}.mobile-more button{display:inline-flex;align-items:center;gap:3px;padding:5px 7px;border:1px solid var(--color-border);border-radius:6px;background:#fff;color:var(--color-primary-dark);font-size:9px}.mobile-details{display:table-row}.mobile-details dl{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin:0;padding:8px}.mobile-details dl div{display:flex;justify-content:space-between;gap:8px;padding:7px;border-radius:5px;background:#f8f7fa}.mobile-details dt{color:var(--color-faint);font-size:8px;text-transform:uppercase}.mobile-details dd{margin:0;font-size:9px}}@media(max-width:767px){.analytics-page{padding:16px 14px 44px}.partial-history{align-items:flex-start}.partial-history span{display:block;line-height:1.4}.partial-history strong{display:block}.kpi-grid{display:flex;overflow-x:auto;margin-inline:-14px;padding:0 14px 8px;scrollbar-width:none;scroll-snap-type:x mandatory}.kpi-grid::-webkit-scrollbar{display:none}.kpi-grid .kpi-card{min-width:calc(100vw - 52px);scroll-snap-align:start}.anonymous-analytics{margin-top:24px}.anonymous-kpi-grid{grid-template-columns:1fr}.compact-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.data-card{padding:16px}.trend-chart{height:200px}.chart-card{margin-inline:-14px;border-radius:0;border-inline:0}.funnel-step{grid-template-columns:92px 1fr 54px;gap:7px}.funnel-step em,.funnel-step small{display:none}.segment-builder__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.table-card{margin-inline:-14px;border-radius:0}.table-pagination{align-items:flex-start;flex-direction:column}.table-card table{min-width:600px}.card-header{flex-wrap:wrap}}@media(max-width:440px){.compact-kpi-grid,.segment-builder__grid{grid-template-columns:1fr}.funnel-step{grid-template-columns:84px 1fr 50px}}.anonymous-analytics{display:grid;gap:24px;margin-top:32px;clear:both}.anonymous-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.anonymous-note-card{padding:18px 20px;border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-surface)}.anonymous-note-card h2{margin:0 0 6px;color:var(--color-ink);font-size:15px}.anonymous-note-card p{margin:0;color:var(--color-muted);font-size:13px;line-height:1.5}:root{--font-ui: "Figtree", Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "SFMono-Regular", Consolas, monospace;--color-bg: #f7f6f9;--color-surface: #ffffff;--color-surface-subtle: #faf9fc;--color-ink: #1c1626;--color-text: #3d3550;--color-muted: #8b8397;--color-faint: #a49db2;--color-border: #ecebf1;--color-border-strong: #e4e0ec;--color-primary: #7150e5;--color-primary-dark: #5a3ccc;--color-primary-soft: #f2ecfe;--color-lavender: #b9a7f5;--color-green: #3fb98a;--color-green-soft: #edf8f4;--color-red: #e45b62;--color-red-soft: #fceff0;--color-amber: #e9a33c;--color-amber-soft: #fff7e8;--color-peach: #ffae8f;--color-blue: #5aa5e8;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 22px;--space-6: 32px;--radius-sm: 6px;--radius-control: 10px;--radius-card: 14px;--shadow-card: 0 1px 2px rgba(28, 22, 38, .04);--shadow-popover: 0 18px 44px rgba(28, 22, 38, .14);--sidebar-width: 248px;--header-height: 126px;--content-max: 1192px;--bp-desktop: 1440px;--bp-tablet: 1024px;--bp-mobile: 768px}:root[data-theme=dark]{color-scheme:dark;--color-bg: #121019;--color-surface: #1b1824;--color-surface-subtle: #211d2b;--color-ink: #f5f1fc;--color-text: #ddd5eb;--color-muted: #aaa0bb;--color-faint: #82788f;--color-border: #302a3c;--color-border-strong: #40374f;--color-primary: #8b6df1;--color-primary-dark: #aa92ff;--color-primary-soft: #2c2346;--color-lavender: #a58df0;--color-green-soft: #17352d;--color-red-soft: #3c2027;--color-amber-soft: #3c301b;--shadow-card: 0 1px 2px rgba(0, 0, 0, .28);--shadow-popover: 0 18px 44px rgba(0, 0, 0, .42)}*{box-sizing:border-box}html{min-width:320px;background:var(--color-bg)}body{margin:0;min-width:320px;min-height:100vh;color:var(--color-ink);background:var(--color-bg);font-family:var(--font-ui);-webkit-font-smoothing:antialiased}:root[data-theme=dark] .date-segment,:root[data-theme=dark] .date-segment button.is-active,:root[data-theme=dark] .compare-toggle,:root[data-theme=dark] .filter-trigger,:root[data-theme=dark] .filter-panel,:root[data-theme=dark] .filter-panel select,:root[data-theme=dark] .custom-range,:root[data-theme=dark] .custom-range input,:root[data-theme=dark] .csv-button,:root[data-theme=dark] .table-pagination button,:root[data-theme=dark] .segment-builder,:root[data-theme=dark] .segment-builder select,:root[data-theme=dark] .login-card input{background:var(--color-surface);color:var(--color-text)}:root[data-theme=dark] .compare-toggle.is-active{background:var(--color-primary-soft);color:var(--color-primary-dark)}:root[data-theme=dark] .table-card thead,:root[data-theme=dark] .table-card tr:nth-child(2n) td,:root[data-theme=dark] .table-card tbody tr:hover td,:root[data-theme=dark] .heatmap-card select{background:var(--color-surface-subtle)}button,input,select{font:inherit}button{color:inherit}a{color:inherit;text-decoration:none}table{border-collapse:collapse}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes shimmer{0%{background-position:-420px 0}to{background-position:420px 0}}@keyframes fade-in{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}