.popover__content{z-index:var(--z-popover);width:100%;max-width:32rem;border-radius:var(--radius-m);border:1px solid var(--border);background-color:var(--surface-elevated);padding:var(--space-m);box-shadow:var(--shadow-l);outline:none;animation-duration:.2s;animation-timing-function:cubic-bezier(.16,1,.3,1);will-change:transform,opacity}.popover__content[data-state=open][data-side=top]{animation-name:popover-slide-down-fade}.popover__content[data-state=open][data-side=right]{animation-name:popover-slide-left-fade}.popover__content[data-state=open][data-side=bottom]{animation-name:popover-slide-up-fade}.popover__content[data-state=open][data-side=left]{animation-name:popover-slide-right-fade}.popover__arrow{fill:var(--surface-elevated);stroke:var(--border);stroke-width:1px}@keyframes popover-slide-up-fade{0%{opacity:0;transform:translateY(.5rem)}to{opacity:1;transform:translateY(0)}}@keyframes popover-slide-down-fade{0%{opacity:0;transform:translateY(-.5rem)}to{opacity:1;transform:translateY(0)}}@keyframes popover-slide-left-fade{0%{opacity:0;transform:translateX(.5rem)}to{opacity:1;transform:translateX(0)}}@keyframes popover-slide-right-fade{0%{opacity:0;transform:translateX(-.5rem)}to{opacity:1;transform:translateX(0)}}.popover__content--wide{max-width:48rem}.popover__content--narrow{max-width:24rem}.classes-filters{display:flex;align-items:center;gap:var(--space-xs)}.classes-filters__search{position:relative;flex:1}.classes-filters__search-icon{position:absolute;left:var(--space-s);top:50%;transform:translateY(-50%);pointer-events:none}.classes-filters__search input{padding-left:calc(var(--space-s) + 1.6rem + var(--space-xs))}.classes-filters__select-trigger{min-width:12rem;width:auto}.classes-filters__select-trigger--narrow{min-width:10rem}.classes-filters__filter-icon{margin-right:var(--space-2xs)}.classes-filters__dropdown-trigger{display:inline-flex;align-items:center;gap:var(--space-2xs);padding:var(--space-xs) var(--space-s);font-size:var(--t-s);font-weight:500;color:var(--fg);background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius-s);cursor:pointer;transition:all var(--transition-fast);min-width:12rem}.classes-filters__dropdown-trigger:hover{background-color:var(--surface-elevated);border-color:var(--border-strong)}.classes-filters__dropdown-trigger--active{border-color:var(--accent);background-color:var(--accent-subtle)}.badge--count{display:inline-flex;align-items:center;justify-content:center;min-width:2rem;height:2rem;padding:0 var(--space-2xs);font-size:var(--t-xs);font-weight:600;color:var(--accent-fg);background-color:var(--accent);border-radius:var(--radius-full);margin-left:auto}@media (max-width:767px){.classes-filters{flex-wrap:wrap;gap:var(--space-2xs)}.classes-filters__search{flex:1 1 100%}.classes-filters__dropdown-trigger{min-width:0;flex:1}}[data-sonner-toaster]{z-index:var(--z-fixed)!important}body:has([role=alertdialog][data-state=open]) [data-sonner-toaster],body:has([role=dialog][data-state=open]) [data-sonner-toaster]{z-index:1100!important}@media (max-width:1023px){[data-sonner-toaster][data-y-position=bottom]{bottom:calc(7rem + env(safe-area-inset-bottom))!important}}[data-sonner-toast]{border-radius:var(--radius-m)!important;padding:var(--space-m)!important;gap:var(--space-s)!important;box-shadow:var(--shadow-m)!important;border:1.5px solid!important;min-height:auto!important}[data-sonner-toast] [data-icon]{width:2rem!important;height:2rem!important;margin-right:var(--space-xs)!important}[data-sonner-toast] [data-content]{display:flex;flex-direction:column;gap:var(--space-3xs)}[data-sonner-toast] [data-title]{font-weight:600!important;font-size:var(--t-m)!important;line-height:1.3!important}[data-sonner-toast] [data-description]{font-size:var(--t-s)!important;line-height:1.4!important;color:inherit!important;opacity:1!important}[data-sonner-toast] [data-button]{all:unset;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:var(--space-3xs)!important;padding:var(--space-xs) var(--space-s)!important;border-radius:var(--radius-s)!important;font-size:var(--t-s)!important;font-weight:500!important;line-height:1!important;text-transform:uppercase!important;letter-spacing:.05em!important;cursor:pointer!important;white-space:nowrap!important;-webkit-user-select:none!important;-moz-user-select:none!important;user-select:none!important;transition:all var(--transition-fast)!important;border:1px solid!important;box-sizing:border-box!important}[data-sonner-toast] [data-button]:active{transform:scale(.98)!important}[data-sonner-toast] [data-close-button]{border:none!important;background:transparent!important;opacity:.5!important;transition:opacity var(--transition-fast)!important}[data-sonner-toast] [data-close-button]:hover{opacity:1!important}[data-sonner-toast][data-type=default]{background:var(--surface-elevated)!important;border-color:var(--border)!important;color:var(--fg)!important}[data-sonner-toast][data-type=default] [data-button]{background-color:var(--btn-bg)!important;color:var(--btn-text)!important;border-color:var(--btn-border)!important}[data-sonner-toast][data-type=default] [data-button]:hover{background-color:var(--btn-bg-hover)!important;color:var(--btn-text-hover)!important;border-color:var(--btn-border-hover)!important}[data-sonner-toast][data-type=info]{background:var(--info-subtle)!important;border-color:var(--info)!important;color:var(--info)!important}[data-sonner-toast][data-type=info] [data-icon]{color:var(--info)!important}[data-sonner-toast][data-type=info] [data-button]{background-color:var(--info-muted)!important;color:var(--info-foreground)!important;border-color:var(--info-muted)!important}[data-sonner-toast][data-type=info] [data-button]:hover{background-color:var(--info)!important;border-color:var(--info)!important}[data-sonner-toast][data-type=success]{background:var(--success-subtle)!important;border-color:var(--success)!important;color:var(--success)!important}[data-sonner-toast][data-type=success] [data-icon]{color:var(--success)!important}[data-sonner-toast][data-type=success] [data-button]{background-color:var(--success-muted)!important;color:var(--success-foreground)!important;border-color:var(--success-muted)!important}[data-sonner-toast][data-type=success] [data-button]:hover{background-color:var(--success)!important;border-color:var(--success)!important}[data-sonner-toast][data-type=warning]{background:var(--warning-subtle)!important;border-color:var(--warning)!important;color:var(--warning)!important}[data-sonner-toast][data-type=warning] [data-icon]{color:var(--warning)!important}[data-sonner-toast][data-type=warning] [data-button]{background-color:var(--warning-muted)!important;color:var(--warning-foreground)!important;border-color:var(--warning-muted)!important}[data-sonner-toast][data-type=warning] [data-button]:hover{background-color:var(--warning)!important;border-color:var(--warning)!important}[data-sonner-toast][data-type=error]{background:var(--error-subtle)!important;border-color:var(--error)!important;color:var(--error)!important}[data-sonner-toast][data-type=error] [data-icon]{color:var(--error)!important}[data-sonner-toast][data-type=error] [data-button]{background-color:var(--error-muted)!important;color:var(--error-foreground)!important;border-color:var(--error-muted)!important}[data-sonner-toast][data-type=error] [data-button]:hover{background-color:var(--error)!important;border-color:var(--error)!important}[data-sonner-toast][data-type=loading]{background:var(--surface-elevated)!important;border-color:var(--border)!important;color:var(--fg)!important}[data-sonner-toast][data-type=loading] [data-icon]{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:767px){[data-sonner-toast]{max-width:calc(100vw - var(--space-m) * 2)!important;margin-inline:var(--space-m)!important}}.empty-state{text-align:center;padding:var(--space-3xl) var(--space-m);display:flex;flex-direction:column;align-items:center;gap:var(--space-m)}.empty-state__icon{width:6.4rem;height:6.4rem;color:var(--color-muted);margin-bottom:var(--space-s)}.empty-state__title{font-size:var(--t-l);font-weight:500;color:var(--fg);margin-bottom:var(--space-xs)}.empty-state__description{color:var(--color-muted);max-width:50rem;margin-bottom:var(--space-s)}.empty-state__actions{margin-top:var(--space-xs)}.empty-state--compact{padding:var(--space-xl) var(--space-m)}.empty-state--compact .empty-state__icon{width:4.8rem;height:4.8rem}.kpi-card{background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius-m);padding:var(--space-l);display:flex;flex-direction:column;gap:var(--space-s);transition:all var(--transition-base)}.kpi-card:hover{background-color:var(--surface-hover);border-color:var(--border-hover)}.kpi-card__header{display:flex;align-items:center;gap:var(--space-xs)}.kpi-card__icon{color:var(--primary);flex-shrink:0}.kpi-card__title{font-size:var(--t-s);font-weight:500;color:var(--fg-muted);text-transform:uppercase;letter-spacing:.05em}.kpi-card__value{font-size:var(--t-3xl);font-weight:700;color:var(--fg);line-height:1.2}.kpi-card__description{font-size:var(--t-s);color:var(--fg-muted)}.card .card--kpi,.card--kpi{text-align:center;display:flex;flex-direction:column;justify-content:center}.card--kpi *{align-self:anchor-center;text-transform:none}.card--kpi .card__header{justify-content:center;place-items:center;min-height:3.2rem}.card--kpi .card__content{padding:0}.kpi-card__trend{margin-top:var(--space-s);display:flex;align-items:center;justify-content:center;gap:var(--space-2xs);font-size:var(--t-s)}.kpi-card__trend-value{font-weight:600}.kpi-card__trend-label{color:var(--color-muted)}.kpi-card__trend--positive .kpi-card__trend-value{color:var(--success)}.kpi-card__trend--negative .kpi-card__trend-value{color:var(--error)}.kpi-card__boundary{display:flex;flex-direction:column;gap:var(--space-2xs)}.kpi-card__boundary-start{font-size:var(--t-s);color:var(--fg-muted);line-height:1.2}.kpi-card__boundary-start-label{text-transform:uppercase;letter-spacing:.05em;font-size:var(--t-xs);margin-right:var(--space-2xs)}@media (max-width:767px){.kpi-card{padding:var(--space-s);text-align:center}.kpi-card,.kpi-card__header{gap:var(--space-2xs);align-items:center}.kpi-card__header{flex-direction:column}.kpi-card__title{font-size:var(--t-xs);line-height:1.2}.kpi-card__value{font-size:var(--t-xl)}.kpi-card__description{font-size:var(--t-xs)}.card--kpi{padding:var(--space-xs);gap:var(--space-2xs)}.card--kpi .card__header{gap:var(--space-2xs);min-height:2.4rem}.card--kpi .card__header .card__title{font-size:var(--t-2xs)}.card--kpi .card__header .icon,.card--kpi .card__header [class*=icon--]{width:1.6rem;height:1.6rem;flex-shrink:0}.card--kpi .heading{font-size:var(--t-l);font-weight:500}.card--kpi .text-s{font-size:var(--t-2xs)}}.metric-chart{--metric-chart-color:var(--chart-1);--metric-chart-grid:var(--chart-grid);--metric-chart-axis:var(--chart-axis);--metric-chart-height:20rem;--metric-chart-ease:cubic-bezier(0.4,0,0.2,1);color:var(--metric-chart-color);display:flex;flex-direction:column;gap:var(--space-m);width:100%}.metric-chart--secondary{--metric-chart-color:var(--chart-2)}.metric-chart--new{--metric-chart-color:var(--chart-3)}.metric-chart--churn{--metric-chart-color:var(--chart-4)}.metric-chart--tall{--metric-chart-height:28rem}.metric-chart--short{--metric-chart-height:12rem}.metric-chart__header{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-l);flex-wrap:wrap}.metric-chart__meta{display:flex;flex-direction:column;gap:var(--space-2xs);min-width:0}.metric-chart__label{font-size:var(--t-s);font-weight:500;color:var(--fg-muted);letter-spacing:0}.metric-chart__value{font-size:var(--t-3xl);font-weight:600;color:var(--fg);line-height:1.05;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.metric-chart__delta{display:inline-flex;align-items:center;gap:var(--space-2xs);font-size:var(--t-s);font-weight:500;color:var(--fg-muted);font-variant-numeric:tabular-nums}.metric-chart__delta--up{color:var(--success)}.metric-chart__delta--down{color:var(--error)}.metric-chart__delta-arrow{font-size:var(--t-xs);line-height:1}.metric-chart__ranges{display:inline-flex;align-items:stretch;gap:0;font-size:var(--t-xs);font-weight:400;letter-spacing:.05em;text-transform:uppercase}.metric-chart__range{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:1px solid var(--border);border-right-width:0;color:var(--fg-muted);padding:.375rem .65rem;cursor:pointer;font:inherit;letter-spacing:inherit;text-transform:inherit;transition:background-color .16s var(--metric-chart-ease),color .16s var(--metric-chart-ease)}.metric-chart__range:first-child{border-top-left-radius:var(--radius-s);border-bottom-left-radius:var(--radius-s)}.metric-chart__range:last-child{border-right-width:1px;border-top-right-radius:var(--radius-s);border-bottom-right-radius:var(--radius-s)}.metric-chart__range:hover{color:var(--fg)}.metric-chart__range[aria-pressed=true]{background:var(--fg);color:var(--bg);border-color:var(--fg)}.metric-chart__body{position:relative;width:100%;height:var(--metric-chart-height)}.metric-chart__svg{width:100%;height:100%;display:block;overflow:visible}.metric-chart__y-label{fill:var(--metric-chart-axis);font-size:var(--t-xs);font-weight:500;font-variant-numeric:tabular-nums}.metric-chart__x-label{fill:var(--metric-chart-axis);font-size:var(--t-xs);font-weight:500;text-transform:uppercase;letter-spacing:.06em}.metric-chart__grid{stroke:var(--metric-chart-grid);stroke-width:1;stroke-dasharray:2 4;shape-rendering:crispEdges}.metric-chart__area,.metric-chart__line,.metric-chart__line-secondary{opacity:0;transform:translateY(14%);transform-box:fill-box;transform-origin:50% 100%;animation:metric-chart-lift .9s var(--metric-chart-ease) .18s forwards}.metric-chart__line{fill:none;stroke:currentColor;stroke-width:2.25;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 6px 16px oklch(from currentColor l c h/.22))}.metric-chart__line-secondary{fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:5 4;stroke-opacity:.55}@keyframes metric-chart-lift{to{opacity:1;transform:translateY(0)}}.metric-chart__dot{fill:var(--surface);stroke:currentColor;stroke-width:2.25;transition:transform .16s var(--metric-chart-ease);transform-box:fill-box;transform-origin:center;pointer-events:none}.metric-chart__dot--pulse{animation:metric-chart-pulse 1.8s var(--metric-chart-ease) infinite}@keyframes metric-chart-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.25);opacity:.6}}.metric-chart__crosshair{stroke:currentColor;stroke-width:1;stroke-dasharray:3 3;opacity:.3}.metric-chart__crosshair,.metric-chart__tooltip{pointer-events:none;transition:opacity .12s var(--metric-chart-ease)}.metric-chart__tooltip{position:absolute;top:0;left:0;transform:translate(-50%,calc(-100% - .6rem));background:var(--surface-elevated);color:var(--fg);border:1px solid var(--border-subtle);border-radius:var(--radius-m);padding:var(--space-2xs) var(--space-s);font-size:var(--t-s);font-weight:500;box-shadow:var(--shadow-l);white-space:nowrap;opacity:0;font-variant-numeric:tabular-nums;z-index:1}.metric-chart__tooltip--visible{opacity:1}.metric-chart__tooltip-label{color:var(--fg-muted);font-size:var(--t-xs);font-weight:500;text-transform:uppercase;letter-spacing:.06em;display:block;margin-bottom:.1rem}.metric-chart__tooltip-value{font-size:var(--t-m);font-weight:600;letter-spacing:-.01em;color:currentColor}.metric-chart__tooltip-secondary{display:block;margin-top:.2rem;padding-top:.25rem;border-top:1px solid var(--border-subtle);font-size:var(--t-xs);color:var(--fg-muted);font-weight:500}.metric-chart__tooltip-secondary-value{color:var(--fg);font-weight:600}.metric-chart__empty{display:grid;place-items:center;color:var(--fg-muted);font-size:var(--t-s);border:1px dashed var(--border-subtle)}.metric-chart__empty,.metric-chart__skeleton{height:var(--metric-chart-height);border-radius:var(--radius-m)}.metric-chart__skeleton{background:linear-gradient(90deg,var(--surface-muted) 25%,var(--surface-subtle) 50%,var(--surface-muted) 75%);background-size:200% 100%;animation:metric-chart-shimmer 1.6s linear infinite}@keyframes metric-chart-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){.metric-chart__area,.metric-chart__dot--pulse,.metric-chart__line,.metric-chart__line-secondary{animation:none;opacity:1;transform:none}}@media (max-width:767px){.metric-chart{--metric-chart-height:16rem}.metric-chart--tall{--metric-chart-height:20rem}.metric-chart__header{flex-direction:column;align-items:flex-start}.metric-chart__value{font-size:var(--t-2xl)}}.btn--admin-card{padding:var(--space-m) var(--space-l);width:auto;height:auto;display:flex;flex-direction:column;align-items:center;gap:var(--space-s);text-align:center;transition:all var(--transition-base)}.btn--admin-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-m)}.admin-card__icon{width:var(--icon-xl);height:var(--icon-xl);color:var(--primary);margin-bottom:var(--space-xs)}.btn--admin-card svg{width:3.2rem;height:3.2rem}.btn--admin-card .admin-card__title{font-weight:500;font-size:var(--t-m)}.btn--admin-card .admin-card__description{font-size:var(--t-s);color:var(--fg-muted);font-weight:400;line-height:1.4;text-transform:none}@media (max-width:767px){.btn--admin-card{padding:var(--space-s) var(--space-m)}.admin-card__icon{width:var(--icon-l);height:var(--icon-l)}.admin-card__title{font-size:var(--t-s)}.admin-card__description{font-size:var(--t-xs)}}.pricing-toggle{display:flex;flex-direction:column;gap:var(--space-2xl);padding:var(--space-2xl) 0}.pricing-toggle__header{display:flex;justify-content:center;align-items:center;gap:var(--space-m);width:100%}.pricing-toggle__switch-container{display:flex;align-items:center;gap:var(--space-l)}.pricing-toggle__switch{position:relative;display:inline-block}.pricing-toggle__input{opacity:0;width:0;height:0;position:absolute}.pricing-toggle__label{display:grid;grid-template-columns:1fr auto 1fr;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.pricing-toggle__text{font-size:var(--t-m);font-weight:500;color:var(--fg-muted);transition:color .3s ease;gap:var(--space-m);display:flex;height:-moz-fit-content;height:fit-content}.pricing-toggle__text:first-of-type{text-align:right;justify-self:end}.pricing-toggle__input:checked~.pricing-toggle__label .pricing-toggle__text--yearly,.pricing-toggle__input:not(:checked)~.pricing-toggle__label .pricing-toggle__text--monthly{color:var(--fg);font-weight:600}.pricing-toggle__slider{position:relative;display:inline-block;width:56px;height:30px;background:var(--surface-subtle);border:2px solid var(--border);border-radius:var(--radius-full);transition:all .3s ease}.pricing-toggle__slider:before{content:"";position:absolute;height:22px;width:22px;left:2px;top:50%;transform:translateY(-50%);background:var(--fg);border-radius:50%;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 4px rgba(0,0,0,.2)}.pricing-toggle__input:checked~.pricing-toggle__label .pricing-toggle__slider{background:var(--success-subtle);border-color:var(--success)}.pricing-toggle__input:checked~.pricing-toggle__label .pricing-toggle__slider:before{transform:translateY(-50%) translateX(26px);background:var(--success)}.pricing-toggle__label:hover .pricing-toggle__slider{border-color:var(--primary)}.pricing-toggle__input:checked~.pricing-toggle__label:hover .pricing-toggle__slider{border-color:var(--success)}.pricing-toggle__savings{font-weight:600;position:absolute;top:2.5rem}.coupon-banner,.pricing-toggle__card{max-width:30rem;align-self:center}.coupon-banner{display:flex;align-items:center;gap:var(--space-m);border-radius:var(--radius-m);text-align:left}.coupon-banner__content{display:flex;flex-direction:column;gap:var(--space-xs)}.coupon-banner__content strong{font-size:var(--t-m)}.coupon-banner__content span{font-size:var(--t-s);opacity:.9}.pricing-toggle__monthly-equivalent{text-align:center;font-size:var(--t-s);color:var(--front-muted);margin-top:calc(var(--space-xs) * -1);margin-bottom:var(--space-m)}@media (max-width:48rem){.pricing-toggle__switch-wrapper{flex-direction:column;width:100%;gap:var(--space-xs)}.pricing-toggle__option{width:100%;text-align:center}.pricing-toggle__savings{margin-left:0;margin-top:var(--space-xs)}}.feedback-button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-xs);padding:var(--space-l);background-color:var(--surface);border:2px solid var(--border);border-radius:var(--radius-m);cursor:pointer;transition:all var(--transition-base);color:var(--fg);min-width:12rem}.feedback-button:hover:not(:disabled){background-color:var(--surface-subtle);border-color:var(--primary);transform:translateY(-.2rem)}.feedback-button:active:not(:disabled){transform:translateY(0)}.feedback-button:disabled{opacity:.5;cursor:not-allowed}.feedback-button .icon--xl{width:4rem;height:4rem}.video-completion-overlay{position:absolute;top:0;left:0;right:0;bottom:0;z-index:100;display:flex;align-items:center;justify-content:center;pointer-events:auto;opacity:0;transition:opacity .5s ease-in}.video-completion-overlay--visible{opacity:1}.video-completion-overlay:not(.video-completion-overlay--visible){pointer-events:none}.video-completion-overlay__backdrop{position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.8);z-index:1}.video-completion-overlay__content{position:relative;z-index:2;text-align:center;display:flex;flex-direction:column;gap:var(--space-l);padding:var(--space-l)}.video-completion-overlay__title{color:var(--fg);font-size:var(--t-xl);font-weight:600;margin:0}.video-completion-overlay__buttons{display:flex;gap:var(--space-m);justify-content:center;align-items:center}.video-completion-overlay__button{width:8rem;height:8rem;padding:0;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-m);background-color:var(--surface);border:2px solid var(--border);transition:all var(--transition-fast)}.video-completion-overlay__button:hover:not(:disabled){transform:scale(1.1);border-color:var(--primary);box-shadow:var(--shadow-l)}.video-completion-overlay__emoji{font-size:4rem;line-height:1}.video-completion-overlay__button--active{transform:scale(1.3);border-color:var(--primary);box-shadow:var(--shadow-l)}.video-completion-overlay__button--active .video-completion-overlay__emoji{font-size:5rem}.video-completion-overlay__actions{display:flex;justify-content:center;align-items:center}