:root{--color-background-primary: #edf3fa;--color-background-secondary: #e3ebf5;--color-background-accent: #dce9f8;--color-background-inverse: #0b1220;--color-surface-primary: rgba(255, 255, 255, .84);--color-surface-secondary: rgba(242, 247, 252, .94);--color-surface-tertiary: rgba(227, 236, 247, .96);--color-surface-inset: rgba(65, 84, 112, .12);--color-surface-elevated: #ffffff;--color-surface-overlay: rgba(11, 18, 32, .42);--color-surface-accent: rgba(107, 183, 255, .14);--color-text-primary: #0f1726;--color-text-secondary: #31435c;--color-text-muted: #60738d;--color-text-inverse: #f8fbff;--color-text-accent: #1d6fd6;--color-text-danger: #b42318;--color-text-success: #0f7b57;--color-text-warning: #a8650a;--color-border-subtle: rgba(15, 23, 38, .08);--color-border-strong: rgba(24, 41, 67, .18);--color-border-focus: rgba(59, 130, 246, .36);--color-border-danger: rgba(180, 35, 24, .35);--color-status-info: #2563eb;--color-status-success: #0f7b57;--color-status-warning: #c77b12;--color-status-danger: #b42318;--color-status-premium: #3658a7;--color-intent-positive: #159a63;--color-intent-negative: #cf4d49;--color-intent-neutral: #60738d;--color-intent-informational: #2563eb;--color-intent-stability: #4f6fb3;--color-intent-progression: #c77b12;--color-data-up: #15803d;--color-data-stable: #2563eb;--color-data-down: #b91c1c;--color-data-inactive: #60738d;--color-data-stale: #a8650a;--font-display: "Space Grotesk", "Segoe UI", sans-serif;--font-body: "IBM Plex Sans", "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", monospace;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-lg: 16px;--spacing-xl: 20px;--spacing-2xl: 28px;--spacing-3xl: 40px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 12px;--radius-xl: 16px;--radius-pill: 999px;--shadow-sm: 0 1px 2px rgba(15, 23, 42, .05);--shadow-card: 0 18px 48px rgba(15, 23, 42, .1);--shadow-modal: 0 24px 56px rgba(11, 18, 32, .18);--shadow-focus: 0 0 0 4px rgba(59, 130, 246, .16);--motion-instant: 0ms;--motion-fast: .12s;--motion-normal: .2s;--motion-slow: .32s;--layout-content-max-width: 1180px;--layout-sidebar-width: 280px;--layout-topbar-height: 72px;--layout-preview-grid-min: 220px;--state-disabled-opacity: .52;--state-selected-ring: 0 0 0 2px rgba(37, 99, 235, .22);--state-hover-lift: translateY(-1px);color-scheme:light;background:var(--color-background-secondary);color:var(--color-text-primary);font-family:var(--font-body)}:root[data-theme=dark]{--color-background-primary: #07101b;--color-background-secondary: #0a1321;--color-background-accent: #0d1f38;--color-background-inverse: #f8fbff;--color-surface-primary: rgba(9, 17, 30, .9);--color-surface-secondary: rgba(14, 24, 40, .94);--color-surface-tertiary: rgba(21, 34, 54, .96);--color-surface-inset: rgba(148, 163, 184, .12);--color-surface-elevated: #101c2f;--color-surface-overlay: rgba(2, 6, 23, .58);--color-surface-accent: rgba(107, 183, 255, .14);--color-text-primary: #e5edf8;--color-text-secondary: #c0cede;--color-text-muted: #90a3bb;--color-text-inverse: #08111d;--color-text-accent: #79b9ff;--color-text-danger: #f97066;--color-text-success: #34d399;--color-text-warning: #fbbf24;--color-border-subtle: rgba(148, 163, 184, .16);--color-border-strong: rgba(226, 232, 240, .28);--color-border-focus: rgba(56, 189, 248, .5);--color-border-danger: rgba(249, 112, 102, .42);--color-status-info: #79b9ff;--color-status-success: #34d399;--color-status-warning: #f59e0b;--color-status-danger: #f97066;--color-status-premium: #89a8ef;--color-intent-positive: #4ade80;--color-intent-negative: #f87171;--color-intent-neutral: #94a3b8;--color-intent-informational: #79b9ff;--color-intent-stability: #89a8ef;--color-intent-progression: #fbbf24;--color-data-up: #4ade80;--color-data-stable: #79b9ff;--color-data-down: #f87171;--color-data-inactive: #94a3b8;--color-data-stale: #fbbf24;--shadow-sm: 0 1px 2px rgba(2, 6, 23, .3);--shadow-card: 0 22px 48px rgba(2, 6, 23, .46);--shadow-modal: 0 24px 60px rgba(2, 6, 23, .56);--shadow-focus: 0 0 0 4px rgba(121, 185, 255, .2);--state-disabled-opacity: .46;--state-selected-ring: 0 0 0 2px rgba(121, 185, 255, .24);color-scheme:dark}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;background:var(--color-background-secondary);color:var(--color-text-primary);letter-spacing:-.01em}a{color:inherit}button,input,select,textarea{font:inherit}button:focus-visible,input:focus-visible,a:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.app-frame{min-height:100vh;padding:0 var(--spacing-lg) var(--spacing-lg)}.layout-app-shell{width:min(var(--layout-content-max-width),100%);margin:0 auto;display:grid;gap:var(--spacing-lg);grid-template-columns:minmax(0,var(--layout-sidebar-width)) minmax(0,1fr)}.layout-app-shell__main{min-width:0;display:grid;gap:var(--spacing-lg)}.layout-sidebar{position:sticky;top:var(--spacing-lg);align-self:start}.layout-topbar{position:sticky;top:0;z-index:20;min-height:var(--layout-topbar-height);display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg);border-radius:var(--radius-xl);border:1px solid var(--color-border-subtle);background:var(--color-surface-primary);box-shadow:var(--shadow-card);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.layout-topbar__leading{min-width:0;display:flex;align-items:center;gap:var(--spacing-md)}.layout-topbar__menu{display:none}.layout-topbar__menu-button{min-width:42px;padding:0 10px}.layout-topbar__menu-icon{width:18px;height:18px;stroke:currentColor;stroke-width:2;stroke-linecap:round;fill:none}.layout-topbar__title,.layout-topbar__actions,.ui-card__header,.detail-item{min-width:0}.layout-page-container{display:grid;gap:var(--spacing-lg)}.section-header{display:grid;gap:var(--spacing-sm)}.stack{display:grid;gap:var(--spacing-lg)}.shell-actions{justify-items:end}.theme-toggle{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:6px 10px;border-radius:var(--radius-pill);border:1px solid var(--color-border-subtle);background:var(--color-surface-secondary);color:var(--color-text-secondary);cursor:pointer;transition:transform var(--motion-fast) ease,border-color var(--motion-fast) ease,background var(--motion-fast) ease,color var(--motion-fast) ease}.theme-toggle:hover{transform:var(--state-hover-lift);border-color:var(--color-text-accent)}.theme-toggle--dark{background:var(--color-surface-tertiary);color:var(--color-text-primary)}.theme-toggle__icon{display:inline-flex;align-items:center;justify-content:center}.theme-toggle__track{display:inline-flex;align-items:center;width:42px;height:24px;padding:2px;border-radius:var(--radius-pill);background:var(--color-surface-inset)}.theme-toggle__thumb{width:20px;height:20px;border-radius:50%;background:var(--color-surface-elevated);box-shadow:var(--shadow-sm);transition:transform var(--motion-fast) ease}.theme-toggle--dark .theme-toggle__thumb{transform:translate(18px)}.brand-block{display:grid;gap:var(--spacing-xs)}.title{margin:0;font-family:var(--font-display);font-size:clamp(2rem,4vw,3.4rem);line-height:1.05;letter-spacing:-.05em}.copy,.hint,.meta{color:var(--color-text-muted)}.shell-summary{border-style:dashed}.nav-row,.meta-row,.preview-art-row,.preview-swatch-row{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);align-items:center}.nav-link,.ghost-link{display:inline-flex;align-items:center;justify-content:flex-start;text-decoration:none;padding:calc(var(--spacing-sm) + 2px) var(--spacing-lg);border-radius:var(--radius-pill);border:1px solid var(--color-border-subtle);background:var(--color-surface-secondary);min-width:0;max-width:100%;transition:transform var(--motion-fast) ease,border-color var(--motion-fast) ease,background var(--motion-fast) ease}.nav-link:hover,.ghost-link:hover{transform:var(--state-hover-lift);border-color:var(--color-text-accent);background:var(--color-surface-tertiary)}.nav-link--active{border-color:var(--color-text-accent);background:var(--color-surface-tertiary);color:var(--color-text-primary)}.text-link{display:inline;padding:0;border:0;background:transparent;color:var(--color-text-primary);text-decoration:none;font-weight:600;transition:color var(--motion-fast) ease,text-decoration-color var(--motion-fast) ease}.text-link:hover{color:var(--color-text-accent);text-decoration:underline;text-underline-offset:.16em}.sidebar-panel{padding:var(--spacing-lg)}.shell-logo,.preview-logo{width:min(180px,100%);color:var(--color-text-primary)}.preview-hero{display:grid;gap:var(--spacing-lg);grid-template-columns:minmax(0,1.15fr) minmax(240px,.85fr);align-items:center}.preview-hero__art{width:100%;height:auto}.marketing-shell{margin:calc(-1 * var(--spacing-lg));background:var(--color-surface-primary);text-align:center}.marketing-shell__section{padding:clamp(64px,10vw,112px) var(--spacing-lg)}.marketing-shell__section--hero{padding-top:clamp(84px,12vw,140px);padding-bottom:clamp(56px,8vw,88px)}.marketing-shell__section--band{background:var(--color-surface-secondary)}.marketing-shell__section--cta{padding-top:clamp(88px,12vw,140px);padding-bottom:clamp(88px,12vw,140px)}.marketing-container{width:min(1080px,100%);margin:0 auto}.marketing-hero-block{display:grid;justify-items:center;gap:var(--spacing-lg);text-align:center}.marketing-badge{padding-inline:14px;letter-spacing:.06em;text-transform:uppercase}.marketing-hero-title{max-width:13ch;letter-spacing:-.045em}.marketing-hero-copy{max-width:36ch}.marketing-hero-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--spacing-md)}.marketing-hero-meta{max-width:40ch}.marketing-hero-visual{width:min(720px,100%);height:auto;margin-top:var(--spacing-lg)}.marketing-center-block{display:grid;justify-items:center;gap:var(--spacing-lg);text-align:center}.marketing-center-copy{max-width:44ch}.marketing-center-emphasis{max-width:30ch}.marketing-card-grid{display:grid;gap:var(--spacing-lg)}.marketing-card-grid--three{grid-template-columns:repeat(3,minmax(0,1fr))}.marketing-card-grid--two{grid-template-columns:repeat(2,minmax(0,1fr))}.marketing-feature-card,.marketing-pricing-card{align-content:start;justify-items:center;text-align:center}.marketing-feature-card__icon{margin-bottom:var(--spacing-sm)}.marketing-split-block{display:grid;gap:clamp(32px,5vw,56px);grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.marketing-stack{display:grid;gap:var(--spacing-2xl)}.marketing-subsection{display:grid;gap:var(--spacing-sm);justify-items:center;text-align:center}.marketing-list{display:grid;gap:var(--spacing-sm);margin:0;padding-left:0;color:var(--color-text-secondary);list-style-position:inside;justify-items:center;text-align:center}.marketing-list li{line-height:1.65}.marketing-steps-grid{width:100%;display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(3,minmax(0,1fr));margin-top:var(--spacing-lg)}.marketing-step{display:grid;gap:var(--spacing-sm);justify-items:center}.marketing-step__number{font-family:var(--font-display);font-size:2rem;line-height:1;font-weight:700}.marketing-check-grid{width:min(760px,100%);display:grid;gap:var(--spacing-md) var(--spacing-xl);grid-template-columns:repeat(2,minmax(0,1fr));margin-top:var(--spacing-lg)}.marketing-check-row{display:flex;align-items:flex-start;justify-content:center;gap:var(--spacing-sm);text-align:center}.marketing-check-row__icon{flex:0 0 auto;margin-top:3px}.marketing-pricing-card--featured{border-color:var(--color-border-strong);background:var(--color-surface-accent)}.marketing-footer-note{padding:0 var(--spacing-lg) var(--spacing-2xl);text-align:center}.preview-grid,.preview-token-grid{display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(var(--layout-preview-grid-min),1fr))}.preview-example{display:grid;gap:var(--spacing-sm);justify-items:start}.preview-example__content{width:100%}.preview-art-row{justify-content:space-between}.preview-player-art{width:120px;height:120px}.preview-team-art,.preview-empty-art{width:180px;height:auto}.team-detail-art{width:120px;height:120px}.team-leader-grid{display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(3,minmax(0,1fr))}.preview-swatch{display:block;width:36px;height:36px;border-radius:50%;border:1px solid rgba(255,255,255,.18);flex:0 0 auto}.quota-meter{display:grid;gap:var(--spacing-sm)}.quota-meter__header{display:flex;justify-content:space-between;gap:var(--spacing-md);color:var(--color-text-secondary)}.quota-meter__track{overflow:hidden;height:12px;border-radius:var(--radius-pill);background:var(--color-surface-inset)}.quota-meter__fill{display:block;height:100%;border-radius:inherit}.quota-meter__fill--accent{background:var(--color-status-info)}.quota-meter__fill--warning{background:var(--color-status-warning)}.quota-meter__fill--premium{background:var(--color-status-premium)}.quota-meter__fill--danger{background:var(--color-status-danger)}.quota-meter__meta{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--spacing-sm);color:var(--color-text-muted);font-size:.88rem}.dashboard-grid,.detail-grid{display:grid;gap:var(--spacing-lg)}.dashboard-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));align-items:start}.detail-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.detail-item{display:grid;gap:var(--spacing-xs);padding:var(--spacing-md);border-radius:var(--radius-lg);border:1px solid var(--color-border-subtle);background:var(--color-surface-secondary)}.detail-item__label{margin:0;color:var(--color-text-muted);font-size:.82rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.detail-item__value{margin:0;color:var(--color-text-primary);font-weight:600;line-height:1.35}.player-listing{display:flex;align-items:center;gap:var(--spacing-md);min-width:0}.player-listing__art{width:56px;height:56px;flex:0 0 auto}.player-listing__body{display:grid;gap:var(--spacing-xs);min-width:0}.player-hero{display:flex;align-items:center;gap:var(--spacing-md);min-width:0}.player-hero__art{width:72px;height:72px;flex:0 0 auto}.player-hero__body{display:grid;gap:var(--spacing-xs);min-width:0}.truncate-text,.ui-card__title{display:block;min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pill{display:inline-flex;align-items:center;justify-content:center;min-height:32px;max-width:100%;padding:0 12px;border-radius:var(--radius-pill);border:1px solid var(--color-border-subtle);background:var(--color-surface-secondary);color:var(--color-text-secondary);font-size:.82rem;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-callout{display:grid;gap:var(--spacing-xs);padding:var(--spacing-md);border-radius:var(--radius-lg);border:1px solid var(--color-border-subtle)}.status-callout--neutral{background:var(--color-surface-secondary)}.status-callout--success{background:#217c4f1a;border-color:#217c4f4d}.status-callout--warning{background:#b8842b1f;border-color:#b8842b57}.status-callout--danger{background:#b4231814;border-color:#b423184d}.summary-actions{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.insight-hero-card{gap:var(--spacing-lg)}.insight-hero-card__top{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--spacing-lg)}.insight-hero-card__identity{display:flex;align-items:center;gap:var(--spacing-lg);min-width:0}.insight-hero-card__visual{flex:0 0 auto}.insight-hero-card__body{display:grid;gap:var(--spacing-sm);min-width:0}.insight-hero-card__title{font-size:clamp(2rem,4vw,2.75rem);line-height:1.05}.insight-hero-card__subtitle{margin-top:-2px}.insight-hero-card__badges,.insight-hero-card__actions,.insight-hero-card__meta{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.insight-hero-card__actions{align-items:center;justify-content:flex-end}.insight-hero-card__content{display:grid;gap:var(--spacing-md)}.insight-hero-card__meta{padding-top:var(--spacing-md);border-top:1px solid var(--color-border-subtle)}.stat-section-card{gap:var(--spacing-lg)}.stat-section-card__header{display:grid;gap:var(--spacing-sm)}.stat-section-card__heading{display:flex;align-items:center;gap:var(--spacing-md)}.stat-section-card__icon{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:var(--color-surface-secondary);color:var(--color-text-accent);border:1px solid var(--color-border-subtle);flex:0 0 auto}.stat-section-card__title-group{display:grid;gap:2px;min-width:0}.stat-section-card__title{font-size:1.2rem;line-height:1.25}.stat-section-card__subtitle{max-width:48ch}.metric-grid{display:grid;gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.metric-grid--compact{grid-template-columns:repeat(auto-fit,minmax(130px,1fr))}.metric-tile{display:grid;gap:var(--spacing-xs);min-width:0;padding:var(--spacing-md);border-radius:var(--radius-lg);border:1px solid var(--color-border-subtle);background:linear-gradient(180deg,var(--color-surface-secondary),var(--color-surface-primary))}.metric-tile--center{justify-items:center;text-align:center}.metric-tile--positive{border-color:color-mix(in srgb,var(--color-status-success) 28%,var(--color-border-subtle))}.metric-tile--negative{border-color:color-mix(in srgb,var(--color-status-danger) 28%,var(--color-border-subtle))}.metric-tile--warning{border-color:color-mix(in srgb,var(--color-status-warning) 28%,var(--color-border-subtle))}.metric-tile__label{letter-spacing:.04em;text-transform:uppercase}.metric-tile__value{line-height:1.05}.metric-tile--positive .metric-tile__value{color:var(--color-text-success)}.metric-tile--negative .metric-tile__value{color:var(--color-text-danger)}.metric-tile--warning .metric-tile__value{color:var(--color-text-warning)}.metric-tile--neutral .metric-tile__value{color:var(--color-text-muted)}.progress-metric{display:grid;gap:var(--spacing-sm)}.progress-metric__header{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm)}.progress-metric__track{overflow:hidden;width:100%;height:10px;border-radius:var(--radius-pill);background:var(--color-surface-inset)}.progress-metric__fill{display:block;height:100%;border-radius:inherit}.progress-metric__fill--default,.progress-metric__fill--neutral{background:var(--color-status-info)}.progress-metric__fill--positive{background:var(--color-status-success)}.progress-metric__fill--negative{background:var(--color-status-danger)}.progress-metric__fill--warning{background:var(--color-status-warning)}.rank-list{display:grid;gap:var(--spacing-md)}.rank-list__row{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);min-width:0;padding:var(--spacing-md);border-radius:var(--radius-lg);border:1px solid var(--color-border-subtle);background:var(--color-surface-secondary)}.rank-list__meta{display:grid;gap:var(--spacing-xs);min-width:0}.rank-list__metric{flex:0 0 auto;text-align:center}.team-hero-card__art{width:120px;height:120px}.empty-state{display:grid;gap:var(--spacing-lg);align-items:center}.empty-state__art{width:100%;max-width:220px;height:auto}.ui-card{display:grid;gap:var(--spacing-md);padding:var(--spacing-lg);border-radius:var(--radius-xl);border:1px solid var(--color-border-subtle);background:var(--color-surface-primary);box-shadow:var(--shadow-card);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.ui-card--accent{background:var(--color-surface-accent)}.ui-card--inset{background:var(--color-surface-secondary)}.ui-card--danger{background:#b4231814;border-color:var(--color-border-danger)}.ui-card__header{display:grid;gap:var(--spacing-xs)}.ui-card__eyebrow{font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-accent)}.ui-card__title{font-family:var(--font-display);font-size:24px;line-height:1.2;color:var(--color-text-primary)}.ui-text{margin:0;color:var(--color-text-primary)}.ui-text--default{color:var(--color-text-primary)}.ui-text--muted{color:var(--color-text-muted)}.ui-text--accent{color:var(--color-text-accent)}.ui-text--danger{color:var(--color-text-danger)}.ui-text--success{color:var(--color-text-success)}.ui-text--warning{color:var(--color-text-warning)}.ui-text--xs{font-size:12px;line-height:16px}.ui-text--sm{font-size:14px;line-height:20px}.ui-text--md{font-size:16px;line-height:24px}.ui-text--lg{font-size:18px;line-height:28px}.ui-text--regular{font-weight:400}.ui-text--medium{font-weight:500}.ui-text--semibold{font-weight:600}.ui-text--bold{font-weight:700}.ui-text--mono{font-family:var(--font-mono)}.ui-heading{margin:0;font-family:var(--font-display);color:var(--color-text-primary)}.ui-heading--display{font-size:clamp(2.4rem,5vw,3.8rem);line-height:1.02}.ui-heading--page{font-size:32px;line-height:40px}.ui-heading--section{font-size:24px;line-height:34px}.ui-heading--card{font-size:20px;line-height:30px}.ui-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);border:1px solid transparent;border-radius:var(--radius-pill);cursor:pointer;transition:transform var(--motion-fast) ease,box-shadow var(--motion-fast) ease,background var(--motion-fast) ease,border-color var(--motion-fast) ease}.ui-button:hover:not(:disabled){transform:var(--state-hover-lift)}.ui-button:disabled{opacity:var(--state-disabled-opacity);cursor:not-allowed}.ui-button--sm{min-height:36px;padding:0 14px}.ui-button--md{min-height:42px;padding:0 18px}.ui-button--lg{min-height:48px;padding:0 22px}.ui-button--primary{background:var(--color-status-info);color:var(--color-text-inverse)}.ui-button--secondary{background:var(--color-surface-secondary);border-color:var(--color-border-subtle);color:var(--color-text-primary)}.ui-button--ghost{background:transparent;border-color:var(--color-border-subtle);color:var(--color-text-secondary)}.ui-button--danger{background:#b423181f;border-color:var(--color-border-danger);color:var(--color-text-danger)}.ui-button__icon{display:inline-flex}.ui-field{display:grid;gap:var(--spacing-sm)}.ui-field__label{font-size:14px;font-weight:600;color:var(--color-text-secondary)}.ui-field__hint,.ui-field__error{font-size:14px;line-height:20px}.ui-field__hint{color:var(--color-text-muted)}.ui-field__error{color:var(--color-text-danger)}.ui-input{min-height:44px;width:100%;padding:0 14px;border-radius:var(--radius-lg);border:1px solid var(--color-border-subtle);background:var(--color-surface-secondary);color:var(--color-text-primary)}.ui-input::placeholder{color:var(--color-text-muted)}.ui-input--error{border-color:var(--color-border-danger)}.ui-badge{display:inline-flex;align-items:center;justify-content:center;min-height:30px;padding:0 12px;border-radius:var(--radius-pill);font-size:13px;font-weight:700;text-transform:capitalize;letter-spacing:.02em}.ui-badge--accent{background:var(--color-surface-accent);color:var(--color-text-accent)}.ui-badge--neutral,.ui-badge--inactive{background:#94a3b824;color:var(--color-intent-neutral)}.ui-badge--success,.ui-badge--up{background:#159a6324;color:var(--color-data-up)}.ui-badge--warning,.ui-badge--stale{background:#d9770624;color:var(--color-data-stale)}.ui-badge--danger,.ui-badge--down{background:#cf4d4924;color:var(--color-data-down)}.ui-badge--premium{background:#7c3aed29;color:var(--color-status-premium)}.ui-badge--stable{background:#2563eb24;color:var(--color-data-stable)}.ui-icon{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-pill);background:var(--color-surface-inset);color:var(--color-text-secondary);font-size:10px;font-weight:700}.ui-icon svg{width:70%;height:70%;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;fill:none}.ui-icon--sm{width:18px;height:18px}.ui-icon--md{width:22px;height:22px}.ui-icon--lg{width:28px;height:28px}.ui-icon--xl{width:34px;height:34px}.ui-spinner{display:inline-block;border-radius:999px;border:3px solid var(--color-surface-inset);border-top-color:var(--color-status-info);animation:spin var(--motion-slow) linear infinite}.ui-spinner--sm{width:16px;height:16px}.ui-spinner--md{width:22px;height:22px}.ui-spinner--lg{width:30px;height:30px}.ui-skeleton{display:inline-block;border-radius:var(--radius-pill);background:var(--color-surface-tertiary);animation:pulse 1.4s ease-in-out infinite;min-height:12px}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%{opacity:.58}to{opacity:1}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media (max-width: 960px){.layout-app-shell{grid-template-columns:1fr}.layout-sidebar{position:static;display:none}.layout-sidebar.layout-sidebar--open{display:block;position:fixed;top:calc(var(--layout-active-topbar-height, var(--layout-topbar-height)) + var(--spacing-md));left:var(--spacing-lg);right:var(--spacing-lg);z-index:15;max-height:calc(100vh - var(--spacing-lg) - var(--layout-active-topbar-height, var(--layout-topbar-height)) - var(--spacing-md));overflow-y:auto}.layout-topbar__menu{display:flex}.preview-hero,.marketing-card-grid--three,.marketing-card-grid--two,.marketing-split-block,.marketing-steps-grid,.marketing-check-grid,.team-leader-grid{grid-template-columns:1fr}.insight-hero-card__top,.insight-hero-card__identity,.rank-list__row{flex-direction:column;align-items:flex-start}.insight-hero-card__actions{justify-content:flex-start}.rank-list__metric{text-align:center}.shell-actions{justify-items:start}}