:root{--skeleton-surface:#000000;--skeleton-surface-variant:#19102a;--skeleton-surface-container:#333333;--skeleton-surface-container-high:#4a4a4a;--skeleton-surface-container-highest:#666666;--skeleton-primary:#955dfe;--skeleton-primary-container:#7c4dd4;--skeleton-on-primary:#ffffff;--skeleton-on-primary-container:#dcc9ff;--skeleton-secondary:#955dfe;--skeleton-secondary-container:#321f55;--skeleton-on-secondary:#ffffff;--skeleton-on-secondary-container:#dcc9ff;--skeleton-outline:#333333;--skeleton-outline-variant:#4a4a4a;--skeleton-on-surface:#ffffff;--skeleton-on-surface-variant:rgba(255,255,255,0.70);--skeleton-hover:rgba(149,93,254,0.1);--skeleton-focus:rgba(149,93,254,0.2);--skeleton-pressed:rgba(149,93,254,0.3);--skeleton-dropdown-arrow:rgba(255,255,255,0.8);--skeleton-dropdown-arrow-hover:#955dfe;--skeleton-focus-ring:#955dfe;--skeleton-spacing-xs:0.25rem;--skeleton-spacing-sm:0.5rem;--skeleton-spacing-md:1rem;--skeleton-spacing-lg:1.5rem;--skeleton-spacing-xl:2rem;--skeleton-spacing-xxl:3rem;--skeleton-header-padding:1rem;--skeleton-sidebar-padding:1rem;--skeleton-footer-padding:3rem 1rem;--skeleton-mobile-padding:1.25rem;--skeleton-font-family:ui-sans-serif,system-ui,sans-serif;--skeleton-font-size-xs:0.75rem;--skeleton-font-size-sm:0.875rem;--skeleton-font-size-base:1rem;--skeleton-font-size-lg:1.125rem;--skeleton-font-size-xl:1.25rem;--skeleton-font-weight-light:300;--skeleton-font-weight-regular:400;--skeleton-font-weight-medium:500;--skeleton-font-weight-semibold:600;--skeleton-font-weight-bold:700;--skeleton-radius-sm:0.25rem;--skeleton-radius-md:0.375rem;--skeleton-radius-lg:0.5rem;--skeleton-radius-xl:0.75rem;--skeleton-radius-button:0.75rem;--skeleton-radius-input:0.5rem;--skeleton-radius-card:1rem;--skeleton-radius-avatar:9999px;--skeleton-elevation-header:0 4px 20px -2px rgba(0,0,0,0.3),0 2px 8px -2px rgba(0,0,0,0.2);--skeleton-elevation-sidebar:4px 0 15px -3px rgba(0,0,0,0.1),2px 0 6px -4px rgba(0,0,0,0.1);--skeleton-elevation-footer:0 -4px 20px -2px rgba(0,0,0,0.1);--skeleton-elevation-dropdown:0 10px 25px -5px rgba(0,0,0,0.25),0 8px 10px -6px rgba(0,0,0,0.1);--skeleton-animation-fast:150ms;--skeleton-animation-normal:200ms;--skeleton-animation-slow:300ms;--skeleton-animation-ease-in-out:cubic-bezier(0.4,0,0.2,1);--skeleton-animation-hover:all 200ms cubic-bezier(0,0,0.2,1);--skeleton-animation-focus:all 150ms cubic-bezier(0,0,0.2,1);--skeleton-touch-target-minimum:44px;--skeleton-touch-target-comfortable:48px;--skeleton-touch-target-spacious:56px}.skeleton-component{font-family:var(--skeleton-font-family);color:var(--skeleton-on-surface);background-color:var(--skeleton-surface)}.skeleton-header{background:linear-gradient(180deg,rgba(0,0,0,.95) 0,rgba(25,16,42,.95) 50%,rgba(0,0,0,.95));backdrop-filter:blur(12px);box-shadow:var(--skeleton-elevation-header);border-bottom:1px solid var(--skeleton-outline);padding:var(--skeleton-header-padding)}.skeleton-sidebar{background-color:var(--skeleton-surface-variant);box-shadow:var(--skeleton-elevation-sidebar);padding:var(--skeleton-sidebar-padding);border-right:1px solid var(--skeleton-outline)}.skeleton-sidebar-item{display:flex;align-items:center;padding:var(--skeleton-spacing-sm) var(--skeleton-spacing-md);border-radius:var(--skeleton-radius-lg);color:var(--skeleton-on-surface-variant);font-size:var(--skeleton-font-size-base);font-weight:var(--skeleton-font-weight-regular);transition:var(--skeleton-animation-hover);min-height:var(--skeleton-touch-target-minimum)}.skeleton-sidebar-item.active,.skeleton-sidebar-item:hover{background-color:var(--skeleton-secondary-container);color:var(--skeleton-on-secondary-container)}.skeleton-sidebar-item:focus-visible{outline:2px solid var(--skeleton-focus-ring);outline-offset:2px}.skeleton-footer{background:linear-gradient(88deg,rgb(27 0 49) 30%,#9333E9);padding:var(--skeleton-footer-padding);box-shadow:var(--skeleton-elevation-footer)}.skeleton-footer-section{margin-bottom:var(--skeleton-spacing-lg)}.skeleton-footer-title{color:var(--skeleton-on-surface);font-size:var(--skeleton-font-size-lg);font-weight:var(--skeleton-font-weight-semibold);margin-bottom:var(--skeleton-spacing-md);font-family:Albert Sans}.skeleton-footer-link{color:var(--skeleton-on-surface-variant);font-size:var(--skeleton-font-size-sm);font-weight:var(--skeleton-font-weight-medium);transition:var(--skeleton-animation-hover);display:block;padding:var(--skeleton-spacing-xs) 0;font-family:Albert Sans}.skeleton-footer-link:hover{color:var(--skeleton-primary)}.skeleton-mobile-nav{background-color:var(--skeleton-surface);border-top:1px solid var(--skeleton-outline);padding:var(--skeleton-mobile-padding)}.skeleton-mobile-nav-item{display:flex;align-items:center;padding:var(--skeleton-spacing-md);border-radius:var(--skeleton-radius-lg);color:var(--skeleton-on-surface-variant);font-size:var(--skeleton-font-size-base);font-weight:var(--skeleton-font-weight-regular);transition:var(--skeleton-animation-hover);min-height:var(--skeleton-touch-target-minimum);border-bottom:1px solid var(--skeleton-outline)}.skeleton-mobile-nav-item:hover{background-color:var(--skeleton-hover);color:var(--skeleton-on-surface)}.skeleton-mobile-nav-item.active{color:var(--skeleton-primary)}.skeleton-mobile-nav-item:focus-visible{outline:2px solid var(--skeleton-focus-ring);outline-offset:2px}.skeleton-button{display:inline-flex;align-items:center;justify-content:center;padding:var(--skeleton-spacing-sm) var(--skeleton-spacing-md);border-radius:var(--skeleton-radius-button);font-size:var(--skeleton-font-size-sm);font-weight:var(--skeleton-font-weight-medium);transition:var(--skeleton-animation-hover);min-height:var(--skeleton-touch-target-minimum);cursor:pointer;border:none}.skeleton-button-primary{background:linear-gradient(135deg,var(--skeleton-primary) 0,var(--skeleton-primary-container) 100%);color:var(--skeleton-on-primary);box-shadow:0 4px 12px rgba(149,93,254,.25)}.skeleton-button-primary:hover{transform:translateY(-1px);box-shadow:0 6px 16px rgba(149,93,254,.4)}.skeleton-button-primary:active{transform:translateY(0)}.skeleton-button-secondary{background-color:var(--skeleton-surface-container);color:var(--skeleton-on-surface);border:1px solid var(--skeleton-outline)}.skeleton-button-secondary:hover{background-color:var(--skeleton-surface-container-high)}.skeleton-button:focus-visible{outline:2px solid var(--skeleton-focus-ring);outline-offset:2px}.skeleton-input{display:flex;align-items:center;padding:var(--skeleton-spacing-sm) var(--skeleton-spacing-md);border-radius:var(--skeleton-radius-input);background-color:var(--skeleton-surface-container);border:1px solid var(--skeleton-outline);color:var(--skeleton-on-surface);font-size:var(--skeleton-font-size-base);transition:var(--skeleton-animation-focus);min-height:var(--skeleton-touch-target-minimum)}.skeleton-input:focus{outline:none;border-color:var(--skeleton-primary);box-shadow:0 0 0 1px var(--skeleton-primary)}.skeleton-input::-moz-placeholder{color:var(--skeleton-on-surface-variant)}.skeleton-input::placeholder{color:var(--skeleton-on-surface-variant)}.skeleton-dropdown{position:relative}.skeleton-dropdown-trigger{display:flex;align-items:center;gap:var(--skeleton-spacing-sm);padding:var(--skeleton-spacing-sm);border-radius:var(--skeleton-radius-lg);transition:var(--skeleton-animation-hover);cursor:pointer;min-height:var(--skeleton-touch-target-minimum)}.skeleton-dropdown-trigger:hover{background-color:var(--skeleton-hover)}.skeleton-dropdown-trigger:focus-visible{outline:2px solid var(--skeleton-focus-ring);outline-offset:2px}.skeleton-dropdown-arrow{color:var(--skeleton-dropdown-arrow);transition:var(--skeleton-animation-hover)}.skeleton-dropdown-trigger:hover .skeleton-dropdown-arrow{color:var(--skeleton-dropdown-arrow-hover)}.skeleton-dropdown-content{background-color:var(--skeleton-surface-container);border:1px solid var(--skeleton-outline);border-radius:var(--skeleton-radius-lg);box-shadow:var(--skeleton-elevation-dropdown);padding:var(--skeleton-spacing-sm)}.skeleton-avatar{border-radius:var(--skeleton-radius-avatar);border:2px solid var(--skeleton-outline-variant);box-shadow:0 2px 8px rgba(0,0,0,.1)}.skeleton-icon{color:var(--skeleton-on-surface-variant);transition:var(--skeleton-animation-hover)}.skeleton-icon:hover{color:var(--skeleton-on-surface)}@media (max-width:640px){.skeleton-header{padding:var(--skeleton-mobile-padding)}.skeleton-sidebar{transform:translateX(-100%);transition:transform var(--skeleton-animation-slow) var(--skeleton-animation-ease-in-out)}.skeleton-sidebar.open{transform:translateX(0)}.skeleton-button,.skeleton-input{min-height:var(--skeleton-touch-target-comfortable)}}@media (max-width:768px){.skeleton-footer{padding:var(--skeleton-spacing-xl) var(--skeleton-spacing-md)}}@media (pointer:coarse){.skeleton-button,.skeleton-dropdown-trigger,.skeleton-input,.skeleton-mobile-nav-item,.skeleton-sidebar-item{min-height:var(--skeleton-touch-target-comfortable)}}@media (prefers-contrast:high){.skeleton-dropdown-arrow{color:var(--skeleton-on-surface)}.skeleton-outline{border-color:var(--skeleton-on-surface)}}@media (prefers-reduced-motion:reduce){.skeleton-button,.skeleton-dropdown-arrow,.skeleton-dropdown-trigger,.skeleton-footer-link,.skeleton-icon,.skeleton-input,.skeleton-mobile-nav-item,.skeleton-sidebar-item{transition:none}}