.stat-card[data-v-3b7c56a4]{--stat-card-bg:var(--color-surface-base,#dce9fb);--stat-card-border:var(--color-border-default,#83b4f0);--stat-card-radius:var(--radius-2xl,.75rem);--stat-card-padding:1.5rem;--stat-card-shadow:0 1px 3px rgba(37,99,235,.12);--stat-card-title-color:var(--color-text-muted,#4b5563);--stat-card-value-color:var(--color-text-primary,#111827);--stat-card-trend-up:#0a4a34;--stat-card-trend-down:#8b1a1a;--stat-card-trend-neutral:var(--color-text-muted,#4b5563);--stat-card-skeleton:var(--color-surface-hover,#b8d4f8);--stat-card-hover-bg:var(--color-surface-hover,#b8d4f8);--stat-card-active-bg:var(--color-border-default,#83b4f0);--stat-card-focus-ring:var(--color-accent-hover,#1a4db8);background:var(--stat-card-bg);border:1px solid var(--stat-card-border);border-radius:var(--stat-card-radius);box-shadow:var(--stat-card-shadow);padding:var(--stat-card-padding)}.stat-card__title[data-v-3b7c56a4]{color:var(--stat-card-title-color);font-size:.875rem;font-weight:500;margin:0 0 .5rem}.stat-card__value[data-v-3b7c56a4]{color:var(--stat-card-value-color);font-size:2rem;font-weight:700;line-height:1.2}.stat-card__trend[data-v-3b7c56a4]{align-items:center;display:flex;font-size:.875rem;font-weight:500;gap:.25rem;margin-top:.5rem}.stat-card__trend--up[data-v-3b7c56a4]{color:var(--stat-card-trend-up)}.stat-card__trend--down[data-v-3b7c56a4]{color:var(--stat-card-trend-down)}.stat-card__trend--neutral[data-v-3b7c56a4]{color:var(--stat-card-trend-neutral)}.stat-card--clickable[data-v-3b7c56a4]{cursor:pointer;transition:background .15s ease,transform .1s ease}.stat-card--clickable[data-v-3b7c56a4]:focus-visible,.stat-card--clickable[data-v-3b7c56a4]:hover{background:var(--stat-card-hover-bg);outline:2px solid var(--stat-card-focus-ring);outline-offset:2px}.stat-card--clickable[data-v-3b7c56a4]:active{background:var(--stat-card-active-bg);transform:scale(.98)}@keyframes pulse-3b7c56a4{0%,to{opacity:1}50%{opacity:.4}}.skeleton[data-v-3b7c56a4]{animation:pulse-3b7c56a4 1.5s ease-in-out infinite;background:var(--stat-card-skeleton);border-radius:var(--radius-sm,4px)}.skeleton--title[data-v-3b7c56a4]{height:14px;margin-bottom:.5rem;width:60%}.skeleton--value[data-v-3b7c56a4]{height:32px;margin-bottom:.5rem;width:80%}.skeleton--trend[data-v-3b7c56a4]{height:14px;width:40%}.sr-only[data-v-3b7c56a4]{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border:0;white-space:nowrap}@media(prefers-reduced-motion:reduce){.stat-card--clickable[data-v-3b7c56a4]{transition:none}.skeleton[data-v-3b7c56a4]{animation:none}}.dark .stat-card{--stat-card-bg:var(--color-surface-base,#131c2e);--stat-card-border:var(--color-border-default,#243358);--stat-card-shadow:0 1px 3px rgba(0,0,0,.3);--stat-card-title-color:var(--color-text-muted,#6b87b8);--stat-card-value-color:var(--color-text-primary,#e8eef8);--stat-card-trend-up:#4dd4a0;--stat-card-trend-down:#f08080;--stat-card-trend-neutral:var(--color-text-muted,#6b87b8);--stat-card-skeleton:var(--color-border-default,#243358);--stat-card-hover-bg:var(--color-surface-hover,#1f2b47);--stat-card-active-bg:var(--color-surface-raised,#1a2540);--stat-card-focus-ring:var(--color-accent-hover,#5b8fe8)}.data-table[data-v-2ff73d4e]{--dt-bg:var(--color-surface-base,#dce9fb);--dt-border-color:var(--color-border-default,#83b4f0);--dt-border-radius:var(--radius-2xl,.75rem);--dt-header-bg:var(--color-surface-hover,#b8d4f8);--dt-header-color:var(--color-text-secondary,#0f3080);--dt-header-font-weight:600;--dt-cell-padding:.75rem 1rem;--dt-row-bg:var(--color-surface-raised,#fff);--dt-row-hover-bg:var(--color-surface-hover,#b8d4f8);--dt-row-stripe-bg:var(--color-surface-base,#dce9fb);--dt-text-color:var(--color-text-primary,#111827);--dt-empty-color:var(--color-text-muted,#4b5563);--dt-sort-active-color:var(--color-accent-primary,#2563eb);--dt-skeleton-color:var(--color-border-default,#83b4f0);--dt-focus-ring:2px solid var(--color-accent-primary,#2563eb);background:var(--dt-bg);border:1px solid var(--dt-border-color);border-radius:var(--dt-border-radius);overflow:hidden}.data-table__toolbar[data-v-2ff73d4e]{border-bottom:1px solid var(--dt-border-color);padding:.75rem 1rem}.data-table__wrapper[data-v-2ff73d4e]{overflow-x:auto}.data-table__table[data-v-2ff73d4e]{border-collapse:collapse;color:var(--dt-text-color);font-size:.875rem;width:100%}.data-table__head[data-v-2ff73d4e]{background:var(--dt-header-bg)}.data-table__header-cell[data-v-2ff73d4e]{border-bottom:1px solid var(--dt-border-color);color:var(--dt-header-color);font-weight:var(--dt-header-font-weight);padding:var(--dt-cell-padding);text-align:left;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}.data-table__header-cell--align-center[data-v-2ff73d4e]{text-align:center}.data-table__header-cell--align-right[data-v-2ff73d4e]{text-align:right}.data-table__header-cell--sortable[data-v-2ff73d4e]{cursor:pointer;min-height:44px}.data-table__header-cell--sortable[data-v-2ff73d4e]:hover{color:var(--dt-sort-active-color)}.data-table__header-cell--sortable[data-v-2ff73d4e]:focus-visible{outline:var(--dt-focus-ring);outline-offset:-2px}.data-table__header-cell--sorted[data-v-2ff73d4e]{color:var(--dt-sort-active-color)}.data-table__header-label[data-v-2ff73d4e]{margin-right:.25rem}.data-table__sort-icon[data-v-2ff73d4e]{display:inline-block;font-size:.75rem;opacity:.5}.data-table__header-cell--sorted .data-table__sort-icon[data-v-2ff73d4e]{opacity:1}.data-table__body[data-v-2ff73d4e]{background:var(--dt-row-bg)}.data-table__cell[data-v-2ff73d4e]{border-bottom:1px solid var(--dt-border-color);padding:var(--dt-cell-padding)}.data-table__cell--align-center[data-v-2ff73d4e]{text-align:center}.data-table__cell--align-right[data-v-2ff73d4e]{text-align:right}.data-table__cell--empty[data-v-2ff73d4e]{color:var(--dt-empty-color);padding:2rem 1rem;text-align:center}.data-table__row:last-child .data-table__cell[data-v-2ff73d4e]{border-bottom:none}.data-table--striped .data-table__row[data-v-2ff73d4e]:nth-child(2n){background:var(--dt-row-stripe-bg)}.data-table--hoverable .data-table__row[data-v-2ff73d4e]:not(.data-table__row--empty):not(.data-table__row--skeleton):hover{background:var(--dt-row-hover-bg)}.data-table--clickable-rows .data-table__row[data-v-2ff73d4e]:not(.data-table__row--empty):not(.data-table__row--skeleton){cursor:pointer}.data-table--clickable-rows .data-table__row[data-v-2ff73d4e]:focus-visible{outline:var(--dt-focus-ring);outline-offset:-2px}@keyframes pulse-2ff73d4e{0%,to{opacity:1}50%{opacity:.4}}.data-table__skeleton[data-v-2ff73d4e]{animation:pulse-2ff73d4e 1.5s ease-in-out infinite;background:var(--dt-skeleton-color);border-radius:var(--radius-sm,4px);height:16px;width:75%}.sr-only[data-v-2ff73d4e]{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border:0;white-space:nowrap}@media(prefers-reduced-motion:reduce){.data-table__skeleton[data-v-2ff73d4e]{animation:none}}.dark .data-table{--dt-bg:var(--color-surface-base,#131c2e);--dt-border-color:var(--color-border-default,#243358);--dt-header-bg:var(--color-surface-raised,#1a2540);--dt-header-color:var(--color-text-secondary,#93baf5);--dt-row-bg:var(--color-surface-base,#131c2e);--dt-row-hover-bg:var(--color-surface-hover,#1f2b47);--dt-row-stripe-bg:#161f35;--dt-text-color:var(--color-text-primary,#e8eef8);--dt-empty-color:var(--color-text-muted,#6b87b8);--dt-sort-active-color:var(--color-accent-hover,#5b8fe8);--dt-focus-ring:2px solid var(--color-accent-hover,#5b8fe8);--dt-skeleton-color:var(--color-border-default,#243358)}.badge[data-v-c6f79b38]{--badge-default-bg:var(--color-surface-base,#dce9fb);--badge-default-color:var(--color-text-secondary,#0f3080);--badge-default-border:var(--color-border-default,#83b4f0);--badge-success-bg:#d6f5ec;--badge-success-color:#0a4a34;--badge-success-border:#2dba89;--badge-warning-bg:#fef3d0;--badge-warning-color:#7a4a00;--badge-warning-border:#f0b429;--badge-danger-bg:#fde8e8;--badge-danger-color:#8b1a1a;--badge-danger-border:#e85454;--badge-info-bg:#e0f0ff;--badge-info-color:var(--color-accent-hover,#1a4db8);--badge-info-border:var(--color-border-accent,#4e8fe3);--badge-radius:var(--radius-lg,.375rem);--badge-pill-radius:var(--radius-pill,9999px);align-items:center;border:1px solid transparent;border-radius:var(--badge-radius);display:inline-flex;font-weight:500;gap:.375rem;line-height:1;white-space:nowrap}.badge--pill[data-v-c6f79b38]{border-radius:var(--badge-pill-radius)}.badge--sm[data-v-c6f79b38]{font-size:.75rem;padding:.1875rem .5rem}.badge--md[data-v-c6f79b38]{font-size:.875rem;padding:.25rem .625rem}.badge--lg[data-v-c6f79b38]{font-size:1rem;padding:.375rem .75rem}.badge--default[data-v-c6f79b38]{background:var(--badge-default-bg);color:var(--badge-default-color)}.badge--success[data-v-c6f79b38]{background:var(--badge-success-bg);color:var(--badge-success-color)}.badge--warning[data-v-c6f79b38]{background:var(--badge-warning-bg);color:var(--badge-warning-color)}.badge--danger[data-v-c6f79b38]{background:var(--badge-danger-bg);color:var(--badge-danger-color)}.badge--info[data-v-c6f79b38]{background:var(--badge-info-bg);color:var(--badge-info-color)}.badge--outline.badge--default[data-v-c6f79b38]{background:transparent;border-color:var(--badge-default-border);color:var(--badge-default-color)}.badge--outline.badge--success[data-v-c6f79b38]{background:transparent;border-color:var(--badge-success-border);color:var(--badge-success-color)}.badge--outline.badge--warning[data-v-c6f79b38]{background:transparent;border-color:var(--badge-warning-border);color:var(--badge-warning-color)}.badge--outline.badge--danger[data-v-c6f79b38]{background:transparent;border-color:var(--badge-danger-border);color:var(--badge-danger-color)}.badge--outline.badge--info[data-v-c6f79b38]{background:transparent;border-color:var(--badge-info-border);color:var(--badge-info-color)}.badge__dot[data-v-c6f79b38]{background:currentColor;border-radius:var(--radius-circle,50%);flex-shrink:0;height:.5rem;width:.5rem}.badge__dismiss[data-v-c6f79b38]{align-items:center;background:none;border:none;color:currentColor;cursor:pointer;display:inline-flex;font-size:1em;justify-content:center;line-height:1;margin-left:.125rem;opacity:.6;padding:0;position:relative}.badge__dismiss[data-v-c6f79b38]:before{content:"";left:50%;min-height:44px;min-width:44px;position:absolute;top:50%;transform:translate(-50%,-50%)}.badge__dismiss[data-v-c6f79b38]:hover{opacity:1}.badge__dismiss[data-v-c6f79b38]:focus-visible{border-radius:var(--radius-xs,2px);outline:2px solid currentColor;outline-offset:1px}.dark .badge{--badge-default-bg:var(--color-surface-raised,#1a2540);--badge-default-color:var(--color-text-secondary,#93baf5);--badge-default-border:var(--color-border-accent,#2d4270);--badge-success-bg:#092d22;--badge-success-color:#4dd4a0;--badge-success-border:#0d7a5a;--badge-warning-bg:#2e1a00;--badge-warning-color:#f5c440;--badge-warning-border:#b87d00;--badge-danger-bg:#2e0d0d;--badge-danger-color:#f08080;--badge-danger-border:#b83333;--badge-info-bg:#162038;--badge-info-color:#6baaf0;--badge-info-border:var(--color-accent-primary,#2563eb)}.skeleton-loader[data-v-107540f0]{--skeleton-bg:var(--color-surface-hover,#b8d4f8);--skeleton-highlight:var(--color-surface-base,#dce9fb);--skeleton-radius:var(--radius-sm,4px);--skeleton-text-height:16px;--skeleton-circle-size:40px;--skeleton-rect-height:100px;--skeleton-card-height:160px;--skeleton-card-radius:var(--radius-2xl,.75rem);--skeleton-gap:.5rem;display:flex;flex-direction:column;gap:var(--skeleton-gap)}.skeleton-loader__item[data-v-107540f0]{background:var(--skeleton-bg);flex-shrink:0}.skeleton-loader__item--text[data-v-107540f0]{border-radius:var(--skeleton-radius);height:var(--skeleton-text-height);width:100%}.skeleton-loader__item--text[data-v-107540f0]:last-child:not(:first-child){width:60%}.skeleton-loader__item--circle[data-v-107540f0]{border-radius:var(--radius-circle,50%);height:var(--skeleton-circle-size);width:var(--skeleton-circle-size)}.skeleton-loader__item--rect[data-v-107540f0]{border-radius:var(--skeleton-radius);height:var(--skeleton-rect-height);width:100%}.skeleton-loader__item--card[data-v-107540f0]{border-radius:var(--skeleton-card-radius);height:var(--skeleton-card-height);width:100%}@keyframes skeleton-pulse-107540f0{0%,to{opacity:1}50%{opacity:.7}}.skeleton-loader__item--animated[data-v-107540f0]{animation:skeleton-pulse-107540f0 3s ease-in-out infinite}.sr-only[data-v-107540f0]{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border:0;white-space:nowrap}@media(prefers-reduced-motion:reduce){.skeleton-loader__item--animated[data-v-107540f0]{animation:none}}.dark .skeleton-loader{--skeleton-bg:var(--color-border-default,#243358);--skeleton-highlight:var(--color-border-accent,#2d4270)}.empty-state[data-v-a5b2493a]{--empty-state-padding:2.5rem 1.5rem;--empty-state-gap:.75rem;--empty-state-icon-color:var(--color-text-muted,#4b5563);--empty-state-icon-size:3rem;--empty-state-title-color:var(--color-text-primary,#111827);--empty-state-desc-color:var(--color-text-muted,#4b5563);align-items:center;display:flex;flex-direction:column;gap:var(--empty-state-gap);padding:var(--empty-state-padding);text-align:center}.empty-state__icon[data-v-a5b2493a]{color:var(--empty-state-icon-color);font-size:var(--empty-state-icon-size);line-height:1}.empty-state__title[data-v-a5b2493a]{color:var(--empty-state-title-color);font-size:1rem;font-weight:600;margin:0}.empty-state__description[data-v-a5b2493a]{color:var(--empty-state-desc-color);font-size:.875rem;margin:0;max-width:36ch}.empty-state__action[data-v-a5b2493a]{margin-top:.25rem}.dark .empty-state{--empty-state-icon-color:var(--color-text-muted,#6b87b8);--empty-state-title-color:var(--color-text-primary,#e8eef8);--empty-state-desc-color:var(--color-text-muted,#6b87b8)}.tooltip[data-v-2e755945]{--tooltip-bg:#18212f;--tooltip-color:#f1f5f9;--tooltip-shadow:0 4px 14px rgba(0,0,0,.15),0 1px 3px rgba(0,0,0,.1);--tooltip-font-size:.8125rem;--tooltip-padding:.5rem .75rem;--tooltip-radius:var(--radius-xl,.5rem);--tooltip-arrow-size:6px;--tooltip-offset:10px;--tooltip-max-width:clamp(200px,80vw,260px);--tooltip-z-index:1000;position:relative}.tooltip[data-v-2e755945],.tooltip__trigger[data-v-2e755945]{display:inline-flex}.tooltip__bubble[data-v-2e755945]{background:var(--tooltip-bg);border-radius:var(--tooltip-radius);box-shadow:var(--tooltip-shadow);color:var(--tooltip-color);font-size:var(--tooltip-font-size);font-weight:500;letter-spacing:.01em;line-height:1.5;max-width:var(--tooltip-max-width);opacity:0;padding:var(--tooltip-padding);pointer-events:none;position:absolute;text-align:center;transform-origin:center;transition:opacity .2s cubic-bezier(.16,1,.3,1),visibility .2s cubic-bezier(.16,1,.3,1),transform .2s cubic-bezier(.16,1,.3,1);visibility:hidden;white-space:normal;width:-moz-max-content;width:max-content;z-index:var(--tooltip-z-index)}.tooltip--visible .tooltip__bubble[data-v-2e755945]{opacity:1;visibility:visible}.tooltip__bubble[data-v-2e755945]:after{border:var(--tooltip-arrow-size) solid transparent;content:"";position:absolute}.tooltip--top .tooltip__bubble[data-v-2e755945]{bottom:calc(100% + var(--tooltip-offset));left:50%;transform:translate(-50%) translateY(4px) scale(.97)}.tooltip--top.tooltip--visible .tooltip__bubble[data-v-2e755945]{transform:translate(-50%) translateY(0) scale(1)}.tooltip--top .tooltip__bubble[data-v-2e755945]:after{border-top-color:var(--tooltip-bg);left:50%;top:100%;transform:translate(-50%)}.tooltip--bottom .tooltip__bubble[data-v-2e755945]{left:50%;top:calc(100% + var(--tooltip-offset));transform:translate(-50%) translateY(-4px) scale(.97)}.tooltip--bottom.tooltip--visible .tooltip__bubble[data-v-2e755945]{transform:translate(-50%) translateY(0) scale(1)}.tooltip--bottom .tooltip__bubble[data-v-2e755945]:after{border-bottom-color:var(--tooltip-bg);bottom:100%;left:50%;transform:translate(-50%)}.tooltip--left .tooltip__bubble[data-v-2e755945]{right:calc(100% + var(--tooltip-offset));top:50%;transform:translateY(-50%) translate(4px) scale(.97)}.tooltip--left.tooltip--visible .tooltip__bubble[data-v-2e755945]{transform:translateY(-50%) translate(0) scale(1)}.tooltip--left .tooltip__bubble[data-v-2e755945]:after{border-left-color:var(--tooltip-bg);left:100%;top:50%;transform:translateY(-50%)}.tooltip--right .tooltip__bubble[data-v-2e755945]{left:calc(100% + var(--tooltip-offset));top:50%;transform:translateY(-50%) translate(-4px) scale(.97)}.tooltip--right.tooltip--visible .tooltip__bubble[data-v-2e755945]{transform:translateY(-50%) translate(0) scale(1)}.tooltip--right .tooltip__bubble[data-v-2e755945]:after{border-right-color:var(--tooltip-bg);right:100%;top:50%;transform:translateY(-50%)}@media(prefers-reduced-motion:reduce){.tooltip__bubble[data-v-2e755945]{transition:none}}.dark .tooltip{--tooltip-bg:var(--color-text-primary,#e8eef8);--tooltip-color:var(--color-surface-base,#131c2e);--tooltip-shadow:0 4px 14px rgba(0,0,0,.3),0 1px 3px rgba(0,0,0,.2)}.modal__backdrop[data-v-00dd159b]{--modal-backdrop-bg:rgba(0,0,0,.5);--modal-bg:var(--color-surface-raised,#fff);--modal-border-color:var(--color-border-default,#83b4f0);--modal-radius:var(--radius-2xl,.75rem);--modal-shadow:0 20px 60px rgba(0,0,0,.15);--modal-padding:1.5rem;--modal-title-color:var(--color-text-primary,#111827);--modal-desc-color:var(--color-text-muted,#4b5563);--modal-close-color:var(--color-text-muted,#4b5563);--modal-close-hover-color:var(--color-text-primary,#111827);--modal-footer-border:var(--color-border-default,#83b4f0);--modal-max-width:32rem;align-items:center;background:var(--modal-backdrop-bg);display:flex;inset:0;justify-content:center;padding:1rem;position:fixed;z-index:1000}.modal__dialog[data-v-00dd159b]{background:var(--modal-bg);border:1px solid var(--modal-border-color);border-radius:var(--modal-radius);box-shadow:var(--modal-shadow);display:flex;flex-direction:column;max-height:calc(100vh - 2rem);max-width:var(--modal-max-width);outline:none;width:100%}.modal__dialog--fullscreen[data-v-00dd159b]{border-radius:0;height:100%;max-height:none;max-width:none;width:100%}.modal__header[data-v-00dd159b]{align-items:center;display:flex;gap:1rem;justify-content:space-between;padding:var(--modal-padding);padding-bottom:0}.modal__title[data-v-00dd159b]{color:var(--modal-title-color);font-size:1.125rem;font-weight:600;line-height:1.4;margin:0}.modal__close[data-v-00dd159b]{align-items:center;background:none;border:none;border-radius:var(--radius-lg,.375rem);color:var(--modal-close-color);cursor:pointer;display:inline-flex;flex-shrink:0;height:2rem;justify-content:center;margin-left:auto;position:relative;width:2rem}.modal__close[data-v-00dd159b]:before{content:"";inset:-6px;min-height:44px;min-width:44px;position:absolute}.modal__close[data-v-00dd159b]:hover{background:#0000000d;color:var(--modal-close-hover-color)}.modal__close[data-v-00dd159b]:focus-visible{outline:2px solid var(--color-accent-primary,#2563eb);outline-offset:-2px}.modal__description[data-v-00dd159b]{color:var(--modal-desc-color);font-size:.875rem;margin:.5rem 0 0;padding:0 var(--modal-padding)}.modal__body[data-v-00dd159b]{flex:1;overflow-y:auto}.modal__body[data-v-00dd159b],.modal__footer[data-v-00dd159b]{padding:var(--modal-padding)}.modal__footer[data-v-00dd159b]{align-items:center;border-top:1px solid var(--modal-footer-border);display:flex;gap:.5rem;justify-content:flex-end;margin-top:0;padding-top:1rem}.modal-enter-active[data-v-00dd159b],.modal-leave-active[data-v-00dd159b]{transition:opacity .2s ease}.modal-enter-active .modal__dialog[data-v-00dd159b],.modal-leave-active .modal__dialog[data-v-00dd159b]{transition:transform .2s ease,opacity .2s ease}.modal-enter-from[data-v-00dd159b],.modal-leave-to[data-v-00dd159b]{opacity:0}.modal-enter-from .modal__dialog[data-v-00dd159b],.modal-leave-to .modal__dialog[data-v-00dd159b]{opacity:0;transform:scale(.95) translateY(8px)}@media(prefers-reduced-motion:reduce){.modal-enter-active[data-v-00dd159b],.modal-enter-active .modal__dialog[data-v-00dd159b],.modal-leave-active[data-v-00dd159b],.modal-leave-active .modal__dialog[data-v-00dd159b]{transition:none}}.dark .modal__backdrop{--modal-backdrop-bg:rgba(0,0,0,.75);--modal-bg:var(--color-surface-raised,#1a2540);--modal-border-color:var(--color-border-default,#243358);--modal-title-color:var(--color-text-primary,#e8eef8);--modal-desc-color:var(--color-text-muted,#6b87b8);--modal-close-color:var(--color-text-muted,#6b87b8);--modal-close-hover-color:var(--color-text-primary,#e8eef8);--modal-footer-border:var(--color-border-default,#243358)}.dark .modal__close:focus-visible{outline-color:var(--color-accent-hover,#5b8fe8)}.pagination[data-v-ac8ea620]{--pg-btn-size:2rem;--pg-btn-radius:var(--radius-lg,.375rem);--pg-btn-bg:transparent;--pg-btn-color:var(--color-text-secondary,#0f3080);--pg-btn-hover-bg:var(--color-surface-hover,#b8d4f8);--pg-btn-active-bg:var(--color-accent-primary,#2563eb);--pg-btn-active-color:#fff;--pg-btn-disabled-color:var(--color-text-disabled,#9ca3af);--pg-info-color:var(--color-text-secondary,#0f3080);--pg-ellipsis-color:var(--color-text-muted,#4b5563);--pg-focus-ring:2px solid var(--color-accent-primary,#2563eb);align-items:center;display:flex;font-size:.875rem;gap:1rem;justify-content:space-between}.pagination__info[data-v-ac8ea620]{color:var(--pg-info-color);white-space:nowrap}.pagination__list[data-v-ac8ea620]{align-items:center;display:flex;gap:.25rem;list-style:none;margin:0;padding:0}.pagination__btn[data-v-ac8ea620]{align-items:center;background:var(--pg-btn-bg);border:none;border-radius:var(--pg-btn-radius);color:var(--pg-btn-color);cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;height:var(--pg-btn-size);justify-content:center;line-height:1;min-width:var(--pg-btn-size);padding:0 .375rem}.pagination__btn[data-v-ac8ea620]:hover:not(:disabled){background:var(--pg-btn-hover-bg)}.pagination__btn[data-v-ac8ea620]:focus-visible{outline:var(--pg-focus-ring);outline-offset:-2px}.pagination__btn[data-v-ac8ea620]:disabled{color:var(--pg-btn-disabled-color);cursor:default}.pagination__btn--active[data-v-ac8ea620]{color:var(--pg-btn-active-color)}.pagination__btn--active[data-v-ac8ea620],.pagination__btn--active[data-v-ac8ea620]:hover{background:var(--pg-btn-active-bg)}.pagination__ellipsis[data-v-ac8ea620]{align-items:center;color:var(--pg-ellipsis-color);display:inline-flex;font-size:.875rem;height:var(--pg-btn-size);justify-content:center;min-width:var(--pg-btn-size);-webkit-user-select:none;-moz-user-select:none;user-select:none}@media(max-width:640px){.pagination[data-v-ac8ea620]{--pg-btn-size:2.75rem;flex-wrap:wrap;gap:.5rem;justify-content:center}.pagination__info[data-v-ac8ea620]{text-align:center;width:100%}}.dark .pagination{--pg-btn-color:var(--color-text-secondary,#93baf5);--pg-btn-hover-bg:var(--color-surface-hover,#1f2b47);--pg-btn-active-bg:var(--color-accent-primary,#3b6fd4);--pg-btn-active-color:#fff;--pg-btn-disabled-color:var(--color-text-disabled,#3a4f6e);--pg-info-color:var(--color-text-muted,#6b87b8);--pg-ellipsis-color:var(--color-text-muted,#6b87b8);--pg-focus-ring:2px solid var(--color-accent-hover,#5b8fe8)}.progress-bar[data-v-062242d4]{--pg-track-bg:var(--color-surface-hover,#b8d4f8);--pg-track-radius:var(--radius-sm,4px);--pg-fill-default:var(--color-accent-primary,#2563eb);--pg-fill-success:#2dba89;--pg-fill-warning:#f0b429;--pg-fill-danger:#e85454;--pg-fill-radius:var(--radius-sm,4px);--pg-label-color:var(--color-text-primary,#111827);--pg-indeterminate-from:var(--color-accent-hover,#1a4db8);--pg-indeterminate-mid:var(--color-accent-primary,#2563eb);width:100%}.progress-bar__label[data-v-062242d4]{color:var(--pg-label-color);display:flex;font-size:.875rem;justify-content:space-between;margin-bottom:.25rem}.progress-bar__track[data-v-062242d4]{background:var(--pg-track-bg);border-radius:var(--pg-track-radius);height:8px;overflow:hidden}.progress-bar__fill[data-v-062242d4]{background:var(--pg-fill-default);border-radius:var(--pg-fill-radius);height:100%;transition:width .3s ease}.progress-bar--success[data-v-062242d4]{background:var(--pg-fill-success)}.progress-bar--warning[data-v-062242d4]{background:var(--pg-fill-warning)}.progress-bar--danger[data-v-062242d4]{background:var(--pg-fill-danger)}.progress-bar__fill--indeterminate[data-v-062242d4]{animation:indeterminate-slide-062242d4 1.5s ease-in-out infinite;background:linear-gradient(90deg,var(--pg-indeterminate-from) 0,var(--pg-indeterminate-mid) 50%,var(--pg-indeterminate-from) 100%);width:50%!important}@keyframes indeterminate-slide-062242d4{0%{transform:translate(-100%)}to{transform:translate(200%)}}@media(prefers-reduced-motion:reduce){.progress-bar__fill[data-v-062242d4]{transition:none}.progress-bar__fill--indeterminate[data-v-062242d4]{animation:none}}.dark .progress-bar{--pg-track-bg:var(--color-surface-raised,#1a2540);--pg-fill-default:var(--color-accent-primary,#3b6fd4);--pg-fill-success:#0d7a5a;--pg-fill-warning:#b87d00;--pg-fill-danger:#b83333;--pg-label-color:var(--color-text-primary,#e8eef8);--pg-indeterminate-from:#243358;--pg-indeterminate-mid:var(--color-accent-primary,#3b6fd4)}.tabs[data-v-25b1b572]{--tabs-border-color:var(--color-border-default,#83b4f0);--tabs-tab-color:var(--color-text-muted,#4b5563);--tabs-tab-hover-color:var(--color-accent-hover,#1a4db8);--tabs-tab-hover-bg:var(--color-surface-hover,#b8d4f8);--tabs-tab-active-color:var(--color-text-secondary,#0f3080);--tabs-tab-disabled-color:var(--color-text-disabled,#9ca3af);--tabs-tab-padding:.625rem 1rem;--tabs-tab-font-weight:500;--tabs-panel-padding:1rem 0;--tabs-badge-bg:var(--color-border-default,#83b4f0);--tabs-badge-color:var(--color-text-secondary,#0f3080);--tabs-pill-bg:transparent;--tabs-pill-active-bg:var(--color-accent-primary,#2563eb);--tabs-pill-active-color:#fff;--tabs-pill-hover-bg:var(--color-surface-hover,#b8d4f8);--tabs-pill-radius:var(--radius-lg,.375rem);--tabs-focus-ring:2px solid var(--color-accent-primary,#2563eb)}.tabs__list[data-v-25b1b572]{display:flex;gap:0;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.tabs__list[data-v-25b1b572]::-webkit-scrollbar{display:none}.tabs--line .tabs__list[data-v-25b1b572]{border-bottom:1px solid var(--tabs-border-color)}.tabs--line .tabs__tab[data-v-25b1b572]{align-items:center;background:none;border:none;border-bottom:2px solid transparent;color:var(--tabs-tab-color);cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:var(--tabs-tab-font-weight);gap:.375rem;margin-bottom:-1px;padding:var(--tabs-tab-padding);position:relative;white-space:nowrap}.tabs--line .tabs__tab[data-v-25b1b572]:hover:not(:disabled){background:var(--tabs-tab-hover-bg);border-radius:var(--radius-lg,.375rem) var(--radius-lg,.375rem) 0 0;color:var(--tabs-tab-hover-color)}.tabs--line .tabs__tab--active[data-v-25b1b572]{border-bottom-color:var(--tabs-tab-active-color);color:var(--tabs-tab-active-color)}.tabs--pill .tabs__list[data-v-25b1b572]{gap:.25rem}.tabs--pill .tabs__tab[data-v-25b1b572]{align-items:center;background:var(--tabs-pill-bg);border:none;border-radius:var(--tabs-pill-radius);color:var(--tabs-tab-color);cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:var(--tabs-tab-font-weight);gap:.375rem;padding:var(--tabs-tab-padding);white-space:nowrap}.tabs--pill .tabs__tab[data-v-25b1b572]:hover:not(:disabled){background:var(--tabs-pill-hover-bg);color:var(--tabs-tab-hover-color)}.tabs--pill .tabs__tab--active[data-v-25b1b572]{background:var(--tabs-pill-active-bg);color:var(--tabs-pill-active-color)}.tabs__tab[data-v-25b1b572]:focus-visible{outline:var(--tabs-focus-ring);outline-offset:-2px}.tabs__tab--disabled[data-v-25b1b572]{color:var(--tabs-tab-disabled-color);cursor:default}.tabs__badge[data-v-25b1b572]{align-items:center;background:var(--tabs-badge-bg);border-radius:var(--radius-pill,9999px);color:var(--tabs-badge-color);display:inline-flex;font-size:.6875rem;font-weight:600;height:1.25rem;justify-content:center;line-height:1;min-width:1.25rem;padding:0 .375rem}.tabs__tab--active .tabs__badge[data-v-25b1b572]{background:#fff3;color:inherit}.tabs--line .tabs__tab--active .tabs__badge[data-v-25b1b572]{background:var(--tabs-tab-active-color);color:var(--tabs-pill-active-color)}.tabs__panel[data-v-25b1b572]{padding:var(--tabs-panel-padding)}.tabs__panel[data-v-25b1b572]:focus-visible{border-radius:var(--radius-md,.25rem);outline:var(--tabs-focus-ring);outline-offset:2px}.dark .tabs{--tabs-border-color:var(--color-border-default,#243358);--tabs-tab-color:var(--color-text-muted,#6b87b8);--tabs-tab-hover-color:var(--color-text-secondary,#93baf5);--tabs-tab-hover-bg:var(--color-surface-hover,#1f2b47);--tabs-tab-active-color:var(--color-text-primary,#e8eef8);--tabs-tab-disabled-color:var(--color-text-disabled,#3a4f6e);--tabs-badge-bg:var(--color-border-default,#243358);--tabs-badge-color:var(--color-text-secondary,#93baf5);--tabs-pill-hover-bg:var(--color-surface-hover,#1f2b47);--tabs-pill-active-bg:var(--color-accent-primary,#3b6fd4);--tabs-pill-active-color:#fff;--tabs-focus-ring:2px solid var(--color-accent-hover,#5b8fe8)}.dropdown[data-v-6bd18de8]{--dropdown-bg:var(--color-surface-raised,#fff);--dropdown-border-color:var(--color-surface-base,#dce9fb);--dropdown-shadow:0 4px 16px rgba(0,0,0,.1),0 1px 3px rgba(0,0,0,.06);--dropdown-radius:var(--radius-xl,.5rem);--dropdown-padding:.25rem;--dropdown-offset:.375rem;--dropdown-min-width:10rem;--dropdown-z-index:1000;--dropdown-item-padding:.5rem .75rem;--dropdown-item-color:var(--color-text-secondary,#0f3080);--dropdown-item-hover-bg:var(--color-surface-base,#dce9fb);--dropdown-item-hover-color:var(--color-text-secondary,#0f3080);--dropdown-item-disabled-color:var(--color-text-disabled,#9ca3af);--dropdown-item-radius:var(--radius-md,.25rem);--dropdown-divider-color:var(--color-border-divider,#e5e7eb);--dropdown-focus-ring:2px solid var(--color-accent-primary,#2563eb);display:inline-flex;position:relative}.dropdown--disabled[data-v-6bd18de8]{opacity:.5;pointer-events:none}.dropdown__trigger[data-v-6bd18de8]{display:inline-flex}.dropdown__menu[data-v-6bd18de8]{animation:dropdown-enter-6bd18de8 .15s cubic-bezier(.16,1,.3,1) forwards;background:var(--dropdown-bg);border:1px solid var(--dropdown-border-color);border-radius:var(--dropdown-radius);box-shadow:var(--dropdown-shadow);min-width:var(--dropdown-min-width);padding:var(--dropdown-padding);position:absolute;width:-moz-max-content;width:max-content;z-index:var(--dropdown-z-index)}.dropdown__menu--custom[data-v-6bd18de8]{padding:.75rem}.dropdown--width-trigger .dropdown__menu[data-v-6bd18de8]{min-width:unset;width:100%}.dropdown--bottom .dropdown__menu[data-v-6bd18de8]{top:calc(100% + var(--dropdown-offset));transform-origin:top center}.dropdown--top .dropdown__menu[data-v-6bd18de8]{animation-name:dropdown-enter-top-6bd18de8;bottom:calc(100% + var(--dropdown-offset));transform-origin:bottom center}.dropdown--align-start .dropdown__menu[data-v-6bd18de8]{left:0}.dropdown--align-end .dropdown__menu[data-v-6bd18de8]{right:0}@keyframes dropdown-enter-6bd18de8{0%{opacity:0;transform:translateY(-4px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes dropdown-enter-top-6bd18de8{0%{opacity:0;transform:translateY(4px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.dropdown__item[data-v-6bd18de8]{align-items:center;border-radius:var(--dropdown-item-radius);color:var(--dropdown-item-color);cursor:pointer;display:flex;font-size:.875rem;font-weight:400;gap:.5rem;outline:none;padding:var(--dropdown-item-padding);transition:background .1s ease,color .1s ease;white-space:nowrap}.dropdown__item--focused[data-v-6bd18de8]:not(.dropdown__item--disabled),.dropdown__item[data-v-6bd18de8]:hover:not(.dropdown__item--disabled){background:var(--dropdown-item-hover-bg);color:var(--dropdown-item-hover-color)}.dropdown__item[data-v-6bd18de8]:focus-visible{outline:var(--dropdown-focus-ring);outline-offset:-2px}.dropdown__item--disabled[data-v-6bd18de8]{color:var(--dropdown-item-disabled-color);cursor:default}.dropdown__divider[data-v-6bd18de8]{background:var(--dropdown-divider-color);height:1px;margin:.25rem 0}@media(prefers-reduced-motion:reduce){.dropdown__menu[data-v-6bd18de8]{animation:none;opacity:1;transform:none}.dropdown__item[data-v-6bd18de8]{transition:none}}.dark .dropdown{--dropdown-bg:var(--color-surface-raised,#1a2540);--dropdown-border-color:var(--color-border-default,#243358);--dropdown-shadow:0 4px 16px rgba(0,0,0,.3),0 1px 3px rgba(0,0,0,.2);--dropdown-item-color:var(--color-text-primary,#e8eef8);--dropdown-item-hover-bg:var(--color-surface-hover,#1f2b47);--dropdown-item-hover-color:var(--color-text-primary,#e8eef8);--dropdown-item-disabled-color:var(--color-text-disabled,#3a4f6e);--dropdown-divider-color:var(--color-border-default,#243358);--dropdown-focus-ring:2px solid var(--color-accent-hover,#5b8fe8)}.phone-input[data-v-0bf6d78e]{--pi-bg:var(--color-surface-raised,#fff);--pi-border-color:var(--color-border-default,#83b4f0);--pi-border-radius:var(--radius-lg,.375rem);--pi-text-color:var(--color-text-secondary,#0f3080);--pi-placeholder-color:var(--color-text-disabled,#9ca3af);--pi-disabled-bg:var(--color-surface-base,#dce9fb);--pi-disabled-color:var(--color-text-disabled,#9ca3af);--pi-focus-ring:2px solid var(--color-accent-primary,#2563eb);--pi-divider-color:var(--color-border-default,#83b4f0);--pi-country-hover-bg:var(--color-surface-hover,#b8d4f8);--pi-dropdown-bg:var(--color-surface-raised,#fff);--pi-dropdown-border:var(--color-border-default,#83b4f0);--pi-dropdown-shadow:0 4px 16px rgba(0,0,0,.1),0 1px 3px rgba(0,0,0,.06);--pi-dropdown-radius:var(--radius-xl,.5rem);--pi-option-hover-bg:var(--color-surface-base,#dce9fb);--pi-option-selected-bg:var(--color-surface-hover,#b8d4f8);--pi-option-color:var(--color-text-secondary,#0f3080);--pi-option-code-color:var(--color-text-muted,#4b5563);--pi-search-bg:var(--color-surface-raised,#fff);--pi-search-border:var(--color-border-default,#83b4f0);display:inline-flex;flex-direction:column;font-size:.875rem;max-width:24rem;position:relative;width:100%}.phone-input__field[data-v-0bf6d78e]{align-items:stretch;background:var(--pi-bg);border:1px solid var(--pi-border-color);border-radius:var(--pi-border-radius);display:flex;overflow:hidden;transition:border-color .15s ease}.phone-input__field[data-v-0bf6d78e]:focus-within{border-color:var(--color-accent-primary,#2563eb);box-shadow:0 0 0 1px var(--color-accent-primary,#2563eb)}.phone-input__country[data-v-0bf6d78e]{align-items:center;background:none;border:none;border-right:1px solid var(--pi-divider-color);color:var(--pi-text-color);cursor:pointer;display:inline-flex;flex-shrink:0;gap:.25rem;min-height:2.75rem;padding:0 .625rem;position:relative}.phone-input__country[data-v-0bf6d78e]:hover:not(:disabled){background:var(--pi-country-hover-bg)}.phone-input__country[data-v-0bf6d78e]:focus-visible{outline:var(--pi-focus-ring);outline-offset:-2px}.phone-input__country[data-v-0bf6d78e]:disabled{cursor:default;opacity:.5}.phone-input__country[data-v-0bf6d78e]:before{content:"";inset:0;min-height:44px;min-width:44px;position:absolute}.phone-input__flag[data-v-0bf6d78e]{font-size:1.25rem;line-height:1}.phone-input__chevron[data-v-0bf6d78e]{flex-shrink:0;opacity:.6;transition:transform .15s ease}.phone-input--open .phone-input__chevron[data-v-0bf6d78e]{transform:rotate(180deg)}.phone-input__code[data-v-0bf6d78e]{background:transparent;border:none;color:var(--pi-text-color);flex-shrink:0;font-family:inherit;font-size:.875rem;font-weight:500;min-height:2.75rem;outline:none;padding:0 .375rem;text-align:center;width:4rem}.phone-input__code[data-v-0bf6d78e]:disabled{color:var(--pi-disabled-color);cursor:default}.phone-input__divider[data-v-0bf6d78e]{align-self:stretch;background:var(--pi-divider-color);flex-shrink:0;margin:.5rem 0;width:1px}.phone-input__number[data-v-0bf6d78e]{background:transparent;border:none;color:var(--pi-text-color);flex:1;font-family:inherit;font-size:.875rem;min-height:2.75rem;min-width:0;outline:none;padding:0 .75rem}.phone-input__number[data-v-0bf6d78e]::-moz-placeholder{color:var(--pi-placeholder-color)}.phone-input__number[data-v-0bf6d78e]::placeholder{color:var(--pi-placeholder-color)}.phone-input__number[data-v-0bf6d78e]:disabled{color:var(--pi-disabled-color);cursor:default}.phone-input--disabled .phone-input__field[data-v-0bf6d78e]{background:var(--pi-disabled-bg);border-color:var(--pi-disabled-color)}.phone-input__dropdown[data-v-0bf6d78e]{background:var(--pi-dropdown-bg);border:1px solid var(--pi-dropdown-border);border-radius:var(--pi-dropdown-radius);box-shadow:var(--pi-dropdown-shadow);left:0;overflow:hidden;position:absolute;right:0;top:calc(100% + .375rem);z-index:1000}.phone-input__search-wrap[data-v-0bf6d78e]{border-bottom:1px solid var(--pi-divider-color);padding:.5rem}.phone-input__search[data-v-0bf6d78e]{background:var(--pi-search-bg);border:1px solid var(--pi-search-border);border-radius:var(--radius-md,.25rem);box-sizing:border-box;color:var(--pi-text-color);font-family:inherit;font-size:.875rem;outline:none;padding:.5rem .75rem;width:100%}.phone-input__search[data-v-0bf6d78e]:focus{border-color:var(--color-accent-primary,#2563eb);box-shadow:inset 0 0 0 1px var(--color-accent-primary,#2563eb)}.phone-input__search[data-v-0bf6d78e]::-moz-placeholder{color:var(--pi-placeholder-color)}.phone-input__search[data-v-0bf6d78e]::placeholder{color:var(--pi-placeholder-color)}.phone-input__list[data-v-0bf6d78e]{max-height:15rem;overflow-y:auto;padding:.25rem}.phone-input__option[data-v-0bf6d78e]{align-items:center;border-radius:var(--radius-md,.25rem);color:var(--pi-option-color);cursor:pointer;display:flex;gap:.625rem;min-height:2.75rem;padding:0 .75rem}.phone-input__option--focused[data-v-0bf6d78e],.phone-input__option[data-v-0bf6d78e]:hover{background:var(--pi-option-hover-bg)}.phone-input__option--selected[data-v-0bf6d78e]{background:var(--pi-option-selected-bg);font-weight:600}.phone-input__option-flag[data-v-0bf6d78e]{flex-shrink:0;font-size:1.25rem;line-height:1}.phone-input__option-name[data-v-0bf6d78e]{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.phone-input__option-code[data-v-0bf6d78e]{color:var(--pi-option-code-color);flex-shrink:0;font-size:.8125rem}.phone-input__no-results[data-v-0bf6d78e]{color:var(--pi-placeholder-color);font-size:.875rem;padding:1rem;text-align:center}@media(prefers-reduced-motion:reduce){.phone-input__chevron[data-v-0bf6d78e],.phone-input__field[data-v-0bf6d78e]{transition:none}}@media(max-width:640px){.phone-input[data-v-0bf6d78e]{max-width:100%}.phone-input__dropdown[data-v-0bf6d78e]{left:0;min-width:0;right:0}}.dark .phone-input{--pi-bg:var(--color-surface-base,#131c2e);--pi-border-color:var(--color-border-default,#243358);--pi-text-color:var(--color-text-primary,#e8eef8);--pi-placeholder-color:var(--color-text-disabled,#3a4f6e);--pi-disabled-bg:var(--color-surface-hover,#1f2b47);--pi-disabled-color:var(--color-text-disabled,#3a4f6e);--pi-focus-ring:2px solid var(--color-accent-hover,#5b8fe8);--pi-divider-color:var(--color-border-accent,#2d4270);--pi-country-hover-bg:var(--color-surface-hover,#1f2b47);--pi-dropdown-bg:var(--color-surface-raised,#1a2540);--pi-dropdown-border:var(--color-border-default,#243358);--pi-dropdown-shadow:0 4px 16px rgba(0,0,0,.3),0 1px 3px rgba(0,0,0,.2);--pi-option-hover-bg:var(--color-surface-hover,#1f2b47);--pi-option-selected-bg:var(--color-surface-hover,#1f2b47);--pi-option-color:var(--color-text-primary,#e8eef8);--pi-option-code-color:var(--color-text-muted,#6b87b8);--pi-search-bg:var(--color-surface-base,#131c2e);--pi-search-border:var(--color-border-accent,#2d4270)}.dark .phone-input__field:focus-within{border-color:var(--color-accent-hover,#5b8fe8);box-shadow:0 0 0 1px var(--color-accent-hover,#5b8fe8)}.dark .phone-input__search:focus{border-color:var(--color-accent-hover,#5b8fe8);box-shadow:inset 0 0 0 1px var(--color-accent-hover,#5b8fe8)}.playground{background:#f0f7ff;min-height:100vh;padding:2rem;transition:background .3s,color .3s}.playground.dark{background:#0d1117}.playground__header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.playground h1{color:#111827;margin:0}.playground.dark h1{color:#e8eef8}.theme-toggle{background:none;border:none;border-radius:9999px;cursor:pointer;line-height:1;padding:0}.theme-toggle:focus-visible{outline:2px solid #2563eb;outline-offset:2px}.theme-toggle__track{align-items:center;background:#9ca3af;border-radius:9999px;display:grid;grid-template-columns:1fr 1fr;height:28px;justify-items:center;position:relative;transition:background .3s;width:52px}.theme-toggle--dark .theme-toggle__track{background:#6b7280}.theme-toggle__icon{color:#f9fafb;transition:opacity .3s;z-index:1}.theme-toggle--dark .theme-toggle__icon{color:#111827}.theme-toggle__icon--sun{opacity:0}.theme-toggle--dark .theme-toggle__icon--sun,.theme-toggle__icon--moon{opacity:1}.theme-toggle--dark .theme-toggle__icon--moon{opacity:0}.theme-toggle__thumb{background:#fff;border-radius:50%;box-shadow:0 1px 3px #00000026;height:24px;left:2px;position:absolute;top:2px;transition:left .3s;width:24px}.theme-toggle--dark .theme-toggle__thumb{background:#131c2e;left:calc(100% - 26px)}.cards-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.playground h2{color:#111827;margin-bottom:1rem;margin-top:2rem}.playground.dark h2{color:#e8eef8}.progress-demos{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.badges-grid{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.skeleton-demos{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.skeleton-demo{background:#dce9fb;border-radius:.75rem;padding:1rem}.playground.dark .skeleton-demo{background:#131c2e}.skeleton-demo h3{color:#0f3080;font-size:.875rem;margin:0 0 .75rem}.playground.dark .skeleton-demo h3{color:#6b87b8}.empty-state-demos{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.empty-state-demo{background:#dce9fb;border-radius:.75rem;padding:1rem}.playground.dark .empty-state-demo{background:#131c2e}.empty-state-demo h3{color:#0f3080;font-size:.875rem;margin:0 0 .5rem}.playground.dark .empty-state-demo h3{color:#6b87b8}.modal-demos{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.dropdown-demos{align-items:flex-start}.dropdown-demos,.tooltip-demos{display:flex;flex-wrap:wrap;gap:1rem;padding:2rem 0}.tooltip-demos{align-items:center}.demo-input{border:1px solid #83b4f0;border-radius:.375rem;font-size:.875rem;padding:.5rem}.playground.dark .demo-input{background:#1a2540;border-color:#243358;color:#e8eef8}.demo-text{color:#0f3080}.playground.dark .demo-text{color:#93baf5}.card-wrapper{background:#dce9fb;border-radius:.75rem;padding:1.5rem}.playground.dark .card-wrapper{background:#131c2e}.card-wrapper h3{color:#0f3080;font-size:.875rem;margin:0 0 .75rem}.playground.dark .card-wrapper h3{color:#6b87b8}.demo-btn{background:#2563eb;border:none;border-radius:.375rem;color:#fff;cursor:pointer;font-size:.875rem;padding:.5rem 1rem}.demo-btn:hover{background:#1a4db8}.demo-btn:focus-visible{outline:2px solid #2563eb;outline-offset:2px}.phone-demos{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.phone-demo{background:#dce9fb;border-radius:.75rem;padding:1.5rem}.playground.dark .phone-demo{background:#131c2e}.phone-demo h3{color:#0f3080;font-size:.875rem;margin:0 0 .75rem}.playground.dark .phone-demo h3{color:#6b87b8}.phone-demo__output{font-size:.8125rem;margin:.75rem 0 0}.phone-demo__output code{background:#0000000f;border-radius:.25rem;font-size:.8125rem;padding:.125rem .375rem}.playground.dark .phone-demo__output code{background:#ffffff14}@media(max-width:640px){.playground{padding:1rem}.playground h1{font-size:1.25rem}.cards-grid,.empty-state-demos,.skeleton-demos{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.playground,.theme-toggle__icon,.theme-toggle__thumb,.theme-toggle__track{transition:none}}