.badge{position:absolute;display:flex;align-items:center;justify-content:center;min-width:20px;height:20px;border-radius:var(--radius-full);font-family:var(--font-family-body);font-size:12px;font-weight:var(--font-weight-bold);line-height:1;z-index:10;pointer-events:none;box-sizing:border-box;white-space:nowrap;transition:transform var(--transition-fast) var(--motion-spring-gentle);box-shadow:none}.badge,.badge--small{padding:0 var(--space-xs)}.badge--small{min-width:18px;height:18px;font-size:11px}.badge--medium{min-width:22px;height:22px;padding:0 6px;font-size:12px}.badge--large{min-width:26px;height:26px;padding:0 7px;font-size:14px}.badge--top-right{top:0;right:0;transform:translate(10%,-10%)}.badge--top-left{top:0;left:0;transform:translate(-10%,-10%)}.badge--bottom-right{bottom:0;right:0;transform:translate(10%,10%)}.badge--bottom-left{bottom:0;left:0;transform:translate(-10%,10%)}.badge--inline{position:relative;top:auto;right:auto;bottom:auto;left:auto;display:inline-flex;vertical-align:middle}.badge--primary{background:var(--color-primary-default);color:var(--color-text-on-action)}.badge--secondary{background:var(--color-surface-tertiary);color:var(--color-text-secondary);border:1px solid var(--color-border-secondary)}.badge--success{background:var(--color-status-success-default)}.badge--success,.badge--warning{color:var(--color-text-on-color)}.badge--warning{background:var(--color-status-warning-default)}.badge--error{background:var(--color-status-error-default)}.badge--error,.badge--info{color:var(--color-text-on-color)}.badge--info{background:var(--color-icon-blue)}.badge--neutral{background:var(--color-surface-quaternary);color:var(--color-text-default);border:1px solid var(--color-border-primary)}.badge--dot{min-width:10px;width:10px;height:10px;padding:0;border-radius:50%}.badge--dot.badge--top-right{top:0;right:0;transform:translate(10%,-10%)}.badge--dot.badge--top-left{top:0;left:0;transform:translate(-10%,-10%)}.badge--dot.badge--bottom-right{bottom:0;right:0;transform:translate(10%,10%)}.badge--dot.badge--bottom-left{bottom:0;left:0;transform:translate(-10%,10%)}.badge--top-right:hover{transform:translate(10%,-10%) scale(1.05)}.badge--top-left:hover{transform:translate(-10%,-10%) scale(1.05)}.badge--bottom-right:hover{transform:translate(10%,10%) scale(1.05)}.badge--bottom-left:hover{transform:translate(-10%,10%) scale(1.05)}.badge--inline:hover{transform:scale(1.05)}.badge-container{position:relative;display:inline-block}@media (prefers-reduced-motion:reduce){.badge{transition:none}.badge--top-right:hover{transform:translate(10%,-10%)}.badge--top-left:hover{transform:translate(-10%,-10%)}.badge--bottom-right:hover{transform:translate(10%,10%)}.badge--bottom-left:hover{transform:translate(-10%,10%)}.badge--inline:hover{transform:none}}.chip{display:inline-flex;align-items:center;gap:var(--space-xs);border-radius:var(--radius-full);border:1px solid var(--color-border-secondary);font-family:var(--font-family-body);font-weight:var(--font-weight-medium);transition:all var(--transition-fast) var(--motion-spring-gentle);-webkit-user-select:none;-moz-user-select:none;user-select:none;max-width:-moz-fit-content;max-width:fit-content;box-sizing:border-box}.chip:not(.chip--interactive):active,.chip:not(.chip--interactive):hover{transform:none}.chip.chip--interactive:not(.chip--checkbox):not(.chip--has-action){cursor:pointer}.chip.chip--interactive:not(.chip--checkbox):not(.chip--has-action):hover:not(.chip--disabled){transform:translateY(var(--micro-translate-hover))}.chip.chip--interactive:not(.chip--checkbox):not(.chip--has-action):active:not(.chip--disabled){transform:scale(.98);transition:all .1s var(--motion-spring-snappy)}.chip--small{height:24px;padding:0 var(--space-sm);font-size:var(--font-size-xs);gap:var(--space-xs)}.chip--medium{height:32px;padding:0 var(--space-md);font-size:var(--font-size-sm);gap:var(--space-xs)}.chip--small:has(.chip__remove){padding-right:var(--space-sm);gap:var(--space-sm)}.chip--medium:has(.chip__remove){padding-right:var(--space-md);gap:var(--space-sm)}.chip__remove{display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;padding:0;margin:0;opacity:.5;transition:opacity var(--transition-fast);color:currentColor;flex-shrink:0}.chip__remove:hover:not(:disabled){opacity:1}.chip__remove:disabled{cursor:not-allowed;opacity:.3}.chip__remove-icon{width:14px;height:14px;display:block}.chip__action{display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;padding:0;margin:0;margin-left:var(--space-xs);opacity:.8;transition:opacity var(--transition-fast);color:currentColor;flex-shrink:0}.chip__action:hover:not(:disabled){opacity:1}.chip__action:disabled{cursor:not-allowed;opacity:.3}.chip__action-icon{width:14px;height:14px}.chip--default{background-color:var(--color-surface-tertiary);color:var(--color-text-default)}.chip--primary{background-color:var(--color-primary-default);color:var(--color-text-on-action);border-color:var(--color-primary-default)}.chip--secondary{background-color:var(--color-surface-secondary);color:var(--color-text-secondary)}.chip--success{background-color:var(--color-status-success-bg);color:var(--color-status-success-default);border-color:var(--color-status-success-default)}.chip--creative{background-color:var(--color-status-creative-bg);color:var(--color-status-creative-default);border-color:var(--color-status-creative-default)}.chip--warning{background-color:var(--color-status-warning-bg);color:var(--color-status-warning-default);border-color:var(--color-status-warning-default)}.chip--neutral{background-color:var(--color-surface-tertiary);color:var(--color-text-secondary);border-color:var(--color-border-secondary)}.chip--info{background-color:var(--color-status-info-bg);color:var(--color-status-info-default);border-color:var(--color-status-info-default)}.chip--error{background-color:var(--color-status-error-bg);color:var(--color-status-error-default);border-color:var(--color-status-error-default)}.chip--rating-lucky{background-color:var(--color-rating-lucky-bg);color:var(--color-rating-lucky-default);border-color:var(--color-rating-lucky-default)}.chip--rating-good{background-color:var(--color-rating-good-bg);color:var(--color-rating-good-default);border-color:var(--color-rating-good-default)}.chip--rating-medium{background-color:var(--color-rating-medium-bg);color:var(--color-rating-medium-default);border-color:var(--color-rating-medium-default)}.chip--rating-meh{background-color:var(--color-rating-meh-bg);color:var(--color-rating-meh-default);border-color:var(--color-rating-meh-default)}.chip--rating-bad{background-color:var(--color-rating-bad-bg);color:var(--color-rating-bad-default);border-color:var(--color-rating-bad-default)}.chip--disabled,.chip--inactive{opacity:var(--opacity-semantic-disabled);cursor:not-allowed}.chip--inactive{color:var(--color-text-disabled)}.chip--inactive,.chip--inactive .chip__checkbox{border-color:var(--color-border-secondary)}.chip--checkbox{cursor:pointer;opacity:.6;border-width:1px;border-color:transparent;transition:all var(--transition-fast) var(--motion-spring-gentle)}.chip--checkbox.chip--interactive:hover:not(.chip--disabled):not(.chip--inactive){opacity:.8;transform:translateY(var(--micro-translate-hover)) scale(1.02)}.chip--checkbox.chip--interactive:active:not(.chip--disabled):not(.chip--inactive){transform:scale(.98);transition:all .1s var(--motion-spring-snappy)}.chip--checkbox.chip--checked{opacity:1;border-color:var(--color-primary-default)}.chip--checkbox.chip--checked.chip--interactive:hover:not(.chip--disabled):not(.chip--inactive){opacity:1;border-color:var(--color-primary-default);transform:translateY(var(--micro-translate-hover)) scale(1.02)}.chip__content{line-height:var(--line-height-tight);white-space:nowrap}.chip:focus-visible{outline:2px solid var(--color-primary-default);outline-offset:2px}@media (prefers-reduced-motion:reduce){.chip{transition:none}.chip:active,.chip:hover{transform:none}}.tag{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);font-family:var(--font-family-body);font-weight:var(--font-weight-bold);line-height:1;white-space:nowrap;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;user-select:none;text-transform:uppercase;letter-spacing:.02em}.tag--small{height:20px;font-size:var(--font-size-xs)}.tag--medium,.tag--small{padding:0 var(--space-sm)}.tag--medium{height:24px;font-size:var(--font-size-sm)}.tag--default{background-color:var(--color-surface-tertiary);color:var(--color-text-secondary);border:1px solid var(--color-border-secondary)}.tag--primary{background-color:var(--color-primary-default);color:var(--color-text-on-action);border:1px solid var(--color-primary-default)}.tag--secondary{background-color:var(--color-surface-secondary);color:var(--color-text-secondary);border:1px solid var(--color-border-secondary)}.tag--success{background-color:var(--color-status-success-default)}.tag--success,.tag--warning{color:var(--color-text-on-action)}.tag--warning{background-color:var(--color-status-warning-default)}.tag--error{background-color:var(--color-status-error-default)}.tag--error,.tag--info{color:var(--color-text-on-action)}.tag--info{background-color:var(--color-primary-default);opacity:.9}.tag--neutral{background-color:var(--color-surface-quaternary);color:var(--color-text-default);border:1px solid var(--color-border-primary)}.tag--rating-lucky{background-color:var(--color-rating-lucky-bg);color:var(--color-rating-lucky-default);border:1px solid var(--color-rating-lucky-default)}.tag--rating-good{background-color:var(--color-rating-good-bg);color:var(--color-rating-good-default);border:1px solid var(--color-rating-good-default)}.tag--rating-medium{background-color:var(--color-rating-medium-bg);color:var(--color-rating-medium-default);border:1px solid var(--color-rating-medium-default)}.tag--rating-meh{background-color:var(--color-rating-meh-bg);color:var(--color-rating-meh-default);border:1px solid var(--color-rating-meh-default)}.tag--rating-bad{background-color:var(--color-rating-bad-bg);color:var(--color-rating-bad-default);border:1px solid var(--color-rating-bad-default)}.stat-card{background:var(--color-surface-default);border:var(--border-width-thin) solid var(--color-border-primary);border-radius:var(--radius-xl);padding:var(--space-md);display:grid;grid-gap:var(--space-md);gap:var(--space-md);align-items:center}.stat-card__item,.stat-card__item--centered{display:flex;flex-direction:column;gap:var(--space-xs)}.stat-card__item--centered{text-align:center;align-items:center}.stat-card__label{composes:typography-body-sm from global;color:var(--color-text-tertiary);font-weight:var(--font-weight-semibold)}.stat-card__value{composes:typography-body-md from global;color:var(--color-text-default);font-weight:var(--font-weight-medium)}.stat-card__label--small{font-size:var(--font-size-xs)}.stat-card__label--medium,.stat-card__value--small{font-size:var(--font-size-sm)}.stat-card__label--large,.stat-card__value--medium{font-size:var(--font-size-md)}.stat-card__value--large{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}@media (max-width:768px){.stat-card{padding:var(--space-sm);gap:var(--space-sm)}.stat-card__label{font-size:var(--font-size-xs)}.stat-card__value,.stat-card__value--medium{font-size:var(--font-size-sm)}}.data-table-container{width:100%;overflow-x:auto;border-radius:var(--radius-lg);border:var(--border-width-thin) solid var(--color-border-primary);background:var(--color-surface-default)}.data-table{width:100%;min-width:100%;border-collapse:collapse;border-spacing:0;table-layout:auto}.data-table__empty,.data-table__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-2xl);min-height:200px;background:var(--color-surface-default);border-radius:var(--radius-lg);border:var(--border-width-thin) solid var(--color-border-primary)}.data-table__head{background:var(--color-surface-secondary);border-bottom:var(--border-width-thin) solid var(--color-border-primary)}.data-table__header{padding:var(--space-md) var(--space-lg);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.data-table__header:not(.data-table__header--center):not(.data-table__header--right){text-align:left}.data-table__header--sortable{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:all var(--transition-fast)}.data-table__header--sortable:hover{background:var(--color-surface-tertiary);color:var(--color-text-secondary)}.data-table__header--sorted{color:var(--color-text-default);background:var(--color-surface-tertiary)}.data-table__header--checkbox{width:48px;padding:var(--space-md)}.data-table__header--center,.data-table__header--center .data-table__header-content{text-align:center;justify-content:center}.data-table__header--right,.data-table__header--right .data-table__header-content{text-align:right;justify-content:flex-end}.data-table__header-content{display:flex;align-items:center;gap:var(--space-xs)}.data-table__sort-icon{display:flex;align-items:center;opacity:.5;transition:opacity var(--transition-fast)}.data-table__header--sortable:hover .data-table__sort-icon,.data-table__header--sorted .data-table__sort-icon{opacity:1}.data-table__body{background:var(--color-surface-default)}.data-table__row{transition:background-color var(--transition-fast)}.data-table__row--clickable{cursor:pointer}.data-table__row--clickable:hover{background:var(--color-surface-secondary)}.data-table__row--selected{background:var(--color-primary-alpha-10);border-left:4px solid var(--color-primary-default);border-right:4px solid var(--color-primary-default)}.data-table__row--selected:hover{background:var(--color-primary-alpha-20)}.data-table__row--clickable:focus-visible{outline:2px solid var(--color-primary-default);outline-offset:-2px}.data-table__cell{padding:var(--space-md) var(--space-lg);font-size:var(--font-size-sm);color:var(--color-text-default);vertical-align:middle}.data-table__cell--checkbox{width:48px;padding:var(--space-md)}.data-table__cell--center{text-align:center}.data-table__cell--right{text-align:right}.data-table--striped .data-table__body .data-table__row:nth-child(2n){background:var(--color-surface-secondary)}.data-table--striped .data-table__body .data-table__row:nth-child(2n):hover{background:var(--color-surface-tertiary)}.data-table--compact .data-table__cell,.data-table--compact .data-table__header{padding:var(--space-sm) var(--space-md)}.data-table--compact .data-table__cell{font-size:var(--font-size-xs)}@media (max-width:768px){.data-table-container{overflow-x:auto;-webkit-overflow-scrolling:touch}.data-table__cell,.data-table__header{padding:var(--space-md) var(--space-lg)}.data-table__header{white-space:nowrap}}.stack{display:flex}.stack--column{flex-direction:column}.stack--row{flex-direction:row}.stack--spacing-xs{gap:var(--space-xs)}.stack--spacing-sm{gap:var(--space-sm)}.stack--spacing-md{gap:var(--space-md)}.stack--spacing-lg{gap:var(--space-lg)}.stack--spacing-xl{gap:var(--space-xl)}.stack--spacing-2xl{gap:var(--space-2xl)}.stack--align-start{align-items:flex-start}.stack--align-center{align-items:center}.stack--align-end{align-items:flex-end}.stack--align-stretch{align-items:stretch}.stack--justify-start{justify-content:flex-start}.stack--justify-center{justify-content:center}.stack--justify-end{justify-content:flex-end}.stack--justify-between{justify-content:space-between}.stack--justify-around{justify-content:space-around}.stack--justify-evenly{justify-content:space-evenly}.stack--wrap{flex-wrap:wrap}.stack--full-width{width:100%}.container{width:100%;margin-left:auto;margin-right:auto;box-sizing:border-box}.container--sm{max-width:640px}.container--md{max-width:768px}.container--lg{max-width:1024px}.container--xl{max-width:1280px}.container--full{max-width:none}.container--padding-none{padding-left:0;padding-right:0}.container--padding-sm{padding-left:var(--space-md);padding-right:var(--space-md)}.container--padding-md{padding-left:var(--space-lg);padding-right:var(--space-lg)}.container--padding-lg{padding-left:var(--space-xl);padding-right:var(--space-xl)}@media (max-width:768px){.container--padding-lg,.container--padding-md{padding-left:var(--space-md);padding-right:var(--space-md)}}.page-header{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;grid-column-gap:var(--space-sm);column-gap:var(--space-sm);width:100%;margin-bottom:var(--space-lg);padding:0 var(--space-md);box-sizing:border-box}@media (min-width:769px){.page-header{grid-template-columns:minmax(7.5rem,1fr) auto minmax(7.5rem,1fr)}}.page-header--sticky{position:-webkit-sticky;position:sticky;top:0;z-index:var(--layout-z-content);background:transparent}.page-header__left{display:flex;align-items:center;justify-content:flex-start;min-width:0}.page-header__title{margin:0;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);text-align:center;color:var(--color-text-default);width:max-content;max-width:min(72vw,28rem);margin-inline:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.page-header__right{display:flex;align-items:center;gap:var(--space-sm);min-width:0;justify-content:flex-end}@media (max-width:768px){.page-header{padding:0 var(--space-md);margin-bottom:var(--space-md)}.page-header__title{font-size:var(--font-size-md)}.page-header--sticky{padding-top:var(--space-md);padding-bottom:var(--space-lg);margin-top:calc(-1 * var(--space-md))}}.section-header{margin-top:var(--space-lg);margin-bottom:var(--space-sm)}.section-header__border{padding-bottom:var(--space-xs);border-bottom:var(--border-width-thin) solid var(--color-border-primary)}.section-header__title{font-size:var(--font-size-md);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;margin:0}.section-header--large .section-header__title{font-size:var(--font-size-lg)}.section-header--compact{margin-bottom:var(--space-sm)}.section-header--no-border .section-header__border{border-bottom:none;padding-bottom:0}.scrollable-list{width:100%;overflow-y:auto;overflow-x:hidden;box-sizing:border-box;overscroll-behavior:contain;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:var(--color-border-secondary) transparent}.scrollable-list::-webkit-scrollbar{width:6px}.scrollable-list::-webkit-scrollbar-track{background:transparent}.scrollable-list::-webkit-scrollbar-thumb{background-color:var(--color-border-secondary);border-radius:var(--radius-sm);-webkit-transition:background-color var(--transition-fast);transition:background-color var(--transition-fast)}.scrollable-list::-webkit-scrollbar-thumb:hover{background-color:var(--color-border-primary)}.scrollable-list--default{background:var(--color-surface-secondary);border:var(--border-width-thin) solid var(--color-border-secondary);border-radius:var(--radius-lg)}.scrollable-list--flush{background:transparent;border:none}.scrollable-list__loader{height:60px;display:flex;align-items:center;justify-content:center;pointer-events:none;opacity:.5}@media (prefers-reduced-motion:reduce){.scrollable-list{scroll-behavior:auto}}