:root{--page-max-width-sm:32rem;--page-max-width-md:42rem;--page-max-width-lg:56rem;--page-max-width-xl:72rem;--page-max-width-2xl:84rem;--page-gutter:1rem;--page-gutter-sm:1.5rem;--page-gutter-lg:2rem;--header-height:4rem;--header-height-lg:4.5rem;--card-padding:1.5rem;--card-padding-sm:1rem;--card-radius:0.75rem;--card-shadow:var(--shadow-sm);--card-header-padding:1.5rem;--card-footer-padding:1rem 1.5rem;--modal-sm:24rem;--modal-md:28rem;--modal-lg:32rem;--modal-xl:36rem;--modal-2xl:42rem;--modal-full:56rem;--modal-padding:1.5rem;--modal-padding-mobile:1rem;--modal-header-height:4rem;--modal-footer-height:4rem}.min-h-page{min-height:calc(100vh - var(--header-height));min-height:calc(100dvh - var(--header-height))}@media (min-width:1024px){.min-h-page{min-height:calc(100vh - var(--header-height-lg));min-height:calc(100dvh - var(--header-height-lg))}}.page-padding{padding-top:1.5rem;padding-bottom:2rem}.page-padding-sm{padding-top:1rem;padding-bottom:1.5rem}@media (min-width:640px){.page-padding{padding-top:2rem;padding-bottom:3rem}.page-padding-sm{padding-top:1.5rem;padding-bottom:2rem}}.section-spacing{margin-bottom:2rem}.section-spacing-sm{margin-bottom:1.5rem}.section-spacing-lg{margin-bottom:3rem}@media (min-width:640px){.section-spacing{margin-bottom:3rem}.section-spacing-sm{margin-bottom:2rem}.section-spacing-lg{margin-bottom:4rem}}.container-sm{max-width:var(--page-max-width-sm)}.container-md{max-width:var(--page-max-width-md)}.container-lg{max-width:var(--page-max-width-lg)}.container-xl{max-width:var(--page-max-width-xl)}.container-2xl{max-width:var(--page-max-width-2xl)}.grid-auto-fit{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.grid-auto-fill{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.full-bleed{width:100vw;position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw}.stack{display:flex;flex-direction:column}.stack>*+*{margin-top:var(--space-4,1rem)}.stack-sm>*+*{margin-top:var(--space-2,.5rem)}.stack-lg>*+*{margin-top:var(--space-6,1.5rem)}.skip-link{position:absolute;top:-100%;left:.5rem;z-index:9999;padding:.5rem 1rem;background:hsl(var(--primary));color:hsl(var(--primary-foreground));font-size:.875rem;font-weight:500;border-radius:.5rem;transition:top .2s ease-out}.skip-link:focus{top:.5rem;outline:2px solid hsl(var(--ring));outline-offset:2px}.nav-link{position:relative;padding:.5rem .75rem;font-size:.875rem;font-weight:500;border-radius:.5rem;transition:all .15s ease-out}.nav-link-active{color:hsl(var(--primary));background:hsl(var(--primary)/.1)}.nav-link-inactive{color:hsl(var(--muted-foreground))}.nav-link-inactive:hover{color:hsl(var(--foreground));background:hsl(var(--muted))}.nav-link-disabled{color:hsl(var(--muted-foreground));opacity:.5;cursor:not-allowed}.nav-link-indicator{position:absolute;bottom:-1px;left:.75rem;right:.75rem;height:2px;background:hsl(var(--primary));border-radius:2px 2px 0 0}.notification-badge{position:absolute;top:-2px;right:-2px;min-width:18px;height:18px;padding:0 4px;font-size:10px;font-weight:600;line-height:18px;text-align:center;color:#fff;background:hsl(var(--destructive));border-radius:9999px;border:2px solid hsl(var(--background));animation:pop-in .2s ease-out}@keyframes pop-in{0%{transform:scale(0);opacity:0}70%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.icon-label{position:absolute;bottom:-.875rem;left:50%;transform:translateX(-50%);font-size:.625rem;color:hsl(var(--muted-foreground));white-space:nowrap;opacity:0;pointer-events:none;z-index:61}@media (max-width:640px){.icon-label{opacity:1}}.mobile-menu-backdrop{position:fixed;inset:0;background:hsl(var(--background)/.8);backdrop-filter:blur(4px);z-index:50}.focus-visible-ring{outline:none}.focus-visible-ring:focus-visible{outline:2px solid hsl(var(--ring));outline-offset:2px}.scroll-lock{overflow:hidden;touch-action:none}.dropdown-menu{position:absolute;z-index:var(--z-dropdown,1000);min-width:12rem;padding:.25rem;background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:.75rem;box-shadow:var(--shadow-lg)}.dropdown-item{display:flex;align-items:center;gap:.75rem;width:100%;padding:.5rem .75rem;font-size:.875rem;color:hsl(var(--foreground));border-radius:.5rem;transition:background .15s}.dropdown-item:hover{background:hsl(var(--muted))}.dropdown-item-destructive{color:hsl(var(--destructive))}.dropdown-item-destructive:hover{background:hsl(var(--destructive)/.1)}.dropdown-divider{height:1px;margin:.25rem 0;background:hsl(var(--border))}.header-sticky{position:sticky;top:0;z-index:60;background:hsl(var(--background)/.95);backdrop-filter:blur(12px);border-bottom:1px solid hsl(var(--border)/.5)}.tap-target{min-width:44px;min-height:44px}.no-horizontal-scroll{overflow-x:hidden;max-width:100vw}.safe-horizontal{padding-left:max(1rem,env(safe-area-inset-left));padding-right:max(1rem,env(safe-area-inset-right))}.mobile-full{margin-left:-1rem;margin-right:-1rem;padding-left:1rem;padding-right:1rem}@media (min-width:640px){.mobile-full{margin-left:0;margin-right:0;padding-left:0;padding-right:0}}.card-grid{display:grid;gap:1rem;grid-template-columns:1fr}@media (min-width:640px){.card-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.card-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:1280px){.card-grid{gap:1.5rem}}.stack-sm{gap:.5rem}.stack-md,.stack-sm{display:flex;flex-direction:column}.stack-md{gap:1rem}.stack-lg{gap:1.5rem}.stack-lg,.stack-xl{display:flex;flex-direction:column}.stack-xl{gap:2rem}.inline-sm{gap:.5rem}.inline-md,.inline-sm{display:flex;flex-wrap:wrap}.inline-md{gap:1rem}.inline-lg{display:flex;flex-wrap:wrap;gap:1.5rem}.alert-box{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;border-radius:.75rem;font-size:.875rem}.alert-box-error{background:hsl(var(--destructive)/.1);border:1px solid hsl(var(--destructive)/.3);color:hsl(var(--destructive))}.alert-box-success{background:hsl(var(--success)/.1);border:1px solid hsl(var(--success)/.3);color:hsl(var(--success))}.alert-box-warning{background:hsl(var(--warning)/.1);border:1px solid hsl(var(--warning)/.3);color:hsl(var(--warning))}.alert-box-info{background:hsl(var(--info)/.1);border:1px solid hsl(var(--info)/.3);color:hsl(var(--info))}.icon-xs{width:.875rem;height:.875rem}.icon-sm{width:1rem;height:1rem}.icon-md{width:1.25rem;height:1.25rem}.icon-lg{width:1.5rem;height:1.5rem}.icon-xl{width:2rem;height:2rem}[role=button],a,button,input,select,textarea{transition-property:color,background-color,border-color,box-shadow,transform,opacity;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.hover-lift{transition:transform .2s ease-out,box-shadow .2s ease-out}.hover-lift:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.hover-lift:active{transform:translateY(0)}:focus-visible{outline:2px solid hsl(var(--ring));outline-offset:2px}:focus:not(:focus-visible){outline:none}.disabled,[disabled]{opacity:.5;cursor:not-allowed;pointer-events:none}.loading,[aria-busy=true]{cursor:wait}[role=button]:active:not(:disabled),button:active:not(:disabled){transform:scale(.98)}.link-underline{position:relative;text-decoration:none}.link-underline:after{content:"";position:absolute;left:0;bottom:-2px;width:100%;height:2px;background:currentColor;transform:scaleX(0);transform-origin:right;transition:transform .2s ease-out}.link-underline:hover:after{transform:scaleX(1);transform-origin:left}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.shimmer{background:linear-gradient(90deg,hsl(var(--muted)) 0,hsl(var(--muted-foreground)/.1) 50%,hsl(var(--muted)) 100%);background-size:200% 100%;animation:shimmer 1.5s infinite}.premium-card{background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:var(--radius-xl);box-shadow:var(--shadow);transition:box-shadow .2s ease-out,border-color .2s ease-out}.premium-card:hover{border-color:hsl(var(--border-hover));box-shadow:var(--shadow-md)}.list-item-interactive{padding:.75rem 1rem;border-radius:var(--radius-lg);transition:background .15s ease-out}.list-item-interactive:hover{background:hsl(var(--muted))}.list-item-interactive:active{background:hsl(var(--muted-foreground)/.1)}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.5}}.pulse-dot{animation:pulse-dot 2s ease-in-out infinite}.gradient-border{position:relative;background:hsl(var(--card));border-radius:var(--radius-xl)}.gradient-border:before{content:"";position:absolute;inset:-1px;border-radius:inherit;background:linear-gradient(135deg,hsl(var(--primary)),hsl(var(--accent)));z-index:-1}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1.5rem;text-align:center}.empty-state-icon{width:4rem;height:4rem;margin-bottom:1rem;color:hsl(var(--muted-foreground));opacity:.5}.empty-state-title{font-size:1rem;font-weight:600;color:hsl(var(--foreground));margin-bottom:.25rem}.empty-state-description{font-size:.875rem;color:hsl(var(--muted-foreground));max-width:20rem}@keyframes skeleton-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton-shimmer{background:linear-gradient(90deg,hsl(var(--muted)) 0,hsl(var(--muted-foreground)/.1) 50%,hsl(var(--muted)) 100%);background-size:200% 100%;animation:skeleton-shimmer 1.5s ease-in-out infinite}.skeleton-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes skeleton-wave{0%{transform:translateX(-100%)}50%{transform:translateX(100%)}to{transform:translateX(100%)}}.skeleton-wave{position:relative;overflow:hidden}.skeleton-wave:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,hsl(var(--muted-foreground)/.1),transparent);animation:skeleton-wave 2s linear infinite}.skeleton-stagger>:first-child{animation-delay:0ms}.skeleton-stagger>:nth-child(2){animation-delay:75ms}.skeleton-stagger>:nth-child(3){animation-delay:.15s}.skeleton-stagger>:nth-child(4){animation-delay:225ms}.skeleton-stagger>:nth-child(5){animation-delay:.3s}.skeleton-stagger>:nth-child(6){animation-delay:375ms}.skeleton-stagger>:nth-child(7){animation-delay:.45s}.skeleton-stagger>:nth-child(8){animation-delay:525ms}@media (prefers-reduced-motion:reduce){.skeleton-pulse,.skeleton-shimmer,.skeleton-wave:after{animation:none}.skeleton-wave:after{display:none}}@keyframes gift-bounce{0%,to{transform:translateY(0) scale(1)}25%{transform:translateY(-20px) scale(1.1)}50%{transform:translateY(0) scale(1)}75%{transform:translateY(-10px) scale(1.05)}}@keyframes gift-spin{0%{transform:rotate(0deg) scale(0)}50%{transform:rotate(180deg) scale(1.2)}to{transform:rotate(1turn) scale(1)}}@keyframes sparkle{0%{opacity:0;transform:translateY(0) scale(0)}50%{opacity:1;transform:translateY(-50px) scale(1)}to{opacity:0;transform:translateY(-100px) scale(0)}}.animate-gift-bounce{animation:gift-bounce 3s ease-in-out}.animate-gift-spin{animation:gift-spin .8s cubic-bezier(.68,-.55,.265,1.55)}.animate-sparkle{animation:sparkle linear infinite}