@layer theme,base;@layer components{.tk-sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}:where(.tk-btn,.tk-icon-btn,.tk-tab,.tk-page-btn,.tk-filter-pill,.tk-input,.tk-table__sort,.tk-menu__item,.tk-toast__action,.tk-breadcrumb__link):focus-visible,:where(.tk-tabpanel,.tk-dialog,.tk-drawer,.tk-select__list):focus-visible{box-shadow:var(--focus-ring-shadow);outline:none}.tk-section{width:100%;max-width:72rem;padding-inline:var(--space-4);margin-inline:auto}@media (min-width:768px){.tk-section{padding-inline:var(--space-6)}}.tk-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--card-radius);box-shadow:var(--card-shadow);padding:var(--card-padding);color:var(--color-foreground)}.tk-btn{justify-content:center;align-items:center;gap:var(--space-2);border-radius:var(--btn-radius);font-family:inherit;font-size:var(--btn-font-size);font-weight:var(--btn-font-weight);white-space:nowrap;cursor:pointer;transition:background-color var(--motion-fast) var(--ease-standard), border-color var(--motion-fast) var(--ease-standard), color var(--motion-fast) var(--ease-standard);border:1px solid #0000;line-height:1.25rem;text-decoration:none;display:inline-flex}.tk-btn--md{min-height:var(--btn-height-md);padding:0 var(--space-4)}.tk-btn--sm{min-height:var(--btn-height-sm);padding:0 var(--space-3);font-size:var(--font-size-meta)}.tk-btn--lg{min-height:3rem;padding:0 var(--space-6);font-size:var(--font-size-body)}.tk-btn--block{width:100%}.tk-btn:disabled,.tk-btn[aria-disabled=true]{cursor:not-allowed;opacity:var(--btn-disabled-opacity)}.tk-btn--primary{background:var(--btn-primary-bg);color:var(--btn-primary-fg)}.tk-btn--primary:hover:not(:disabled){background:var(--btn-primary-bg-hover)}.tk-btn--accent{background:var(--btn-accent-bg);color:var(--btn-accent-fg)}.tk-btn--accent:hover:not(:disabled){background:var(--btn-accent-bg-hover)}.tk-btn--secondary{background:var(--btn-secondary-bg);color:var(--btn-secondary-fg);border-color:var(--btn-secondary-border)}.tk-btn--secondary:hover:not(:disabled){background:var(--btn-secondary-bg-hover)}.tk-btn--ghost{background:var(--btn-ghost-bg);color:var(--btn-ghost-fg);border-color:var(--btn-ghost-border)}.tk-btn--ghost:hover:not(:disabled){background:var(--btn-ghost-bg-hover)}.tk-btn--danger{background:var(--btn-danger-bg);color:var(--btn-danger-fg)}.tk-btn--danger:hover:not(:disabled){background:var(--btn-danger-bg-hover)}.tk-btn--success{background:var(--btn-success-bg);color:var(--btn-success-fg)}.tk-btn--success:hover:not(:disabled){background:var(--btn-success-bg-hover)}.tk-btn--link{color:var(--btn-link-fg);background:0 0;min-height:auto;padding-inline:0}.tk-btn--link:hover:not(:disabled){text-decoration:underline}.tk-btn__icon{display:inline-flex}.tk-icon-btn{border-radius:var(--radius-control);width:2rem;height:2rem;color:var(--color-foreground-muted);cursor:pointer;font:inherit;background:0 0;border:0;justify-content:center;align-items:center;display:inline-flex}.tk-icon-btn:hover{background:var(--color-hover);color:var(--color-foreground)}.tk-icon-btn--sm{width:1.5rem;height:1.5rem;font-size:var(--font-size-caption)}.tk-spinner{border-radius:var(--radius-pill);border:2px solid;border-right-color:#0000;width:1em;height:1em;animation:.7s linear infinite tk-spin;display:inline-block}.tk-pill{border-radius:var(--radius-pill);padding:var(--space-1) var(--space-3);font-size:var(--font-size-caption);font-weight:var(--font-weight-semibold);letter-spacing:.08em;text-transform:uppercase;background:var(--badge-neutral-bg);color:var(--badge-neutral-fg);align-items:center;display:inline-flex}.tk-pill--info,.tk-pill--pending{background:var(--badge-info-bg);color:var(--badge-info-fg)}.tk-pill--success{background:var(--badge-success-bg);color:var(--badge-success-fg)}.tk-pill--warning{background:var(--badge-warning-bg);color:var(--badge-warning-fg)}.tk-pill--danger{background:var(--badge-danger-bg);color:var(--badge-danger-fg)}.tk-pill--featured{background:var(--color-accent-soft);color:var(--color-accent-ink)}.tk-badge{border-radius:var(--badge-radius);padding:.125rem var(--space-2);font-size:var(--badge-font-size);font-weight:var(--font-weight-semibold);white-space:nowrap;align-items:center;gap:.375rem;line-height:1.125rem;display:inline-flex}.tk-badge__dot{border-radius:var(--radius-pill);background:currentColor;width:.375rem;height:.375rem}.tk-badge--neutral{background:var(--badge-neutral-bg);color:var(--badge-neutral-fg)}.tk-badge--info{background:var(--badge-info-bg);color:var(--badge-info-fg)}.tk-badge--success{background:var(--badge-success-bg);color:var(--badge-success-fg)}.tk-badge--warning{background:var(--badge-warning-bg);color:var(--badge-warning-fg)}.tk-badge--danger{background:var(--badge-danger-bg);color:var(--badge-danger-fg)}.tk-kpi{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--card-radius);box-shadow:var(--card-shadow);padding:var(--space-card-compact)}.tk-kpi__head{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.tk-kpi__label{font-size:var(--font-size-meta);font-weight:var(--font-weight-medium);color:var(--color-foreground-muted)}.tk-kpi__icon{border-radius:var(--radius-control);justify-content:center;align-items:center;width:2.25rem;height:2.25rem;display:inline-flex}.tk-kpi__icon--primary{background:var(--color-primary-soft);color:var(--color-primary)}.tk-kpi__icon--accent{background:var(--color-accent-soft);color:var(--color-accent-ink)}.tk-kpi__icon--success{background:var(--color-success-soft);color:var(--color-success-ink)}.tk-kpi__icon--warning{background:var(--color-warning-soft);color:var(--color-warning-ink)}.tk-kpi__icon--danger{background:var(--color-danger-soft);color:var(--color-danger)}.tk-kpi__body{align-items:baseline;gap:var(--space-2);margin-top:var(--space-3);display:flex}.tk-kpi__value{font-size:var(--font-size-h3);line-height:var(--line-height-h3);font-weight:var(--font-weight-bold);color:var(--color-foreground)}.tk-kpi__delta{font-size:var(--font-size-caption);font-weight:var(--font-weight-semibold)}.tk-kpi__delta--up{color:var(--color-success)}.tk-kpi__delta--down{color:var(--color-danger)}.tk-kpi__delta--neutral,.tk-kpi__delta-label{color:var(--color-foreground-muted);font-weight:var(--font-weight-regular)}.tk-kpi__subtext{margin:var(--space-1) 0 0;font-size:var(--font-size-caption);color:var(--color-foreground-muted)}.tk-progress__track{border-radius:var(--radius-pill);background:var(--progress-track);width:100%;height:.5rem;position:relative;overflow:hidden}.tk-progress__track--sm{height:.375rem}.tk-progress__fill{border-radius:inherit;height:100%;transition:width var(--motion-base) var(--ease-standard)}.tk-progress__fill--primary{background:var(--progress-primary)}.tk-progress__fill--accent{background:var(--progress-accent)}.tk-progress__fill--success{background:var(--progress-success)}.tk-progress__fill--danger{background:var(--color-danger)}.tk-progress__fill--indeterminate{width:40%;animation:tk-indeterminate 1.2s var(--ease-standard) infinite}.tk-progress__label{margin:var(--space-1) 0 0;font-size:var(--font-size-caption);color:var(--color-foreground-muted)}.tk-tabs{gap:0;display:flex;overflow-x:auto}.tk-tabs--underline{border-bottom:1px solid var(--tabs-border)}.tk-tabs--pill{gap:var(--space-2);flex-wrap:wrap}.tk-tabs--segmented{gap:var(--space-1);padding:var(--space-1);border:1px solid var(--tabs-border);border-radius:var(--radius-control);background:var(--color-surface-muted);display:inline-flex}.tk-tab{align-items:center;gap:var(--space-2);color:var(--color-foreground-muted);font:inherit;font-size:var(--font-size-body-sm);font-weight:var(--font-weight-semibold);white-space:nowrap;cursor:pointer;padding:var(--space-3) var(--space-4);background:0 0;border:0;flex-shrink:0;display:inline-flex}.tk-tab:hover:not(:disabled){color:var(--color-foreground)}.tk-tab:disabled{cursor:not-allowed;opacity:.55}.tk-tabs--underline .tk-tab{border-bottom:2px solid #0000;margin-bottom:-1px}.tk-tabs--underline .tk-tab--selected{color:var(--tabs-active-fg);border-bottom-color:var(--tabs-indicator)}.tk-tabs--pill .tk-tab{border:1px solid var(--tabs-border);border-radius:var(--radius-pill);padding:var(--space-2) var(--space-4)}.tk-tabs--pill .tk-tab--selected{background:var(--color-foreground);border-color:var(--color-foreground);color:var(--color-surface)}.tk-tabs--segmented .tk-tab{border-radius:calc(var(--radius-control) - 2px);padding:var(--space-2) var(--space-3)}.tk-tabs--segmented .tk-tab--selected{background:var(--color-surface);color:var(--color-primary-strong);box-shadow:var(--shadow-card)}.tk-tab__badge{border-radius:var(--radius-pill);background:var(--color-primary-soft);min-width:1.25rem;color:var(--color-primary-strong);font-size:var(--font-size-caption);font-weight:var(--font-weight-bold);text-align:center;padding:0 .375rem}.tk-field{gap:var(--space-1);flex-direction:column;display:flex}.tk-field__label{font-size:var(--font-size-label);font-weight:var(--font-weight-medium);color:var(--color-foreground)}.tk-field__required{color:var(--color-danger)}.tk-field__hint{font-size:var(--font-size-caption);color:var(--color-foreground-muted);margin:0}.tk-field__error{min-height:0;font-size:var(--font-size-caption);color:var(--color-danger);margin:0}.tk-field__error:empty{display:none}.tk-input{width:100%;min-height:var(--field-height);padding:0 var(--space-3);border:1px solid var(--field-border);border-radius:var(--field-radius);background:var(--field-bg);color:var(--field-fg);font-family:inherit;font-size:var(--font-size-body-sm);font-weight:var(--font-weight-regular);transition:border-color var(--motion-fast) var(--ease-standard);line-height:1.25rem}:where(input,select,button).tk-input{height:var(--field-height)}select.tk-input{appearance:none;padding-right:var(--space-8);background-image:linear-gradient(45deg, transparent 50%, var(--color-foreground-muted) 50%), linear-gradient(135deg, var(--color-foreground-muted) 50%, transparent 50%);cursor:pointer;background-position:calc(100% - 1.125rem),calc(100% - .8125rem);background-repeat:no-repeat;background-size:.3125rem .3125rem}.tk-input::placeholder{color:var(--field-placeholder)}.tk-input:focus-visible{border-color:var(--field-border-focus)}.tk-input:disabled{background:var(--field-bg-muted);cursor:not-allowed}.tk-input--invalid,.tk-input[aria-invalid=true]{border-color:var(--field-border-invalid)}.tk-input--sm{width:auto;height:2rem;min-height:2rem}.tk-search{align-items:center;min-width:14rem;display:flex;position:relative}.tk-search__icon{left:var(--space-3);width:1rem;height:1rem;color:var(--color-foreground-subtle);pointer-events:none;position:absolute}.tk-search__input{padding-left:calc(var(--space-3) + 1rem + var(--space-2));padding-right:var(--space-8)}.tk-search__input::-webkit-search-cancel-button{display:none}.tk-search__clear,.tk-search__kbd{right:var(--space-2);position:absolute}.tk-search__kbd{font-family:inherit;font-size:var(--font-size-caption);color:var(--color-foreground-subtle);border:1px solid var(--color-border);border-radius:var(--radius-badge);padding:0 var(--space-1)}.tk-select{gap:var(--space-1);flex-direction:column;display:flex;position:relative}.tk-select__trigger{justify-content:space-between;align-items:center;gap:var(--space-2);text-align:left;cursor:pointer;display:flex}.tk-select__value{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.tk-select__placeholder{color:var(--field-placeholder)}.tk-select__chevron{color:var(--color-foreground-muted)}.tk-popover{background:var(--popover-bg);border:1px solid var(--popover-border);border-radius:var(--radius-control);box-shadow:var(--popover-shadow);z-index:var(--z-floating)}.tk-select__popup{margin-top:var(--space-1);padding:var(--space-2);gap:var(--space-2);flex-direction:column;display:flex;position:absolute;top:100%;left:0;right:0}.tk-select__list{max-height:16rem;margin:0;padding:0;list-style:none;overflow-y:auto}.tk-select__option{align-items:flex-start;gap:var(--space-2);padding:var(--space-2);border-radius:var(--radius-badge);font-size:var(--font-size-body-sm);color:var(--color-foreground);cursor:pointer;display:flex}.tk-select__option--active{background:var(--color-surface-muted)}.tk-select__option--selected{color:var(--color-primary-strong);font-weight:var(--font-weight-semibold)}.tk-select__option[aria-disabled=true]{opacity:.5;cursor:not-allowed}.tk-select__desc{font-size:var(--font-size-caption);color:var(--color-foreground-muted);font-weight:var(--font-weight-regular);display:block}.tk-select__empty{padding:var(--space-2);font-size:var(--font-size-body-sm);color:var(--color-foreground-muted)}.tk-check{border:1px solid var(--field-border);background:var(--field-bg);border-radius:4px;flex-shrink:0;width:1rem;height:1rem;margin-top:.125rem}.tk-check--on{background:var(--color-primary);border-color:var(--color-primary);box-shadow:inset 0 0 0 2px var(--field-bg)}.tk-menu{display:inline-flex;position:relative}.tk-menu__list{min-width:11rem;margin:var(--space-1) 0 0;padding:var(--space-1);list-style:none;position:absolute;top:100%;right:0}.tk-menu__item{padding:var(--space-2) var(--space-3);border-radius:var(--radius-badge);font-size:var(--font-size-body-sm);color:var(--color-foreground);cursor:pointer;white-space:nowrap}.tk-menu__item:hover,.tk-menu__item:focus{background:var(--color-surface-muted)}.tk-menu__item--danger{color:var(--color-danger)}.tk-menu__item[aria-disabled=true]{opacity:.5;cursor:not-allowed}.tk-table-wrap{background:var(--table-bg);border:1px solid var(--table-border);border-radius:var(--card-radius);box-shadow:var(--card-shadow);overflow:hidden}.tk-table-scroll{overflow-x:auto}.tk-table-scroll--sticky{max-height:var(--table-max-height,70vh);overflow-y:auto}.tk-table{border-collapse:separate;border-spacing:0;width:100%;font-size:var(--font-size-body-sm);color:var(--color-foreground)}.tk-table thead th{background:var(--table-header-bg);color:var(--table-header-fg);font-size:var(--font-size-meta);font-weight:var(--font-weight-semibold);text-align:left;white-space:nowrap;padding:var(--table-cell-padding-y) var(--table-cell-padding-x);border-bottom:1px solid var(--table-border)}.tk-table-scroll--sticky thead th{z-index:var(--z-sticky);position:sticky;top:0}.tk-table tbody th,.tk-table tbody td{padding:var(--table-cell-padding-y) var(--table-cell-padding-x);border-bottom:1px solid var(--table-border);text-align:left;vertical-align:middle;font-weight:var(--font-weight-regular)}.tk-table tbody th{font-weight:var(--font-weight-semibold)}.tk-table tbody tr:last-child>*{border-bottom:0}.tk-table tbody tr:hover>*{background:var(--table-row-hover)}.tk-table__row--clickable{cursor:pointer}.tk-table__skeleton-row:hover>*{background:0 0}.tk-table__sort{align-items:center;gap:var(--space-1);color:inherit;font:inherit;cursor:pointer;border-radius:var(--radius-badge);background:0 0;border:0;padding:0;display:inline-flex}.tk-table__sort-icon{color:var(--color-foreground-subtle);font-size:.625rem}[aria-sort=ascending] .tk-table__sort-icon,[aria-sort=descending] .tk-table__sort-icon{color:var(--color-primary)}.tk-table__actions-col{text-align:right;width:3.5rem}.tk-table__empty{padding:var(--space-8) var(--space-4)}.tk-table__caption{caption-side:top;text-align:left;padding:var(--space-3) var(--space-4);font-weight:var(--font-weight-semibold)}.tk-table-wrap .tk-pagination{border-top:1px solid var(--table-border)}.tk-skeleton{border-radius:var(--radius-badge);background:linear-gradient(90deg, var(--skeleton-bg) 0%, var(--skeleton-highlight) 50%, var(--skeleton-bg) 100%);background-size:200% 100%;max-width:100%;animation:1.4s linear infinite tk-shimmer;display:inline-block}.tk-pagination{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);font-size:var(--font-size-body-sm);color:var(--color-foreground-muted);flex-wrap:wrap;display:flex}.tk-pagination__summary{margin:0}.tk-pagination__controls,.tk-pagination__size{align-items:center;gap:var(--space-3);display:flex}.tk-pagination__list{align-items:center;gap:var(--space-1);margin:0;padding:0;list-style:none;display:flex}.tk-pagination__gap{padding:0 var(--space-1)}.tk-page-btn{min-width:2rem;height:2rem;padding:0 var(--space-2);border-radius:var(--radius-control);color:var(--color-foreground);font:inherit;cursor:pointer;background:0 0;border:1px solid #0000}.tk-page-btn:hover:not(:disabled){background:var(--color-surface-muted)}.tk-page-btn:disabled{opacity:.4;cursor:not-allowed}.tk-page-btn--current{background:var(--color-primary-soft);color:var(--color-primary-strong);font-weight:var(--font-weight-semibold)}.tk-overlay{z-index:var(--z-dialog);padding:var(--space-4);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.tk-overlay--drawer{justify-content:flex-end;align-items:stretch;padding:0}.tk-overlay__backdrop{background:var(--dialog-overlay);animation:tk-fade-in var(--motion-base) var(--ease-standard);position:fixed;inset:0}.tk-dialog{width:100%;max-width:var(--dialog-width);max-height:calc(100vh - 2 * var(--space-4));background:var(--dialog-bg);color:var(--dialog-fg);border:1px solid var(--dialog-border);border-radius:var(--dialog-radius);box-shadow:var(--dialog-shadow);padding:var(--space-6);animation:tk-pop-in var(--motion-base) var(--ease-standard);position:relative;overflow-y:auto}.tk-dialog--sm{max-width:28rem}.tk-dialog--lg{max-width:44rem}.tk-dialog__header,.tk-drawer__header{justify-content:space-between;align-items:flex-start;gap:var(--space-4);display:flex}.tk-dialog__title{font-size:var(--font-size-body-lg);line-height:var(--line-height-body-lg);font-weight:var(--font-weight-semibold);color:var(--dialog-fg);margin:0}.tk-dialog__description{margin:var(--space-2) 0 0;font-size:var(--font-size-body-sm);color:var(--color-foreground-muted)}.tk-dialog__body{margin-top:var(--space-4);gap:var(--space-4);flex-direction:column;display:flex}.tk-dialog__footer,.tk-drawer__footer{justify-content:flex-end;gap:var(--space-3);margin-top:var(--space-6);display:flex}.tk-drawer{background:var(--dialog-bg);width:100%;height:100%;color:var(--dialog-fg);border-left:1px solid var(--dialog-border);box-shadow:var(--dialog-shadow);animation:tk-slide-in var(--motion-slow) var(--ease-standard);flex-direction:column;display:flex;position:relative}.tk-drawer--md{max-width:var(--drawer-width-md)}.tk-drawer--lg{max-width:var(--drawer-width-lg)}.tk-drawer__header{padding:var(--space-6) var(--space-6) var(--space-4);border-bottom:1px solid var(--dialog-border)}.tk-drawer__body{padding:var(--space-6);flex:1;overflow-y:auto}.tk-drawer__footer{padding:var(--space-4) var(--space-6);border-top:1px solid var(--dialog-border);margin:0}.tk-toast-region{right:var(--space-6);bottom:var(--space-6);z-index:var(--z-toast);gap:var(--space-2);width:min(24rem, calc(100vw - 2 * var(--space-4)));pointer-events:none;flex-direction:column;display:flex;position:fixed}.tk-toast-stack{gap:var(--space-2);flex-direction:column;display:flex}.tk-toast{align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--toast-bg);color:var(--toast-fg);border:1px solid var(--toast-border);border-left:4px solid var(--toast-info-accent);border-radius:var(--toast-radius);box-shadow:var(--toast-shadow);pointer-events:auto;animation:tk-pop-in var(--motion-base) var(--ease-standard);display:flex}.tk-toast--success{border-left-color:var(--toast-success-accent)}.tk-toast--error{border-left-color:var(--toast-error-accent)}.tk-toast__content{min-width:0;font-size:var(--font-size-body-sm);flex:1}.tk-toast__title{margin:0 0 var(--space-1);font-weight:var(--font-weight-semibold)}.tk-toast__action{margin-top:var(--space-1);color:var(--color-primary);font:inherit;font-weight:var(--font-weight-semibold);cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline;display:inline-block}.tk-empty{text-align:center;align-items:center;gap:var(--space-2);padding:var(--space-12) var(--space-6);color:var(--color-foreground-muted);flex-direction:column;display:flex}.tk-empty--compact{padding:var(--space-6) var(--space-4)}.tk-empty__icon{border-radius:var(--radius-card);background:var(--color-primary-soft);width:3rem;height:3rem;color:var(--color-primary);font-size:var(--font-size-body-lg);justify-content:center;align-items:center;display:inline-flex}.tk-empty__title{font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);color:var(--color-foreground);margin:0}.tk-empty__description{max-width:28rem;font-size:var(--font-size-body-sm);margin:0}.tk-empty__action{margin-top:var(--space-2)}.tk-avatar{border-radius:var(--radius-pill);font-weight:var(--font-weight-semibold);-webkit-user-select:none;user-select:none;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;overflow:hidden}.tk-avatar--sm{width:1.75rem;height:1.75rem;font-size:var(--font-size-caption)}.tk-avatar--md{width:2.25rem;height:2.25rem;font-size:var(--font-size-meta)}.tk-avatar--lg{width:3rem;height:3rem;font-size:var(--font-size-body)}.tk-avatar--primary{background:var(--color-primary-soft);color:var(--color-primary-strong)}.tk-avatar--accent{background:var(--color-accent-soft);color:var(--color-accent-ink)}.tk-avatar--success{background:var(--color-success-soft);color:var(--color-success-ink)}.tk-avatar--warning{background:var(--color-warning-soft);color:var(--color-warning-ink)}.tk-avatar--neutral{background:var(--color-surface-muted);color:var(--color-foreground-muted)}.tk-avatar__img{object-fit:cover;width:100%;height:100%}.tk-page-header{gap:var(--space-2);margin-bottom:var(--space-6);flex-direction:column;display:flex}.tk-breadcrumb ol{gap:var(--space-1);font-size:var(--font-size-meta);color:var(--color-foreground-muted);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.tk-breadcrumb li{gap:var(--space-1);display:inline-flex}.tk-breadcrumb [aria-current=page]{color:var(--color-foreground);font-weight:var(--font-weight-medium)}.tk-breadcrumb__link{color:inherit;border-radius:var(--radius-badge);text-decoration:none}.tk-breadcrumb__link:hover{color:var(--color-primary);text-decoration:underline}.tk-breadcrumb__sep{color:var(--color-foreground-subtle)}.tk-page-header__row{justify-content:space-between;align-items:flex-start;gap:var(--space-4);flex-wrap:wrap;display:flex}.tk-page-header__title-row{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.tk-page-header__title{font-size:var(--font-size-h3);line-height:var(--line-height-h3);font-weight:var(--font-weight-bold);color:var(--color-foreground);margin:0}.tk-page-header__subtitle{margin:var(--space-1) 0 0;font-size:var(--font-size-body-sm);color:var(--color-foreground-muted)}.tk-page-header__actions{gap:var(--space-3);flex-wrap:wrap;display:flex}.tk-filedrop{align-items:center;gap:var(--space-2);padding:var(--space-8) var(--space-6);border:2px dashed var(--color-border-strong);border-radius:var(--radius-card);background:var(--color-surface-muted);text-align:center;transition:border-color var(--motion-fast) var(--ease-standard), background-color var(--motion-fast) var(--ease-standard);flex-direction:column;display:flex}.tk-filedrop--active{border-color:var(--color-primary);background:var(--color-primary-soft)}.tk-filedrop--disabled{opacity:.55}.tk-filedrop__icon{font-size:var(--font-size-h3);color:var(--color-primary)}.tk-filedrop__title{font-weight:var(--font-weight-semibold);color:var(--color-foreground);margin:0}.tk-filedrop__hint{font-size:var(--font-size-caption);color:var(--color-foreground-muted);margin:0}.tk-upload-queue{gap:var(--space-2);margin:var(--space-4) 0 0;flex-direction:column;padding:0;list-style:none;display:flex}.tk-upload-row{align-items:center;gap:var(--space-3);padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-control);background:var(--color-surface);display:flex}.tk-upload-row--error{border-color:color-mix(in srgb, var(--color-danger) 40%, transparent)}.tk-upload-row__main{gap:var(--space-1);flex-direction:column;flex:1;min-width:0;display:flex}.tk-upload-row__meta,.tk-upload-row__status{justify-content:space-between;align-items:center;gap:var(--space-2);font-size:var(--font-size-meta);display:flex}.tk-upload-row__status{justify-content:flex-start}.tk-upload-row__name{text-overflow:ellipsis;white-space:nowrap;font-weight:var(--font-weight-medium);color:var(--color-foreground);overflow:hidden}.tk-upload-row__size{color:var(--color-foreground-muted);flex-shrink:0}.tk-upload-row__error{color:var(--color-danger);font-size:var(--font-size-caption)}.tk-upload-row__error-box{text-align:right;flex-direction:column;align-items:flex-end;min-width:0;display:flex}.tk-upload-row__request-id{color:var(--color-foreground-subtle);font-family:var(--font-mono,ui-monospace, monospace);font-size:var(--font-size-caption)}.tk-upload-row__actions{gap:var(--space-2);display:flex}.tk-filter-pills{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.tk-filter-pill{padding:.375rem var(--space-3);border:1px solid var(--color-border-strong);border-radius:var(--radius-pill);background:var(--color-surface);color:var(--color-foreground-muted);font:inherit;font-size:var(--font-size-caption);font-weight:var(--font-weight-semibold);cursor:pointer;align-items:center;gap:.375rem;display:inline-flex}.tk-filter-pill:hover{border-color:var(--color-primary);color:var(--color-primary)}.tk-filter-pill--active{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-on-primary)}.tk-filter-pill--active:hover{color:var(--color-on-primary)}}@layer utilities;@keyframes tk-spin{to{transform:rotate(360deg)}}@keyframes tk-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes tk-indeterminate{0%{transform:translate(-100%)}to{transform:translate(250%)}}@keyframes tk-fade-in{0%{opacity:0}}@keyframes tk-pop-in{0%{opacity:0;transform:translateY(4px)scale(.98)}}@keyframes tk-slide-in{0%{transform:translate(100%)}}@media (prefers-reduced-motion:reduce){.tk-spinner,.tk-skeleton,.tk-progress__fill--indeterminate,.tk-overlay__backdrop,.tk-dialog,.tk-drawer,.tk-toast{animation-duration:0s!important;animation-iteration-count:1!important}}
