.loading-skeleton{background:linear-gradient(90deg,var(--color-gray-100) 25%,var(--color-gray-200) 50%,var(--color-gray-100) 75%);background-size:200% 100%;animation:loading-shimmer 1.5s infinite;border-radius:var(--radius-base)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-4);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);line-height:1;border:1px solid transparent;border-radius:var(--radius-base);cursor:pointer;transition:all var(--transition-fast);text-decoration:none;min-height:var(--touch-target-min);-webkit-user-select:none;user-select:none}.btn:disabled{opacity:.6;cursor:not-allowed;pointer-events:none}.btn-primary{background-color:var(--color-primary);color:var(--color-white);border-color:var(--color-primary)}.btn-primary:hover:not(:disabled){background-color:var(--color-primary-hover);border-color:var(--color-primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-secondary{background-color:var(--color-white);color:var(--color-text-primary);border-color:var(--color-border-medium)}.btn-secondary:hover:not(:disabled){background-color:var(--color-gray-50);border-color:var(--color-border-dark)}.btn-ghost{background-color:transparent;color:var(--color-text-secondary);border-color:transparent}.btn-ghost:hover:not(:disabled){background-color:var(--color-gray-50);color:var(--color-text-primary)}.btn-sm{padding:var(--spacing-2) var(--spacing-3);font-size:var(--font-size-sm);min-height:36px}.btn-lg{padding:var(--spacing-4) var(--spacing-6);font-size:var(--font-size-lg);min-height:var(--touch-target-comfortable)}.card{background-color:var(--color-white);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden;transition:all var(--transition-base)}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.card-body{padding:var(--spacing-4)}.card-header{padding:var(--spacing-4);border-bottom:1px solid var(--color-border-light);background-color:var(--color-bg-secondary)}.card-footer{padding:var(--spacing-4);border-top:1px solid var(--color-border-light);background-color:var(--color-bg-secondary)}.form-input{width:100%;padding:var(--spacing-3) var(--spacing-4);font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--color-text-primary);background-color:var(--color-white);border:1px solid var(--color-border-medium);border-radius:var(--radius-base);transition:all var(--transition-fast);min-height:var(--touch-target-min)}.form-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.form-input:disabled{background-color:var(--color-bg-secondary);color:var(--color-text-muted);cursor:not-allowed}.form-label{display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);margin-bottom:var(--spacing-2)}.alert{padding:var(--spacing-4);border-radius:var(--radius-base);border:1px solid transparent;margin-bottom:var(--spacing-4)}.alert-info{background-color:#e7f3ff;border-color:#b3d9ff;color:#0056b3}.alert-success{background-color:#d4edda;border-color:#c3e6cb;color:#155724}.alert-warning{background-color:#fff3cd;border-color:#ffeaa7;color:#856404}.alert-error{background-color:#f8d7da;border-color:#f5c6cb;color:#721c24}.spinner{display:inline-block;width:20px;height:20px;border:2px solid var(--color-gray-200);border-radius:50%;border-top-color:var(--color-primary);animation:spin 1s ease-in-out infinite}.spinner-lg{width:32px;height:32px;border-width:3px}@keyframes spin{to{transform:rotate(360deg)}}.img-responsive{max-width:100%;height:auto}.img-cover{object-fit:cover;width:100%;height:100%}.img-contain{object-fit:contain;width:100%;height:100%}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.text-clamp-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky}.top-0{top:0}.right-0{right:0}.bottom-0{bottom:0}.left-0{left:0}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.overflow-scroll{overflow:scroll}.cursor-pointer{cursor:pointer}.cursor-not-allowed{cursor:not-allowed}.cursor-default{cursor:default}.select-none{-webkit-user-select:none;user-select:none}.select-text{-webkit-user-select:text;user-select:text}.select-all{-webkit-user-select:all;user-select:all}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.opacity-0{opacity:0}.opacity-25{opacity:.25}.opacity-50{opacity:.5}.opacity-75{opacity:.75}.opacity-100{opacity:1}.transform{transform:translateZ(0)}.scale-95{transform:scale(.95)}.scale-100{transform:scale(1)}.scale-105{transform:scale(1.05)}.transition-none{transition:none}.transition-all{transition:all var(--transition-base)}.transition-fast{transition:all var(--transition-fast)}.transition-slow{transition:all var(--transition-slow)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.focus-ring:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@media (min-width: 768px){.md\:text-left{text-align:left}.md\:text-center{text-align:center}.md\:text-right{text-align:right}.md\:flex-row{flex-direction:row}.md\:flex-col{flex-direction:column}.md\:justify-start{justify-content:flex-start}.md\:justify-center{justify-content:center}.md\:justify-end{justify-content:flex-end}.md\:justify-between{justify-content:space-between}}@media (min-width: 1024px){.lg\:text-left{text-align:left}.lg\:text-center{text-align:center}.lg\:text-right{text-align:right}.lg\:flex-row{flex-direction:row}.lg\:flex-col{flex-direction:column}}@media (pointer: coarse){.btn{min-height:var(--touch-target-comfortable);padding:var(--spacing-4) var(--spacing-5)}.btn-sm{min-height:var(--touch-target-min);padding:var(--spacing-3) var(--spacing-4)}.form-input{min-height:var(--touch-target-comfortable);padding:var(--spacing-4)}}@media (prefers-contrast: high){.card,.btn,.form-input{border-width:2px}}@media (prefers-reduced-motion: reduce){.loading-skeleton{animation:none;background:var(--color-gray-200)}.spinner{animation:none;border-top-color:var(--color-gray-400)}.card:hover{transform:none}.btn-primary:hover:not(:disabled){transform:none}}.page-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;padding:var(--spacing-10) var(--spacing-5)}.page-loading__spinner{width:48px;height:48px;border:4px solid var(--color-gray-200);border-top:4px solid var(--color-primary);border-radius:var(--radius-full);animation:spin 1s linear infinite;margin-bottom:var(--spacing-4)}.page-loading__text{color:var(--color-text-secondary);font-size:var(--font-size-base);font-weight:var(--font-weight-medium)}.inline-loading{display:inline-flex;align-items:center;gap:var(--spacing-2)}.inline-loading__spinner{width:16px;height:16px;border:2px solid var(--color-gray-200);border-top:2px solid var(--color-primary);border-radius:var(--radius-full);animation:spin 1s linear infinite}.inline-loading__text{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.btn-loading{position:relative;pointer-events:none;opacity:.7}.btn-loading__spinner{width:16px;height:16px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:var(--radius-full);animation:spin 1s linear infinite;margin-right:var(--spacing-2)}.image-loading-container{position:relative;overflow:hidden;background-color:var(--color-bg-secondary)}.image-loading-skeleton{position:absolute;inset:0;background:linear-gradient(90deg,var(--color-gray-100) 25%,var(--color-gray-200) 50%,var(--color-gray-100) 75%);background-size:200% 100%;animation:loading-shimmer 1.5s infinite}.image-loading-fallback{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:var(--color-bg-secondary);color:var(--color-text-muted);font-size:var(--font-size-sm);text-align:center;padding:var(--spacing-4)}.image-loading-fallback__icon{font-size:var(--font-size-2xl);margin-bottom:var(--spacing-2);opacity:.5}.image-loading-fallback__text{font-weight:var(--font-weight-medium)}.content-skeleton{background:linear-gradient(90deg,var(--color-gray-100) 25%,var(--color-gray-200) 50%,var(--color-gray-100) 75%);background-size:200% 100%;animation:loading-shimmer 1.5s infinite;border-radius:var(--radius-sm)}.skeleton-text{height:1em;margin-bottom:var(--spacing-2)}.skeleton-text--title{height:1.5em;width:70%;margin-bottom:var(--spacing-3)}.skeleton-text--paragraph{height:1em;margin-bottom:var(--spacing-1)}.skeleton-text--paragraph:last-child{width:60%}.skeleton-button{height:var(--touch-target-min);width:120px;border-radius:var(--radius-base)}.skeleton-avatar{width:48px;height:48px;border-radius:var(--radius-full)}.skeleton-card{padding:var(--spacing-4);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);background-color:var(--color-white)}.loading-overlay{position:absolute;inset:0;background-color:#fffc;display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.loading-overlay__content{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-3);padding:var(--spacing-6);background-color:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);border:1px solid var(--color-border-light)}.loading-overlay__spinner{width:32px;height:32px;border:3px solid var(--color-gray-200);border-top:3px solid var(--color-primary);border-radius:var(--radius-full);animation:spin 1s linear infinite}.loading-overlay__text{color:var(--color-text-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);text-align:center}.progress-bar{width:100%;height:4px;background-color:var(--color-gray-200);border-radius:var(--radius-full);overflow:hidden}.progress-bar__fill{height:100%;background-color:var(--color-primary);border-radius:var(--radius-full);transition:width var(--transition-base)}.progress-bar--indeterminate .progress-bar__fill{width:30%;animation:progress-indeterminate 2s ease-in-out infinite}.pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes loading-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes progress-indeterminate{0%{transform:translate(-100%)}50%{transform:translate(0)}to{transform:translate(100%)}}.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-10) var(--spacing-5);text-align:center;min-height:300px}.error-state__icon{font-size:var(--font-size-4xl);color:var(--color-danger);margin-bottom:var(--spacing-4)}.error-state__title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-2)}.error-state__message{font-size:var(--font-size-base);color:var(--color-text-secondary);margin-bottom:var(--spacing-6);max-width:400px;line-height:var(--line-height-normal)}.error-state__actions{display:flex;gap:var(--spacing-3);flex-wrap:wrap;justify-content:center}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-12) var(--spacing-5);text-align:center;min-height:400px}.empty-state__icon{font-size:var(--font-size-4xl);color:var(--color-text-muted);margin-bottom:var(--spacing-4);opacity:.6}.empty-state__title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-2)}.empty-state__message{font-size:var(--font-size-base);color:var(--color-text-secondary);margin-bottom:var(--spacing-6);max-width:400px;line-height:var(--line-height-normal)}@media (max-width: 768px){.page-loading{min-height:300px;padding:var(--spacing-8) var(--spacing-4)}.loading-overlay__content{padding:var(--spacing-4)}.error-state,.empty-state{padding:var(--spacing-8) var(--spacing-4);min-height:250px}.error-state__actions{flex-direction:column;align-items:center}}@media (prefers-reduced-motion: reduce){.page-loading__spinner,.inline-loading__spinner,.btn-loading__spinner,.loading-overlay__spinner{animation:none;border-top-color:var(--color-gray-400)}.image-loading-skeleton,.content-skeleton{animation:none;background:var(--color-gray-200)}.progress-bar--indeterminate .progress-bar__fill{animation:none;width:50%}.pulse{animation:none}}@media (prefers-contrast: high){.page-loading__spinner,.inline-loading__spinner,.btn-loading__spinner,.loading-overlay__spinner{border-width:3px}.loading-overlay{background-color:#fffffff2}.error-state__icon{color:var(--color-danger)}}.image-with-fallback{position:relative;display:inline-block;overflow:hidden;background-color:var(--color-bg-secondary)}.image-with-fallback__img{width:100%;height:100%;object-fit:cover;transition:opacity var(--transition-base)}.image-with-fallback__img--loading{opacity:0}.image-with-fallback__placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background-color:var(--color-bg-secondary);z-index:1}.image-with-fallback__skeleton{width:100%;height:100%;background:linear-gradient(90deg,var(--color-gray-100) 25%,var(--color-gray-200) 50%,var(--color-gray-100) 75%);background-size:200% 100%;animation:loading-shimmer 1.5s infinite}@keyframes loading-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.image-with-fallback__image{width:100%;height:100%;object-fit:cover;transition:opacity var(--transition-base)}.image-with-fallback__image--loading{opacity:0}.image-with-fallback__image--loaded{opacity:1}.image-with-fallback__image--error{display:none}.image-with-fallback__skeleton{position:absolute;inset:0;background:linear-gradient(90deg,var(--color-gray-100) 25%,var(--color-gray-200) 50%,var(--color-gray-100) 75%);background-size:200% 100%;animation:loading-shimmer 1.5s infinite;z-index:1}.image-with-fallback__skeleton--hidden{display:none}.image-with-fallback__fallback{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:var(--color-bg-secondary);color:var(--color-text-muted);z-index:2}.image-with-fallback__fallback--hidden{display:none}.image-with-fallback__fallback-icon{font-size:var(--font-size-2xl);margin-bottom:var(--spacing-2);opacity:.5}.image-with-fallback__fallback-text{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);text-align:center;padding:0 var(--spacing-2)}.image-with-fallback__spinner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:32px;height:32px;border:3px solid var(--color-gray-200);border-top:3px solid var(--color-primary);border-radius:var(--radius-full);animation:spin 1s linear infinite;z-index:3}.image-with-fallback__spinner--hidden{display:none}.image-with-fallback__retry{margin-top:var(--spacing-2);padding:var(--spacing-1) var(--spacing-2);background-color:var(--color-primary);color:var(--color-white);border:none;border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast)}.image-with-fallback__retry:hover{background-color:var(--color-primary-hover)}.image-with-fallback__retry:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.image-with-fallback--small{width:64px;height:64px;border-radius:var(--radius-base)}.image-with-fallback--small .image-with-fallback__fallback-icon{font-size:var(--font-size-lg);margin-bottom:var(--spacing-1)}.image-with-fallback--small .image-with-fallback__fallback-text{font-size:var(--font-size-xs)}.image-with-fallback--small .image-with-fallback__spinner{width:20px;height:20px;border-width:2px}.image-with-fallback--medium{width:200px;height:200px;border-radius:var(--radius-lg)}.image-with-fallback--large{width:400px;height:400px;border-radius:var(--radius-xl)}.image-with-fallback--large .image-with-fallback__fallback-icon{font-size:var(--font-size-4xl);margin-bottom:var(--spacing-3)}.image-with-fallback--large .image-with-fallback__fallback-text{font-size:var(--font-size-base)}.image-with-fallback--large .image-with-fallback__spinner{width:48px;height:48px;border-width:4px}.image-with-fallback--square{aspect-ratio:1}.image-with-fallback--landscape{aspect-ratio:16/9}.image-with-fallback--portrait{aspect-ratio:3/4}.image-with-fallback--rounded{border-radius:var(--radius-lg)}.image-with-fallback--circle{border-radius:var(--radius-full)}.image-with-fallback--bordered{border:1px solid var(--color-border-light)}.image-with-fallback--shadow{box-shadow:var(--shadow-md)}.image-with-fallback--hoverable{cursor:pointer;transition:all var(--transition-base)}.image-with-fallback--hoverable:hover{transform:scale(1.02);box-shadow:var(--shadow-lg)}.image-with-fallback--hoverable .image-with-fallback__image{transition:opacity var(--transition-base),transform var(--transition-base)}.image-with-fallback--hoverable:hover .image-with-fallback__image{transform:scale(1.05)}.image-with-fallback--focusable:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@media (max-width: 768px){.image-with-fallback--large{width:300px;height:300px}.image-with-fallback--medium{width:150px;height:150px}}@media (max-width: 480px){.image-with-fallback--large{width:250px;height:250px}.image-with-fallback--medium{width:120px;height:120px}}@media (prefers-reduced-motion: reduce){.image-with-fallback__skeleton{animation:none;background:var(--color-gray-200)}.image-with-fallback__spinner{animation:none;border-top-color:var(--color-gray-400)}.image-with-fallback__image{transition:opacity var(--transition-base)}.image-with-fallback--hoverable:hover,.image-with-fallback--hoverable:hover .image-with-fallback__image{transform:none}}@media (prefers-contrast: high){.image-with-fallback--bordered{border-width:2px}.image-with-fallback__spinner{border-width:4px}.image-with-fallback__fallback{border:1px solid var(--color-border-dark)}}@media print{.image-with-fallback__skeleton,.image-with-fallback__spinner{display:none}.image-with-fallback__fallback{border:1px solid #000}.image-with-fallback__retry{display:none}}.page-transition{position:relative;min-height:100vh}.page-transition--loading{overflow:hidden}.page-loading-bar{position:fixed;top:0;left:0;right:0;height:3px;background-color:var(--color-primary);transform:translate(-100%);transition:transform var(--transition-base);z-index:var(--z-fixed)}.page-loading-bar--active{animation:loading-bar 2s ease-in-out infinite}.page-loading-bar--complete{transform:translate(0);transition:transform .3s ease-out}@keyframes loading-bar{0%{transform:translate(-100%)}50%{transform:translate(-10%)}to{transform:translate(100%)}}.page-fade-enter{opacity:0;transform:translateY(20px)}.page-fade-enter-active{opacity:1;transform:translateY(0);transition:opacity var(--transition-base),transform var(--transition-base)}.page-fade-exit{opacity:1;transform:translateY(0)}.page-fade-exit-active{opacity:0;transform:translateY(-20px);transition:opacity var(--transition-base),transform var(--transition-base)}.page-slide-enter{transform:translate(100%)}.page-slide-enter-active{transform:translate(0);transition:transform var(--transition-base)}.page-slide-exit{transform:translate(0)}.page-slide-exit-active{transform:translate(-100%);transition:transform var(--transition-base)}.page-transition-overlay{position:fixed;inset:0;background-color:#ffffffe6;display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);opacity:0;visibility:hidden;transition:opacity var(--transition-base),visibility var(--transition-base)}.page-transition-overlay--active{opacity:1;visibility:visible}.page-transition-overlay__content{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-4);padding:var(--spacing-8);background-color:var(--color-white);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);border:1px solid var(--color-border-light);max-width:300px;text-align:center}.page-transition-overlay__spinner{width:40px;height:40px;border:4px solid var(--color-gray-200);border-top:4px solid var(--color-primary);border-radius:var(--radius-full);animation:spin 1s linear infinite}.page-transition-overlay__text{color:var(--color-text-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-medium)}.page-transition-overlay__subtext{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin-top:var(--spacing-1)}.route-loading-indicator{position:fixed;top:var(--spacing-4);right:var(--spacing-4);background-color:var(--color-white);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);padding:var(--spacing-3) var(--spacing-4);box-shadow:var(--shadow-lg);display:flex;align-items:center;gap:var(--spacing-2);z-index:var(--z-fixed);transform:translateY(-100px);opacity:0;transition:all var(--transition-base)}.route-loading-indicator--active{transform:translateY(0);opacity:1}.route-loading-indicator__spinner{width:16px;height:16px;border:2px solid var(--color-gray-200);border-top:2px solid var(--color-primary);border-radius:var(--radius-full);animation:spin 1s linear infinite}.route-loading-indicator__text{color:var(--color-text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.content-loading-placeholder{padding:var(--spacing-6)}.content-loading-placeholder__header{display:flex;align-items:center;gap:var(--spacing-4);margin-bottom:var(--spacing-6)}.content-loading-placeholder__avatar{width:48px;height:48px;border-radius:var(--radius-full);background:linear-gradient(90deg,var(--color-gray-100) 25%,var(--color-gray-200) 50%,var(--color-gray-100) 75%);background-size:200% 100%;animation:loading-shimmer 1.5s infinite}.content-loading-placeholder__title{height:24px;width:200px;border-radius:var(--radius-sm);background:linear-gradient(90deg,var(--color-gray-100) 25%,var(--color-gray-200) 50%,var(--color-gray-100) 75%);background-size:200% 100%;animation:loading-shimmer 1.5s infinite}.content-loading-placeholder__content{display:flex;flex-direction:column;gap:var(--spacing-2)}.content-loading-placeholder__line{height:16px;border-radius:var(--radius-sm);background:linear-gradient(90deg,var(--color-gray-100) 25%,var(--color-gray-200) 50%,var(--color-gray-100) 75%);background-size:200% 100%;animation:loading-shimmer 1.5s infinite}.content-loading-placeholder__line--full{width:100%}.content-loading-placeholder__line--three-quarters{width:75%}.content-loading-placeholder__line--half{width:50%}.error-boundary{min-height:100vh;display:flex;align-items:center;justify-content:center;background-color:var(--color-bg-secondary);padding:var(--spacing-5)}.error-boundary__content{max-width:600px;text-align:center;background-color:var(--color-white);padding:var(--spacing-12) var(--spacing-8);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);border:1px solid var(--color-border-light)}.error-boundary__icon{font-size:var(--font-size-4xl);color:var(--color-danger);margin-bottom:var(--spacing-4)}.error-boundary__title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--spacing-3)}.error-boundary__message{font-size:var(--font-size-base);color:var(--color-text-secondary);margin-bottom:var(--spacing-6);line-height:var(--line-height-relaxed)}.error-boundary__actions{display:flex;gap:var(--spacing-3);justify-content:center;flex-wrap:wrap}@media (max-width: 768px){.route-loading-indicator{top:var(--spacing-2);right:var(--spacing-2);padding:var(--spacing-2) var(--spacing-3)}.page-transition-overlay__content{padding:var(--spacing-6);margin:var(--spacing-4)}.error-boundary__content{padding:var(--spacing-8) var(--spacing-5);margin:var(--spacing-4)}.error-boundary__actions{flex-direction:column;align-items:center}}@media (prefers-reduced-motion: reduce){.page-loading-bar--active{animation:none;transform:translate(-50%)}.page-fade-enter-active,.page-fade-exit-active,.page-slide-enter-active,.page-slide-exit-active{transition:none}.page-fade-enter,.page-slide-enter{opacity:1;transform:none}.page-transition-overlay__spinner,.route-loading-indicator__spinner{animation:none;border-top-color:var(--color-gray-400)}.content-loading-placeholder__avatar,.content-loading-placeholder__title,.content-loading-placeholder__line{animation:none;background:var(--color-gray-200)}}@media (prefers-contrast: high){.page-transition-overlay{background-color:#fffffff2}.route-loading-indicator,.page-transition-overlay__content,.error-boundary__content{border-width:2px}}:root{--color-primary: #4f46e5;--color-primary-hover: #4338ca;--color-primary-light: #e0e7ff;--color-secondary: #6c757d;--color-success: #28a745;--color-warning: #ffc107;--color-danger: #dc3545;--color-info: #17a2b8;--color-white: #ffffff;--color-gray-50: #f8f9fa;--color-gray-100: #f1f3f4;--color-gray-200: #e9ecef;--color-gray-300: #dee2e6;--color-gray-400: #ced4da;--color-gray-500: #adb5bd;--color-gray-600: #6c757d;--color-gray-700: #495057;--color-gray-800: #343a40;--color-gray-900: #212529;--color-black: #000000;--color-text-primary: #e5e7eb;--color-text-secondary: #9aa7b7;--color-text-muted: #7b8794;--color-text-inverse: #0b0f14;--color-bg-primary: #000000;--color-bg-secondary: #0a0a0a;--color-bg-tertiary: #111317;--color-border-light: rgba(255,255,255,.08);--color-border-medium: rgba(255,255,255,.12);--color-border-dark: rgba(255,255,255,.2);--font-family-primary: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-family-mono: "SF Mono", Monaco, "Cascadia Code", "Roboto Mono", Consolas, "Courier New", monospace;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.625;--line-height-loose: 2;--spacing-0: 0;--spacing-1: .25rem;--spacing-2: .5rem;--spacing-3: .75rem;--spacing-4: 1rem;--spacing-5: 1.25rem;--spacing-6: 1.5rem;--spacing-8: 2rem;--spacing-10: 2.5rem;--spacing-12: 3rem;--spacing-16: 4rem;--spacing-20: 5rem;--spacing-24: 6rem;--radius-none: 0;--radius-sm: .25rem;--radius-base: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--site-gradient: radial-gradient(60% 60% at 50% 40%, rgba(51,65,85,.35), transparent 60%), radial-gradient(40% 40% at 70% 60%, rgba(17,24,39,.35), transparent 60%), linear-gradient(180deg, rgba(0,0,0,.35) 0%, rgba(0,0,0,.85) 100%);--shadow-base: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .35s ease;--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070;--breakpoint-sm: 576px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px;--breakpoint-2xl: 1440px;--touch-target-min: 44px;--touch-target-comfortable: 48px;font-family:var(--font-family-primary);line-height:var(--line-height-normal);font-weight:var(--font-weight-normal);color-scheme:light;color:var(--color-text-primary);background-color:var(--color-bg-primary);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;margin:0;background-color:var(--color-bg-primary);background-image:var(--site-gradient);background-attachment:fixed;background-size:cover;background-repeat:no-repeat;color:var(--color-text-primary)}body{font-family:var(--font-family-primary);font-size:var(--font-size-base);line-height:var(--line-height-normal);-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}#root{min-height:100vh;display:flex;flex-direction:column;background:transparent}.text-xs{font-size:var(--font-size-xs)}.text-sm{font-size:var(--font-size-sm)}.text-base{font-size:var(--font-size-base)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.text-2xl{font-size:var(--font-size-2xl)}.text-3xl{font-size:var(--font-size-3xl)}.text-4xl{font-size:var(--font-size-4xl)}.font-light{font-weight:var(--font-weight-light)}.font-normal{font-weight:var(--font-weight-normal)}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:var(--font-weight-bold)}.leading-tight{line-height:var(--line-height-tight)}.leading-normal{line-height:var(--line-height-normal)}.leading-relaxed{line-height:var(--line-height-relaxed)}.text-primary{color:var(--color-primary)}.text-secondary{color:var(--color-text-secondary)}.text-muted{color:var(--color-text-muted)}.bg-primary{background-color:var(--color-primary)}.bg-secondary{background-color:var(--color-bg-secondary)}.bg-white{background-color:var(--color-white)}.p-0{padding:var(--spacing-0)}.p-1{padding:var(--spacing-1)}.p-2{padding:var(--spacing-2)}.p-3{padding:var(--spacing-3)}.p-4{padding:var(--spacing-4)}.p-5{padding:var(--spacing-5)}.p-6{padding:var(--spacing-6)}.p-8{padding:var(--spacing-8)}.m-0{margin:var(--spacing-0)}.m-1{margin:var(--spacing-1)}.m-2{margin:var(--spacing-2)}.m-3{margin:var(--spacing-3)}.m-4{margin:var(--spacing-4)}.m-5{margin:var(--spacing-5)}.m-6{margin:var(--spacing-6)}.m-8{margin:var(--spacing-8)}.container{width:100%;max-width:none;margin:0;padding:0}.flex{display:flex}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.grid{display:grid}.hidden{display:none}.block{display:block}.inline-block{display:inline-block}.rounded-none{border-radius:var(--radius-none)}.rounded-sm{border-radius:var(--radius-sm)}.rounded{border-radius:var(--radius-base)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-full{border-radius:var(--radius-full)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow{box-shadow:var(--shadow-base)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}@media (min-width: 576px){.container{padding:0}}@media (min-width: 768px){.container{padding:0}.md\:block{display:block}.md\:hidden{display:none}.md\:flex{display:flex}.md\:grid{display:grid}}@media (min-width: 1024px){.container{padding:0}.lg\:block{display:block}.lg\:hidden{display:none}.lg\:flex{display:flex}.lg\:grid{display:grid}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}html{scroll-behavior:auto}}@media (prefers-contrast: high){:root{--color-border-light: var(--color-border-dark);--shadow-sm: 0 2px 4px 0 rgba(0, 0, 0, .2);--shadow-base: 0 2px 6px 0 rgba(0, 0, 0, .2)}}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@media print{:root{--color-primary: #000000;--color-text-primary: #000000;--color-text-secondary: #333333;--color-bg-primary: #ffffff}*{box-shadow:none!important;text-shadow:none!important}body{font-size:12pt;line-height:1.4}.container{max-width:none;padding:0;margin:0}}.loading-spinner{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem}.loading-spinner--medium,.loading-spinner--large{min-height:calc(100vh - 80px)}.loading-spinner__circle{border:3px solid #f3f3f3;border-top:3px solid #007bff;border-radius:50%;animation:spin 1s linear infinite}.loading-spinner--small .loading-spinner__circle{width:20px;height:20px;border-width:2px}.loading-spinner--medium .loading-spinner__circle{width:40px;height:40px;border-width:3px}.loading-spinner--large .loading-spinner__circle{width:60px;height:60px;border-width:4px}.loading-spinner__message{margin-top:1rem;color:#666;font-size:.9rem;text-align:center}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.loading-spinner{padding:1rem}.loading-spinner__message{font-size:.8rem}}#root{width:100%;max-width:none;margin:0;padding:0;text-align:initial}.logo{height:2em;padding:0;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}