:root{--layout-content-padding: var(--space-5)}.layout{display:flex;height:100%;overflow:hidden}.layout__overlay,.layout__mobile-sidebar{display:none}.layout__main{flex:1;min-width:0;display:flex;flex-direction:column;overflow:hidden}.layout__content{flex:1;overflow-y:auto;padding:var(--layout-content-padding)}@media(max-width:768px){.layout__overlay{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:99}.layout__mobile-sidebar{display:block;position:fixed;top:0;left:0;bottom:0;z-index:100;transform:translate(-100%);transition:transform var(--transition)}.layout__mobile-sidebar--open{transform:translate(0)}.layout>.sidebar{display:none}}:root{--sidebar-bg: var(--surface);--sidebar-border: var(--border);--sidebar-brand-font: var(--typo-subtitle);--sidebar-brand-weight: var(--font-weight-semibold);--sidebar-link-font: var(--typo-body);--sidebar-link-color: var(--text-muted);--sidebar-link-hover-bg: var(--surface-raised);--sidebar-link-hover-color: var(--text);--sidebar-link-active-bg: var(--accent-subtle);--sidebar-link-active-color: var(--accent-text);--sidebar-link-radius: var(--radius);--sidebar-link-padding: var(--space-2) var(--space-3);--sidebar-icon-size: var(--typo-body);--sidebar-logo-bg: var(--accent);--sidebar-logo-size: 28px}.sidebar{width:var(--sidebar-width);min-width:var(--sidebar-width);background-color:var(--sidebar-bg);border-right:1px solid var(--sidebar-border);display:flex;flex-direction:column;padding:var(--space-4) var(--space-3);overflow-y:auto;flex-shrink:0}.sidebar__brand{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);margin-bottom:var(--space-4)}.sidebar__logo{width:var(--sidebar-logo-size);height:var(--sidebar-logo-size);background-color:var(--sidebar-logo-bg);color:var(--text-on-accent);border-radius:var(--radius);display:flex;align-items:center;justify-content:center;font-size:var(--typo-caption);font-weight:var(--font-weight-bold);flex-shrink:0}.sidebar__brand-name{font-size:var(--sidebar-brand-font);font-weight:var(--sidebar-brand-weight);color:var(--text)}.sidebar__nav{list-style:none;display:flex;flex-direction:column;gap:2px}.sidebar__link{display:flex;align-items:center;gap:var(--space-2);padding:var(--sidebar-link-padding);border-radius:var(--sidebar-link-radius);font-size:var(--sidebar-link-font);color:var(--sidebar-link-color);text-decoration:none;transition:background-color var(--transition-fast),color var(--transition-fast);min-height:36px}.sidebar__link:hover{background-color:var(--sidebar-link-hover-bg);color:var(--sidebar-link-hover-color);text-decoration:none}.sidebar__link--active{background-color:var(--sidebar-link-active-bg);color:var(--sidebar-link-active-color)}.sidebar__icon{font-size:var(--sidebar-icon-size);width:18px;text-align:center;flex-shrink:0}@media(max-width:768px){.sidebar{position:fixed;top:0;left:0;bottom:0;z-index:100;transform:translate(-100%);transition:transform var(--transition);box-shadow:var(--shadow-lg)}.sidebar--open{transform:translate(0)}}:root{--topbar-bg: var(--surface);--topbar-border: var(--border);--topbar-title-font: var(--typo-title);--topbar-title-weight: var(--font-weight-semibold);--topbar-user-font: var(--typo-copy);--topbar-user-color: var(--text-muted)}.topbar{height:var(--topbar-height);background-color:var(--topbar-bg);border-bottom:1px solid var(--topbar-border);display:flex;align-items:center;padding:0 var(--space-5);gap:var(--space-4);flex-shrink:0}.topbar__menu-btn{display:none;background:none;border:none;color:var(--text-muted);font-size:var(--typo-subtitle);padding:var(--space-1);cursor:pointer;line-height:1}.topbar__title{font-size:var(--topbar-title-font);font-weight:var(--topbar-title-weight);color:var(--text);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar__actions{display:flex;align-items:center;gap:var(--space-3);flex-shrink:0}.topbar__user{font-size:var(--topbar-user-font);color:var(--topbar-user-color)}@media(max-width:768px){.topbar__menu-btn{display:block}.topbar__user{display:none}}:root{--btn-primary-bg: var(--accent);--btn-primary-bg-hover: var(--accent-hover);--btn-primary-text: var(--text-on-accent);--btn-secondary-bg: var(--surface-raised);--btn-secondary-bg-hover: var(--surface-overlay);--btn-secondary-text: var(--text);--btn-secondary-border: var(--border-strong);--btn-danger-bg: var(--danger-surface);--btn-danger-bg-hover: var(--danger);--btn-danger-text: var(--danger-text);--btn-ghost-bg: transparent;--btn-ghost-bg-hover: var(--surface-raised);--btn-ghost-text: var(--text-muted);--btn-padding-sm: var(--space-1) var(--space-3);--btn-padding-md: var(--space-2) var(--space-4);--btn-font-sm: var(--typo-caption);--btn-font-md: var(--typo-copy);--btn-radius: var(--radius)}.btn{display:inline-flex;align-items:center;gap:var(--space-2);border:1px solid transparent;border-radius:var(--btn-radius);font-weight:var(--font-weight-medium);white-space:nowrap;transition:background-color var(--transition-fast),border-color var(--transition-fast),opacity var(--transition-fast);cursor:pointer;outline:none;min-height:32px}.btn:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}.btn:disabled,.btn--loading{opacity:.5;cursor:not-allowed;pointer-events:none}.btn--sm{padding:var(--btn-padding-sm);font-size:var(--btn-font-sm)}.btn--md{padding:var(--btn-padding-md);font-size:var(--btn-font-md)}.btn--primary{background-color:var(--btn-primary-bg);color:var(--btn-primary-text)}.btn--primary:hover:not(:disabled){background-color:var(--btn-primary-bg-hover)}.btn--secondary{background-color:var(--btn-secondary-bg);color:var(--btn-secondary-text);border-color:var(--btn-secondary-border)}.btn--secondary:hover:not(:disabled){background-color:var(--btn-secondary-bg-hover)}.btn--danger{background-color:var(--btn-danger-bg);color:var(--btn-danger-text);border-color:var(--danger)}.btn--danger:hover:not(:disabled){background-color:var(--btn-danger-bg-hover);color:var(--primitive-white)}.btn--ghost{background-color:var(--btn-ghost-bg);color:var(--btn-ghost-text)}.btn--ghost:hover:not(:disabled){background-color:var(--btn-ghost-bg-hover);color:var(--text)}:root{--spinner-color: var(--accent);--spinner-track-color: var(--border);--spinner-size-sm: 16px;--spinner-size-md: 24px;--spinner-size-lg: 40px;--spinner-border-sm: 2px;--spinner-border-md: 2px;--spinner-border-lg: 3px}.spinner{border-radius:var(--radius-pill);border-style:solid;border-color:var(--spinner-track-color);border-top-color:var(--spinner-color);animation:spin .7s linear infinite;flex-shrink:0}.spinner--sm{width:var(--spinner-size-sm);height:var(--spinner-size-sm);border-width:var(--spinner-border-sm)}.spinner--md{width:var(--spinner-size-md);height:var(--spinner-size-md);border-width:var(--spinner-border-md)}.spinner--lg{width:var(--spinner-size-lg);height:var(--spinner-size-lg);border-width:var(--spinner-border-lg)}@keyframes spin{to{transform:rotate(360deg)}}:root{--login-card-bg: var(--surface);--login-card-border: var(--border);--login-card-radius: var(--radius-lg);--login-card-padding: var(--space-8);--login-logo-bg: var(--accent);--login-logo-size: 48px}.login{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--space-5);background-color:var(--bg)}.login__card{background-color:var(--login-card-bg);border:1px solid var(--login-card-border);border-radius:var(--login-card-radius);padding:var(--login-card-padding);width:100%;max-width:360px;display:flex;flex-direction:column;align-items:center;gap:var(--space-4);text-align:center}.login__logo{width:var(--login-logo-size);height:var(--login-logo-size);background-color:var(--login-logo-bg);color:var(--text-on-accent);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:var(--typo-subtitle);font-weight:var(--font-weight-bold)}.login__title{font-size:var(--typo-title);font-weight:var(--font-weight-semibold);color:var(--text)}.login__subtitle{font-size:var(--typo-body);color:var(--text-muted);margin-top:calc(-1 * var(--space-2))}.login__btn{width:100%;justify-content:center;margin-top:var(--space-2)}:root{--auth-callback-card-bg: var(--surface);--auth-callback-card-border: var(--border)}.auth-callback{min-height:100vh;display:flex;align-items:center;justify-content:center;background-color:var(--bg)}.auth-callback__card{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);background-color:var(--auth-callback-card-bg);border:1px solid var(--auth-callback-card-border);border-radius:var(--radius-lg);padding:var(--space-8)}.auth-callback__message{font-size:var(--typo-body);color:var(--text-muted)}.auth-callback__error{font-size:var(--typo-body);color:var(--danger-text);text-align:center}:root{--overview-grid-min: 180px;--overview-chart-bg: var(--surface);--overview-chart-border: var(--border);--overview-chart-radius: var(--radius-md);--overview-section-title-font: var(--typo-subtitle);--overview-section-title-weight: var(--font-weight-semibold)}.overview{display:flex;flex-direction:column;gap:var(--space-6)}.overview__loading,.overview__error{display:flex;align-items:center;justify-content:center;padding:var(--space-8);color:var(--text-muted)}.overview__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--overview-grid-min),1fr));gap:var(--space-4)}.overview__section-title{font-size:var(--overview-section-title-font);font-weight:var(--overview-section-title-weight);color:var(--text);margin-bottom:var(--space-3)}.overview__chart-card{background-color:var(--overview-chart-bg);border:1px solid var(--overview-chart-border);border-radius:var(--overview-chart-radius);padding:var(--space-5)}@media(max-width:480px){:root{--overview-grid-min: 140px}}:root{--stat-card-bg: var(--surface);--stat-card-border: var(--border);--stat-card-radius: var(--radius-md);--stat-card-padding: var(--space-5);--stat-card-label-color: var(--text-muted);--stat-card-label-font: var(--typo-copy);--stat-card-value-font: var(--typo-display);--stat-card-value-weight: var(--font-weight-semibold);--stat-card-delta-up: var(--success);--stat-card-delta-down: var(--danger);--stat-card-sub-color: var(--text-subtle);--stat-card-sub-font: var(--typo-caption)}.stat-card{background-color:var(--stat-card-bg);border:1px solid var(--stat-card-border);border-radius:var(--stat-card-radius);padding:var(--stat-card-padding);display:flex;flex-direction:column;gap:var(--space-2);min-width:0}.stat-card__label{font-size:var(--stat-card-label-font);color:var(--stat-card-label-color);font-weight:var(--font-weight-medium)}.stat-card__value{font-size:var(--stat-card-value-font);font-weight:var(--stat-card-value-weight);color:var(--text);line-height:1.1}.stat-card__footer{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.stat-card__delta{font-size:var(--typo-caption);font-weight:var(--font-weight-medium)}.stat-card__delta--up{color:var(--stat-card-delta-up)}.stat-card__delta--down{color:var(--stat-card-delta-down)}.stat-card__sub{font-size:var(--stat-card-sub-font);color:var(--stat-card-sub-color)}:root{--line-chart-bg: transparent;--line-chart-axis-color: var(--text-subtle);--line-chart-axis-font: var(--typo-label);--line-chart-empty-color: var(--text-subtle)}.line-chart{display:flex;flex-direction:column;gap:var(--space-1)}.line-chart__label{font-size:var(--typo-caption);font-weight:var(--font-weight-medium);color:var(--text-muted);margin-bottom:var(--space-1)}.line-chart__svg{width:100%;display:block}.line-chart__axis{display:flex;justify-content:space-between;font-size:var(--line-chart-axis-font);color:var(--line-chart-axis-color)}.line-chart--empty{display:flex;align-items:center;justify-content:center;color:var(--line-chart-empty-color);font-size:var(--typo-copy);border:1px dashed var(--border);border-radius:var(--radius)}:root{--funnel-page-card-bg: var(--surface);--funnel-page-card-border: var(--border)}.funnel{display:flex;flex-direction:column;gap:var(--space-5)}.funnel__loading,.funnel__error{display:flex;align-items:center;justify-content:center;padding:var(--space-8);color:var(--text-muted)}.funnel__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap}.funnel__description{font-size:var(--typo-body);color:var(--text-muted);flex:1;min-width:0}.funnel__days-select{font-size:var(--typo-body);padding:var(--space-1) var(--space-3);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);cursor:pointer;flex-shrink:0}.funnel__card{background-color:var(--funnel-page-card-bg);border:1px solid var(--funnel-page-card-border);border-radius:var(--radius-md);padding:var(--space-6)}:root{--funnel-track-bg: var(--surface-raised);--funnel-bar-color: var(--accent);--funnel-bar-radius: var(--radius-sm);--funnel-track-height: 28px;--funnel-gap: var(--space-3)}.funnel-chart{display:flex;flex-direction:column;gap:var(--funnel-gap)}.funnel-chart--empty{display:flex;align-items:center;justify-content:center;padding:var(--space-8);color:var(--text-subtle);font-size:var(--typo-copy);border:1px dashed var(--border);border-radius:var(--radius)}.funnel-step__meta{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-1)}.funnel-step__name{flex:1;font-size:var(--typo-body);font-weight:var(--font-weight-medium);color:var(--text)}.funnel-step__count{font-size:var(--typo-body);font-weight:var(--font-weight-semibold);color:var(--text);min-width:48px;text-align:right}.funnel-step__pct{font-size:var(--typo-copy);color:var(--text-muted);min-width:40px;text-align:right}.funnel-step__pct--prev{color:var(--text-subtle);min-width:52px}.funnel-step__pct--warn{color:var(--danger-text, #dc2626)}.funnel-step__track{background-color:var(--funnel-track-bg);border-radius:var(--funnel-bar-radius);height:var(--funnel-track-height);overflow:hidden}.funnel-step__bar{height:100%;background-color:var(--funnel-bar-color);border-radius:var(--funnel-bar-radius);transition:width var(--transition)}:root{--conversion-grid-min: 160px}.conversion{display:flex;flex-direction:column;gap:var(--space-6)}.conversion__loading,.conversion__error{display:flex;align-items:center;justify-content:center;padding:var(--space-8);color:var(--text-muted)}.conversion__section{display:flex;flex-direction:column;gap:var(--space-4)}.conversion__section-title{font-size:var(--typo-subtitle);font-weight:var(--font-weight-semibold);color:var(--text)}.conversion__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--conversion-grid-min),1fr));gap:var(--space-4)}.conversion__tables{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6);align-items:start}.conversion__description{font-size:var(--typo-body);color:var(--text-muted);margin-top:calc(-1 * var(--space-2))}.conversion__empty{font-size:var(--typo-body);color:var(--text-subtle);padding:var(--space-4);border:1px dashed var(--border);border-radius:var(--radius-sm);text-align:center}@media(max-width:900px){.conversion__tables{grid-template-columns:1fr}}:root{--table-bg: var(--surface);--table-header-bg: var(--surface-raised);--table-border: var(--border);--table-row-hover: var(--surface-raised);--table-radius: var(--radius-md);--table-header-font: var(--typo-caption);--table-header-weight: var(--font-weight-semibold);--table-header-color: var(--text-muted);--table-cell-font: var(--typo-body);--table-cell-padding: var(--space-3) var(--space-4)}.table-wrapper{width:100%;overflow-x:auto;border:1px solid var(--table-border);border-radius:var(--table-radius)}.table{width:100%;border-collapse:collapse;font-size:var(--table-cell-font)}.table thead{background-color:var(--table-header-bg)}.table th{padding:var(--table-cell-padding);text-align:left;font-size:var(--table-header-font);font-weight:var(--table-header-weight);color:var(--table-header-color);letter-spacing:.02em;text-transform:uppercase;white-space:nowrap;border-bottom:1px solid var(--table-border)}.table td{padding:var(--table-cell-padding);border-bottom:1px solid var(--table-border);vertical-align:middle}.table tbody tr:last-child td{border-bottom:none}.table tbody tr:hover{background-color:var(--table-row-hover)}.table__loading,.table__empty{text-align:center;color:var(--text-subtle);padding:var(--space-8)!important}@media(max-width:640px){.table th.hide-mobile,.table td.hide-mobile{display:none}}:root{--analytics-grid-min: 160px}.analytics{display:flex;flex-direction:column;gap:var(--space-6)}.analytics__loading,.analytics__error{display:flex;align-items:center;justify-content:center;padding:var(--space-8);color:var(--text-muted)}.analytics__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--analytics-grid-min),1fr));gap:var(--space-4)}.analytics__chart-card{background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-5)}.analytics__tables{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.analytics__table-title{font-size:var(--typo-subtitle);font-weight:var(--font-weight-semibold);color:var(--text);margin-bottom:var(--space-3)}@media(max-width:768px){.analytics__tables{grid-template-columns:1fr}}:root{--users-email-font: var(--font-mono)}.users{display:flex;flex-direction:column;gap:var(--space-4)}.users__search{display:flex;gap:var(--space-3);align-items:flex-end;max-width:480px}.users__search .input-wrapper{flex:1}.users__count{font-size:var(--typo-copy);color:var(--text-subtle)}.users__email{font-family:var(--users-email-font);font-size:var(--typo-caption)}.users__pagination{display:flex;align-items:center;gap:var(--space-3);justify-content:flex-end}.users__page-info{font-size:var(--typo-copy);color:var(--text-muted)}.users__copy-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;border-radius:var(--radius);background:transparent;color:var(--text-subtle);cursor:pointer;transition:background .12s,color .12s}.users__copy-btn:hover{background:var(--surface-raised);color:var(--text)}.users__copy-btn--copied{color:var(--success-text, #16a34a)}:root{--badge-font: var(--typo-label);--badge-weight: var(--font-weight-semibold);--badge-padding: 2px var(--space-2);--badge-radius: var(--radius-pill)}.badge{display:inline-flex;align-items:center;padding:var(--badge-padding);border-radius:var(--badge-radius);font-size:var(--badge-font);font-weight:var(--badge-weight);white-space:nowrap;letter-spacing:.02em;text-transform:uppercase}.badge--success{background-color:var(--success-surface);color:var(--success-text)}.badge--danger{background-color:var(--danger-surface);color:var(--danger-text)}.badge--warning{background-color:var(--warning-surface);color:var(--warning-text)}.badge--info{background-color:var(--info-surface);color:var(--info-text)}.badge--neutral{background-color:var(--surface-raised);color:var(--text-muted)}:root{--input-bg: var(--surface-raised);--input-bg-focus: var(--surface-overlay);--input-border: var(--border);--input-border-focus: var(--border-focus);--input-text: var(--text);--input-placeholder: var(--text-subtle);--input-radius: var(--radius);--input-padding: var(--space-2) var(--space-3);--input-font: var(--typo-body);--input-label-font: var(--typo-caption);--input-label-color: var(--text-muted);--input-label-gap: var(--space-1)}.input-wrapper{display:flex;flex-direction:column;gap:var(--input-label-gap)}.input-label{font-size:var(--input-label-font);font-weight:var(--font-weight-medium);color:var(--input-label-color)}.input{background-color:var(--input-bg);border:1px solid var(--input-border);border-radius:var(--input-radius);color:var(--input-text);font-size:var(--input-font);padding:var(--input-padding);width:100%;transition:border-color var(--transition-fast),background-color var(--transition-fast);min-height:36px}.input::placeholder{color:var(--input-placeholder)}.input:focus{outline:none;border-color:var(--input-border-focus);background-color:var(--input-bg-focus)}:root{--revenue-grid-min: 180px}.revenue{display:flex;flex-direction:column;gap:var(--space-5)}.revenue__loading,.revenue__error{display:flex;align-items:center;justify-content:center;padding:var(--space-8);color:var(--text-muted)}.revenue__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--revenue-grid-min),1fr));gap:var(--space-4)}.revenue__card{background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-4)}.revenue__section-title{font-size:var(--typo-subtitle);font-weight:var(--font-weight-semibold);color:var(--text)}.revenue__events{display:flex;flex-direction:column;gap:var(--space-2)}.revenue__event{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) 0;border-bottom:1px solid var(--border);font-size:var(--typo-copy)}.revenue__event:last-child{border-bottom:none}.revenue__event-type{flex:1;font-family:var(--font-mono);color:var(--text);font-size:var(--typo-caption)}.revenue__event-plan{color:var(--accent-text)}.revenue__event-date{color:var(--text-subtle);white-space:nowrap}.revenue__empty{font-size:var(--typo-body);color:var(--text-subtle);text-align:center;padding:var(--space-5)}:root{--bar-chart-gap: 2px;--bar-chart-radius: var(--radius-sm);--bar-chart-empty-color: var(--text-subtle)}.bar-chart{display:flex;flex-direction:column;justify-content:flex-end}.bar-chart__bars{display:flex;align-items:flex-end;gap:var(--bar-chart-gap);height:100%}.bar-chart__bar-wrapper{flex:1;display:flex;align-items:flex-end;height:100%}.bar-chart__bar{width:100%;border-radius:var(--bar-chart-radius) var(--bar-chart-radius) 0 0;min-height:2px;opacity:.8;transition:opacity var(--transition-fast)}.bar-chart__bar-wrapper:hover .bar-chart__bar{opacity:1}.bar-chart--empty{display:flex;align-items:center;justify-content:center;color:var(--bar-chart-empty-color);font-size:var(--typo-copy);border:1px dashed var(--border);border-radius:var(--radius)}:root{--errors-grid-min: 180px}.errors{display:flex;flex-direction:column;gap:var(--space-5)}.errors__loading,.errors__error{display:flex;align-items:center;justify-content:center;padding:var(--space-8);color:var(--text-muted)}.errors__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--errors-grid-min),1fr));gap:var(--space-4)}.errors__card{background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-4)}.errors__section-title{font-size:var(--typo-subtitle);font-weight:var(--font-weight-semibold);color:var(--text)}.errors__list{display:flex;flex-direction:column;gap:var(--space-2)}.errors__item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) 0;border-bottom:1px solid var(--border);font-size:var(--typo-copy)}.errors__item:last-child{border-bottom:none}.errors__type{flex:1;font-family:var(--font-mono);color:var(--danger-text);font-size:var(--typo-caption)}.errors__install{font-family:var(--font-mono);font-size:var(--typo-label);color:var(--text-subtle);max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.errors__date{color:var(--text-subtle);white-space:nowrap}.errors__empty{font-size:var(--typo-body);color:var(--success);text-align:center;padding:var(--space-5)}:root{--retention-grid-min: 160px}.retention{display:flex;flex-direction:column;gap:var(--space-5)}.retention__loading,.retention__error{display:flex;align-items:center;justify-content:center;padding:var(--space-8);color:var(--text-muted)}.retention__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--retention-grid-min),1fr));gap:var(--space-4)}.retention__section-title{font-size:var(--typo-subtitle);font-weight:var(--font-weight-semibold);color:var(--text);margin-bottom:var(--space-3)}.usage{display:flex;flex-direction:column;gap:var(--space-4)}.usage__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--space-4)}.usage__loading,.usage__error{display:flex;align-items:center;justify-content:center;padding:var(--space-8);color:var(--text-muted)}.usage__description{font-size:var(--typo-body);color:var(--text-muted)}.usage__activity{display:flex;flex-direction:column;gap:var(--space-4);margin-top:var(--space-2)}.usage__activity-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.usage__section-title,.usage__table-title{color:var(--text);font-weight:var(--font-weight-semibold);margin:0}.usage__section-title{font-size:var(--typo-title)}.usage__table-title{font-size:var(--typo-subtitle);margin-bottom:var(--space-3)}.usage__period{color:var(--text-muted);font-size:var(--typo-small)}.usage__tables{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--space-4)}.installs{display:flex;flex-direction:column;gap:var(--space-4)}.installs__search{display:flex;gap:var(--space-3);align-items:flex-end;max-width:480px}.installs__search .input-wrapper{flex:1}.installs__count{font-size:var(--typo-copy);color:var(--text-subtle)}.installs__id,.installs__email{font-family:var(--font-mono);font-size:var(--typo-caption)}.installs__pagination{display:flex;align-items:center;gap:var(--space-3);justify-content:flex-end}.installs__page-info{font-size:var(--typo-copy);color:var(--text-muted)}.installs__copy-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;border-radius:var(--radius);background:transparent;color:var(--text-subtle);cursor:pointer;transition:background .12s,color .12s}.installs__copy-btn:hover{background:var(--surface-raised);color:var(--text)}.installs__copy-btn--copied{color:var(--success-text, #16a34a)}:root{--comp-card-bg: var(--surface);--comp-card-border: var(--border)}.comp{display:flex;flex-direction:column;gap:var(--space-5);max-width:520px}.comp__description{font-size:var(--typo-body);color:var(--text-muted)}.comp__card{background-color:var(--comp-card-bg);border:1px solid var(--comp-card-border);border-radius:var(--radius-md);padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-5)}.comp__form{display:flex;flex-direction:column;gap:var(--space-4)}.comp__plan-label{font-size:var(--typo-caption);font-weight:var(--font-weight-medium);color:var(--text-muted);display:block;margin-bottom:var(--space-2)}.comp__plan-options{display:flex;gap:var(--space-4)}.comp__plan-option{display:flex;align-items:center;gap:var(--space-2);font-size:var(--typo-body);color:var(--text);cursor:pointer}.comp__actions{display:flex;gap:var(--space-3);flex-wrap:wrap}.comp__error{font-size:var(--typo-copy);color:var(--danger-text);background-color:var(--danger-surface);padding:var(--space-3);border-radius:var(--radius)}.comp__result{display:flex;align-items:center;gap:var(--space-2);font-size:var(--typo-body);color:var(--text-muted)}.comp__result code{font-family:var(--font-mono);font-size:var(--typo-caption);color:var(--text)}:root{--blog-gen-card-bg: var(--surface);--blog-gen-card-border: var(--border);--blog-gen-result-success-bg: color-mix(in srgb, var(--success) 8%, transparent);--blog-gen-result-success-border: color-mix(in srgb, var(--success) 25%, transparent);--blog-gen-result-failure-bg: color-mix(in srgb, var(--danger) 8%, transparent);--blog-gen-result-failure-border: color-mix(in srgb, var(--danger) 25%, transparent)}.blog-gen{display:flex;flex-direction:column;gap:var(--space-5);max-width:640px}.blog-gen__description{font-size:var(--typo-body);color:var(--text-muted)}.blog-gen__description code{font-family:var(--font-mono);font-size:var(--typo-caption);color:var(--text);background-color:var(--surface-raised);padding:2px 6px;border-radius:var(--radius-sm)}.blog-gen__card{background-color:var(--blog-gen-card-bg);border:1px solid var(--blog-gen-card-border);border-radius:var(--radius-md);padding:var(--space-5)}.blog-gen__form{display:flex;flex-direction:column;gap:var(--space-4)}.blog-gen__dry-run{display:flex;align-items:center;gap:var(--space-2);font-size:var(--typo-body);color:var(--text-muted);cursor:pointer;-webkit-user-select:none;user-select:none}.blog-gen__dry-run input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent);cursor:pointer}.blog-gen__result{border:1px solid var(--blog-gen-result-failure-border);border-radius:var(--radius-md);overflow:hidden}.blog-gen__result--success{border-color:var(--blog-gen-result-success-border)}.blog-gen__result--failure{border-color:var(--blog-gen-result-failure-border)}.blog-gen__result-header{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background-color:var(--blog-gen-result-failure-bg);border-bottom:1px solid var(--blog-gen-result-failure-border)}.blog-gen__result--success .blog-gen__result-header{background-color:var(--blog-gen-result-success-bg);border-bottom-color:var(--blog-gen-result-success-border)}.blog-gen__status{font-size:var(--typo-caption);font-weight:var(--font-weight-medium)}.blog-gen__status--ok{color:var(--success-text)}.blog-gen__status--fail{color:var(--danger-text)}.blog-gen__filepath{font-family:var(--font-mono);font-size:var(--typo-caption);color:var(--text-muted);word-break:break-all}.blog-gen__output{margin:0;padding:var(--space-4);font-family:var(--font-mono);font-size:var(--typo-caption);color:var(--text);background-color:var(--surface);white-space:pre-wrap;word-break:break-word;overflow-x:auto;max-height:480px;overflow-y:auto;line-height:1.6}.not-found{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:var(--space-3);text-align:center}.not-found__code{font-size:72px;font-weight:var(--font-weight-bold);color:var(--border);line-height:1}.not-found__title{font-size:var(--typo-heading-2);font-weight:var(--font-weight-semibold);color:var(--text);margin:0}.not-found__body{font-size:var(--typo-body);color:var(--text-muted);margin:0}.not-found__link{margin-top:var(--space-2);font-size:var(--typo-body);color:var(--accent);text-decoration:none}.not-found__link:hover{text-decoration:underline}:root{--primitive-black: #000000;--primitive-gray-950: #0d0f14;--primitive-gray-900: #111318;--primitive-gray-850: #161920;--primitive-gray-800: #1a1d24;--primitive-gray-750: #1f232c;--primitive-gray-700: #242830;--primitive-gray-600: #2e3340;--primitive-gray-500: #3d4455;--primitive-gray-400: #6b7280;--primitive-gray-300: #9ca3af;--primitive-gray-200: #d1d5db;--primitive-gray-100: #f3f4f6;--primitive-white: #ffffff;--primitive-blue-700: #1d4ed8;--primitive-blue-600: #3b82f6;--primitive-blue-500: #60a5fa;--primitive-blue-400: #93c5fd;--primitive-blue-200: #bfdbfe;--primitive-blue-100: #dbeafe;--primitive-blue-950: #172554;--primitive-green-600: #16a34a;--primitive-green-500: #22c55e;--primitive-green-400: #4ade80;--primitive-green-100: #dcfce7;--primitive-green-950: #052e16;--primitive-red-700: #b91c1c;--primitive-red-500: #ef4444;--primitive-red-400: #f87171;--primitive-red-100: #fee2e2;--primitive-red-950: #450a0a;--primitive-yellow-500: #eab308;--primitive-yellow-400: #facc15;--primitive-yellow-300: #fde047;--primitive-yellow-900: #422006;--primitive-purple-500: #a855f7;--primitive-purple-400: #c084fc;--primitive-purple-950: #2e1065;--primitive-space-1: 4px;--primitive-space-2: 8px;--primitive-space-3: 12px;--primitive-space-4: 16px;--primitive-space-5: 20px;--primitive-space-6: 24px;--primitive-space-7: 32px;--primitive-space-8: 48px;--primitive-space-9: 64px;--primitive-radius-sm: 4px;--primitive-radius-base: 6px;--primitive-radius-md: 8px;--primitive-radius-lg: 12px;--primitive-radius-pill: 1000px;--primitive-font-size-xs: 11px;--primitive-font-size-sm: 12px;--primitive-font-size-base: 13px;--primitive-font-size-md: 14px;--primitive-font-size-lg: 15px;--primitive-font-size-xl: 16px;--primitive-font-size-2xl: 20px;--primitive-font-size-3xl: 24px;--primitive-font-size-4xl: 28px;--primitive-weight-normal: 400;--primitive-weight-medium: 500;--primitive-weight-semibold: 600;--primitive-weight-bold: 700;--bg: var(--primitive-gray-950);--surface: var(--primitive-gray-900);--surface-raised: var(--primitive-gray-800);--surface-overlay: var(--primitive-gray-700);--surface-hover: var(--primitive-gray-750);--text: var(--primitive-white);--text-muted: rgba(255, 255, 255, .55);--text-subtle: rgba(255, 255, 255, .35);--text-on-accent: var(--primitive-white);--text-on-success: var(--primitive-green-100);--text-on-danger: var(--primitive-red-100);--border: rgba(255, 255, 255, .08);--border-strong: rgba(255, 255, 255, .14);--border-focus: var(--primitive-blue-500);--accent: var(--primitive-blue-600);--accent-hover: var(--primitive-blue-700);--accent-subtle: rgba(59, 130, 246, .12);--accent-text: var(--primitive-blue-400);--success: var(--primitive-green-500);--success-surface: var(--primitive-green-950);--success-text: var(--primitive-green-100);--danger: var(--primitive-red-500);--danger-surface: var(--primitive-red-950);--danger-text: var(--primitive-red-100);--warning: var(--primitive-yellow-400);--warning-surface: var(--primitive-yellow-900);--warning-text: var(--primitive-yellow-300);--info: var(--primitive-blue-500);--info-surface: var(--primitive-blue-950);--info-text: var(--primitive-blue-100);--typo-label: var(--primitive-font-size-xs);--typo-caption: var(--primitive-font-size-sm);--typo-copy: var(--primitive-font-size-base);--typo-body: var(--primitive-font-size-md);--typo-largecopy: var(--primitive-font-size-lg);--typo-subtitle: var(--primitive-font-size-xl);--typo-title: var(--primitive-font-size-2xl);--typo-hero: var(--primitive-font-size-3xl);--typo-display: var(--primitive-font-size-4xl);--font-weight-normal: var(--primitive-weight-normal);--font-weight-medium: var(--primitive-weight-medium);--font-weight-semibold: var(--primitive-weight-semibold);--font-weight-bold: var(--primitive-weight-bold);--space-1: var(--primitive-space-1);--space-2: var(--primitive-space-2);--space-3: var(--primitive-space-3);--space-4: var(--primitive-space-4);--space-5: var(--primitive-space-5);--space-6: var(--primitive-space-6);--space-7: var(--primitive-space-7);--space-8: var(--primitive-space-8);--space-9: var(--primitive-space-9);--radius-sm: var(--primitive-radius-sm);--radius: var(--primitive-radius-base);--radius-md: var(--primitive-radius-md);--radius-lg: var(--primitive-radius-lg);--radius-pill: var(--primitive-radius-pill);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow: 0 2px 8px rgba(0, 0, 0, .5);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .6);--sidebar-width: 220px;--topbar-height: 56px;--content-max-width: 1400px;--font-sans: system-ui, -apple-system, "SF Pro Display", Inter, sans-serif;--font-mono: "SF Mono", "JetBrains Mono", "Fira Code", monospace;--transition-fast: .1s ease;--transition: .15s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{height:100%;font-size:14px}body{height:100%;background-color:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:var(--typo-body);font-weight:var(--font-weight-normal);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{height:100%;display:flex;flex-direction:column}a{color:var(--accent-text);text-decoration:none}a:hover{text-decoration:underline}button{font-family:inherit;cursor:pointer}input,textarea,select{font-family:inherit}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:var(--radius-pill)}::-webkit-scrollbar-thumb:hover{background:var(--primitive-gray-500)}@media(max-width:768px){:root{--sidebar-width: 0px;--typo-display: var(--primitive-font-size-3xl);--typo-hero: var(--primitive-font-size-2xl)}}