:root{--radius-xs:0.375rem;--radius-sm:0.5rem;--radius-md:0.75rem;--radius-lg:1rem;--radius-xl:1.5rem;--radius-2xl:2rem;--radius-full:9999px;--shadow-xs:0 1px 2px 0 rgba(0,0,0,.05);--shadow-sm:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--shadow-md:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--shadow-xl:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--shadow-2xl:0 25px 50px -12px rgba(0,0,0,.25);--shadow-inner:inset 0 2px 4px 0 rgba(0,0,0,.05);--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:0.75rem;--spacing-lg:1rem;--spacing-xl:1.25rem;--spacing-2xl:1.5rem;--spacing-3xl:2rem;--spacing-4xl:2.5rem;--spacing-5xl:3rem;--touch-target-min:44px;--touch-target-comfortable:48px;--touch-target-large:56px;--font-size-xs:0.75rem;--font-size-sm:0.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-size-5xl:3rem;--line-height-tight:1.25;--line-height-snug:1.375;--line-height-normal:1.5;--line-height-relaxed:1.625;--line-height-loose:2;--duration-fast:150ms;--duration-normal:200ms;--duration-slow:300ms;--duration-slower:500ms;--ease-in:cubic-bezier(0.4,0,1,1);--ease-out:cubic-bezier(0,0,0.2,1);--ease-in-out:cubic-bezier(0.4,0,0.2,1);--ease-bounce:cubic-bezier(0.68,-0.55,0.265,1.55);--breakpoint-sm:640px;--breakpoint-md:768px;--breakpoint-lg:1024px;--breakpoint-xl:1280px;--breakpoint-2xl:1536px;--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-modal-backdrop:1040;--z-modal:1050;--z-popover:1060;--z-tooltip:1070;--z-toast:1080;--mobile-header-height:64px;--mobile-nav-height:60px;--mobile-safe-area-top:env(safe-area-inset-top,0px);--mobile-safe-area-bottom:env(safe-area-inset-bottom,0px);--mobile-safe-area-left:env(safe-area-inset-left,0px);--mobile-safe-area-right:env(safe-area-inset-right,0px);--card-radius:var(--radius-xl);--card-shadow:var(--shadow-md);--card-padding:var(--spacing-lg);--card-gap:var(--spacing-md);--button-radius:var(--radius-lg);--button-shadow:var(--shadow-sm);--button-padding-x:var(--spacing-lg);--button-padding-y:var(--spacing-md);--button-min-height:var(--touch-target-min);--input-radius:var(--radius-lg);--input-shadow:var(--shadow-inner);--input-padding-x:var(--spacing-lg);--input-padding-y:var(--spacing-md);--input-min-height:var(--touch-target-min);--modal-radius:var(--radius-2xl);--modal-shadow:var(--shadow-2xl);--modal-padding:var(--spacing-2xl);--modal-max-width:90vw;--banner-radius:var(--radius-2xl);--banner-shadow:var(--shadow-lg);--banner-min-height:240px;--banner-padding:var(--spacing-2xl)}@media (max-width:639px){:root{--card-padding:var(--spacing-md);--modal-padding:var(--spacing-lg);--banner-padding:var(--spacing-lg);--banner-min-height:200px;--touch-target-comfortable:44px;--touch-target-large:48px}}@media (min-width:640px) and (max-width:1023px){:root{--card-padding:var(--spacing-xl);--modal-padding:var(--spacing-2xl);--banner-padding:var(--spacing-3xl);--banner-min-height:280px}}@media (min-width:1024px){:root{--card-padding:var(--spacing-2xl);--modal-padding:var(--spacing-3xl);--banner-padding:var(--spacing-4xl);--banner-min-height:320px;--modal-max-width:600px}}@media (prefers-reduced-motion:reduce){:root{--duration-fast:0ms;--duration-normal:0ms;--duration-slow:0ms;--duration-slower:0ms}}@media (prefers-contrast:high){:root{--shadow-xs:0 1px 2px 0 rgba(0,0,0,.2);--shadow-sm:0 1px 3px 0 rgba(0,0,0,.3),0 1px 2px -1px rgba(0,0,0,.3);--shadow-md:0 4px 6px -1px rgba(0,0,0,.3),0 2px 4px -2px rgba(0,0,0,.3);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.3),0 4px 6px -4px rgba(0,0,0,.3)}}.rounded-xs{border-radius:var(--radius-xs)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-full{border-radius:var(--radius-full)}.shadow-xs{box-shadow:var(--shadow-xs)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}.shadow-2xl{box-shadow:var(--shadow-2xl)}.shadow-inner{box-shadow:var(--shadow-inner)}.touch-target-min{min-height:var(--touch-target-min);min-width:var(--touch-target-min)}.touch-target-comfortable{min-height:var(--touch-target-comfortable);min-width:var(--touch-target-comfortable)}.touch-target-large{min-height:var(--touch-target-large);min-width:var(--touch-target-large)}.transition-smooth{transition-duration:var(--duration-normal);transition-timing-function:var(--ease-in-out)}.transition-fast{transition-duration:var(--duration-fast);transition-timing-function:var(--ease-out)}.transition-slow{transition-duration:var(--duration-slow);transition-timing-function:var(--ease-in-out)}.safe-area-top{padding-top:var(--mobile-safe-area-top)}.safe-area-bottom{padding-bottom:var(--mobile-safe-area-bottom)}.safe-area-left{padding-left:var(--mobile-safe-area-left)}.safe-area-right{padding-right:var(--mobile-safe-area-right)}.safe-area-all{padding:var(--mobile-safe-area-top) var(--mobile-safe-area-right) var(--mobile-safe-area-bottom) var(--mobile-safe-area-left)}.enhanced-card{border-radius:var(--card-radius);box-shadow:var(--card-shadow);padding:var(--card-padding);transition:box-shadow var(--duration-normal) var(--ease-in-out),transform var(--duration-normal) var(--ease-in-out);background:hsl(var(--card));border:1px solid hsl(var(--border))}.enhanced-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.enhanced-card-content{display:flex;flex-direction:column;gap:var(--card-gap)}.enhanced-button{border-radius:var(--button-radius);box-shadow:var(--button-shadow);padding:var(--button-padding-y) var(--button-padding-x);min-height:var(--button-min-height);font-size:var(--font-size-base);font-weight:500;transition:all var(--duration-fast) var(--ease-out);display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);cursor:pointer;border:none;text-decoration:none}.enhanced-button:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.enhanced-button:active{transform:translateY(0);box-shadow:var(--shadow-sm)}.enhanced-button-primary{background:hsl(var(--primary));color:hsl(var(--primary-foreground))}.enhanced-button-primary:hover{background:hsl(var(--primary)/.9)}.enhanced-button-secondary{background:hsl(var(--secondary));color:hsl(var(--secondary-foreground));border:1px solid hsl(var(--border))}.enhanced-button-secondary:hover{background:hsl(var(--secondary)/.8)}.enhanced-input{border-radius:var(--input-radius);box-shadow:var(--input-shadow);padding:var(--input-padding-y) var(--input-padding-x);min-height:var(--input-min-height);font-size:var(--font-size-base);border:1px solid hsl(var(--border));background:hsl(var(--background));color:hsl(var(--foreground));transition:border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out);width:100%}.enhanced-input:focus{outline:none;border-color:hsl(var(--ring));box-shadow:0 0 0 2px hsl(var(--ring)/.2)}.enhanced-input::-moz-placeholder{color:hsl(var(--muted-foreground))}.enhanced-input::placeholder{color:hsl(var(--muted-foreground))}.enhanced-banner{border-radius:var(--banner-radius);box-shadow:var(--banner-shadow);min-height:var(--banner-min-height);padding:var(--banner-padding);position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.enhanced-banner-overlay{position:absolute;inset:0;background:linear-gradient(135deg,rgba(0,0,0,.4),rgba(0,0,0,.2) 50%,rgba(0,0,0,.4));z-index:1}.enhanced-banner-content{position:relative;z-index:2;text-align:center;color:#fff;max-width:800px;margin:0 auto}.enhanced-banner-title{font-size:var(--font-size-4xl);font-weight:700;line-height:var(--line-height-tight);margin-bottom:var(--spacing-lg);text-shadow:0 2px 4px rgba(0,0,0,.3)}.enhanced-banner-subtitle{font-size:var(--font-size-xl);line-height:var(--line-height-relaxed);opacity:.95;text-shadow:0 1px 2px rgba(0,0,0,.3)}.enhanced-nav{background:hsl(var(--background)/.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid hsl(var(--border));box-shadow:var(--shadow-sm);position:sticky;top:0;z-index:var(--z-sticky)}.enhanced-nav-item{padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-lg);transition:background-color var(--duration-fast) var(--ease-out);color:hsl(var(--foreground));text-decoration:none;font-weight:500;min-height:var(--touch-target-min);display:flex;align-items:center;gap:var(--spacing-sm)}.enhanced-nav-item:hover{background:hsl(var(--accent));color:hsl(var(--accent-foreground))}.enhanced-nav-item.active{background:hsl(var(--primary));color:hsl(var(--primary-foreground))}.enhanced-modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:var(--z-modal-backdrop);display:flex;align-items:center;justify-content:center;padding:var(--spacing-lg)}.enhanced-modal{background:hsl(var(--card));border-radius:var(--modal-radius);box-shadow:var(--modal-shadow);padding:var(--modal-padding);max-width:var(--modal-max-width);width:100%;max-height:90vh;overflow-y:auto;position:relative;z-index:var(--z-modal)}.enhanced-form{display:flex;flex-direction:column;gap:var(--spacing-lg)}.enhanced-form-group{display:flex;flex-direction:column;gap:var(--spacing-sm)}.enhanced-form-label{font-size:var(--font-size-sm);font-weight:600;color:hsl(var(--foreground))}.enhanced-form-error{font-size:var(--font-size-sm);color:hsl(var(--destructive));margin-top:var(--spacing-xs)}.enhanced-badge{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:500;line-height:1;background:hsl(var(--secondary));color:hsl(var(--secondary-foreground));border:1px solid hsl(var(--border))}.enhanced-badge-primary{background:hsl(var(--primary));color:hsl(var(--primary-foreground));border-color:hsl(var(--primary))}.enhanced-badge-success{background:#16a249;color:#fff;border-color:#16a249}.enhanced-badge-warning{background:#f59f0a;color:#fff;border-color:#f59f0a}.enhanced-badge-error{background:hsl(var(--destructive));color:hsl(var(--destructive-foreground));border-color:hsl(var(--destructive))}@media (max-width:639px){.enhanced-banner-title{font-size:var(--font-size-3xl)}.enhanced-banner-subtitle{font-size:var(--font-size-lg)}.enhanced-modal{margin:var(--spacing-lg);max-height:calc(100vh - var(--spacing-2xl))}.enhanced-button,.enhanced-nav-item{padding:var(--spacing-md) var(--spacing-lg);min-height:var(--touch-target-comfortable)}}@media (min-width:640px) and (max-width:1023px){.enhanced-banner-title{font-size:var(--font-size-5xl)}.enhanced-modal{max-width:600px}}@media (min-width:1024px){.enhanced-card:hover{transform:translateY(-4px)}.enhanced-button:hover{transform:translateY(-2px)}}@media (prefers-reduced-motion:reduce){.enhanced-button,.enhanced-card,.enhanced-input,.enhanced-nav-item{transition:none}.enhanced-button:hover,.enhanced-card:hover{transform:none}}.enhanced-button:focus-visible,.enhanced-input:focus-visible,.enhanced-nav-item:focus-visible{outline:2px solid hsl(var(--ring));outline-offset:2px}@media (prefers-contrast:high){.enhanced-button,.enhanced-card,.enhanced-input{border-width:2px}.enhanced-banner-overlay{background:rgba(0,0,0,.7)}}