@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200";@import"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css";@import"https://fonts.googleapis.com/icon?family=Material+Icons";@import"https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200";:root{--ux-primary: #3b82f6;--ux-secondary: #10b981;--ux-tertiary: #f43f5e;--ux-background: #ffffff;--ux-surface: #f9fafb;--ux-on-surface: #1f2937;--ux-on-background: #1f2937;--ux-success: #22c55e;--ux-error: #ef4444;--ux-warning: #f59e0b;--ux-info: #3b82f6;--ux-outline: #e5e7eb;--ux-accent: #f43f5e;--ux-text-primary: var(--ux-on-surface, #1f2937);--ux-text-base: var(--ux-on-surface, #1f2937);--ux-text-secondary: rgba(31, 41, 55, .7);--ux-text-muted: rgba(31, 41, 55, .6);--ux-text-disabled: rgba(31, 41, 55, .4);--background-color: var(--ux-background);--text-color: var(--ux-on-surface);--unified-nav-height: 0px;--unified-nav-offset: 0px;--unified-nav-margin: 0px;--unified-nav-border: none;--unified-nav-shadow: none;--unified-nav-transition: .3s ease;--unified-nav-z-index: 1000;--unified-nav-bg: var(--ux-surface);--unified-nav-border-color: var(--ux-outline);--ux-spacing-3xs: .125rem;--ux-spacing-2xs: .1875rem;--ux-spacing-xs: .25rem;--ux-spacing-sm: .5rem;--ux-spacing-md: 1rem;--ux-spacing-lg: 1.5rem;--ux-spacing-xl: 2rem;--ux-spacing-2xl: 3rem;--ux-spacing-3xl: 4rem;--ux-spacing-4xl: 5rem;--ux-spacing-5xl: 6rem;--bp-2xs: 320px;--bp-xs: 475px;--bp-sm: 640px;--bp-md: 768px;--bp-lg: 1024px;--bp-xl: 1280px;--bp-2xl: 1536px;--cq-xs: 320px;--cq-sm: 480px;--cq-md: 640px;--cq-lg: 800px;--cq-xl: 1024px;--ux-text-2xs: .625rem;--ux-text-xs: .75rem;--ux-text-sm: .875rem;--ux-text-base: 1rem;--ux-text-lg: 1.125rem;--ux-text-xl: 1.25rem;--ux-text-2xl: 1.5rem;--ux-text-3xl: 1.875rem;--ux-text-4xl: 2.25rem;--ux-text-5xl: 3rem;--ux-text-6xl: 3.75rem;--ux-text-7xl: 4.5rem;--ux-text-8xl: 6rem;--ux-text-9xl: 8rem;--ux-transition-instant: 0s;--ux-transition-fast: .15s ease;--ux-transition-base: .3s ease;--ux-transition-slow: .5s ease;--ux-transition-slower: .75s ease;--ux-transition-slowest: 1s ease;--ux-ease-in: cubic-bezier(.4, 0, 1, 1);--ux-ease-out: cubic-bezier(0, 0, .2, 1);--ux-ease-in-out: cubic-bezier(.4, 0, .2, 1);--ux-ease-spring: cubic-bezier(.34, 1.56, .64, 1);--ux-ease-bounce: cubic-bezier(.68, -.55, .265, 1.55);--ux-radius-none: 0;--ux-radius-2xs: .0625rem;--ux-radius-xs: .125rem;--ux-radius-sm: .25rem;--ux-radius-md: .375rem;--ux-radius-lg: .5rem;--ux-radius-xl: .75rem;--ux-radius-2xl: 1rem;--ux-radius-3xl: 1.5rem;--ux-radius-4xl: 2rem;--ux-radius-full: 50%;--ux-shadow-none: 0 0 #0000;--ux-shadow-xs: 0 1px 2px 0 rgb(0 0 0 / .05);--ux-shadow-sm: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--ux-shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--ux-shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--ux-shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--ux-shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / .25);--ux-shadow-inner: inset 0 2px 4px 0 rgb(0 0 0 / .05);--ux-shadow-colored: 0 10px 15px -3px var(--ux-primary-rgb, 0 0 0) / .3;--ux-backdrop-blur-none: blur(0);--ux-backdrop-blur-sm: blur(4px);--ux-backdrop-blur-md: blur(8px);--ux-backdrop-blur-lg: blur(12px);--ux-backdrop-blur-xl: blur(16px);--ux-backdrop-blur-2xl: blur(24px);--ux-backdrop-blur-3xl: blur(40px);--ux-scale-50: .5;--ux-scale-75: .75;--ux-scale-90: .9;--ux-scale-95: .95;--ux-scale-100: 1;--ux-scale-105: 1.05;--ux-scale-110: 1.1;--ux-scale-125: 1.25;--ux-scale-150: 1.5;--z-behind: -1;--z-base: 0;--z-raised: 1;--z-overlay: 10;--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;--z-max: 2147483647;--ux-opacity-0: 0;--ux-opacity-5: .05;--ux-opacity-10: .1;--ux-opacity-20: .2;--ux-opacity-25: .25;--ux-opacity-30: .3;--ux-opacity-40: .4;--ux-opacity-50: .5;--ux-opacity-60: .6;--ux-opacity-70: .7;--ux-opacity-75: .75;--ux-opacity-80: .8;--ux-opacity-90: .9;--ux-opacity-95: .95;--ux-opacity-100: 1;--ux-gradient-from-transparent: rgba(255, 255, 255, 0);--ux-gradient-via-transparent: rgba(255, 255, 255, 0);--ux-gradient-to-transparent: rgba(255, 255, 255, 0);--ux-grid-cols-1: repeat(1, minmax(0, 1fr));--ux-grid-cols-2: repeat(2, minmax(0, 1fr));--ux-grid-cols-3: repeat(3, minmax(0, 1fr));--ux-grid-cols-4: repeat(4, minmax(0, 1fr));--ux-grid-cols-5: repeat(5, minmax(0, 1fr));--ux-grid-cols-6: repeat(6, minmax(0, 1fr));--ux-grid-cols-12: repeat(12, minmax(0, 1fr))}body.unified-layout-top.nav-state-open{--unified-nav-height: 61px}body.unified-layout-top.nav-state-collapsed{--unified-nav-height: 28px}body.unified-layout-top.nav-state-hidden{--unified-nav-height: 0px}body.unified-layout-side.nav-state-open{--unified-nav-width: 280px}body.unified-layout-side.nav-state-collapsed{--unified-nav-width: 48px}body.unified-layout-side.nav-state-hidden{--unified-nav-width: 0px}body.unified-layout-top #singularity-app .app-header,body.unified-layout-top #editor-web-app .editor-container{top:var(--unified-nav-height);transition:top var(--unified-nav-transition)}body.unified-layout-top #editor-web-dashboard{margin-top:var(--unified-nav-height);transition:margin-top var(--unified-nav-transition)}body.unified-layout-top #space-map-app .navigation-breadcrumb{top:calc(var(--unified-nav-height) + 77px);transition:top var(--unified-nav-transition)}body.unified-layout-top .docs-layout{margin-top:var(--unified-nav-height);transition:margin-top var(--unified-nav-transition)}body.unified-layout-top .docs-layout .sidebar{top:var(--unified-nav-height);height:calc(100vh - var(--unified-nav-height));transition:top var(--unified-nav-transition),height var(--unified-nav-transition)}body.unified-layout-top .docs-layout .main-content{margin-top:0}body.unified-layout-side .editor-container{left:var(--unified-nav-width);width:calc(100% - var(--unified-nav-width));transition:left var(--unified-nav-transition),width var(--unified-nav-transition)}@media (prefers-reduced-motion: reduce){:root{--ux-transition-fast: 0s;--ux-transition-base: 0s;--ux-transition-slow: 0s;--unified-nav-transition: 0s;--nav-transition: 0s;--nav-transition-fast: 0s}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.status-indicator{animation:none}}@media (prefers-contrast: high){:root{--unified-nav-border: 2px solid;--unified-nav-shadow: none}.unified-nav,.nav-item-active{border:2px solid white}}body.debug-css-vars:before{content:"Nav Height: " var(--unified-nav-height) " | Nav Offset: " var(--unified-nav-offset);position:fixed;top:0;right:0;background:#000c;color:#fff;padding:var(--ux-spacing-sm);font-family:monospace;font-size:var(--ux-text-xs);z-index:var(--z-toast);pointer-events:none}.perf-monitor{transition:var(--ux-transition-base)}@media (max-width: 1024px){.unified-nav.layout-side{transform:translate(-100%)}.unified-nav.layout-side.nav-open{transform:translate(0)}.unified-nav.layout-side.nav-open .nav-backdrop{display:block;opacity:1}body.unified-layout-side,body.unified-layout-side.nav-collapsed{padding-left:0!important}}@media (max-width: 768px){body.unified-layout-side.nav-state-open{--unified-nav-width: 100vw;--unified-nav-offset: 0px;--unified-nav-margin: 0px}body.unified-layout-side.nav-state-collapsed{--unified-nav-width: 0px;--unified-nav-offset: 0px;--unified-nav-margin: 0px}body.unified-layout-top.nav-state-open{--unified-nav-height: 56px}body.unified-layout-top.nav-state-collapsed{--unified-nav-height: 32px}.unified-nav.layout-top{left:10px;right:10px;top:10px}.unified-nav.layout-top .nav-toggle{display:block}.unified-nav.layout-top .nav-text{display:none}.unified-nav.layout-top .unified-nav-items{gap:4px}.unified-nav.layout-side{left:0;top:0;bottom:0;border-radius:0;width:320px}:host(.responsive-stack),.responsive-stack{flex-direction:column;gap:var(--ux-spacing-sm)}}@media (min-width: 768px){:host(.responsive-grid),.responsive-grid{display:grid;gap:var(--ux-spacing-md)}}@media (max-width: 480px){.unified-nav.layout-top .unified-nav-items{display:none}.unified-nav.layout-top.nav-open .unified-nav-items{display:flex;position:absolute;top:100%;left:0;right:0;background:var(--nav-primary);border-radius:0 0 var(--nav-border-radius) var(--nav-border-radius);border-top:1px solid var(--nav-glass-border);padding:16px;flex-direction:column;gap:8px}.unified-nav.layout-top.nav-open .nav-text{display:block}}:host(.focusable),.focusable{outline:2px solid transparent;outline-offset:2px;transition:outline var(--ux-transition-fast)}:host(.focusable):focus,.focusable:focus{outline-color:var(--primary, #0066cc)}:host(.loading),.loading{opacity:.6;pointer-events:none;transition:opacity var(--ux-transition-base)}:host(.error),.error{border-color:var(--error, #dc2626)}:host(.success),.success{border-color:var(--success, #16a34a)}@media (prefers-color-scheme: dark){.unified-nav{background:var(--nav-dark)}}.control-btn{position:relative;display:flex;align-items:center;padding:1rem;border:none;border-radius:20px;cursor:pointer;transition:all .4s ease;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);color:var(--background-color);overflow:hidden}.control-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .6s ease}.control-btn:hover:not(:disabled){transform:translateY(-6px) scale(1.02);box-shadow:0 20px 40px #0006}.control-btn:hover:not(:disabled):before{left:100%}.control-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.control-btn .btn-content{display:flex;align-items:center;gap:1.5rem;width:100%;z-index:1}.control-btn .btn-icon{font-size:2.5rem;filter:drop-shadow(0 0 10px currentColor)}.control-btn .btn-text .btn-title{display:block;font-size:1.1rem;font-weight:700;margin-bottom:.25rem}.control-btn .btn-text .btn-subtitle{display:block;font-size:.85rem;opacity:.8;font-weight:400}.control-btn .loading-indicator{position:absolute;right:1.5rem;width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite}.control-btn.build-production{background:linear-gradient(135deg,#fb923c4d,#f973164d);border-color:#fb923c66}.control-btn.build-production:hover{background:linear-gradient(135deg,#fb923c66,#f9731666);box-shadow:0 20px 40px #fb923c4d}.control-btn.start-all{background:linear-gradient(135deg,#22c55e4d,#16a34a4d);border-color:#22c55e66}.control-btn.start-all:hover{background:linear-gradient(135deg,#22c55e66,#16a34a66);box-shadow:0 20px 40px #22c55e4d}.control-btn.stop-all{background:linear-gradient(135deg,#ef44444d,#dc26264d);border-color:#ef444466}.control-btn.stop-all:hover{background:linear-gradient(135deg,#ef444466,#dc262666);box-shadow:0 20px 40px #ef44444d}.control-btn.deploy{background:linear-gradient(135deg,#8b5cf64d,#7c3aed4d);border-color:#8b5cf666}.control-btn.deploy:hover{background:linear-gradient(135deg,#8b5cf666,#7c3aed66);box-shadow:0 20px 40px #8b5cf64d}@keyframes spin{to{transform:rotate(360deg)}}.ux-block{display:block}.ux-inline-block{display:inline-block}.ux-inline{display:inline}.ux-hidden{display:none}.ux-flex-grow-0{flex-grow:0}.ux-flex-grow{flex-grow:1}.ux-flex-shrink-0{flex-shrink:0}.ux-flex-shrink{flex-shrink:1}.ux-col-auto{grid-column:auto}.ux-row-auto{grid-row:auto}.ux-static{position:static}.ux-fixed{position:fixed}.ux-absolute{position:absolute}.ux-relative{position:relative}.ux-sticky{position:sticky}.ux-inset-0{inset:0}.ux-inset-auto{inset:auto}.ux-inset-y-0{top:0;bottom:0}.ux-inset-x-0{right:0;left:0}.ux-top-0{top:0}.ux-right-0{right:0}.ux-bottom-0{bottom:0}.ux-left-0{left:0}.ux-top-auto{top:auto}.ux-right-auto{right:auto}.ux-bottom-auto{bottom:auto}.ux-left-auto{left:auto}.ux-visible{visibility:visible}.ux-invisible{visibility:hidden}.ux-opacity-0{opacity:0}.ux-opacity-25{opacity:.25}.ux-opacity-50{opacity:.5}.ux-opacity-75{opacity:.75}.ux-opacity-100{opacity:1}.ux-z-0{z-index:0}.ux-z-10{z-index:10}.ux-z-20{z-index:20}.ux-z-30{z-index:30}.ux-z-40{z-index:40}.ux-z-50{z-index:50}.ux-z-auto{z-index:auto}.ux-box-border{box-sizing:border-box}.ux-box-content{box-sizing:content-box}.ux-float-right{float:right}.ux-float-left{float:left}.ux-float-none{float:none}.ux-clearfix:after{content:"";display:table;clear:both}.ux-object-contain{-o-object-fit:contain;object-fit:contain}.ux-object-cover{-o-object-fit:cover;object-fit:cover}.ux-object-fill{-o-object-fit:fill;object-fit:fill}.ux-object-none{-o-object-fit:none;object-fit:none}.ux-object-scale-down{-o-object-fit:scale-down;object-fit:scale-down}.ux-object-bottom{-o-object-position:bottom;object-position:bottom}.ux-object-center{-o-object-position:center;object-position:center}.ux-object-left{-o-object-position:left;object-position:left}.ux-object-left-bottom{-o-object-position:left bottom;object-position:left bottom}.ux-object-left-top{-o-object-position:left top;object-position:left top}.ux-object-right{-o-object-position:right;object-position:right}.ux-object-right-bottom{-o-object-position:right bottom;object-position:right bottom}.ux-object-right-top{-o-object-position:right top;object-position:right top}.ux-object-top{-o-object-position:top;object-position:top}.ux-overflow-auto{overflow:auto}.ux-overflow-hidden{overflow:hidden}.ux-overflow-visible{overflow:visible}.ux-overflow-scroll{overflow:scroll}.ux-overflow-x-auto{overflow-x:auto}.ux-overflow-y-auto{overflow-y:auto}.ux-overflow-x-hidden{overflow-x:hidden}.ux-overflow-y-hidden{overflow-y:hidden}.ux-overflow-x-visible{overflow-x:visible}.ux-overflow-y-visible{overflow-y:visible}.ux-overflow-x-scroll{overflow-x:scroll}.ux-overflow-y-scroll{overflow-y:scroll}@media (min-width: 640px){.ux-sm\:flex{display:flex}.ux-sm\:hidden{display:none}.ux-sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.ux-sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.ux-sm\:flex-row{flex-direction:row}.ux-sm\:flex-col{flex-direction:column}.ux-sm\:justify-start{justify-content:flex-start}.ux-sm\:justify-center{justify-content:center}.ux-sm\:justify-between{justify-content:space-between}.ux-sm\:items-center{align-items:center}}@media (min-width: 768px){.ux-md\:flex{display:flex}.ux-md\:hidden{display:none}.ux-md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.ux-md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.ux-md\:flex-row{flex-direction:row}.ux-md\:flex-col{flex-direction:column}.ux-md\:justify-start{justify-content:flex-start}.ux-md\:justify-center{justify-content:center}.ux-md\:justify-between{justify-content:space-between}.ux-md\:items-center{align-items:center}}@media (min-width: 1024px){.ux-lg\:flex{display:flex}.ux-lg\:hidden{display:none}.ux-lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.ux-lg\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.ux-lg\:flex-row{flex-direction:row}.ux-lg\:flex-col{flex-direction:column}.ux-lg\:justify-start{justify-content:flex-start}.ux-lg\:justify-center{justify-content:center}.ux-lg\:justify-between{justify-content:space-between}.ux-lg\:items-center{align-items:center}}@media (min-width: 1280px){.ux-xl\:flex{display:flex}.ux-xl\:hidden{display:none}.ux-xl\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.ux-xl\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.ux-xl\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.ux-xl\:flex-row{flex-direction:row}.ux-xl\:flex-col{flex-direction:column}.ux-xl\:justify-start{justify-content:flex-start}.ux-xl\:justify-center{justify-content:center}.ux-xl\:justify-between{justify-content:space-between}.ux-xl\:items-center{align-items:center}}.ux-container{width:100%;margin-right:auto;margin-left:auto;padding-right:1rem;padding-left:1rem}@media (min-width: 640px){.ux-container{max-width:640px}}@media (min-width: 768px){.ux-container{max-width:768px}}@media (min-width: 1024px){.ux-container{max-width:1024px}}@media (min-width: 1280px){.ux-container{max-width:1280px}}@media (min-width: 1536px){.ux-container{max-width:1536px}}.ux-w-1\/2{width:50%}.ux-w-1\/3{width:33.333333%}.ux-w-2\/3{width:66.666667%}.ux-w-1\/4{width:25%}.ux-w-3\/4{width:75%}.ux-w-1\/5{width:20%}.ux-w-2\/5{width:40%}.ux-w-3\/5{width:60%}.ux-w-4\/5{width:80%}.ux-min-h-0{min-height:0}.ux-aspect-4-3{aspect-ratio:4/3}.ux-aspect-3-2{aspect-ratio:3/2}.ux-aspect-1-2{aspect-ratio:1/2}.ux-aspect-2-1{aspect-ratio:2/1}.ux-transform{transform:var(--ux-transform)}.ux-transform-gpu{transform:var(--ux-transform-gpu)}.ux-transform-none{transform:none}.ux-flex{display:flex}.ux-inline-flex{display:inline-flex}.ux-flex-row{flex-direction:row}.ux-flex-row-reverse{flex-direction:row-reverse}.ux-flex-col{flex-direction:column}.ux-flex-col-reverse{flex-direction:column-reverse}.ux-flex-wrap{flex-wrap:wrap}.ux-flex-wrap-reverse{flex-wrap:wrap-reverse}.ux-flex-nowrap{flex-wrap:nowrap}.ux-flex-1{flex:1 1 0%}.ux-flex-auto{flex:1 1 auto}.ux-flex-initial{flex:0 1 auto}.ux-flex-none{flex:none}.ux-grow{flex-grow:1}.ux-grow-0{flex-grow:0}.ux-shrink{flex-shrink:1}.ux-shrink-0{flex-shrink:0}.ux-basis-0{flex-basis:0px}.ux-basis-1{flex-basis:.25rem}.ux-basis-2{flex-basis:.5rem}.ux-basis-3{flex-basis:.75rem}.ux-basis-4{flex-basis:1rem}.ux-basis-5{flex-basis:1.25rem}.ux-basis-6{flex-basis:1.5rem}.ux-basis-8{flex-basis:2rem}.ux-basis-10{flex-basis:2.5rem}.ux-basis-12{flex-basis:3rem}.ux-basis-16{flex-basis:4rem}.ux-basis-20{flex-basis:5rem}.ux-basis-24{flex-basis:6rem}.ux-basis-32{flex-basis:8rem}.ux-basis-40{flex-basis:10rem}.ux-basis-48{flex-basis:12rem}.ux-basis-56{flex-basis:14rem}.ux-basis-64{flex-basis:16rem}.ux-basis-auto{flex-basis:auto}.ux-basis-1by2{flex-basis:50%}.ux-basis-1by3{flex-basis:33.333333%}.ux-basis-2by3{flex-basis:66.666667%}.ux-basis-1by4{flex-basis:25%}.ux-basis-2by4{flex-basis:50%}.ux-basis-3by4{flex-basis:75%}.ux-basis-1by5{flex-basis:20%}.ux-basis-2by5{flex-basis:40%}.ux-basis-3by5{flex-basis:60%}.ux-basis-4by5{flex-basis:80%}.ux-basis-1by6{flex-basis:16.666667%}.ux-basis-2\/6{flex-basis:33.333333%}.ux-basis-3\/6{flex-basis:50%}.ux-basis-4\/6{flex-basis:66.666667%}.ux-basis-5\/6{flex-basis:83.333333%}.ux-basis-full{flex-basis:100%}.ux-items-start{align-items:flex-start}.ux-items-end{align-items:flex-end}.ux-items-center{align-items:center}.ux-items-baseline{align-items:baseline}.ux-items-stretch{align-items:stretch}.ux-self-auto{align-self:auto}.ux-self-start{align-self:flex-start}.ux-self-end{align-self:flex-end}.ux-self-center{align-self:center}.ux-self-stretch{align-self:stretch}.ux-self-baseline{align-self:baseline}.ux-justify-start{justify-content:flex-start}.ux-justify-end{justify-content:flex-end}.ux-justify-center{justify-content:center}.ux-justify-between{justify-content:space-between}.ux-justify-around{justify-content:space-around}.ux-justify-evenly{justify-content:space-evenly}.ux-justify-items-start{justify-items:start}.ux-justify-items-end{justify-items:end}.ux-justify-items-center{justify-items:center}.ux-justify-items-stretch{justify-items:stretch}.ux-justify-self-auto{justify-self:auto}.ux-justify-self-start{justify-self:start}.ux-justify-self-end{justify-self:end}.ux-justify-self-center{justify-self:center}.ux-justify-self-stretch{justify-self:stretch}.ux-content-center{align-content:center}.ux-content-start{align-content:flex-start}.ux-content-end{align-content:flex-end}.ux-content-between{align-content:space-between}.ux-content-around{align-content:space-around}.ux-content-evenly{align-content:space-evenly}.ux-order-first{order:-9999}.ux-order-last{order:9999}.ux-order-none{order:0}.ux-order-1{order:1}.ux-order-2{order:2}.ux-order-3{order:3}.ux-order-4{order:4}.ux-order-5{order:5}.ux-order-6{order:6}.ux-order-7{order:7}.ux-order-8{order:8}.ux-order-9{order:9}.ux-order-10{order:10}.ux-order-11{order:11}.ux-order-12{order:12}.ux-grid{display:grid}.ux-inline-grid{display:inline-grid}.ux-grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.ux-grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.ux-grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.ux-grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.ux-grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.ux-grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.ux-grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.ux-grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.ux-grid-cols-9{grid-template-columns:repeat(9,minmax(0,1fr))}.ux-grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}.ux-grid-cols-11{grid-template-columns:repeat(11,minmax(0,1fr))}.ux-grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.ux-grid-cols-none{grid-template-columns:none}.ux-col-start-1{grid-column-start:1}.ux-col-start-2{grid-column-start:2}.ux-col-start-3{grid-column-start:3}.ux-col-start-4{grid-column-start:4}.ux-col-start-5{grid-column-start:5}.ux-col-start-6{grid-column-start:6}.ux-col-start-7{grid-column-start:7}.ux-col-start-8{grid-column-start:8}.ux-col-start-9{grid-column-start:9}.ux-col-start-10{grid-column-start:10}.ux-col-start-11{grid-column-start:11}.ux-col-start-12{grid-column-start:12}.ux-col-start-13{grid-column-start:13}.ux-col-start-auto{grid-column-start:auto}.ux-col-end-1{grid-column-end:1}.ux-col-end-2{grid-column-end:2}.ux-col-end-3{grid-column-end:3}.ux-col-end-4{grid-column-end:4}.ux-col-end-5{grid-column-end:5}.ux-col-end-6{grid-column-end:6}.ux-col-end-7{grid-column-end:7}.ux-col-end-8{grid-column-end:8}.ux-col-end-9{grid-column-end:9}.ux-col-end-10{grid-column-end:10}.ux-col-end-11{grid-column-end:11}.ux-col-end-12{grid-column-end:12}.ux-col-end-13{grid-column-end:13}.ux-col-end-auto{grid-column-end:auto}.ux-col-span-1{grid-column:span 1/span 1}.ux-col-span-2{grid-column:span 2/span 2}.ux-col-span-3{grid-column:span 3/span 3}.ux-col-span-4{grid-column:span 4/span 4}.ux-col-span-5{grid-column:span 5/span 5}.ux-col-span-6{grid-column:span 6/span 6}.ux-col-span-7{grid-column:span 7/span 7}.ux-col-span-8{grid-column:span 8/span 8}.ux-col-span-9{grid-column:span 9/span 9}.ux-col-span-10{grid-column:span 10/span 10}.ux-col-span-11{grid-column:span 11/span 11}.ux-col-span-12{grid-column:span 12/span 12}.ux-col-span-full{grid-column:1/-1}.ux-grid-rows-1{grid-template-rows:repeat(1,minmax(0,1fr))}.ux-grid-rows-2{grid-template-rows:repeat(2,minmax(0,1fr))}.ux-grid-rows-3{grid-template-rows:repeat(3,minmax(0,1fr))}.ux-grid-rows-4{grid-template-rows:repeat(4,minmax(0,1fr))}.ux-grid-rows-5{grid-template-rows:repeat(5,minmax(0,1fr))}.ux-grid-rows-6{grid-template-rows:repeat(6,minmax(0,1fr))}.ux-grid-rows-none{grid-template-rows:none}.ux-row-start-1{grid-row-start:1}.ux-row-start-2{grid-row-start:2}.ux-row-start-3{grid-row-start:3}.ux-row-start-4{grid-row-start:4}.ux-row-start-5{grid-row-start:5}.ux-row-start-6{grid-row-start:6}.ux-row-start-7{grid-row-start:7}.ux-row-start-auto{grid-row-start:auto}.ux-row-end-1{grid-row-end:1}.ux-row-end-2{grid-row-end:2}.ux-row-end-3{grid-row-end:3}.ux-row-end-4{grid-row-end:4}.ux-row-end-5{grid-row-end:5}.ux-row-end-6{grid-row-end:6}.ux-row-end-7{grid-row-end:7}.ux-row-end-auto{grid-row-end:auto}.ux-row-span-1{grid-row:span 1/span 1}.ux-row-span-2{grid-row:span 2/span 2}.ux-row-span-3{grid-row:span 3/span 3}.ux-row-span-4{grid-row:span 4/span 4}.ux-row-span-5{grid-row:span 5/span 5}.ux-row-span-6{grid-row:span 6/span 6}.ux-row-span-full{grid-row:1/-1}.ux-grid-flow-row{grid-auto-flow:row}.ux-grid-flow-col{grid-auto-flow:column}.ux-grid-flow-row-dense{grid-auto-flow:row dense}.ux-grid-flow-col-dense{grid-auto-flow:column dense}.ux-auto-cols-auto{grid-auto-columns:auto}.ux-auto-cols-min{grid-auto-columns:min-content}.ux-auto-cols-max{grid-auto-columns:max-content}.ux-auto-cols-fr{grid-auto-columns:minmax(0,1fr)}.ux-auto-rows-auto{grid-auto-rows:auto}.ux-auto-rows-min{grid-auto-rows:min-content}.ux-auto-rows-max{grid-auto-rows:max-content}.ux-auto-rows-fr{grid-auto-rows:minmax(0,1fr)}.ux-grid-cols-fit{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.ux-grid-cols-fill{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.ux-grid-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.ux-grid-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));grid-auto-rows:180px;gap:.5rem}.ux-p-0{padding:0}.ux-p-half{padding:.125rem}.ux-p-1{padding:.25rem}.ux-p-1-5{padding:.375rem}.ux-p-2{padding:.5rem}.ux-p-2-5{padding:.625rem}.ux-p-3{padding:.75rem}.ux-p-3-5{padding:.875rem}.ux-p-4{padding:1rem}.ux-p-5{padding:1.25rem}.ux-p-6{padding:1.5rem}.ux-p-7{padding:1.75rem}.ux-p-8{padding:2rem}.ux-p-9{padding:2.25rem}.ux-p-10{padding:2.5rem}.ux-p-11{padding:2.75rem}.ux-p-12{padding:3rem}.ux-p-14{padding:3.5rem}.ux-p-16{padding:4rem}.ux-p-20{padding:5rem}.ux-p-24{padding:6rem}.ux-p-28{padding:7rem}.ux-p-32{padding:8rem}.ux-p-36{padding:9rem}.ux-p-40{padding:10rem}.ux-p-44{padding:11rem}.ux-p-48{padding:12rem}.ux-p-52{padding:13rem}.ux-p-56{padding:14rem}.ux-p-60{padding:15rem}.ux-p-64{padding:16rem}.ux-p-72{padding:18rem}.ux-p-80{padding:20rem}.ux-p-96{padding:24rem}.ux-px-0{padding-left:0;padding-right:0}.ux-px-half{padding-left:.125rem;padding-right:.125rem}.ux-px-1{padding-left:.25rem;padding-right:.25rem}.ux-px-1-5{padding-left:.375rem;padding-right:.375rem}.ux-px-2{padding-left:.5rem;padding-right:.5rem}.ux-px-2-5{padding-left:.625rem;padding-right:.625rem}.ux-px-3{padding-left:.75rem;padding-right:.75rem}.ux-px-3-5{padding-left:.875rem;padding-right:.875rem}.ux-px-4{padding-left:1rem;padding-right:1rem}.ux-px-5{padding-left:1.25rem;padding-right:1.25rem}.ux-px-6{padding-left:1.5rem;padding-right:1.5rem}.ux-px-7{padding-left:1.75rem;padding-right:1.75rem}.ux-px-8{padding-left:2rem;padding-right:2rem}.ux-px-9{padding-left:2.25rem;padding-right:2.25rem}.ux-px-10{padding-left:2.5rem;padding-right:2.5rem}.ux-px-11{padding-left:2.75rem;padding-right:2.75rem}.ux-px-12{padding-left:3rem;padding-right:3rem}.ux-px-14{padding-left:3.5rem;padding-right:3.5rem}.ux-px-16{padding-left:4rem;padding-right:4rem}.ux-px-20{padding-left:5rem;padding-right:5rem}.ux-px-24{padding-left:6rem;padding-right:6rem}.ux-px-28{padding-left:7rem;padding-right:7rem}.ux-px-32{padding-left:8rem;padding-right:8rem}.ux-px-36{padding-left:9rem;padding-right:9rem}.ux-px-40{padding-left:10rem;padding-right:10rem}.ux-px-44{padding-left:11rem;padding-right:11rem}.ux-px-48{padding-left:12rem;padding-right:12rem}.ux-px-52{padding-left:13rem;padding-right:13rem}.ux-px-56{padding-left:14rem;padding-right:14rem}.ux-px-60{padding-left:15rem;padding-right:15rem}.ux-px-64{padding-left:16rem;padding-right:16rem}.ux-px-72{padding-left:18rem;padding-right:18rem}.ux-px-80{padding-left:20rem;padding-right:20rem}.ux-px-96{padding-left:24rem;padding-right:24rem}.ux-py-0{padding-top:0;padding-bottom:0}.ux-py-half{padding-top:.125rem;padding-bottom:.125rem}.ux-py-1{padding-top:.25rem;padding-bottom:.25rem}.ux-py-1-5{padding-top:.375rem;padding-bottom:.375rem}.ux-py-2{padding-top:.5rem;padding-bottom:.5rem}.ux-py-2-5{padding-top:.625rem;padding-bottom:.625rem}.ux-py-3{padding-top:.75rem;padding-bottom:.75rem}.ux-py-3-5{padding-top:.875rem;padding-bottom:.875rem}.ux-py-4{padding-top:1rem;padding-bottom:1rem}.ux-py-5{padding-top:1.25rem;padding-bottom:1.25rem}.ux-py-6{padding-top:1.5rem;padding-bottom:1.5rem}.ux-py-7{padding-top:1.75rem;padding-bottom:1.75rem}.ux-py-8{padding-top:2rem;padding-bottom:2rem}.ux-py-9{padding-top:2.25rem;padding-bottom:2.25rem}.ux-py-10{padding-top:2.5rem;padding-bottom:2.5rem}.ux-py-11{padding-top:2.75rem;padding-bottom:2.75rem}.ux-py-12{padding-top:3rem;padding-bottom:3rem}.ux-py-14{padding-top:3.5rem;padding-bottom:3.5rem}.ux-py-16{padding-top:4rem;padding-bottom:4rem}.ux-py-20{padding-top:5rem;padding-bottom:5rem}.ux-py-24{padding-top:6rem;padding-bottom:6rem}.ux-py-28{padding-top:7rem;padding-bottom:7rem}.ux-py-32{padding-top:8rem;padding-bottom:8rem}.ux-py-36{padding-top:9rem;padding-bottom:9rem}.ux-py-40{padding-top:10rem;padding-bottom:10rem}.ux-py-44{padding-top:11rem;padding-bottom:11rem}.ux-py-48{padding-top:12rem;padding-bottom:12rem}.ux-py-52{padding-top:13rem;padding-bottom:13rem}.ux-py-56{padding-top:14rem;padding-bottom:14rem}.ux-py-60{padding-top:15rem;padding-bottom:15rem}.ux-py-64{padding-top:16rem;padding-bottom:16rem}.ux-py-72{padding-top:18rem;padding-bottom:18rem}.ux-py-80{padding-top:20rem;padding-bottom:20rem}.ux-py-96{padding-top:24rem;padding-bottom:24rem}.ux-pt-0{padding-top:0}.ux-pt-half{padding-top:.125rem}.ux-pt-1{padding-top:.25rem}.ux-pt-1-5{padding-top:.375rem}.ux-pt-2{padding-top:.5rem}.ux-pt-2-5{padding-top:.625rem}.ux-pt-3{padding-top:.75rem}.ux-pt-3-5{padding-top:.875rem}.ux-pt-4{padding-top:1rem}.ux-pt-5{padding-top:1.25rem}.ux-pt-6{padding-top:1.5rem}.ux-pt-7{padding-top:1.75rem}.ux-pt-8{padding-top:2rem}.ux-pt-9{padding-top:2.25rem}.ux-pt-10{padding-top:2.5rem}.ux-pt-11{padding-top:2.75rem}.ux-pt-12{padding-top:3rem}.ux-pt-14{padding-top:3.5rem}.ux-pt-16{padding-top:4rem}.ux-pt-20{padding-top:5rem}.ux-pt-24{padding-top:6rem}.ux-pt-28{padding-top:7rem}.ux-pt-32{padding-top:8rem}.ux-pt-36{padding-top:9rem}.ux-pt-40{padding-top:10rem}.ux-pt-44{padding-top:11rem}.ux-pt-48{padding-top:12rem}.ux-pt-52{padding-top:13rem}.ux-pt-56{padding-top:14rem}.ux-pt-60{padding-top:15rem}.ux-pt-64{padding-top:16rem}.ux-pt-72{padding-top:18rem}.ux-pt-80{padding-top:20rem}.ux-pt-96{padding-top:24rem}.ux-pr-0{padding-right:0}.ux-pr-half{padding-right:.125rem}.ux-pr-1{padding-right:.25rem}.ux-pr-1-5{padding-right:.375rem}.ux-pr-2{padding-right:.5rem}.ux-pr-2-5{padding-right:.625rem}.ux-pr-3{padding-right:.75rem}.ux-pr-3-5{padding-right:.875rem}.ux-pr-4{padding-right:1rem}.ux-pr-5{padding-right:1.25rem}.ux-pr-6{padding-right:1.5rem}.ux-pr-7{padding-right:1.75rem}.ux-pr-8{padding-right:2rem}.ux-pr-9{padding-right:2.25rem}.ux-pr-10{padding-right:2.5rem}.ux-pr-11{padding-right:2.75rem}.ux-pr-12{padding-right:3rem}.ux-pr-14{padding-right:3.5rem}.ux-pr-16{padding-right:4rem}.ux-pr-20{padding-right:5rem}.ux-pr-24{padding-right:6rem}.ux-pr-28{padding-right:7rem}.ux-pr-32{padding-right:8rem}.ux-pr-36{padding-right:9rem}.ux-pr-40{padding-right:10rem}.ux-pr-44{padding-right:11rem}.ux-pr-48{padding-right:12rem}.ux-pr-52{padding-right:13rem}.ux-pr-56{padding-right:14rem}.ux-pr-60{padding-right:15rem}.ux-pr-64{padding-right:16rem}.ux-pr-72{padding-right:18rem}.ux-pr-80{padding-right:20rem}.ux-pr-96{padding-right:24rem}.ux-pb-0{padding-bottom:0}.ux-pb-half{padding-bottom:.125rem}.ux-pb-1{padding-bottom:.25rem}.ux-pb-1-5{padding-bottom:.375rem}.ux-pb-2{padding-bottom:.5rem}.ux-pb-2-5{padding-bottom:.625rem}.ux-pb-3{padding-bottom:.75rem}.ux-pb-3-5{padding-bottom:.875rem}.ux-pb-4{padding-bottom:1rem}.ux-pb-5{padding-bottom:1.25rem}.ux-pb-6{padding-bottom:1.5rem}.ux-pb-7{padding-bottom:1.75rem}.ux-pb-8{padding-bottom:2rem}.ux-pb-9{padding-bottom:2.25rem}.ux-pb-10{padding-bottom:2.5rem}.ux-pb-11{padding-bottom:2.75rem}.ux-pb-12{padding-bottom:3rem}.ux-pb-14{padding-bottom:3.5rem}.ux-pb-16{padding-bottom:4rem}.ux-pb-20{padding-bottom:5rem}.ux-pb-24{padding-bottom:6rem}.ux-pb-28{padding-bottom:7rem}.ux-pb-32{padding-bottom:8rem}.ux-pb-36{padding-bottom:9rem}.ux-pb-40{padding-bottom:10rem}.ux-pb-44{padding-bottom:11rem}.ux-pb-48{padding-bottom:12rem}.ux-pb-52{padding-bottom:13rem}.ux-pb-56{padding-bottom:14rem}.ux-pb-60{padding-bottom:15rem}.ux-pb-64{padding-bottom:16rem}.ux-pb-72{padding-bottom:18rem}.ux-pb-80{padding-bottom:20rem}.ux-pb-96{padding-bottom:24rem}.ux-pl-0{padding-left:0}.ux-pl-half{padding-left:.125rem}.ux-pl-1{padding-left:.25rem}.ux-pl-1-5{padding-left:.375rem}.ux-pl-2{padding-left:.5rem}.ux-pl-2-5{padding-left:.625rem}.ux-pl-3{padding-left:.75rem}.ux-pl-3-5{padding-left:.875rem}.ux-pl-4{padding-left:1rem}.ux-pl-5{padding-left:1.25rem}.ux-pl-6{padding-left:1.5rem}.ux-pl-7{padding-left:1.75rem}.ux-pl-8{padding-left:2rem}.ux-pl-9{padding-left:2.25rem}.ux-pl-10{padding-left:2.5rem}.ux-pl-11{padding-left:2.75rem}.ux-pl-12{padding-left:3rem}.ux-pl-14{padding-left:3.5rem}.ux-pl-16{padding-left:4rem}.ux-pl-20{padding-left:5rem}.ux-pl-24{padding-left:6rem}.ux-pl-28{padding-left:7rem}.ux-pl-32{padding-left:8rem}.ux-pl-36{padding-left:9rem}.ux-pl-40{padding-left:10rem}.ux-pl-44{padding-left:11rem}.ux-pl-48{padding-left:12rem}.ux-pl-52{padding-left:13rem}.ux-pl-56{padding-left:14rem}.ux-pl-60{padding-left:15rem}.ux-pl-64{padding-left:16rem}.ux-pl-72{padding-left:18rem}.ux-pl-80{padding-left:20rem}.ux-pl-96{padding-left:24rem}.ux-m-0{margin:0}.ux-m-half{margin:.125rem}.ux-m-1{margin:.25rem}.ux-m-1-5{margin:.375rem}.ux-m-2{margin:.5rem}.ux-m-2-5{margin:.625rem}.ux-m-3{margin:.75rem}.ux-m-3-5{margin:.875rem}.ux-m-4{margin:1rem}.ux-m-5{margin:1.25rem}.ux-m-6{margin:1.5rem}.ux-m-7{margin:1.75rem}.ux-m-8{margin:2rem}.ux-m-9{margin:2.25rem}.ux-m-10{margin:2.5rem}.ux-m-11{margin:2.75rem}.ux-m-12{margin:3rem}.ux-m-14{margin:3.5rem}.ux-m-16{margin:4rem}.ux-m-20{margin:5rem}.ux-m-24{margin:6rem}.ux-m-28{margin:7rem}.ux-m-32{margin:8rem}.ux-m-36{margin:9rem}.ux-m-40{margin:10rem}.ux-m-44{margin:11rem}.ux-m-48{margin:12rem}.ux-m-52{margin:13rem}.ux-m-56{margin:14rem}.ux-m-60{margin:15rem}.ux-m-64{margin:16rem}.ux-m-72{margin:18rem}.ux-m-80{margin:20rem}.ux-m-96{margin:24rem}.ux-m-auto{margin:auto}.ux-mx-0{margin-left:0;margin-right:0}.ux-mx-half{margin-left:.125rem;margin-right:.125rem}.ux-mx-1{margin-left:.25rem;margin-right:.25rem}.ux-mx-1-5{margin-left:.375rem;margin-right:.375rem}.ux-mx-2{margin-left:.5rem;margin-right:.5rem}.ux-mx-2-5{margin-left:.625rem;margin-right:.625rem}.ux-mx-3{margin-left:.75rem;margin-right:.75rem}.ux-mx-3-5{margin-left:.875rem;margin-right:.875rem}.ux-mx-4{margin-left:1rem;margin-right:1rem}.ux-mx-5{margin-left:1.25rem;margin-right:1.25rem}.ux-mx-6{margin-left:1.5rem;margin-right:1.5rem}.ux-mx-7{margin-left:1.75rem;margin-right:1.75rem}.ux-mx-8{margin-left:2rem;margin-right:2rem}.ux-mx-9{margin-left:2.25rem;margin-right:2.25rem}.ux-mx-10{margin-left:2.5rem;margin-right:2.5rem}.ux-mx-11{margin-left:2.75rem;margin-right:2.75rem}.ux-mx-12{margin-left:3rem;margin-right:3rem}.ux-mx-14{margin-left:3.5rem;margin-right:3.5rem}.ux-mx-16{margin-left:4rem;margin-right:4rem}.ux-mx-20{margin-left:5rem;margin-right:5rem}.ux-mx-24{margin-left:6rem;margin-right:6rem}.ux-mx-28{margin-left:7rem;margin-right:7rem}.ux-mx-32{margin-left:8rem;margin-right:8rem}.ux-mx-36{margin-left:9rem;margin-right:9rem}.ux-mx-40{margin-left:10rem;margin-right:10rem}.ux-mx-44{margin-left:11rem;margin-right:11rem}.ux-mx-48{margin-left:12rem;margin-right:12rem}.ux-mx-52{margin-left:13rem;margin-right:13rem}.ux-mx-56{margin-left:14rem;margin-right:14rem}.ux-mx-60{margin-left:15rem;margin-right:15rem}.ux-mx-64{margin-left:16rem;margin-right:16rem}.ux-mx-72{margin-left:18rem;margin-right:18rem}.ux-mx-80{margin-left:20rem;margin-right:20rem}.ux-mx-96{margin-left:24rem;margin-right:24rem}.ux-mx-auto{margin-left:auto;margin-right:auto}.ux-my-0{margin-top:0;margin-bottom:0}.ux-my-half{margin-top:.125rem;margin-bottom:.125rem}.ux-my-1{margin-top:.25rem;margin-bottom:.25rem}.ux-my-1-5{margin-top:.375rem;margin-bottom:.375rem}.ux-my-2{margin-top:.5rem;margin-bottom:.5rem}.ux-my-2-5{margin-top:.625rem;margin-bottom:.625rem}.ux-my-3{margin-top:.75rem;margin-bottom:.75rem}.ux-my-3-5{margin-top:.875rem;margin-bottom:.875rem}.ux-my-4{margin-top:1rem;margin-bottom:1rem}.ux-my-5{margin-top:1.25rem;margin-bottom:1.25rem}.ux-my-6{margin-top:1.5rem;margin-bottom:1.5rem}.ux-my-7{margin-top:1.75rem;margin-bottom:1.75rem}.ux-my-8{margin-top:2rem;margin-bottom:2rem}.ux-my-9{margin-top:2.25rem;margin-bottom:2.25rem}.ux-my-10{margin-top:2.5rem;margin-bottom:2.5rem}.ux-my-11{margin-top:2.75rem;margin-bottom:2.75rem}.ux-my-12{margin-top:3rem;margin-bottom:3rem}.ux-my-14{margin-top:3.5rem;margin-bottom:3.5rem}.ux-my-16{margin-top:4rem;margin-bottom:4rem}.ux-my-20{margin-top:5rem;margin-bottom:5rem}.ux-my-24{margin-top:6rem;margin-bottom:6rem}.ux-my-28{margin-top:7rem;margin-bottom:7rem}.ux-my-32{margin-top:8rem;margin-bottom:8rem}.ux-my-36{margin-top:9rem;margin-bottom:9rem}.ux-my-40{margin-top:10rem;margin-bottom:10rem}.ux-my-44{margin-top:11rem;margin-bottom:11rem}.ux-my-48{margin-top:12rem;margin-bottom:12rem}.ux-my-52{margin-top:13rem;margin-bottom:13rem}.ux-my-56{margin-top:14rem;margin-bottom:14rem}.ux-my-60{margin-top:15rem;margin-bottom:15rem}.ux-my-64{margin-top:16rem;margin-bottom:16rem}.ux-my-72{margin-top:18rem;margin-bottom:18rem}.ux-my-80{margin-top:20rem;margin-bottom:20rem}.ux-my-96{margin-top:24rem;margin-bottom:24rem}.ux-my-auto{margin-top:auto;margin-bottom:auto}.ux-mt-0{margin-top:0}.ux-mt-half{margin-top:.125rem}.ux-mt-1{margin-top:.25rem}.ux-mt-1-5{margin-top:.375rem}.ux-mt-2{margin-top:.5rem}.ux-mt-2-5{margin-top:.625rem}.ux-mt-3{margin-top:.75rem}.ux-mt-3-5{margin-top:.875rem}.ux-mt-4{margin-top:1rem}.ux-mt-5{margin-top:1.25rem}.ux-mt-6{margin-top:1.5rem}.ux-mt-7{margin-top:1.75rem}.ux-mt-8{margin-top:2rem}.ux-mt-9{margin-top:2.25rem}.ux-mt-10{margin-top:2.5rem}.ux-mt-11{margin-top:2.75rem}.ux-mt-12{margin-top:3rem}.ux-mt-14{margin-top:3.5rem}.ux-mt-16{margin-top:4rem}.ux-mt-20{margin-top:5rem}.ux-mt-24{margin-top:6rem}.ux-mt-28{margin-top:7rem}.ux-mt-32{margin-top:8rem}.ux-mt-36{margin-top:9rem}.ux-mt-40{margin-top:10rem}.ux-mt-44{margin-top:11rem}.ux-mt-48{margin-top:12rem}.ux-mt-52{margin-top:13rem}.ux-mt-56{margin-top:14rem}.ux-mt-60{margin-top:15rem}.ux-mt-64{margin-top:16rem}.ux-mt-72{margin-top:18rem}.ux-mt-80{margin-top:20rem}.ux-mt-96{margin-top:24rem}.ux-mt-auto{margin-top:auto}.ux-mr-0{margin-right:0}.ux-mr-half{margin-right:.125rem}.ux-mr-1{margin-right:.25rem}.ux-mr-1-5{margin-right:.375rem}.ux-mr-2{margin-right:.5rem}.ux-mr-2-5{margin-right:.625rem}.ux-mr-3{margin-right:.75rem}.ux-mr-3-5{margin-right:.875rem}.ux-mr-4{margin-right:1rem}.ux-mr-5{margin-right:1.25rem}.ux-mr-6{margin-right:1.5rem}.ux-mr-7{margin-right:1.75rem}.ux-mr-8{margin-right:2rem}.ux-mr-9{margin-right:2.25rem}.ux-mr-10{margin-right:2.5rem}.ux-mr-11{margin-right:2.75rem}.ux-mr-12{margin-right:3rem}.ux-mr-14{margin-right:3.5rem}.ux-mr-16{margin-right:4rem}.ux-mr-20{margin-right:5rem}.ux-mr-24{margin-right:6rem}.ux-mr-28{margin-right:7rem}.ux-mr-32{margin-right:8rem}.ux-mr-36{margin-right:9rem}.ux-mr-40{margin-right:10rem}.ux-mr-44{margin-right:11rem}.ux-mr-48{margin-right:12rem}.ux-mr-52{margin-right:13rem}.ux-mr-56{margin-right:14rem}.ux-mr-60{margin-right:15rem}.ux-mr-64{margin-right:16rem}.ux-mr-72{margin-right:18rem}.ux-mr-80{margin-right:20rem}.ux-mr-96{margin-right:24rem}.ux-mr-auto{margin-right:auto}.ux-mb-0{margin-bottom:0}.ux-mb-half{margin-bottom:.125rem}.ux-mb-1{margin-bottom:.25rem}.ux-mb-1-5{margin-bottom:.375rem}.ux-mb-2{margin-bottom:.5rem}.ux-mb-2-5{margin-bottom:.625rem}.ux-mb-3{margin-bottom:.75rem}.ux-mb-3-5{margin-bottom:.875rem}.ux-mb-4{margin-bottom:1rem}.ux-mb-5{margin-bottom:1.25rem}.ux-mb-6{margin-bottom:1.5rem}.ux-mb-7{margin-bottom:1.75rem}.ux-mb-8{margin-bottom:2rem}.ux-mb-9{margin-bottom:2.25rem}.ux-mb-10{margin-bottom:2.5rem}.ux-mb-11{margin-bottom:2.75rem}.ux-mb-12{margin-bottom:3rem}.ux-mb-14{margin-bottom:3.5rem}.ux-mb-16{margin-bottom:4rem}.ux-mb-20{margin-bottom:5rem}.ux-mb-24{margin-bottom:6rem}.ux-mb-28{margin-bottom:7rem}.ux-mb-32{margin-bottom:8rem}.ux-mb-36{margin-bottom:9rem}.ux-mb-40{margin-bottom:10rem}.ux-mb-44{margin-bottom:11rem}.ux-mb-48{margin-bottom:12rem}.ux-mb-52{margin-bottom:13rem}.ux-mb-56{margin-bottom:14rem}.ux-mb-60{margin-bottom:15rem}.ux-mb-64{margin-bottom:16rem}.ux-mb-72{margin-bottom:18rem}.ux-mb-80{margin-bottom:20rem}.ux-mb-96{margin-bottom:24rem}.ux-mb-auto{margin-bottom:auto}.ux-ml-0{margin-left:0}.ux-ml-half{margin-left:.125rem}.ux-ml-1{margin-left:.25rem}.ux-ml-1-5{margin-left:.375rem}.ux-ml-2{margin-left:.5rem}.ux-ml-2-5{margin-left:.625rem}.ux-ml-3{margin-left:.75rem}.ux-ml-3-5{margin-left:.875rem}.ux-ml-4{margin-left:1rem}.ux-ml-5{margin-left:1.25rem}.ux-ml-6{margin-left:1.5rem}.ux-ml-7{margin-left:1.75rem}.ux-ml-8{margin-left:2rem}.ux-ml-9{margin-left:2.25rem}.ux-ml-10{margin-left:2.5rem}.ux-ml-11{margin-left:2.75rem}.ux-ml-12{margin-left:3rem}.ux-ml-14{margin-left:3.5rem}.ux-ml-16{margin-left:4rem}.ux-ml-20{margin-left:5rem}.ux-ml-24{margin-left:6rem}.ux-ml-28{margin-left:7rem}.ux-ml-32{margin-left:8rem}.ux-ml-36{margin-left:9rem}.ux-ml-40{margin-left:10rem}.ux-ml-44{margin-left:11rem}.ux-ml-48{margin-left:12rem}.ux-ml-52{margin-left:13rem}.ux-ml-56{margin-left:14rem}.ux-ml-60{margin-left:15rem}.ux-ml-64{margin-left:16rem}.ux-ml-72{margin-left:18rem}.ux-ml-80{margin-left:20rem}.ux-ml-96{margin-left:24rem}.ux-ml-auto{margin-left:auto}.ux-space-x-0>*+*{margin-left:0}.ux-space-x-half>*+*{margin-left:.125rem}.ux-space-x-1>*+*{margin-left:.25rem}.ux-space-x-1-5>*+*{margin-left:.375rem}.ux-space-x-2>*+*{margin-left:.5rem}.ux-space-x-2-5>*+*{margin-left:.625rem}.ux-space-x-3>*+*{margin-left:.75rem}.ux-space-x-3-5>*+*{margin-left:.875rem}.ux-space-x-4>*+*{margin-left:1rem}.ux-space-x-5>*+*{margin-left:1.25rem}.ux-space-x-6>*+*{margin-left:1.5rem}.ux-space-x-7>*+*{margin-left:1.75rem}.ux-space-x-8>*+*{margin-left:2rem}.ux-space-x-9>*+*{margin-left:2.25rem}.ux-space-x-10>*+*{margin-left:2.5rem}.ux-space-x-11>*+*{margin-left:2.75rem}.ux-space-x-12>*+*{margin-left:3rem}.ux-space-x-14>*+*{margin-left:3.5rem}.ux-space-x-16>*+*{margin-left:4rem}.ux-space-x-20>*+*{margin-left:5rem}.ux-space-x-24>*+*{margin-left:6rem}.ux-space-x-28>*+*{margin-left:7rem}.ux-space-x-32>*+*{margin-left:8rem}.ux-space-x-36>*+*{margin-left:9rem}.ux-space-x-40>*+*{margin-left:10rem}.ux-space-x-44>*+*{margin-left:11rem}.ux-space-x-48>*+*{margin-left:12rem}.ux-space-x-52>*+*{margin-left:13rem}.ux-space-x-56>*+*{margin-left:14rem}.ux-space-x-60>*+*{margin-left:15rem}.ux-space-x-64>*+*{margin-left:16rem}.ux-space-x-72>*+*{margin-left:18rem}.ux-space-x-80>*+*{margin-left:20rem}.ux-space-x-96>*+*{margin-left:24rem}.ux-space-y-0>*+*{margin-top:0}.ux-space-y-half>*+*{margin-top:.125rem}.ux-space-y-1>*+*{margin-top:.25rem}.ux-space-y-1-5>*+*{margin-top:.375rem}.ux-space-y-2>*+*{margin-top:.5rem}.ux-space-y-2-5>*+*{margin-top:.625rem}.ux-space-y-3>*+*{margin-top:.75rem}.ux-space-y-3-5>*+*{margin-top:.875rem}.ux-space-y-4>*+*{margin-top:1rem}.ux-space-y-5>*+*{margin-top:1.25rem}.ux-space-y-6>*+*{margin-top:1.5rem}.ux-space-y-7>*+*{margin-top:1.75rem}.ux-space-y-8>*+*{margin-top:2rem}.ux-space-y-9>*+*{margin-top:2.25rem}.ux-space-y-10>*+*{margin-top:2.5rem}.ux-space-y-11>*+*{margin-top:2.75rem}.ux-space-y-12>*+*{margin-top:3rem}.ux-space-y-14>*+*{margin-top:3.5rem}.ux-space-y-16>*+*{margin-top:4rem}.ux-space-y-20>*+*{margin-top:5rem}.ux-space-y-24>*+*{margin-top:6rem}.ux-space-y-28>*+*{margin-top:7rem}.ux-space-y-32>*+*{margin-top:8rem}.ux-space-y-36>*+*{margin-top:9rem}.ux-space-y-40>*+*{margin-top:10rem}.ux-space-y-44>*+*{margin-top:11rem}.ux-space-y-48>*+*{margin-top:12rem}.ux-space-y-52>*+*{margin-top:13rem}.ux-space-y-56>*+*{margin-top:14rem}.ux-space-y-60>*+*{margin-top:15rem}.ux-space-y-64>*+*{margin-top:16rem}.ux-space-y-72>*+*{margin-top:18rem}.ux-space-y-80>*+*{margin-top:20rem}.ux-space-y-96>*+*{margin-top:24rem}.ux-space-x-reverse>*+*{margin-right:var(--ux-space-x-reverse, 0);margin-left:0}.ux-space-y-reverse>*+*{margin-top:0;margin-bottom:var(--ux-space-y-reverse, 0)}.ux-gap-0{gap:0}.ux-gap-half{gap:.125rem}.ux-gap-1{gap:.25rem}.ux-gap-1-5{gap:.375rem}.ux-gap-2{gap:.5rem}.ux-gap-2-5{gap:.625rem}.ux-gap-3{gap:.75rem}.ux-gap-3-5{gap:.875rem}.ux-gap-4{gap:1rem}.ux-gap-5{gap:1.25rem}.ux-gap-6{gap:1.5rem}.ux-gap-7{gap:1.75rem}.ux-gap-8{gap:2rem}.ux-gap-9{gap:2.25rem}.ux-gap-10{gap:2.5rem}.ux-gap-11{gap:2.75rem}.ux-gap-12{gap:3rem}.ux-gap-14{gap:3.5rem}.ux-gap-16{gap:4rem}.ux-gap-20{gap:5rem}.ux-gap-24{gap:6rem}.ux-gap-28{gap:7rem}.ux-gap-32{gap:8rem}.ux-gap-36{gap:9rem}.ux-gap-40{gap:10rem}.ux-gap-44{gap:11rem}.ux-gap-48{gap:12rem}.ux-gap-52{gap:13rem}.ux-gap-56{gap:14rem}.ux-gap-60{gap:15rem}.ux-gap-64{gap:16rem}.ux-gap-72{gap:18rem}.ux-gap-80{gap:20rem}.ux-gap-96{gap:24rem}.ux-gap-x-0{-moz-column-gap:0;column-gap:0}.ux-gap-x-half{-moz-column-gap:.125rem;column-gap:.125rem}.ux-gap-x-1{-moz-column-gap:.25rem;column-gap:.25rem}.ux-gap-x-1-5{-moz-column-gap:.375rem;column-gap:.375rem}.ux-gap-x-2{-moz-column-gap:.5rem;column-gap:.5rem}.ux-gap-x-2-5{-moz-column-gap:.625rem;column-gap:.625rem}.ux-gap-x-3{-moz-column-gap:.75rem;column-gap:.75rem}.ux-gap-x-3-5{-moz-column-gap:.875rem;column-gap:.875rem}.ux-gap-x-4{-moz-column-gap:1rem;column-gap:1rem}.ux-gap-x-5{-moz-column-gap:1.25rem;column-gap:1.25rem}.ux-gap-x-6{-moz-column-gap:1.5rem;column-gap:1.5rem}.ux-gap-x-7{-moz-column-gap:1.75rem;column-gap:1.75rem}.ux-gap-x-8{-moz-column-gap:2rem;column-gap:2rem}.ux-gap-x-9{-moz-column-gap:2.25rem;column-gap:2.25rem}.ux-gap-x-10{-moz-column-gap:2.5rem;column-gap:2.5rem}.ux-gap-x-11{-moz-column-gap:2.75rem;column-gap:2.75rem}.ux-gap-x-12{-moz-column-gap:3rem;column-gap:3rem}.ux-gap-x-14{-moz-column-gap:3.5rem;column-gap:3.5rem}.ux-gap-x-16{-moz-column-gap:4rem;column-gap:4rem}.ux-gap-x-20{-moz-column-gap:5rem;column-gap:5rem}.ux-gap-x-24{-moz-column-gap:6rem;column-gap:6rem}.ux-gap-x-28{-moz-column-gap:7rem;column-gap:7rem}.ux-gap-x-32{-moz-column-gap:8rem;column-gap:8rem}.ux-gap-x-36{-moz-column-gap:9rem;column-gap:9rem}.ux-gap-x-40{-moz-column-gap:10rem;column-gap:10rem}.ux-gap-x-44{-moz-column-gap:11rem;column-gap:11rem}.ux-gap-x-48{-moz-column-gap:12rem;column-gap:12rem}.ux-gap-x-52{-moz-column-gap:13rem;column-gap:13rem}.ux-gap-x-56{-moz-column-gap:14rem;column-gap:14rem}.ux-gap-x-60{-moz-column-gap:15rem;column-gap:15rem}.ux-gap-x-64{-moz-column-gap:16rem;column-gap:16rem}.ux-gap-x-72{-moz-column-gap:18rem;column-gap:18rem}.ux-gap-x-80{-moz-column-gap:20rem;column-gap:20rem}.ux-gap-x-96{-moz-column-gap:24rem;column-gap:24rem}.ux-gap-y-0{row-gap:0}.ux-gap-y-half{row-gap:.125rem}.ux-gap-y-1{row-gap:.25rem}.ux-gap-y-1-5{row-gap:.375rem}.ux-gap-y-2{row-gap:.5rem}.ux-gap-y-2-5{row-gap:.625rem}.ux-gap-y-3{row-gap:.75rem}.ux-gap-y-3-5{row-gap:.875rem}.ux-gap-y-4{row-gap:1rem}.ux-gap-y-5{row-gap:1.25rem}.ux-gap-y-6{row-gap:1.5rem}.ux-gap-y-7{row-gap:1.75rem}.ux-gap-y-8{row-gap:2rem}.ux-gap-y-9{row-gap:2.25rem}.ux-gap-y-10{row-gap:2.5rem}.ux-gap-y-11{row-gap:2.75rem}.ux-gap-y-12{row-gap:3rem}.ux-gap-y-14{row-gap:3.5rem}.ux-gap-y-16{row-gap:4rem}.ux-gap-y-20{row-gap:5rem}.ux-gap-y-24{row-gap:6rem}.ux-gap-y-28{row-gap:7rem}.ux-gap-y-32{row-gap:8rem}.ux-gap-y-36{row-gap:9rem}.ux-gap-y-40{row-gap:10rem}.ux-gap-y-44{row-gap:11rem}.ux-gap-y-48{row-gap:12rem}.ux-gap-y-52{row-gap:13rem}.ux-gap-y-56{row-gap:14rem}.ux-gap-y-60{row-gap:15rem}.ux-gap-y-64{row-gap:16rem}.ux-gap-y-72{row-gap:18rem}.ux-gap-y-80{row-gap:20rem}.ux-gap-y-96{row-gap:24rem}.ux-w-0{width:0px}.ux-w-px{width:1px}.ux-w-half{width:.125rem}.ux-w-1{width:.25rem}.ux-w-1-5{width:.375rem}.ux-w-2{width:.5rem}.ux-w-2-5{width:.625rem}.ux-w-3{width:.75rem}.ux-w-3-5{width:.875rem}.ux-w-4{width:1rem}.ux-w-5{width:1.25rem}.ux-w-6{width:1.5rem}.ux-w-7{width:1.75rem}.ux-w-8{width:2rem}.ux-w-9{width:2.25rem}.ux-w-10{width:2.5rem}.ux-w-11{width:2.75rem}.ux-w-12{width:3rem}.ux-w-14{width:3.5rem}.ux-w-16{width:4rem}.ux-w-20{width:5rem}.ux-w-24{width:6rem}.ux-w-28{width:7rem}.ux-w-32{width:8rem}.ux-w-36{width:9rem}.ux-w-40{width:10rem}.ux-w-44{width:11rem}.ux-w-48{width:12rem}.ux-w-52{width:13rem}.ux-w-56{width:14rem}.ux-w-60{width:15rem}.ux-w-64{width:16rem}.ux-w-72{width:18rem}.ux-w-80{width:20rem}.ux-w-96{width:24rem}.ux-w-auto{width:auto}.ux-w-1by2{width:50%}.ux-w-1by3{width:33.333333%}.ux-w-2by3{width:66.666667%}.ux-w-1by4{width:25%}.ux-w-2by4{width:50%}.ux-w-3by4{width:75%}.ux-w-1by5{width:20%}.ux-w-2by5{width:40%}.ux-w-3by5{width:60%}.ux-w-4by5{width:80%}.ux-w-1by6{width:16.666667%}.ux-w-2by6{width:33.333333%}.ux-w-3by6{width:50%}.ux-w-4by6{width:66.666667%}.ux-w-5by6{width:83.333333%}.ux-w-full{width:100%}.ux-w-screen{width:100vw}.ux-w-min{width:-moz-min-content;width:min-content}.ux-w-max{width:-moz-max-content;width:max-content}.ux-w-fit{width:-moz-fit-content;width:fit-content}.ux-max-w-none{max-width:none}.ux-max-w-xs{max-width:20rem}.ux-max-w-sm{max-width:24rem}.ux-max-w-md{max-width:28rem}.ux-max-w-lg{max-width:32rem}.ux-max-w-xl{max-width:36rem}.ux-max-w-2xl{max-width:42rem}.ux-max-w-3xl{max-width:48rem}.ux-max-w-4xl{max-width:56rem}.ux-max-w-5xl{max-width:64rem}.ux-max-w-6xl{max-width:72rem}.ux-max-w-7xl{max-width:80rem}.ux-max-w-full{max-width:100%}.ux-max-w-screen-sm{max-width:640px}.ux-max-w-screen-md{max-width:768px}.ux-max-w-screen-lg{max-width:1024px}.ux-max-w-screen-xl{max-width:1280px}.ux-max-w-screen-2xl{max-width:1536px}.ux-max-w-min{max-width:-moz-min-content;max-width:min-content}.ux-max-w-max{max-width:-moz-max-content;max-width:max-content}.ux-max-w-fit{max-width:-moz-fit-content;max-width:fit-content}.ux-max-w-prose{max-width:65ch}.ux-min-w-0{min-width:0px}.ux-min-w-full{min-width:100%}.ux-min-w-min{min-width:-moz-min-content;min-width:min-content}.ux-min-w-max{min-width:-moz-max-content;min-width:max-content}.ux-min-w-fit{min-width:-moz-fit-content;min-width:fit-content}.ux-h-0{height:0px}.ux-h-px{height:1px}.ux-h-half{height:.125rem}.ux-h-1{height:.25rem}.ux-h-1-5{height:.375rem}.ux-h-2{height:.5rem}.ux-h-2-5{height:.625rem}.ux-h-3{height:.75rem}.ux-h-3-5{height:.875rem}.ux-h-4{height:1rem}.ux-h-5{height:1.25rem}.ux-h-6{height:1.5rem}.ux-h-7{height:1.75rem}.ux-h-8{height:2rem}.ux-h-9{height:2.25rem}.ux-h-10{height:2.5rem}.ux-h-11{height:2.75rem}.ux-h-12{height:3rem}.ux-h-14{height:3.5rem}.ux-h-16{height:4rem}.ux-h-20{height:5rem}.ux-h-24{height:6rem}.ux-h-28{height:7rem}.ux-h-32{height:8rem}.ux-h-36{height:9rem}.ux-h-40{height:10rem}.ux-h-44{height:11rem}.ux-h-48{height:12rem}.ux-h-52{height:13rem}.ux-h-56{height:14rem}.ux-h-60{height:15rem}.ux-h-64{height:16rem}.ux-h-72{height:18rem}.ux-h-80{height:20rem}.ux-h-96{height:24rem}.ux-h-auto{height:auto}.ux-h-1by2{height:50%}.ux-h-1by3{height:33.333333%}.ux-h-2by3{height:66.666667%}.ux-h-1by4{height:25%}.ux-h-2by4{height:50%}.ux-h-3by4{height:75%}.ux-h-1by5{height:20%}.ux-h-2by5{height:40%}.ux-h-3by5{height:60%}.ux-h-4by5{height:80%}.ux-h-1by6{height:16.666667%}.ux-h-2by6{height:33.333333%}.ux-h-3by6{height:50%}.ux-h-4by6{height:66.666667%}.ux-h-5by6{height:83.333333%}.ux-h-full{height:100%}.ux-h-screen{height:100vw}.ux-h-min{height:-moz-min-content;height:min-content}.ux-h-max{height:-moz-max-content;height:max-content}.ux-h-fit{height:-moz-fit-content;height:fit-content}.ux-h-screen{height:100vh}.ux-h-svh{height:100svh}.ux-h-lvh{height:100lvh}.ux-h-dvh{height:100dvh}.ux-max-h-full{max-height:100%}.ux-max-h-screen{max-height:100vh}.ux-max-h-min{max-height:-moz-min-content;max-height:min-content}.ux-max-h-max{max-height:-moz-max-content;max-height:max-content}.ux-max-h-fit{max-height:-moz-fit-content;max-height:fit-content}.ux-max-h-0{max-height:0rem}.ux-max-h-4{max-height:1rem}.ux-max-h-8{max-height:2rem}.ux-max-h-12{max-height:3rem}.ux-max-h-16{max-height:4rem}.ux-max-h-20{max-height:5rem}.ux-max-h-24{max-height:6rem}.ux-max-h-28{max-height:7rem}.ux-max-h-32{max-height:8rem}.ux-max-h-36{max-height:9rem}.ux-max-h-40{max-height:10rem}.ux-max-h-44{max-height:11rem}.ux-max-h-48{max-height:12rem}.ux-max-h-52{max-height:13rem}.ux-max-h-56{max-height:14rem}.ux-max-h-60{max-height:15rem}.ux-max-h-64{max-height:16rem}.ux-max-h-68{max-height:17rem}.ux-max-h-72{max-height:18rem}.ux-max-h-76{max-height:19rem}.ux-max-h-80{max-height:20rem}.ux-max-h-84{max-height:21rem}.ux-max-h-88{max-height:22rem}.ux-max-h-92{max-height:23rem}.ux-max-h-96{max-height:24rem}.ux-min-h-0{min-height:0px}.ux-min-h-full{min-height:100%}.ux-min-h-screen{min-height:100vh}.ux-min-h-min{min-height:-moz-min-content;min-height:min-content}.ux-min-h-max{min-height:-moz-max-content;min-height:max-content}.ux-min-h-fit{min-height:-moz-fit-content;min-height:fit-content}.ux-min-h-0{min-height:0rem}.ux-min-h-4{min-height:1rem}.ux-min-h-8{min-height:2rem}.ux-min-h-12{min-height:3rem}.ux-min-h-16{min-height:4rem}.ux-min-h-20{min-height:5rem}.ux-min-h-24{min-height:6rem}.ux-min-h-28{min-height:7rem}.ux-min-h-32{min-height:8rem}.ux-min-h-36{min-height:9rem}.ux-min-h-40{min-height:10rem}.ux-min-h-44{min-height:11rem}.ux-min-h-48{min-height:12rem}.ux-min-h-52{min-height:13rem}.ux-min-h-56{min-height:14rem}.ux-min-h-60{min-height:15rem}.ux-min-h-64{min-height:16rem}.ux-min-h-68{min-height:17rem}.ux-min-h-72{min-height:18rem}.ux-min-h-76{min-height:19rem}.ux-min-h-80{min-height:20rem}.ux-min-h-84{min-height:21rem}.ux-min-h-88{min-height:22rem}.ux-min-h-92{min-height:23rem}.ux-min-h-96{min-height:24rem}.ux-size-0{width:0px;height:0px}.ux-size-px{width:1px;height:1px}.ux-size-1{width:.25rem;height:.25rem}.ux-size-2{width:.5rem;height:.5rem}.ux-size-3{width:.75rem;height:.75rem}.ux-size-4{width:1rem;height:1rem}.ux-size-5{width:1.25rem;height:1.25rem}.ux-size-6{width:1.5rem;height:1.5rem}.ux-size-8{width:2rem;height:2rem}.ux-size-10{width:2.5rem;height:2.5rem}.ux-size-12{width:3rem;height:3rem}.ux-size-16{width:4rem;height:4rem}.ux-size-20{width:5rem;height:5rem}.ux-size-24{width:6rem;height:6rem}.ux-size-32{width:8rem;height:8rem}.ux-size-40{width:10rem;height:10rem}.ux-size-48{width:12rem;height:12rem}.ux-size-56{width:14rem;height:14rem}.ux-size-64{width:16rem;height:16rem}.ux-size-80{width:20rem;height:20rem}.ux-size-96{width:24rem;height:24rem}.ux-size-full{width:100%;height:100%}.ux-size-screen{width:100vw;height:100vh}.ux-aspect-auto{aspect-ratio:auto}.ux-aspect-square{aspect-ratio:1/1}.ux-aspect-video{aspect-ratio:16/9}.ux-aspect-portrait{aspect-ratio:3/4}.ux-aspect-landscape{aspect-ratio:4/3}.ux-aspect-cinema{aspect-ratio:21/9}.ux-aspect-golden{aspect-ratio:1.618/1}.ux-font-sans{font-family:var(--ux-font-sans, ui-sans-serif, system-ui, -apple-system)}.ux-font-serif{font-family:var(--ux-font-serif, ui-serif, Georgia, serif)}.ux-font-mono{font-family:var(--ux-font-mono, ui-monospace, SFMono-Regular, Menlo, monospace)}.ux-tracking-normal{letter-spacing:0}.ux-display-1{font-size:clamp(2.25rem,2.5vw + 1.5rem,3.5rem);line-height:1.1}.ux-display-2{font-size:clamp(1.875rem,2vw + 1.25rem,3rem);line-height:1.15}.ux-display-3{font-size:clamp(1.5rem,1.5vw + 1rem,2.25rem);line-height:1.2}.ux-h1{font-size:2rem;line-height:1.2}.ux-h2{font-size:1.5rem;line-height:1.3}.ux-h3{font-size:1.25rem;line-height:1.35}.ux-h4{font-size:1.125rem;line-height:1.4}.ux-body-lg{font-size:1.125rem;line-height:1.7}.ux-body{font-size:1rem;line-height:1.65}.ux-body-sm{font-size:.875rem;line-height:1.6}.ux-text{color:var(--ux-on-surface)}.ux-text-muted{color:var(--ux-text-muted)}.ux-link{color:var(--ux-primary);text-decoration:underline;text-underline-offset:2px}.ux-link:hover{color:var(--ux-primary-dark)}.ux-font-sans{font-family:var(--ux-font-sans, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif)}.ux-font-serif{font-family:var(--ux-font-serif, ui-serif, Georgia, Cambria, "Times New Roman", Times, serif)}.ux-font-mono{font-family:var(--ux-font-mono, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace)}.ux-text-xs{font-size:.75rem;line-height:1rem}.ux-text-sm{font-size:.875rem;line-height:1.25rem}.ux-text-base{font-size:1rem;line-height:1.5rem}.ux-text-lg{font-size:1.125rem;line-height:1.75rem}.ux-text-xl{font-size:1.25rem;line-height:1.75rem}.ux-text-2xl{font-size:1.5rem;line-height:2rem}.ux-text-3xl{font-size:1.875rem;line-height:2.25rem}.ux-text-4xl{font-size:2.25rem;line-height:2.5rem}.ux-text-5xl{font-size:3rem;line-height:1}.ux-text-6xl{font-size:3.75rem;line-height:1}.ux-text-7xl{font-size:4.5rem;line-height:1}.ux-text-8xl{font-size:6rem;line-height:1}.ux-text-9xl{font-size:8rem;line-height:1}.ux-font-thin{font-weight:100}.ux-font-extralight{font-weight:200}.ux-font-light{font-weight:300}.ux-font-normal{font-weight:400}.ux-font-medium{font-weight:500}.ux-font-semibold{font-weight:600}.ux-font-bold{font-weight:700}.ux-font-extrabold{font-weight:800}.ux-font-black{font-weight:900}.ux-tracking-tighter{letter-spacing:-.05em}.ux-tracking-tight{letter-spacing:-.025em}.ux-tracking-normal{letter-spacing:0em}.ux-tracking-wide{letter-spacing:.025em}.ux-tracking-wider{letter-spacing:.05em}.ux-tracking-widest{letter-spacing:.1em}.ux-leading-none{line-height:1}.ux-leading-tight{line-height:1.25}.ux-leading-snug{line-height:1.375}.ux-leading-normal{line-height:1.5}.ux-leading-relaxed{line-height:1.625}.ux-leading-loose{line-height:2}.ux-leading-3{line-height:.75rem}.ux-leading-4{line-height:1rem}.ux-leading-5{line-height:1.25rem}.ux-leading-6{line-height:1.5rem}.ux-leading-7{line-height:1.75rem}.ux-leading-8{line-height:2rem}.ux-leading-9{line-height:2.25rem}.ux-leading-10{line-height:2.5rem}.ux-text-tertiary{color:var(--ux-color-tertiary)}.ux-text-success{color:var(--ux-color-success)}.ux-text-warning{color:var(--ux-color-warning)}.ux-text-danger{color:var(--ux-color-danger)}.ux-text-info{color:var(--ux-color-info)}.ux-text-white{color:#fff}.ux-text-black{color:#000}.ux-text-opacity-0{--ux-text-opacity: 0}.ux-text-opacity-5{--ux-text-opacity: .05}.ux-text-opacity-10{--ux-text-opacity: .1}.ux-text-opacity-20{--ux-text-opacity: .2}.ux-text-opacity-25{--ux-text-opacity: .25}.ux-text-opacity-30{--ux-text-opacity: .3}.ux-text-opacity-40{--ux-text-opacity: .4}.ux-text-opacity-50{--ux-text-opacity: .5}.ux-text-opacity-60{--ux-text-opacity: .6}.ux-text-opacity-70{--ux-text-opacity: .7}.ux-text-opacity-75{--ux-text-opacity: .75}.ux-text-opacity-80{--ux-text-opacity: .8}.ux-text-opacity-90{--ux-text-opacity: .9}.ux-text-opacity-95{--ux-text-opacity: .95}.ux-text-opacity-100{--ux-text-opacity: 1}.ux-underline{text-decoration-line:underline}.ux-overline{text-decoration-line:overline}.ux-line-through{text-decoration-line:line-through}.ux-no-underline{text-decoration-line:none}.ux-whitespace-normal{white-space:normal}.ux-whitespace-nowrap{white-space:nowrap}.ux-whitespace-pre{white-space:pre}.ux-whitespace-pre-line{white-space:pre-line}.ux-whitespace-pre-wrap{white-space:pre-wrap}.ux-break-keep{word-break:keep-all}.ux-text-gradient{background-clip:text;-webkit-background-clip:text;color:transparent}.ux-text-gradient-primary{background-image:var(--ux-gradient-primary);background-clip:text;-webkit-background-clip:text;color:transparent}.ux-text-gradient-secondary{background-image:var(--ux-gradient-secondary);background-clip:text;-webkit-background-clip:text;color:transparent}.ux-text-shadow{text-shadow:0 2px 4px rgba(0,0,0,.15)}.ux-text-shadow-lg{text-shadow:0 4px 8px rgba(0,0,0,.2)}.ux-text-glow{text-shadow:0 0 10px rgba(255,255,255,.5),0 0 20px rgba(255,255,255,.3),0 0 30px rgba(255,255,255,.1)}.ux-text-glow-primary{text-shadow:0 0 10px var(--ux-color-primary-transparent-50),0 0 20px var(--ux-color-primary-transparent-30)}.ux-text-xs{font-size:var(--ux-font-size-xs, .75rem);line-height:var(--ux-line-height-xs, 1rem)}.ux-text-sm{font-size:var(--ux-font-size-sm, .875rem);line-height:var(--ux-line-height-sm, 1.25rem)}.ux-text-base{font-size:var(--ux-font-size-base, 1rem);line-height:var(--ux-line-height-base, 1.5rem)}.ux-text-lg{font-size:var(--ux-font-size-lg, 1.125rem);line-height:var(--ux-line-height-lg, 1.75rem)}.ux-text-xl{font-size:var(--ux-font-size-xl, 1.25rem);line-height:var(--ux-line-height-xl, 1.75rem)}.ux-text-2xl{font-size:var(--ux-font-size-2xl, 1.5rem);line-height:var(--ux-line-height-2xl, 2rem)}.ux-text-3xl{font-size:var(--ux-font-size-3xl, 1.875rem);line-height:var(--ux-line-height-3xl, 2.25rem)}.ux-text-4xl{font-size:var(--ux-font-size-4xl, 2.25rem);line-height:var(--ux-line-height-4xl, 2.5rem)}.ux-text-5xl{font-size:var(--ux-font-size-5xl, 3rem);line-height:var(--ux-line-height-5xl, 1)}.ux-text-6xl{font-size:var(--ux-font-size-6xl, 3.75rem);line-height:var(--ux-line-height-6xl, 1)}.ux-text-7xl{font-size:var(--ux-font-size-7xl, 4.5rem);line-height:var(--ux-line-height-7xl, 1)}.ux-text-8xl{font-size:var(--ux-font-size-8xl, 6rem);line-height:var(--ux-line-height-8xl, 1)}.ux-text-9xl{font-size:var(--ux-font-size-9xl, 8rem);line-height:var(--ux-line-height-9xl, 1)}.ux-font-thin{font-weight:var(--ux-font-weight-thin, 100)}.ux-font-extralight{font-weight:var(--ux-font-weight-extralight, 200)}.ux-font-light{font-weight:var(--ux-font-weight-light, 300)}.ux-font-normal{font-weight:var(--ux-font-weight-normal, 400)}.ux-font-medium{font-weight:var(--ux-font-weight-medium, 500)}.ux-font-semibold{font-weight:var(--ux-font-weight-semibold, 600)}.ux-font-bold{font-weight:var(--ux-font-weight-bold, 700)}.ux-font-extrabold{font-weight:var(--ux-font-weight-extrabold, 800)}.ux-font-black{font-weight:var(--ux-font-weight-black, 900)}.ux-font-sans{font-family:var(--ux-font-family-sans, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif)}.ux-font-serif{font-family:var(--ux-font-family-serif, ui-serif, Georgia, Cambria, "Times New Roman", Times, serif)}.ux-font-mono{font-family:var(--ux-font-family-mono, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace)}.ux-font-heading{font-family:var(--ux-font-family-heading, var(--ux-font-family-sans))}.ux-font-body{font-family:var(--ux-font-family-body, var(--ux-font-family-sans))}.ux-text-left{text-align:left}.ux-text-center{text-align:center}.ux-text-right{text-align:right}.ux-text-justify{text-align:justify}.ux-underline{text-decoration:underline}.ux-line-through{text-decoration:line-through}.ux-no-underline{text-decoration:none}.ux-uppercase{text-transform:uppercase}.ux-lowercase{text-transform:lowercase}.ux-capitalize{text-transform:capitalize}.ux-normal-case{text-transform:none}.ux-tracking-tighter{letter-spacing:var(--ux-letter-spacing-tighter, -.05em)}.ux-tracking-tight{letter-spacing:var(--ux-letter-spacing-tight, -.025em)}.ux-tracking-normal{letter-spacing:var(--ux-letter-spacing-normal, 0em)}.ux-tracking-wide{letter-spacing:var(--ux-letter-spacing-wide, .025em)}.ux-tracking-wider{letter-spacing:var(--ux-letter-spacing-wider, .05em)}.ux-tracking-widest{letter-spacing:var(--ux-letter-spacing-widest, .1em)}.ux-leading-none{line-height:var(--ux-leading-none, 1)}.ux-leading-tight{line-height:var(--ux-leading-tight, 1.25)}.ux-leading-snug{line-height:var(--ux-leading-snug, 1.375)}.ux-leading-normal{line-height:var(--ux-leading-normal, 1.5)}.ux-leading-relaxed{line-height:var(--ux-leading-relaxed, 1.625)}.ux-leading-loose{line-height:var(--ux-leading-loose, 2)}.ux-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ux-text-ellipsis{text-overflow:ellipsis}.ux-text-clip{text-overflow:clip}.ux-line-clamp-1{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.ux-line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ux-line-clamp-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.ux-line-clamp-4{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.ux-italic{font-style:italic}.ux-not-italic{font-style:normal}.ux-align-baseline{vertical-align:baseline}.ux-align-top{vertical-align:top}.ux-align-middle{vertical-align:middle}.ux-align-bottom{vertical-align:bottom}.ux-align-text-top{vertical-align:text-top}.ux-align-text-bottom{vertical-align:text-bottom}.ux-break-normal{overflow-wrap:normal;word-break:normal}.ux-break-words{overflow-wrap:break-word}.ux-break-all{word-break:break-all}.ux-antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ux-subpixel-antialiased{-webkit-font-smoothing:auto;-moz-osx-font-smoothing:auto}.ux-normal-nums{font-variant-numeric:normal}.ux-ordinal{font-variant-numeric:ordinal}.ux-slashed-zero{font-variant-numeric:slashed-zero}.ux-lining-nums{font-variant-numeric:lining-nums}.ux-oldstyle-nums{font-variant-numeric:oldstyle-nums}.ux-proportional-nums{font-variant-numeric:proportional-nums}.ux-tabular-nums{font-variant-numeric:tabular-nums}.ux-diagonal-fractions{font-variant-numeric:diagonal-fractions}.ux-stacked-fractions{font-variant-numeric:stacked-fractions}.ux-text-shadow-sm{text-shadow:var(--ux-text-shadow-sm, 0 1px 2px rgba(0, 0, 0, .1))}.ux-text-shadow{text-shadow:var(--ux-text-shadow, 0 2px 4px rgba(0, 0, 0, .1))}.ux-text-shadow-md{text-shadow:var(--ux-text-shadow-md, 0 4px 8px rgba(0, 0, 0, .12), 0 2px 4px rgba(0, 0, 0, .08))}.ux-text-shadow-lg{text-shadow:var(--ux-text-shadow-lg, 0 15px 30px rgba(0, 0, 0, .11), 0 5px 15px rgba(0, 0, 0, .08))}.ux-text-shadow-primary{text-shadow:0 0 8px rgba(var(--ux-primary-rgb),.5)}.ux-text-outline{-webkit-text-stroke:1px var(--ux-outline);color:transparent}.ux-text-outline-primary{-webkit-text-stroke:1px var(--ux-primary);color:transparent}.ux-text-outline-white{-webkit-text-stroke:1px white;color:transparent}.ux-text-outline-secondary{-webkit-text-stroke:1px var(--ux-secondary);color:transparent}.ux-text-outline-tertiary{-webkit-text-stroke:1px var(--ux-tertiary);color:transparent}.ux-text-outline-error{-webkit-text-stroke:1px var(--ux-error);color:transparent}.ux-text-outline-2{-webkit-text-stroke:2px var(--ux-outline);color:transparent}.ux-text-outline-primary-2{-webkit-text-stroke:2px var(--ux-primary);color:transparent}.ux-text-outline-secondary-2{-webkit-text-stroke:2px var(--ux-secondary);color:transparent}.ux-text-glow-secondary{text-shadow:0 0 10px var(--ux-color-secondary-transparent-50),0 0 20px var(--ux-color-secondary-transparent-30)}.ux-text-glow-tertiary{text-shadow:0 0 10px var(--ux-color-tertiary-transparent-50),0 0 20px var(--ux-color-tertiary-transparent-30)}.ux-text-glow-error{text-shadow:0 0 10px var(--ux-color-error-transparent-50),0 0 20px var(--ux-color-error-transparent-30)}.ux-text-glow-primary-intense{text-shadow:0 0 10px var(--ux-primary),0 0 20px var(--ux-primary),0 0 30px var(--ux-primary-light)}.ux-text-glow-secondary-intense{text-shadow:0 0 10px var(--ux-secondary),0 0 20px var(--ux-secondary),0 0 30px var(--ux-secondary-light)}.ux-text-glow-tertiary-intense{text-shadow:0 0 10px var(--ux-tertiary),0 0 20px var(--ux-tertiary),0 0 30px var(--ux-tertiary-light)}.ux-text-pulse{animation:text-pulse 2s ease-in-out infinite}@keyframes text-pulse{0%,to{opacity:1}50%{opacity:.5}}.ux-text-blink{animation:text-blink 1s step-end infinite}@keyframes text-blink{0%,to{opacity:1}50%{opacity:0}}.ux-text-wave{display:inline-block;animation:text-wave 2s ease-in-out infinite;transform-origin:70% 70%}@keyframes text-wave{0%,to{transform:rotate(0)}25%{transform:rotate(5deg)}75%{transform:rotate(-5deg)}}.ux-text-outline-glow{-webkit-text-stroke:1px var(--ux-primary);color:transparent;text-shadow:0 0 10px var(--ux-color-primary-transparent-50),0 0 20px var(--ux-color-primary-transparent-30)}.ux-text-outline-glow-white{-webkit-text-stroke:1px white;color:transparent;text-shadow:0 0 10px rgba(255,255,255,.5),0 0 20px rgba(255,255,255,.3)}.ux-text-gradient-animated{background-image:linear-gradient(270deg,var(--ux-primary-300),var(--ux-primary-600),var(--ux-primary-300));background-size:200% auto;background-clip:text;-webkit-background-clip:text;color:transparent;animation:text-gradient-animation 3s linear infinite}.ux-text-gradient-rainbow-animated{background-image:linear-gradient(270deg,var(--ux-primary-500),var(--ux-secondary-500),var(--ux-tertiary-500),var(--ux-primary-500));background-size:300% auto;background-clip:text;-webkit-background-clip:text;color:transparent;animation:text-gradient-animation 6s linear infinite}@keyframes text-gradient-animation{0%{background-position:0% center}to{background-position:200% center}}.ux-text-highlight-primary{background-color:var(--ux-color-primary-transparent-10);padding:0 .25em;border-radius:.25em}.ux-text-highlight-secondary{background-color:var(--ux-color-secondary-transparent-10);padding:0 .25em;border-radius:.25em}.ux-text-highlight-tertiary{background-color:var(--ux-color-tertiary-transparent-10);padding:0 .25em;border-radius:.25em}.ux-text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ux-text-clamp-1{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.ux-text-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ux-text-clamp-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.ux-text-shadow-contrast-light{text-shadow:0 1px 2px rgba(0,0,0,.3)}.ux-text-shadow-contrast-dark{text-shadow:0 1px 2px rgba(255,255,255,.3)}.ux-placeholder-primary::-moz-placeholder{color:var(--ux-primary);opacity:.5}.ux-placeholder-primary::placeholder{color:var(--ux-primary);opacity:.5}.ux-placeholder-secondary::-moz-placeholder{color:var(--ux-secondary);opacity:.5}.ux-placeholder-secondary::placeholder{color:var(--ux-secondary);opacity:.5}.ux-placeholder-tertiary::-moz-placeholder{color:var(--ux-tertiary);opacity:.5}.ux-placeholder-tertiary::placeholder{color:var(--ux-tertiary);opacity:.5}.ux-selection-primary::-moz-selection{background-color:var(--ux-primary);color:var(--ux-on-primary)}.ux-selection-primary::selection{background-color:var(--ux-primary);color:var(--ux-on-primary)}.ux-selection-secondary::-moz-selection{background-color:var(--ux-secondary);color:var(--ux-on-secondary)}.ux-selection-secondary::selection{background-color:var(--ux-secondary);color:var(--ux-on-secondary)}.ux-selection-tertiary::-moz-selection{background-color:var(--ux-tertiary);color:var(--ux-on-tertiary)}.ux-selection-tertiary::selection{background-color:var(--ux-tertiary);color:var(--ux-on-tertiary)}.ux-heading-1{font-size:var(--ux-heading-1-size, 2.5rem);line-height:var(--ux-heading-1-line-height, 1.2);font-weight:var(--ux-heading-1-weight, 700);margin-bottom:var(--ux-heading-1-margin, .5em);font-family:var(--ux-font-family-heading)}.ux-heading-2{font-size:var(--ux-heading-2-size, 2rem);line-height:var(--ux-heading-2-line-height, 1.3);font-weight:var(--ux-heading-2-weight, 700);margin-bottom:var(--ux-heading-2-margin, .5em);font-family:var(--ux-font-family-heading)}.ux-heading-3{font-size:var(--ux-heading-3-size, 1.75rem);line-height:var(--ux-heading-3-line-height, 1.4);font-weight:var(--ux-heading-3-weight, 600);margin-bottom:var(--ux-heading-3-margin, .5em);font-family:var(--ux-font-family-heading)}.ux-heading-4{font-size:var(--ux-heading-4-size, 1.5rem);line-height:var(--ux-heading-4-line-height, 1.4);font-weight:var(--ux-heading-4-weight, 600);margin-bottom:var(--ux-heading-4-margin, .5em);font-family:var(--ux-font-family-heading)}.ux-heading-5{font-size:var(--ux-heading-5-size, 1.25rem);line-height:var(--ux-heading-5-line-height, 1.4);font-weight:var(--ux-heading-5-weight, 600);margin-bottom:var(--ux-heading-5-margin, .5em);font-family:var(--ux-font-family-heading)}.ux-heading-6{font-size:var(--ux-heading-6-size, 1rem);line-height:var(--ux-heading-6-line-height, 1.4);font-weight:var(--ux-heading-6-weight, 600);margin-bottom:var(--ux-heading-6-margin, .5em);font-family:var(--ux-font-family-heading)}.ux-text-balance{text-wrap:balance}.ux-text-pretty{text-wrap:pretty}@supports not (text-wrap: balance){.ux-text-balance{display:inline-block;max-width:100%}}.ux-text-primary{color:var(--ux-text-primary, var(--ux-on-surface))}.ux-text-secondary{color:var(--ux-text-secondary, rgba(31, 41, 55, .7))}.ux-text-muted{color:var(--ux-text-muted, rgba(31, 41, 55, .6))}.ux-text-disabled{color:var(--ux-text-disabled, rgba(31, 41, 55, .4))}.ux-text-primary-light{color:var(--ux-primary-lighter)}.ux-text-primary-dark{color:var(--ux-primary-darker)}.ux-text-secondary-light{color:var(--ux-secondary-lighter)}.ux-text-secondary-dark{color:var(--ux-secondary-darker)}.ux-text-tertiary{color:var(--ux-tertiary)}.ux-text-on-background{color:var(--ux-on-background)}.ux-text-on-success{color:var(--ux-on-success)}.ux-text-on-error{color:var(--ux-on-error)}.ux-text-on-warning{color:var(--ux-on-warning)}.ux-text-on-info{color:var(--ux-on-info)}.ux-text-tertiary-light{color:var(--ux-tertiary-lighter)}.ux-text-tertiary-dark{color:var(--ux-tertiary-darker)}.ux-text-on-primary{color:var(--ux-on-primary)}.ux-text-on-secondary{color:var(--ux-on-secondary)}.ux-text-on-tertiary{color:var(--ux-on-tertiary)}.ux-text-on-surface{color:var(--ux-on-surface)}.ux-text-on-surface-dim{color:var(--ux-on-surface-variant)}.ux-text-success{color:var(--ux-success)}.ux-text-error{color:var(--ux-error)}.ux-text-warning{color:var(--ux-warning)}.ux-text-info{color:var(--ux-info)}.ux-text-surface{color:var(--ux-surface)}.ux-text-surface-low{color:var(--ux-surface-container-low)}.ux-text-surface-high{color:var(--ux-surface-container-high)}.ux-bg-primary-container{background-color:var(--ux-primary-container);color:var(--ux-on-primary-container)}.ux-bg-secondary-container{background-color:var(--ux-secondary-container);color:var(--ux-on-secondary-container)}.ux-bg-tertiary-container{background-color:var(--ux-tertiary-container);color:var(--ux-on-tertiary-container)}.ux-bg-surface-container{background-color:var(--ux-surface-container);color:var(--ux-on-surface)}.ux-bg-surface-container-low{background-color:var(--ux-surface-container-low);color:var(--ux-on-surface)}.ux-bg-surface-container-high{background-color:var(--ux-surface-container-high);color:var(--ux-on-surface)}.ux-bg-surface-bright{background-color:var(--ux-surface-bright);color:var(--ux-on-surface)}.ux-bg-surface-dim{background-color:var(--ux-surface-dim);color:var(--ux-on-surface)}.ux-bg-error{background-color:var(--ux-error);color:var(--ux-on-error)}.ux-bg-success-container{background-color:var(--ux-success-container);color:var(--ux-on-success-container)}.ux-bg-error-container{background-color:var(--ux-error-container);color:var(--ux-on-error-container)}.ux-bg-warning-container{background-color:var(--ux-warning-container);color:var(--ux-on-warning-container)}.ux-bg-info-container{background-color:var(--ux-info-container);color:var(--ux-on-info-container)}.ux-bg-neutral{background-color:var(--ux-neutral);color:var(--ux-on-neutral)}.ux-bg-neutral-container{background-color:var(--ux-neutral-container);color:var(--ux-on-neutral-container)}.ux-primary-opacity-10{--color-opacity: .1;background-color:rgba(var(--ux-primary-rgb),var(--color-opacity))}.ux-primary-opacity-20{--color-opacity: .2;background-color:rgba(var(--ux-primary-rgb),var(--color-opacity))}.ux-primary-opacity-50{--color-opacity: .5;background-color:rgba(var(--ux-primary-rgb),var(--color-opacity))}.ux-primary-opacity-75{--color-opacity: .75;background-color:rgba(var(--ux-primary-rgb),var(--color-opacity))}.ux-secondary-opacity-10{--color-opacity: .1;background-color:rgba(var(--ux-secondary-rgb),var(--color-opacity))}.ux-secondary-opacity-20{--color-opacity: .2;background-color:rgba(var(--ux-secondary-rgb),var(--color-opacity))}.ux-secondary-opacity-50{--color-opacity: .5;background-color:rgba(var(--ux-secondary-rgb),var(--color-opacity))}.ux-secondary-opacity-75{--color-opacity: .75;background-color:rgba(var(--ux-secondary-rgb),var(--color-opacity))}.ux-tertiary-opacity-10{--color-opacity: .1;background-color:rgba(var(--ux-tertiary-rgb),var(--color-opacity))}.ux-tertiary-opacity-20{--color-opacity: .2;background-color:rgba(var(--ux-tertiary-rgb),var(--color-opacity))}.ux-tertiary-opacity-50{--color-opacity: .5;background-color:rgba(var(--ux-tertiary-rgb),var(--color-opacity))}.ux-tertiary-opacity-75{--color-opacity: .75;background-color:rgba(var(--ux-tertiary-rgb),var(--color-opacity))}.ux-harmony-complementary{background:linear-gradient(135deg,var(--ux-primary),var(--ux-primary-complementary, hsl(calc(var(--ux-primary-hue) + 180), var(--ux-primary-saturation), var(--ux-primary-lightness))))}.ux-text-harmony-complementary{background:linear-gradient(to right,var(--ux-primary),var(--ux-primary-complementary, hsl(calc(var(--ux-primary-hue) + 180), var(--ux-primary-saturation), var(--ux-primary-lightness))));-webkit-background-clip:text;background-clip:text;color:transparent}.ux-harmony-triadic{background:linear-gradient(135deg,var(--ux-primary),var(--ux-primary-triadic-1, hsl(calc(var(--ux-primary-hue) + 120), var(--ux-primary-saturation), var(--ux-primary-lightness))),var(--ux-primary-triadic-2, hsl(calc(var(--ux-primary-hue) + 240), var(--ux-primary-saturation), var(--ux-primary-lightness))))}.ux-harmony-analogous{background:linear-gradient(135deg,var(--ux-primary),var(--ux-primary-analogous-1, hsl(calc(var(--ux-primary-hue) + 30), var(--ux-primary-saturation), var(--ux-primary-lightness))),var(--ux-primary-analogous-2, hsl(calc(var(--ux-primary-hue) + 60), var(--ux-primary-saturation), var(--ux-primary-lightness))))}.ux-harmony-split{background:linear-gradient(135deg,var(--ux-primary),var(--ux-primary-split-1, hsl(calc(var(--ux-primary-hue) + 150), var(--ux-primary-saturation), var(--ux-primary-lightness))),var(--ux-primary-split-2, hsl(calc(var(--ux-primary-hue) + 210), var(--ux-primary-saturation), var(--ux-primary-lightness))))}.ux-bg-primary{background-color:var(--ux-primary);color:var(--ux-on-primary)}.ux-bg-primary-light{background-color:var(--ux-primary-lighter);color:var(--ux-on-primary)}.ux-bg-primary-dark{background-color:var(--ux-primary-darker);color:var(--ux-on-primary)}.ux-bg-secondary{background-color:var(--ux-secondary);color:var(--ux-on-secondary)}.ux-bg-secondary-light{background-color:var(--ux-secondary-lighter);color:var(--ux-on-secondary)}.ux-bg-secondary-dark{background-color:var(--ux-secondary-darker);color:var(--ux-on-secondary)}.ux-bg-tertiary{background-color:var(--ux-tertiary);color:var(--ux-on-tertiary)}.ux-bg-tertiary-light{background-color:var(--ux-tertiary-lighter);color:var(--ux-on-tertiary)}.ux-bg-tertiary-dark{background-color:var(--ux-tertiary-darker);color:var(--ux-on-tertiary)}.ux-bg-success{background-color:var(--ux-success);color:var(--ux-on-success)}.ux-bg-warning{background-color:var(--ux-warning);color:var(--ux-on-warning)}.ux-bg-danger{background-color:var(--ux-error);color:var(--ux-on-error)}.ux-bg-info{background-color:var(--ux-info);color:var(--ux-on-info)}.ux-bg-surface{background-color:var(--ux-surface);color:var(--ux-on-surface)}.ux-bg-surface-light{background-color:var(--ux-surface-container-low);color:var(--ux-on-surface)}.ux-bg-surface-dark{background-color:var(--ux-surface-container-high);color:var(--ux-on-surface)}.ux-bg-background,.ux-bg-base{background-color:var(--ux-background);color:var(--ux-on-background)}.ux-bg-white{background-color:#fff}.ux-bg-black{background-color:#000}.ux-bg-transparent{background-color:transparent}.ux-bg-gray-50{background-color:#f9fafb}.ux-bg-gray-100{background-color:#f3f4f6}.ux-bg-gray-200{background-color:#e5e7eb}.ux-bg-gray-300{background-color:#d1d5db}.ux-bg-gray-400{background-color:#9ca3af}.ux-bg-gray-500{background-color:#6b7280}.ux-bg-gray-600{background-color:#4b5563}.ux-bg-gray-700{background-color:#374151}.ux-bg-gray-800{background-color:#1f2937}.ux-bg-gray-900{background-color:#111827}.ux-bg-opacity-0{--ux-bg-opacity: 0}.ux-bg-opacity-5{--ux-bg-opacity: .05}.ux-bg-opacity-10{--ux-bg-opacity: .1}.ux-bg-opacity-20{--ux-bg-opacity: .2}.ux-bg-opacity-25{--ux-bg-opacity: .25}.ux-bg-opacity-30{--ux-bg-opacity: .3}.ux-bg-opacity-40{--ux-bg-opacity: .4}.ux-bg-opacity-50{--ux-bg-opacity: .5}.ux-bg-opacity-60{--ux-bg-opacity: .6}.ux-bg-opacity-70{--ux-bg-opacity: .7}.ux-bg-opacity-75{--ux-bg-opacity: .75}.ux-bg-opacity-80{--ux-bg-opacity: .8}.ux-bg-opacity-90{--ux-bg-opacity: .9}.ux-bg-opacity-95{--ux-bg-opacity: .95}.ux-bg-opacity-100{--ux-bg-opacity: 1}:root,.ux-gradient-defaults{--ux-gradient-from: var(--ux-primary);--ux-gradient-to: rgba(var(--ux-primary-rgb), 0);--ux-gradient-color-stops: var(--ux-gradient-from), var(--ux-gradient-to)}.ux-bg-gradient-to-t{background-image:linear-gradient(to top,var(--ux-gradient-from, var(--ux-primary)),var(--ux-gradient-to, var(--ux-primary-lighter)))}.ux-bg-gradient-to-tr{background-image:linear-gradient(to top right,var(--ux-gradient-from, var(--ux-primary)),var(--ux-gradient-to, var(--ux-primary-lighter)))}.ux-bg-gradient-to-r{background-image:linear-gradient(to right,var(--ux-gradient-from, var(--ux-primary)),var(--ux-gradient-to, var(--ux-primary-lighter)))}.ux-bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--ux-gradient-from, var(--ux-primary)),var(--ux-gradient-to, var(--ux-primary-lighter)))}.ux-bg-gradient-to-b{background-image:linear-gradient(to bottom,var(--ux-gradient-from, var(--ux-primary)),var(--ux-gradient-to, var(--ux-primary-lighter)))}.ux-bg-gradient-to-bl{background-image:linear-gradient(to bottom left,var(--ux-gradient-from, var(--ux-primary)),var(--ux-gradient-to, var(--ux-primary-lighter)))}.ux-bg-gradient-to-l{background-image:linear-gradient(to left,var(--ux-gradient-color-stops, var(--ux-primary), var(--ux-primary-lighter)))}.ux-bg-gradient-to-tl{background-image:linear-gradient(to top left,var(--ux-gradient-color-stops, var(--ux-primary), var(--ux-primary-lighter)))}.ux-bg-radial{background-image:radial-gradient(var(--ux-gradient-from, var(--ux-primary)),var(--ux-gradient-to, var(--ux-primary-lighter)))}.ux-bg-radial-at-t{background-image:radial-gradient(at top,var(--ux-gradient-color-stops))}.ux-bg-radial-at-tr{background-image:radial-gradient(at top right,var(--ux-gradient-color-stops))}.ux-bg-radial-at-r{background-image:radial-gradient(at right,var(--ux-gradient-color-stops))}.ux-bg-radial-at-br{background-image:radial-gradient(at bottom right,var(--ux-gradient-color-stops))}.ux-bg-radial-at-b{background-image:radial-gradient(at bottom,var(--ux-gradient-color-stops))}.ux-bg-radial-at-bl{background-image:radial-gradient(at bottom left,var(--ux-gradient-color-stops))}.ux-bg-radial-at-l{background-image:radial-gradient(at left,var(--ux-gradient-color-stops))}.ux-bg-radial-at-tl{background-image:radial-gradient(at top left,var(--ux-gradient-color-stops))}.ux-bg-radial-at-center{background-image:radial-gradient(at center,var(--ux-gradient-color-stops))}.ux-bg-conic{background-image:conic-gradient(var(--ux-gradient-from, var(--ux-primary)),var(--ux-gradient-to, var(--ux-primary-lighter)))}.ux-bg-conic-at-t{background-image:conic-gradient(at top,var(--ux-gradient-color-stops))}.ux-bg-conic-at-tr{background-image:conic-gradient(at top right,var(--ux-gradient-color-stops))}.ux-bg-conic-at-r{background-image:conic-gradient(at right,var(--ux-gradient-color-stops))}.ux-bg-conic-at-br{background-image:conic-gradient(at bottom right,var(--ux-gradient-color-stops))}.ux-bg-conic-at-b{background-image:conic-gradient(at bottom,var(--ux-gradient-color-stops))}.ux-bg-conic-at-bl{background-image:conic-gradient(at bottom left,var(--ux-gradient-color-stops))}.ux-bg-conic-at-l{background-image:conic-gradient(at left,var(--ux-gradient-color-stops))}.ux-bg-conic-at-tl{background-image:conic-gradient(at top left,var(--ux-gradient-color-stops))}.ux-bg-conic-at-center{background-image:conic-gradient(at center,var(--ux-gradient-color-stops))}.ux-from-primary{--ux-gradient-from: var(--ux-primary);--ux-gradient-color-stops: var(--ux-gradient-from), var(--ux-gradient-to, rgba(var(--ux-primary-rgb), 0))}.ux-from-secondary{--ux-gradient-from: var(--ux-secondary);--ux-gradient-color-stops: var(--ux-gradient-from), var(--ux-gradient-to, rgba(var(--ux-secondary-rgb), 0))}.ux-from-tertiary{--ux-gradient-from: var(--ux-tertiary);--ux-gradient-color-stops: var(--ux-gradient-from), var(--ux-gradient-to, rgba(var(--ux-tertiary-rgb), 0))}.ux-from-success{--ux-gradient-from: var(--ux-success);--ux-gradient-color-stops: var(--ux-gradient-from), var(--ux-gradient-to, rgba(var(--ux-success-rgb), 0))}.ux-from-warning{--ux-gradient-from: var(--ux-warning);--ux-gradient-color-stops: var(--ux-gradient-from), var(--ux-gradient-to, rgba(var(--ux-warning-rgb), 0))}.ux-from-danger{--ux-gradient-from: var(--ux-error);--ux-gradient-color-stops: var(--ux-gradient-from), var(--ux-gradient-to, rgba(var(--ux-error-rgb, 239,68,68), 0))}.ux-from-info{--ux-gradient-from: var(--ux-info);--ux-gradient-color-stops: var(--ux-gradient-from), var(--ux-gradient-to, rgba(var(--ux-info-rgb), 0))}.ux-from-white{--ux-gradient-from: #ffffff;--ux-gradient-color-stops: var(--ux-gradient-from), var(--ux-gradient-to, rgba(255, 255, 255, 0))}.ux-from-black{--ux-gradient-from: #000000;--ux-gradient-color-stops: var(--ux-gradient-from), var(--ux-gradient-to, rgba(0, 0, 0, 0))}.ux-from-transparent{--ux-gradient-from: transparent;--ux-gradient-color-stops: var(--ux-gradient-from), var(--ux-gradient-to, rgba(0, 0, 0, 0))}.ux-to-primary{--ux-gradient-to: var(--ux-primary)}.ux-to-secondary{--ux-gradient-to: var(--ux-secondary)}.ux-to-tertiary{--ux-gradient-to: var(--ux-tertiary)}.ux-to-success{--ux-gradient-to: var(--ux-success)}.ux-to-warning{--ux-gradient-to: var(--ux-warning)}.ux-to-danger{--ux-gradient-to: var(--ux-error)}.ux-to-info{--ux-gradient-to: var(--ux-info)}.ux-to-white{--ux-gradient-to: #ffffff}.ux-to-black{--ux-gradient-to: #000000}.ux-to-transparent{--ux-gradient-to: transparent}.ux-via-primary{--ux-gradient-via: var(--ux-primary);--ux-gradient-color-stops: var(--ux-gradient-from), var(--ux-gradient-via), var(--ux-gradient-to, rgba(var(--ux-primary-rgb), 0))}.ux-via-secondary{--ux-gradient-via: var(--ux-secondary);--ux-gradient-color-stops: var(--ux-gradient-from), var(--ux-gradient-via), var(--ux-gradient-to, rgba(var(--ux-secondary-rgb), 0))}.ux-via-tertiary{--ux-gradient-via: var(--ux-tertiary);--ux-gradient-color-stops: var(--ux-gradient-from), var(--ux-gradient-via), var(--ux-gradient-to, rgba(var(--ux-tertiary-rgb), 0))}.ux-via-white{--ux-gradient-via: #ffffff;--ux-gradient-color-stops: var(--ux-gradient-from), var(--ux-gradient-via), var(--ux-gradient-to, rgba(255, 255, 255, 0))}.ux-via-black{--ux-gradient-via: #000000;--ux-gradient-color-stops: var(--ux-gradient-from), var(--ux-gradient-via), var(--ux-gradient-to, rgba(0, 0, 0, 0))}.ux-via-transparent{--ux-gradient-via: transparent;--ux-gradient-color-stops: var(--ux-gradient-from), var(--ux-gradient-via), var(--ux-gradient-to, rgba(0, 0, 0, 0))}.ux-bg-gradient-primary{background-image:var(--ux-gradient-primary, linear-gradient(135deg, #3c50ff, #6f7cff))}.ux-bg-gradient-secondary{background-image:var(--ux-gradient-secondary, linear-gradient(135deg, #0ca678, #2dd49b))}.ux-bg-gradient-tertiary{background-image:var(--ux-gradient-tertiary, linear-gradient(135deg, #9c27b0, #c653da))}.ux-bg-gradient-success{background-image:linear-gradient(135deg,var(--ux-color-success, #10b981),var(--ux-color-success-light, #34d399))}.ux-bg-gradient-danger{background-image:linear-gradient(135deg,var(--ux-color-danger, #ef4444),var(--ux-color-danger-light, #f87171))}.ux-bg-gradient-warning{background-image:linear-gradient(135deg,var(--ux-color-warning, #f59e0b),var(--ux-color-warning-light, #fbbf24))}.ux-bg-gradient-info{background-image:linear-gradient(135deg,var(--ux-color-info, #3b82f6),var(--ux-color-info-light, #60a5fa))}.ux-bg-gradient-rainbow{background-image:linear-gradient(45deg,red,#ff7f00,#ff0,#0f0,#00f,indigo,#9400d3)}.ux-bg-gradient-sunset{background-image:linear-gradient(to right,#f56565,#ed8936,#ecc94b)}.ux-bg-gradient-ocean{background-image:linear-gradient(to right,#2b6cb0,#4299e1,#63b3ed)}.ux-bg-gradient-forest{background-image:linear-gradient(to right,#2f855a,#48bb78,#9ae6b4)}.ux-bg-gradient-nightfall{background-image:linear-gradient(to bottom,#1a202c,#2d3748,#4a5568)}.ux-bg-gradient-aurora{background-image:linear-gradient(to right,#1e293b,#3b0764,#4338ca,#0ea5e9)}.ux-bg-gradient-fire{background-image:linear-gradient(to bottom right,#ef4444,#f97316,#eab308)}.ux-bg-gradient-cosmic{background-image:linear-gradient(to right,#0f172a,#4338ca,#8b5cf6,#d946ef)}.ux-bg-gradient-lava{background-image:linear-gradient(315deg,#ff4e00,#ec9f05)}.ux-bg-gradient-arctic{background-image:linear-gradient(to bottom,#e0f2fe,#93c5fd,#3b82f6)}.ux-bg-gradient-mesh{background:radial-gradient(at 40% 20%,rgba(var(--ux-primary-rgb, 60, 80, 255),.3),transparent 50%),radial-gradient(at 80% 60%,rgba(var(--ux-secondary-rgb, 12, 166, 120),.3),transparent 50%),radial-gradient(at 20% 80%,rgba(var(--ux-tertiary-rgb, 156, 39, 176),.3),transparent 50%)}.ux-bg-gradient-duotone{background:linear-gradient(to bottom right,rgba(var(--ux-primary-rgb, 60, 80, 255),.8),rgba(var(--ux-tertiary-rgb, 156, 39, 176),.8))}.ux-bg-gradient-grain{background-image:linear-gradient(to right,rgba(var(--ux-primary-rgb, 60, 80, 255),.8),rgba(var(--ux-secondary-rgb, 12, 166, 120),.8)),url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='512' height='512' filter='url(%23noiseFilter)' opacity='0.15'/%3E%3C/svg%3E")}.ux-bg-pattern-dots{background-image:radial-gradient(currentColor 1px,transparent 1px);background-size:10px 10px}.ux-bg-pattern-grid{background-image:linear-gradient(to right,rgba(var(--ux-surface-contrast-rgb, 0, 0, 0),.05) 1px,transparent 1px),linear-gradient(to bottom,rgba(var(--ux-surface-contrast-rgb, 0, 0, 0),.05) 1px,transparent 1px);background-size:20px 20px}.ux-bg-pattern-stripes{background-image:linear-gradient(45deg,rgba(var(--ux-surface-contrast-rgb, 0, 0, 0),.05) 25%,transparent 25%,transparent 50%,rgba(var(--ux-surface-contrast-rgb, 0, 0, 0),.05) 50%,rgba(var(--ux-surface-contrast-rgb, 0, 0, 0),.05) 75%,transparent 75%,transparent);background-size:40px 40px}.ux-bg-pattern-zigzag{background-image:linear-gradient(135deg,rgba(var(--ux-surface-contrast-rgb, 0, 0, 0),.05) 25%,transparent 25%),linear-gradient(225deg,rgba(var(--ux-surface-contrast-rgb, 0, 0, 0),.05) 25%,transparent 25%),linear-gradient(315deg,rgba(var(--ux-surface-contrast-rgb, 0, 0, 0),.05) 25%,transparent 25%),linear-gradient(45deg,rgba(var(--ux-surface-contrast-rgb, 0, 0, 0),.05) 25%,transparent 25%);background-size:20px 20px}.ux-bg-pattern-honeycomb{background-image:radial-gradient(circle at center,transparent 25%,rgba(var(--ux-surface-contrast-rgb, 0, 0, 0),.05) 25%,rgba(var(--ux-surface-contrast-rgb, 0, 0, 0),.05) 30%,transparent 30%,transparent),radial-gradient(circle at center,transparent 25%,rgba(var(--ux-surface-contrast-rgb, 0, 0, 0),.05) 25%,rgba(var(--ux-surface-contrast-rgb, 0, 0, 0),.05) 30%,transparent 30%,transparent);background-size:60px 60px;background-position:0 0,30px 30px}.ux-bg-noise{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%' height='100%' filter='url(%23noise)' opacity='0.15'/%3E%3C/svg%3E");background-blend-mode:overlay}.ux-bg-noise-subtle{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%' height='100%' filter='url(%23noise)' opacity='0.075'/%3E%3C/svg%3E");background-blend-mode:overlay}.ux-bg-blend-normal{background-blend-mode:normal}.ux-bg-blend-multiply{background-blend-mode:multiply}.ux-bg-blend-screen{background-blend-mode:screen}.ux-bg-blend-overlay{background-blend-mode:overlay}.ux-bg-blend-darken{background-blend-mode:darken}.ux-bg-blend-lighten{background-blend-mode:lighten}.ux-bg-blend-color-dodge{background-blend-mode:color-dodge}.ux-bg-blend-color-burn{background-blend-mode:color-burn}.ux-bg-blend-hard-light{background-blend-mode:hard-light}.ux-bg-blend-soft-light{background-blend-mode:soft-light}.ux-bg-blend-difference{background-blend-mode:difference}.ux-bg-blend-exclusion{background-blend-mode:exclusion}.ux-bg-blend-hue{background-blend-mode:hue}.ux-bg-blend-saturation{background-blend-mode:saturation}.ux-bg-blend-color{background-blend-mode:color}.ux-bg-blend-luminosity{background-blend-mode:luminosity}.ux-bg-auto{background-size:auto}.ux-bg-cover{background-size:cover}.ux-bg-contain{background-size:contain}.ux-bg-100{background-size:100% 100%}.ux-bg-width-100{background-size:100% auto}.ux-bg-height-100{background-size:auto 100%}.ux-bg-bottom{background-position:bottom}.ux-bg-center{background-position:center}.ux-bg-left{background-position:left}.ux-bg-left-bottom{background-position:left bottom}.ux-bg-left-top{background-position:left top}.ux-bg-right{background-position:right}.ux-bg-right-bottom{background-position:right bottom}.ux-bg-right-top{background-position:right top}.ux-bg-top{background-position:top}.ux-bg-pos-25-25{background-position:25% 25%}.ux-bg-pos-75-25{background-position:75% 25%}.ux-bg-pos-25-75{background-position:25% 75%}.ux-bg-pos-75-75{background-position:75% 75%}.ux-bg-repeat{background-repeat:repeat}.ux-bg-no-repeat{background-repeat:no-repeat}.ux-bg-repeat-x{background-repeat:repeat-x}.ux-bg-repeat-y{background-repeat:repeat-y}.ux-bg-repeat-round{background-repeat:round}.ux-bg-repeat-space{background-repeat:space}.ux-bg-fixed{background-attachment:fixed}.ux-bg-local{background-attachment:local}.ux-bg-scroll{background-attachment:scroll}.ux-bg-origin-border{background-origin:border-box}.ux-bg-origin-padding{background-origin:padding-box}.ux-bg-origin-content{background-origin:content-box}.ux-bg-clip-border{background-clip:border-box}.ux-bg-clip-padding{background-clip:padding-box}.ux-bg-clip-content{background-clip:content-box}.ux-bg-clip-text{background-clip:text;-webkit-background-clip:text;color:transparent}.ux-bg-alpha-10{background-color:rgba(var(--ux-bg-rgb, var(--ux-primary-rgb, 60, 80, 255)),.1);color:var(--ux-on-bg, inherit)}.ux-bg-alpha-20{background-color:rgba(var(--ux-bg-rgb, var(--ux-primary-rgb, 60, 80, 255)),.2);color:var(--ux-on-bg, inherit)}.ux-bg-alpha-30{background-color:rgba(var(--ux-bg-rgb, var(--ux-primary-rgb, 60, 80, 255)),.3);color:var(--ux-on-bg, inherit)}.ux-bg-alpha-40{background-color:rgba(var(--ux-bg-rgb, var(--ux-primary-rgb, 60, 80, 255)),.4);color:var(--ux-on-bg, inherit)}.ux-bg-alpha-50{background-color:rgba(var(--ux-bg-rgb, var(--ux-primary-rgb, 60, 80, 255)),.5);color:var(--ux-on-bg, inherit)}.ux-bg-alpha-60{background-color:rgba(var(--ux-bg-rgb, var(--ux-primary-rgb, 60, 80, 255)),.6);color:var(--ux-on-bg, inherit)}.ux-bg-alpha-70{background-color:rgba(var(--ux-bg-rgb, var(--ux-primary-rgb, 60, 80, 255)),.7);color:var(--ux-on-bg, inherit)}.ux-bg-alpha-75{background-color:rgba(var(--ux-bg-rgb, var(--ux-primary-rgb, 60, 80, 255)),.75);color:var(--ux-on-bg, inherit)}.ux-bg-alpha-80{background-color:rgba(var(--ux-bg-rgb, var(--ux-primary-rgb, 60, 80, 255)),.8);color:var(--ux-on-bg, inherit)}.ux-bg-alpha-90{background-color:rgba(var(--ux-bg-rgb, var(--ux-primary-rgb, 60, 80, 255)),.9);color:var(--ux-on-bg, inherit)}.ux-text-on-bg{color:var(--ux-on-bg, inherit)}.ux-gradient-primary{background:linear-gradient(135deg,var(--ux-primary-500),var(--ux-primary-700))}.ux-gradient-secondary{background:linear-gradient(135deg,var(--ux-secondary-500),var(--ux-secondary-700))}.ux-gradient-accent{background:linear-gradient(135deg,var(--ux-accent-500),var(--ux-accent-700))}.ux-gradient-success{background:linear-gradient(135deg,var(--ux-success-500),var(--ux-success-700))}.ux-gradient-warning{background:linear-gradient(135deg,var(--ux-warning-500),var(--ux-warning-700))}.ux-gradient-error{background:linear-gradient(135deg,var(--ux-error-500),var(--ux-error-700))}.ux-gradient-info{background:linear-gradient(135deg,var(--ux-info-500),var(--ux-info-700))}.ux-gradient-neutral{background:linear-gradient(135deg,var(--ux-neutral-300),var(--ux-neutral-700))}.ux-gradient-tri-primary{background:linear-gradient(135deg,var(--ux-primary-300),var(--ux-primary-500),var(--ux-primary-700))}.ux-gradient-primary-secondary{background:linear-gradient(135deg,var(--ux-primary-500),var(--ux-secondary-500))}.ux-gradient-primary-accent{background:linear-gradient(135deg,var(--ux-primary-500),var(--ux-accent-500))}.ux-gradient-rainbow-pastel{background:linear-gradient(135deg,var(--ux-primary-300),var(--ux-secondary-300),var(--ux-accent-300),var(--ux-success-300))}.ux-gradient-rainbow-vivid{background:linear-gradient(135deg,var(--ux-primary-500),var(--ux-secondary-500),var(--ux-accent-500),var(--ux-success-500))}.ux-gradient-angle-0{background:linear-gradient(0deg,var(--ux-primary-300),var(--ux-primary-600))}.ux-gradient-angle-45{background:linear-gradient(45deg,var(--ux-primary-300),var(--ux-primary-600))}.ux-gradient-angle-90{background:linear-gradient(90deg,var(--ux-primary-300),var(--ux-primary-600))}.ux-gradient-angle-135{background:linear-gradient(135deg,var(--ux-primary-300),var(--ux-primary-600))}.ux-gradient-angle-180{background:linear-gradient(180deg,var(--ux-primary-300),var(--ux-primary-600))}.ux-gradient-angle-225{background:linear-gradient(225deg,var(--ux-primary-300),var(--ux-primary-600))}.ux-gradient-angle-270{background:linear-gradient(270deg,var(--ux-primary-300),var(--ux-primary-600))}.ux-gradient-angle-315{background:linear-gradient(315deg,var(--ux-primary-300),var(--ux-primary-600))}.ux-gradient-radial-primary{background:radial-gradient(circle,var(--ux-primary-300),var(--ux-primary-600))}.ux-gradient-radial-secondary{background:radial-gradient(circle,var(--ux-secondary-300),var(--ux-secondary-600))}.ux-gradient-radial-tertiary{background:radial-gradient(circle,var(--ux-tertiary-300),var(--ux-tertiary-600))}.ux-gradient-radial-primary-secondary{background:radial-gradient(circle,var(--ux-primary-400),var(--ux-secondary-500))}.ux-gradient-radial-spotlight{background:radial-gradient(circle at 25% 25%,var(--ux-primary-300) 0%,var(--ux-primary-700) 80%)}.ux-gradient-radial-ellipse{background:radial-gradient(ellipse,var(--ux-primary-300),var(--ux-primary-700))}.ux-gradient-conic-primary{background:conic-gradient(from 0deg,var(--ux-primary-200),var(--ux-primary-600),var(--ux-primary-200))}.ux-gradient-conic-secondary{background:conic-gradient(from 0deg,var(--ux-secondary-200),var(--ux-secondary-600),var(--ux-secondary-200))}.ux-gradient-conic-tertiary{background:conic-gradient(from 0deg,var(--ux-tertiary-200),var(--ux-tertiary-600),var(--ux-tertiary-200))}.ux-gradient-conic-rainbow{background:conic-gradient(from 0deg,var(--ux-primary-500),var(--ux-secondary-500),var(--ux-tertiary-500),var(--ux-primary-500))}.ux-gradient-conic-color-wheel{background:conic-gradient(from 0deg,var(--ux-primary-500),var(--ux-secondary-500),var(--ux-tertiary-500),var(--ux-success-500),var(--ux-info-500),var(--ux-warning-500),var(--ux-error-500),var(--ux-primary-500))}.ux-text-gradient-primary{background:linear-gradient(135deg,var(--ux-primary-300),var(--ux-primary-600));-webkit-background-clip:text;background-clip:text;color:transparent}.ux-text-gradient-secondary{background:linear-gradient(135deg,var(--ux-secondary-300),var(--ux-secondary-600));-webkit-background-clip:text;background-clip:text;color:transparent}.ux-text-gradient-tertiary{background:linear-gradient(135deg,var(--ux-tertiary-300),var(--ux-tertiary-600));-webkit-background-clip:text;background-clip:text;color:transparent}.ux-text-gradient-rainbow{background:linear-gradient(to right,var(--ux-primary-500),var(--ux-secondary-500),var(--ux-tertiary-500));-webkit-background-clip:text;background-clip:text;color:transparent}.ux-text-gradient-cosmic{background:linear-gradient(to right,var(--ux-primary-500),var(--ux-secondary-500),var(--ux-accent-500),var(--ux-info-500));-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 2px rgba(var(--ux-primary-500-rgb),.2)}.ux-text-gradient-horizontal-primary{background:linear-gradient(to right,var(--ux-primary-300),var(--ux-primary-600));-webkit-background-clip:text;background-clip:text;color:transparent}.ux-text-gradient-horizontal-secondary{background:linear-gradient(to right,var(--ux-secondary-300),var(--ux-secondary-600));-webkit-background-clip:text;background-clip:text;color:transparent}.ux-text-gradient-vertical-primary{background:linear-gradient(to bottom,var(--ux-primary-300),var(--ux-primary-600));-webkit-background-clip:text;background-clip:text;color:transparent}.ux-text-gradient-vertical-secondary{background:linear-gradient(to bottom,var(--ux-secondary-300),var(--ux-secondary-600));-webkit-background-clip:text;background-clip:text;color:transparent}.ux-text-gradient-primary-secondary{background:linear-gradient(135deg,var(--ux-primary-400),var(--ux-secondary-500));-webkit-background-clip:text;background-clip:text;color:transparent}.ux-text-gradient-secondary-tertiary{background:linear-gradient(135deg,var(--ux-secondary-400),var(--ux-tertiary-500));-webkit-background-clip:text;background-clip:text;color:transparent}.ux-text-gradient-tertiary-primary{background:linear-gradient(135deg,var(--ux-tertiary-400),var(--ux-primary-500));-webkit-background-clip:text;background-clip:text;color:transparent}.ux-text-gradient-tri-primary{background:linear-gradient(135deg,var(--ux-primary-300),var(--ux-primary-500),var(--ux-primary-700));-webkit-background-clip:text;background-clip:text;color:transparent}.ux-text-gradient-tri-secondary{background:linear-gradient(135deg,var(--ux-secondary-300),var(--ux-secondary-500),var(--ux-secondary-700));-webkit-background-clip:text;background-clip:text;color:transparent}.ux-text-gradient-radial-primary{background:radial-gradient(circle,var(--ux-primary-300),var(--ux-primary-600));-webkit-background-clip:text;background-clip:text;color:transparent}.ux-text-gradient-radial-secondary{background:radial-gradient(circle,var(--ux-secondary-300),var(--ux-secondary-600));-webkit-background-clip:text;background-clip:text;color:transparent}.ux-text-gradient-conic-primary{background:conic-gradient(from 45deg,var(--ux-primary-300),var(--ux-primary-600),var(--ux-primary-300));-webkit-background-clip:text;background-clip:text;color:transparent}.ux-text-gradient-conic-rainbow{background:conic-gradient(from 45deg,var(--ux-primary-500),var(--ux-secondary-500),var(--ux-tertiary-500),var(--ux-primary-500));-webkit-background-clip:text;background-clip:text;color:transparent}.ux-text-gradient-metallic{background:linear-gradient(135deg,silver,#fff,#a0a0a0,silver);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 2px rgba(192,192,192,.2)}.ux-text-gradient-golden{background:linear-gradient(135deg,#bf953f,#fcf6ba,#b38728,#fbf5b7,#aa771c);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 2px rgba(191,149,63,.2)}.ux-border-gradient-primary{border:4px solid;-o-border-image:linear-gradient(135deg,var(--ux-primary-300),var(--ux-primary-600)) 1;border-image:linear-gradient(135deg,var(--ux-primary-300),var(--ux-primary-600)) 1}.ux-border-gradient-secondary{border:4px solid;-o-border-image:linear-gradient(135deg,var(--ux-secondary-300),var(--ux-secondary-600)) 1;border-image:linear-gradient(135deg,var(--ux-secondary-300),var(--ux-secondary-600)) 1}.ux-border-gradient-tertiary{border:4px solid;-o-border-image:linear-gradient(135deg,var(--ux-tertiary-300),var(--ux-tertiary-600)) 1;border-image:linear-gradient(135deg,var(--ux-tertiary-300),var(--ux-tertiary-600)) 1}.ux-border-gradient-rainbow{border:4px solid;-o-border-image:linear-gradient(to right,var(--ux-primary-500),var(--ux-secondary-500),var(--ux-tertiary-500)) 1;border-image:linear-gradient(to right,var(--ux-primary-500),var(--ux-secondary-500),var(--ux-tertiary-500)) 1}.ux-border-gradient-thin-primary{border:2px solid;-o-border-image:linear-gradient(135deg,var(--ux-primary-300),var(--ux-primary-600)) 1;border-image:linear-gradient(135deg,var(--ux-primary-300),var(--ux-primary-600)) 1}.ux-border-gradient-glow{position:relative}.ux-border-gradient-glow:before{content:"";position:absolute;inset:-2px;background:linear-gradient(45deg,var(--ux-primary-500),var(--ux-secondary-500));z-index:-1;border-radius:inherit;filter:blur(4px)}.ux-gradient-animated{background:linear-gradient(270deg,var(--ux-primary-300),var(--ux-primary-600),var(--ux-primary-300));background-size:200% 200%;animation:gradient-animation 3s ease infinite}.ux-gradient-animated-rainbow{background:linear-gradient(270deg,var(--ux-primary-500),var(--ux-secondary-500),var(--ux-tertiary-500),var(--ux-primary-500));background-size:300% 300%;animation:gradient-animation 6s ease infinite}.ux-gradient-animated-pulse{background:radial-gradient(circle,var(--ux-primary-300),var(--ux-primary-600));background-size:200% 200%;animation:pulse-gradient 3s ease infinite}.ux-gradient-animated-fast{background:linear-gradient(270deg,var(--ux-primary-300),var(--ux-primary-600),var(--ux-primary-300));background-size:200% 200%;animation:gradient-animation 2s ease infinite}.ux-gradient-animated-slow{background:linear-gradient(270deg,var(--ux-primary-300),var(--ux-primary-600),var(--ux-primary-300));background-size:200% 200%;animation:gradient-animation 8s ease infinite}.ux-gradient-animated-shimmer{position:relative;overflow:hidden}.ux-gradient-animated-shimmer:after{content:"";position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer-animation 2s infinite}.ux-gradient-overlay-top{background:linear-gradient(to bottom,rgba(0,0,0,.7),transparent)}.ux-gradient-overlay-bottom{background:linear-gradient(to top,rgba(0,0,0,.7),transparent)}.ux-gradient-overlay-left{background:linear-gradient(to right,rgba(0,0,0,.7),transparent)}.ux-gradient-overlay-right{background:linear-gradient(to left,rgba(0,0,0,.7),transparent)}.ux-gradient-overlay-vignette{position:relative}.ux-gradient-overlay-vignette:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 0%,rgba(0,0,0,.5) 100%);pointer-events:none}.ux-gradient-mesh{position:relative;overflow:hidden;background-color:var(--ux-background, #ffffff)}.ux-gradient-mesh:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 30% 30%,var(--ux-primary-300) 0%,transparent 50%),radial-gradient(circle at 70% 70%,var(--ux-secondary-300) 0%,transparent 50%),radial-gradient(circle at 40% 80%,var(--ux-tertiary-300) 0%,transparent 50%);opacity:.3;z-index:-1}.ux-gradient-mesh-dense{position:relative;overflow:hidden}.ux-gradient-mesh-dense:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 20% 20%,var(--ux-primary-300) 0%,transparent 30%),radial-gradient(circle at 50% 50%,var(--ux-secondary-300) 0%,transparent 30%),radial-gradient(circle at 80% 80%,var(--ux-tertiary-300) 0%,transparent 30%),radial-gradient(circle at 20% 80%,var(--ux-accent-300) 0%,transparent 30%),radial-gradient(circle at 80% 20%,var(--ux-info-300) 0%,transparent 30%);opacity:.3;z-index:-1}.ux-gradient-mix-multiply{position:relative}.ux-gradient-mix-multiply:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,var(--ux-primary-500),var(--ux-secondary-500));mix-blend-mode:multiply;pointer-events:none}.ux-gradient-mix-screen{position:relative}.ux-gradient-mix-screen:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,var(--ux-primary-500),var(--ux-secondary-500));mix-blend-mode:screen;pointer-events:none}.ux-gradient-mix-overlay{position:relative}.ux-gradient-mix-overlay:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,var(--ux-primary-500),var(--ux-secondary-500));mix-blend-mode:overlay;pointer-events:none}@keyframes gradient-animation{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes pulse-gradient{0%{background-size:100% 100%;opacity:1}50%{background-size:150% 150%;opacity:.8}to{background-size:100% 100%;opacity:1}}@keyframes shimmer-animation{0%{left:-100%}to{left:200%}}@media (min-width: 640px){.sm\:ux-gradient-primary{background:linear-gradient(135deg,var(--ux-primary-300),var(--ux-primary-600))}.sm\:ux-text-gradient-primary{background:linear-gradient(135deg,var(--ux-primary-300),var(--ux-primary-600));-webkit-background-clip:text;background-clip:text;color:transparent}}@media (min-width: 768px){.md\:ux-gradient-primary{background:linear-gradient(135deg,var(--ux-primary-300),var(--ux-primary-600))}.md\:ux-text-gradient-primary{background:linear-gradient(135deg,var(--ux-primary-300),var(--ux-primary-600));-webkit-background-clip:text;background-clip:text;color:transparent}}@media (min-width: 1024px){.lg\:ux-gradient-primary{background:linear-gradient(135deg,var(--ux-primary-300),var(--ux-primary-600))}.lg\:ux-text-gradient-primary{background:linear-gradient(135deg,var(--ux-primary-300),var(--ux-primary-600));-webkit-background-clip:text;background-clip:text;color:transparent}}.ux-border{border-width:1px;border-style:solid}.ux-border-0{border-width:0px}.ux-border-2{border-width:2px}.ux-border-4{border-width:4px}.ux-border-8{border-width:8px}.ux-border-solid{border-style:solid}.ux-border-dashed{border-style:dashed}.ux-border-dotted{border-style:dotted}.ux-border-double{border-style:double}.ux-border-none{border-style:none}.ux-border-opacity-0{--ux-border-opacity: 0;border-color:rgba(var(--ux-border-color-rgb, 0, 0, 0),var(--ux-border-opacity))}.ux-border-opacity-5{--ux-border-opacity: .05;border-color:rgba(var(--ux-border-color-rgb, 0, 0, 0),var(--ux-border-opacity))}.ux-border-opacity-10{--ux-border-opacity: .1;border-color:rgba(var(--ux-border-color-rgb, 0, 0, 0),var(--ux-border-opacity))}.ux-border-opacity-20{--ux-border-opacity: .2;border-color:rgba(var(--ux-border-color-rgb, 0, 0, 0),var(--ux-border-opacity))}.ux-border-opacity-25{--ux-border-opacity: .25;border-color:rgba(var(--ux-border-color-rgb, 0, 0, 0),var(--ux-border-opacity))}.ux-border-opacity-30{--ux-border-opacity: .3;border-color:rgba(var(--ux-border-color-rgb, 0, 0, 0),var(--ux-border-opacity))}.ux-border-opacity-40{--ux-border-opacity: .4;border-color:rgba(var(--ux-border-color-rgb, 0, 0, 0),var(--ux-border-opacity))}.ux-border-opacity-50{--ux-border-opacity: .5;border-color:rgba(var(--ux-border-color-rgb, 0, 0, 0),var(--ux-border-opacity))}.ux-border-opacity-60{--ux-border-opacity: .6;border-color:rgba(var(--ux-border-color-rgb, 0, 0, 0),var(--ux-border-opacity))}.ux-border-opacity-70{--ux-border-opacity: .7;border-color:rgba(var(--ux-border-color-rgb, 0, 0, 0),var(--ux-border-opacity))}.ux-border-opacity-75{--ux-border-opacity: .75;border-color:rgba(var(--ux-border-color-rgb, 0, 0, 0),var(--ux-border-opacity))}.ux-border-opacity-80{--ux-border-opacity: .8;border-color:rgba(var(--ux-border-color-rgb, 0, 0, 0),var(--ux-border-opacity))}.ux-border-opacity-90{--ux-border-opacity: .9;border-color:rgba(var(--ux-border-color-rgb, 0, 0, 0),var(--ux-border-opacity))}.ux-border-opacity-95{--ux-border-opacity: .95;border-color:rgba(var(--ux-border-color-rgb, 0, 0, 0),var(--ux-border-opacity))}.ux-border-opacity-100{--ux-border-opacity: 1;border-color:rgba(var(--ux-border-color-rgb, 0, 0, 0),var(--ux-border-opacity))}.ux-rounded-none{border-radius:0}.ux-rounded-sm{border-radius:.125rem}.ux-rounded{border-radius:.25rem}.ux-rounded-md{border-radius:.375rem}.ux-rounded-lg{border-radius:.5rem}.ux-rounded-xl{border-radius:.75rem}.ux-rounded-2xl{border-radius:1rem}.ux-rounded-3xl{border-radius:1.5rem}.ux-rounded-full{border-radius:9999px}.ux-rounded-t-none{border-top-left-radius:0;border-top-right-radius:0}.ux-rounded-r-none{border-top-right-radius:0;border-bottom-right-radius:0}.ux-rounded-b-none{border-bottom-right-radius:0;border-bottom-left-radius:0}.ux-rounded-l-none{border-top-left-radius:0;border-bottom-left-radius:0}.ux-rounded-t-sm{border-top-left-radius:.125rem;border-top-right-radius:.125rem}.ux-rounded-r-sm{border-top-right-radius:.125rem;border-bottom-right-radius:.125rem}.ux-rounded-b-sm{border-bottom-right-radius:.125rem;border-bottom-left-radius:.125rem}.ux-rounded-l-sm{border-top-left-radius:.125rem;border-bottom-left-radius:.125rem}.ux-rounded-t{border-top-left-radius:.25rem;border-top-right-radius:.25rem}.ux-rounded-r{border-top-right-radius:.25rem;border-bottom-right-radius:.25rem}.ux-rounded-b{border-bottom-right-radius:.25rem;border-bottom-left-radius:.25rem}.ux-rounded-l{border-top-left-radius:.25rem;border-bottom-left-radius:.25rem}.ux-rounded-t-lg{border-top-left-radius:.5rem;border-top-right-radius:.5rem}.ux-rounded-r-lg{border-top-right-radius:.5rem;border-bottom-right-radius:.5rem}.ux-rounded-b-lg{border-bottom-right-radius:.5rem;border-bottom-left-radius:.5rem}.ux-rounded-l-lg{border-top-left-radius:.5rem;border-bottom-left-radius:.5rem}.ux-rounded-tl{border-top-left-radius:.25rem}.ux-rounded-tr{border-top-right-radius:.25rem}.ux-rounded-br{border-bottom-right-radius:.25rem}.ux-rounded-bl{border-bottom-left-radius:.25rem}.ux-rounded-tl-lg{border-top-left-radius:.5rem}.ux-rounded-tr-lg{border-top-right-radius:.5rem}.ux-rounded-br-lg{border-bottom-right-radius:.5rem}.ux-rounded-bl-lg{border-bottom-left-radius:.5rem}.ux-border-t{border-top-width:1px}.ux-border-r{border-right-width:1px}.ux-border-b{border-bottom-width:1px}.ux-border-l{border-left-width:1px}.ux-border-x{border-left-width:1px;border-right-width:1px}.ux-border-y{border-top-width:1px;border-bottom-width:1px}.ux-border-t-0{border-top-width:0}.ux-border-r-0{border-right-width:0}.ux-border-b-0{border-bottom-width:0}.ux-border-l-0{border-left-width:0}.ux-border-t-2{border-top-width:2px}.ux-border-r-2{border-right-width:2px}.ux-border-b-2{border-bottom-width:2px}.ux-border-l-2{border-left-width:2px}.ux-border-t-4{border-top-width:4px}.ux-border-r-4{border-right-width:4px}.ux-border-b-4{border-bottom-width:4px}.ux-border-l-4{border-left-width:4px}.ux-divide-y>*+*{border-top-width:1px}.ux-divide-x>*+*{border-left-width:1px}.ux-divide-y-2>*+*{border-top-width:2px}.ux-divide-x-2>*+*{border-left-width:2px}.ux-divide-solid>*+*{border-style:solid}.ux-divide-dashed>*+*{border-style:dashed}.ux-divide-dotted>*+*{border-style:dotted}.ux-outline-none{outline:2px solid transparent;outline-offset:2px}.ux-outline{outline-style:solid}.ux-outline-dashed{outline-style:dashed}.ux-outline-dotted{outline-style:dotted}.ux-outline-0{outline-width:0px}.ux-outline-1{outline-width:1px}.ux-outline-2{outline-width:2px}.ux-outline-4{outline-width:4px}.ux-outline-8{outline-width:8px}.ux-outline-offset-0{outline-offset:0px}.ux-outline-offset-1{outline-offset:1px}.ux-outline-offset-2{outline-offset:2px}.ux-outline-offset-4{outline-offset:4px}.ux-outline-offset-8{outline-offset:8px}@media (min-width: 640px){.ux-sm\:rounded-none{border-radius:0}.ux-sm\:rounded{border-radius:.25rem}.ux-sm\:rounded-lg{border-radius:.5rem}.ux-sm\:border{border-width:1px}.ux-sm\:border-0{border-width:0}.ux-sm\:border-2{border-width:2px}}@media (min-width: 768px){.ux-md\:rounded-none{border-radius:0}.ux-md\:rounded{border-radius:.25rem}.ux-md\:rounded-lg{border-radius:.5rem}.ux-md\:border{border-width:1px}.ux-md\:border-0{border-width:0}.ux-md\:border-2{border-width:2px}}@media (min-width: 1024px){.ux-lg\:rounded-none{border-radius:0}.ux-lg\:rounded{border-radius:.25rem}.ux-lg\:rounded-lg{border-radius:.5rem}.ux-lg\:border{border-width:1px}.ux-lg\:border-0{border-width:0}.ux-lg\:border-2{border-width:2px}}@media (min-width: 1280px){.ux-xl\:rounded-none{border-radius:0}.ux-xl\:rounded{border-radius:.25rem}.ux-xl\:rounded-lg{border-radius:.5rem}.ux-xl\:border{border-width:1px}.ux-xl\:border-0{border-width:0}.ux-xl\:border-2{border-width:2px}}.ux-shadow-sm{box-shadow:0 1px 2px #0000000d}.ux-shadow{box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f}.ux-shadow-md{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.ux-shadow-lg{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.ux-shadow-xl{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.ux-shadow-2xl{box-shadow:0 25px 50px -12px #00000040}.ux-shadow-inner{box-shadow:inset 0 2px 4px #0000000f}.ux-shadow-primary{box-shadow:0 4px 14px rgba(var(--ux-primary-rgb, 59, 130, 246),.39)}.ux-shadow-secondary{box-shadow:0 4px 14px rgba(var(--ux-secondary-rgb, 107, 114, 128),.39)}.ux-shadow-tertiary{box-shadow:0 4px 14px rgba(var(--ux-tertiary-rgb, 147, 51, 234),.39)}.ux-shadow-success{box-shadow:0 4px 14px rgba(var(--ux-success-rgb, 34, 197, 94),.39)}.ux-shadow-warning{box-shadow:0 4px 14px rgba(var(--ux-warning-rgb, 245, 158, 11),.39)}.ux-shadow-error{box-shadow:0 4px 14px rgba(var(--ux-error-rgb, 239, 68, 68),.39)}.ux-shadow-info{box-shadow:0 4px 14px rgba(var(--ux-info-rgb, 14, 165, 233),.39)}.ux-shadow-top{box-shadow:0 -4px 6px -1px #0000001a,0 -2px 4px -1px #0000000f}.ux-shadow-right{box-shadow:4px 0 6px -1px #0000001a,2px 0 4px -1px #0000000f}.ux-shadow-bottom{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.ux-shadow-left{box-shadow:-4px 0 6px -1px #0000001a,-2px 0 4px -1px #0000000f}.ux-shadow-sharp{box-shadow:0 1px 1px #0000001f,0 2px 2px #0000001f,0 4px 4px #0000001f}.ux-shadow-soft{box-shadow:0 4px 20px #0000001a}.ux-shadow-layered{box-shadow:0 1px 1px #0000001f,0 2px 2px #0000001f,0 4px 4px #0000001f,0 8px 8px #0000001f,0 16px 16px #0000001f}.ux-shadow-float{box-shadow:0 10px 20px #0000001a,0 3px 6px #0000000d;transition:box-shadow .3s ease-in-out,transform .3s ease-in-out}.ux-shadow-float:hover{box-shadow:0 15px 30px #00000026,0 5px 10px #0000000d;transform:translateY(-5px)}.ux-shadow-flat{box-shadow:0 1px 8px #0000001a}.ux-shadow-deep{box-shadow:0 12px 28px #0003,0 2px 4px #0000001a}.ux-shadow-pop{box-shadow:0 2px 10px #0000001a;transition:box-shadow .2s ease-in-out,transform .2s ease-in-out}.ux-shadow-pop:hover{box-shadow:0 7px 20px #00000026;transform:translateY(-2px)}.ux-shadow-pop:active{box-shadow:0 2px 5px #0000001a;transform:translateY(1px)}.ux-text-shadow-none{text-shadow:none}.ux-text-shadow-sm{text-shadow:0 1px 2px rgba(0,0,0,.1)}.ux-text-shadow{text-shadow:0 1px 3px rgba(0,0,0,.2)}.ux-text-shadow-md{text-shadow:0 3px 6px rgba(0,0,0,.2)}.ux-text-shadow-lg{text-shadow:0 5px 10px rgba(0,0,0,.25)}.ux-text-shadow-xl{text-shadow:0 8px 16px rgba(0,0,0,.3)}.ux-shadow-glow{box-shadow:0 0 15px rgba(var(--ux-primary-rgb, 59, 130, 246),.5)}.ux-shadow-glow-md{box-shadow:0 0 25px rgba(var(--ux-primary-rgb, 59, 130, 246),.6)}.ux-shadow-glow-lg{box-shadow:0 0 35px rgba(var(--ux-primary-rgb, 59, 130, 246),.7)}.ux-shadow-inset-sm{box-shadow:inset 0 1px 2px #0000001a}.ux-shadow-inset-md{box-shadow:inset 0 2px 5px #00000026}.ux-shadow-inset-lg{box-shadow:inset 0 3px 8px #0003}@media (min-width: 640px){.ux-sm\:shadow-none{box-shadow:none}.ux-sm\:shadow{box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f}.ux-sm\:shadow-md{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.ux-sm\:shadow-lg{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}}@media (min-width: 768px){.ux-md\:shadow-none{box-shadow:none}.ux-md\:shadow{box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f}.ux-md\:shadow-md{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.ux-md\:shadow-lg{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}}@media (min-width: 1024px){.ux-lg\:shadow-none{box-shadow:none}.ux-lg\:shadow{box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f}.ux-lg\:shadow-md{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.ux-lg\:shadow-lg{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}}@media (min-width: 1280px){.ux-xl\:shadow-none{box-shadow:none}.ux-xl\:shadow{box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f}.ux-xl\:shadow-md{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.ux-xl\:shadow-lg{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}}.ux-radius-none{border-radius:0}.ux-radius-xs{border-radius:.125rem}.ux-radius-sm{border-radius:.25rem}.ux-radius-md{border-radius:.5rem}.ux-radius-lg{border-radius:.75rem}.ux-radius-xl{border-radius:1rem}.ux-radius-2xl{border-radius:1.5rem}.ux-radius-3xl{border-radius:2rem}.ux-radius-full{border-radius:9999px}.ux-radius-tl-md{border-top-left-radius:.5rem}.ux-radius-tr-md{border-top-right-radius:.5rem}.ux-radius-bl-md{border-bottom-left-radius:.5rem}.ux-radius-br-md{border-bottom-right-radius:.5rem}.ux-radius-t-md{border-top-left-radius:.5rem;border-top-right-radius:.5rem}.ux-radius-b-md{border-bottom-left-radius:.5rem;border-bottom-right-radius:.5rem}.ux-radius-l-md{border-top-left-radius:.5rem;border-bottom-left-radius:.5rem}.ux-radius-r-md{border-top-right-radius:.5rem;border-bottom-right-radius:.5rem}.ux-shadow-none{box-shadow:none}.ux-shadow-xs{box-shadow:var(--ux-shadow-xs, 0 1px 2px rgba(0, 0, 0, .05))}.ux-shadow-sm{box-shadow:var(--ux-shadow-sm, 0 1px 3px rgba(0, 0, 0, .1), 0 1px 2px rgba(0, 0, 0, .06))}.ux-shadow-md{box-shadow:var(--ux-shadow-md, 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06))}.ux-shadow-lg{box-shadow:var(--ux-shadow-lg, 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05))}.ux-shadow-xl{box-shadow:var(--ux-shadow-xl, 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04))}.ux-shadow-2xl{box-shadow:var(--ux-shadow-2xl, 0 25px 50px -12px rgba(0, 0, 0, .25))}.ux-shadow-inner{box-shadow:var(--ux-shadow-inner, inset 0 2px 4px 0 rgba(0, 0, 0, .06))}.ux-shadow-primary{box-shadow:0 4px 14px rgba(var(--ux-primary-rgb),.3)}.ux-shadow-secondary{box-shadow:0 4px 14px rgba(var(--ux-secondary-rgb),.3)}.ux-shadow-tertiary{box-shadow:0 4px 14px rgba(var(--ux-tertiary-rgb),.3)}.ux-shadow-top{box-shadow:0 -4px 6px -1px #0000001a}.ux-shadow-right{box-shadow:4px 0 6px -1px #0000001a}.ux-shadow-bottom{box-shadow:0 4px 6px -1px #0000001a}.ux-shadow-left{box-shadow:-4px 0 6px -1px #0000001a}.ux-shadow-float{box-shadow:0 10px 20px #0000001a,0 6px 6px #0000000d;transition:transform .3s ease,box-shadow .3s ease}.ux-shadow-float:hover{transform:translateY(-5px);box-shadow:0 20px 25px #00000026,0 10px 10px #0000000d}.ux-shadow-glow{box-shadow:0 0 15px rgba(var(--ux-primary-rgb),.5)}.ux-shadow-sharp{box-shadow:5px 5px #0000001a}.ux-scale-90{transform:scale(.9)}.ux-scale-95{transform:scale(.95)}.ux-scale-100{transform:scale(1)}.ux-scale-105{transform:scale(1.05)}.ux-scale-110{transform:scale(1.1)}.ux-rotate-0{transform:rotate(0)}.ux-rotate-45{transform:rotate(45deg)}.ux-rotate-90{transform:rotate(90deg)}.ux-rotate-180{transform:rotate(180deg)}.ux-rotate-n45{transform:rotate(-45deg)}.ux-rotate-n90{transform:rotate(-90deg)}.ux-translate-x-1{transform:translate(.25rem)}.ux-translate-x-2{transform:translate(.5rem)}.ux-translate-x-n1{transform:translate(-.25rem)}.ux-translate-x-n2{transform:translate(-.5rem)}.ux-translate-y-1{transform:translateY(.25rem)}.ux-translate-y-2{transform:translateY(.5rem)}.ux-translate-y-n1{transform:translateY(-.25rem)}.ux-translate-y-n2{transform:translateY(-.5rem)}.ux-skew-x-5{transform:skew(5deg)}.ux-skew-x-n5{transform:skew(-5deg)}.ux-skew-y-5{transform:skewY(5deg)}.ux-skew-y-n5{transform:skewY(-5deg)}.ux-transition-fast{transition:all .15s ease}.ux-transition-normal{transition:all .3s ease}.ux-transition-slow{transition:all .5s ease}.ux-transition-transform{transition-property:transform;transition-timing-function:ease;transition-duration:.3s}.ux-transition-opacity{transition-property:opacity;transition-timing-function:ease;transition-duration:.3s}.ux-transition-colors{transition-property:background-color,border-color,color,fill,stroke;transition-timing-function:ease;transition-duration:.3s}.ux-transition-shadow{transition-property:box-shadow;transition-timing-function:ease;transition-duration:.3s}.ux-hover-lift{transition:transform .3s ease,box-shadow .3s ease}.ux-hover-lift:hover{transform:translateY(-5px);box-shadow:var(--ux-shadow-md)}.ux-hover-scale{transition:transform .3s ease}.ux-hover-scale:hover{transform:scale(1.05)}.ux-hover-brightness{transition:filter .3s ease}.ux-hover-brightness:hover{filter:brightness(1.1)}.ux-shape-angle-tl{clip-path:polygon(0 15%,15% 0,100% 0,100% 100%,0 100%)}.ux-shape-angle-tr{clip-path:polygon(0 0,85% 0,100% 15%,100% 100%,0 100%)}.ux-shape-angle-br{clip-path:polygon(0 0,100% 0,100% 85%,85% 100%,0 100%)}.ux-shape-angle-bl{clip-path:polygon(0 0,100% 0,100% 100%,15% 100%,0 85%)}.ux-shape-chevron-bottom{clip-path:polygon(0 0,100% 0,100% 80%,50% 100%,0 80%)}.ux-shape-chevron-top{clip-path:polygon(0 20%,50% 0,100% 20%,100% 100%,0 100%)}.ux-shape-hexagon{clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%)}.ux-shape-octagon{clip-path:polygon(30% 0,70% 0,100% 30%,100% 70%,70% 100%,30% 100%,0 70%,0 30%)}.ux-shape-circle{clip-path:circle(50% at 50% 50%)}.ux-shape-ellipse{clip-path:ellipse(40% 50% at 50% 50%)}.ux-shape-diagonal-slice{clip-path:polygon(0 0,100% 0,100% 85%,0 100%)}.ux-shape-wave-bottom{clip-path:url(#wave-bottom);position:relative}.ux-shape-wave-bottom:before{content:"";position:absolute;left:-9999px;bottom:-9999px;background:none}.ux-shape-wave-bottom:before svg{display:none;width:0;height:0}.ux-ease-linear{transition-timing-function:linear}.ux-ease-in{transition-timing-function:cubic-bezier(.4,0,1,1)}.ux-ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.ux-ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ux-duration-75{transition-duration:75ms}.ux-duration-100{transition-duration:.1s}.ux-duration-150{transition-duration:.15s}.ux-duration-200{transition-duration:.2s}.ux-duration-300{transition-duration:.3s}.ux-duration-500{transition-duration:.5s}.ux-duration-700{transition-duration:.7s}.ux-duration-1000{transition-duration:1s}.ux-transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.ux-transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.ux-transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.ux-transition-shadow{transition-property:box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.ux-transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.ux-animate-fade-in{animation:ux-fade-in .5s ease-out forwards}.ux-animate-fade-in-up{animation:ux-fade-in-up .5s ease-out forwards}@keyframes ux-fade-in-down{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.ux-animate-fade-in-down{animation:ux-fade-in-down .5s ease-out forwards}@keyframes ux-fade-in-left{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.ux-animate-fade-in-left{animation:ux-fade-in-left .5s ease-out forwards}@keyframes ux-fade-in-right{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.ux-animate-fade-in-right{animation:ux-fade-in-right .5s ease-out forwards}@keyframes ux-fade-out{0%{opacity:1}to{opacity:0}}.ux-animate-fade-out{animation:ux-fade-out .5s ease-in forwards}@keyframes ux-pulse{0%,to{opacity:1}50%{opacity:.5}}.ux-animate-pulse{animation:ux-pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes ux-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.ux-animate-spin{animation:ux-spin 1s linear infinite}@keyframes ux-ping{0%{transform:scale(1);opacity:1}75%,to{transform:scale(2);opacity:0}}.ux-animate-ping{animation:ux-ping 1s cubic-bezier(0,0,.2,1) infinite}@keyframes ux-bounce{0%,to{transform:translateY(0);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:translateY(-25%);animation-timing-function:cubic-bezier(0,0,.2,1)}}.ux-animate-bounce{animation:ux-bounce 1s infinite}@keyframes ux-float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.ux-animate-float{animation:ux-float 3s ease-in-out infinite}@keyframes ux-shimmer{0%{background-position:-100% 0}to{background-position:200% 0}}.ux-animate-shimmer{background:linear-gradient(to right,#fff0,#ffffff4d,#fff0);background-size:200% 100%;animation:ux-shimmer 2s infinite}@keyframes ux-slide-in-left{0%{transform:translate(-100%)}to{transform:translate(0)}}.ux-animate-slide-in-left{animation:ux-slide-in-left .5s ease-out forwards}@keyframes ux-slide-in-right{0%{transform:translate(100%)}to{transform:translate(0)}}.ux-animate-slide-in-right{animation:ux-slide-in-right .5s ease-out forwards}@keyframes ux-slide-in-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.ux-animate-slide-in-up{animation:ux-slide-in-up .5s ease-out forwards}@keyframes ux-slide-in-down{0%{transform:translateY(-100%)}to{transform:translateY(0)}}.ux-animate-slide-in-down{animation:ux-slide-in-down .5s ease-out forwards}@keyframes ux-ripple{to{transform:scale(4);opacity:0}}.ux-ripple{position:relative;overflow:hidden}.ux-ripple:after{content:"";position:absolute;width:100%;height:100%;top:0;left:0;pointer-events:none;background-image:radial-gradient(circle,rgba(255,255,255,.3) 10%,transparent 10.01%);background-repeat:no-repeat;background-position:50%;transform:scale(0);opacity:.5;animation:ux-ripple .6s linear}@keyframes ux-liquid-bubble{0%{transform:translate(0) rotate(0)}25%{transform:translate(10px,10px) rotate(5deg)}50%{transform:translateY(15px) rotate(0)}75%{transform:translate(-10px,5px) rotate(-5deg)}to{transform:translate(0) rotate(0)}}.ux-animate-liquid{animation:ux-liquid-bubble 15s ease-in-out infinite}.ux-delay-100{animation-delay:.1s}.ux-delay-200{animation-delay:.2s}.ux-delay-300{animation-delay:.3s}.ux-delay-500{animation-delay:.5s}.ux-delay-700{animation-delay:.7s}.ux-delay-1000{animation-delay:1s}.ux-fill-none{animation-fill-mode:none}.ux-fill-forwards{animation-fill-mode:forwards}.ux-fill-backwards{animation-fill-mode:backwards}.ux-fill-both{animation-fill-mode:both}.ux-once{animation-iteration-count:1}.ux-infinite{animation-iteration-count:infinite}.ux-normal{animation-direction:normal}.ux-reverse{animation-direction:reverse}.ux-alternate{animation-direction:alternate}.ux-alternate-reverse{animation-direction:alternate-reverse}.ux-paused{animation-play-state:paused}.ux-running{animation-play-state:running}.ux-hover-lift{transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s ease}.ux-hover-lift:hover{transform:translateY(-10px);box-shadow:var(--ux-shadow-lg, 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05))}.ux-hover-scale{transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s ease}.ux-hover-scale:hover{transform:scale(1.05);box-shadow:var(--ux-shadow-md, 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06))}.ux-hover-spotlight{position:relative;overflow:hidden;transition:box-shadow .3s ease}.ux-hover-spotlight:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at var(--spotlight-x, 50%) var(--spotlight-y, 50%),rgba(var(--ux-primary-rgb, 59, 130, 246),.15) 0%,rgba(var(--ux-primary-rgb, 59, 130, 246),0) 50%);opacity:0;transition:opacity .3s ease;pointer-events:none}.ux-hover-spotlight:hover:before{opacity:1}.ux-hover-glow{transition:box-shadow .3s ease}.ux-hover-glow:hover{box-shadow:0 0 15px rgba(var(--ux-primary-rgb, 59, 130, 246),.5)}.ux-hover-tilt{transition:transform .2s ease;transform-style:preserve-3d}.ux-hover-tilt:hover{transform:perspective(1000px) rotateX(var(--tilt-x, 2deg)) rotateY(var(--tilt-y, 2deg))}.ux-hover-border-grow{position:relative}.ux-hover-border-grow:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background-color:var(--ux-primary, #4f46e5);transition:width .3s ease}.ux-hover-border-grow:hover:after{width:100%}.ux-theme-hover-primary{transition:background-color .3s ease,color .3s ease}.ux-theme-hover-primary:hover{background-color:var(--ux-primary, #4f46e5);color:var(--ux-on-primary, white)}.ux-theme-hover-secondary{transition:background-color .3s ease,color .3s ease}.ux-theme-hover-secondary:hover{background-color:var(--ux-secondary, #0ea5e9);color:var(--ux-on-secondary, white)}.ux-theme-hover-tertiary{transition:background-color .3s ease,color .3s ease}.ux-theme-hover-tertiary:hover{background-color:var(--ux-tertiary, #f43f5e);color:var(--ux-on-tertiary, white)}.ux-theme-gradient-shift{background-size:200% 200%;background-position:0% 0%;background-image:linear-gradient(45deg,var(--ux-surface, white) 0%,var(--ux-surface, white) 49%,var(--ux-primary-light, #818cf8) 50%,var(--ux-primary, #4f46e5) 100%);transition:background-position .5s ease,color .3s ease}.ux-theme-gradient-shift:hover{background-position:100% 100%;color:var(--ux-on-primary, white)}.ux-theme-shadow-pulse{transition:box-shadow .3s ease}.ux-theme-shadow-pulse:hover{animation:shadow-pulse 2s infinite}@keyframes shadow-pulse{0%{box-shadow:0 0 rgba(var(--ux-primary-rgb, 59, 130, 246),.4)}70%{box-shadow:0 0 0 15px rgba(var(--ux-primary-rgb, 59, 130, 246),0)}to{box-shadow:0 0 rgba(var(--ux-primary-rgb, 59, 130, 246),0)}}.ux-theme-glow-shift:hover{animation:glow-shift 2s infinite alternate}@keyframes glow-shift{0%{box-shadow:0 0 15px rgba(var(--ux-primary-rgb, 59, 130, 246),.5)}50%{box-shadow:0 0 15px rgba(var(--ux-secondary-rgb, 107, 114, 128),.5)}to{box-shadow:0 0 15px rgba(var(--ux-tertiary-rgb, 147, 51, 234),.5)}}.ux-theme-tri-state{position:relative;overflow:hidden;z-index:0;transition:color .3s ease}.ux-theme-tri-state:before{content:"";position:absolute;inset:0;background:var(--ux-surface, white);z-index:-1;transition:transform .5s ease}.ux-theme-tri-state:after{content:"";position:absolute;inset:0;background:linear-gradient(45deg,var(--ux-primary, #4f46e5),var(--ux-secondary, #0ea5e9),var(--ux-tertiary, #f43f5e));z-index:-2;transition:opacity .5s ease;opacity:0}.ux-theme-tri-state:hover{color:var(--ux-on-primary, white)}.ux-theme-tri-state:hover:before{transform:translateY(100%)}.ux-theme-tri-state:hover:after{opacity:1}.ux-button-3d{transform-style:preserve-3d;perspective:1000px;transition:transform .2s ease,box-shadow .2s ease;box-shadow:0 6px rgba(var(--ux-primary-darker-rgb, 30, 58, 138),.8),0 8px 10px #0003}.ux-button-3d:hover{transform:translateY(-2px);box-shadow:0 8px rgba(var(--ux-primary-darker-rgb, 30, 58, 138),.8),0 10px 15px #00000040}.ux-button-3d:active{transform:translateY(4px);box-shadow:0 2px rgba(var(--ux-primary-darker-rgb, 30, 58, 138),.8),0 3px 5px #00000026}.ux-button-pulse{position:relative;overflow:hidden}.ux-button-pulse:hover:before{content:"";position:absolute;inset:0;background-color:rgba(var(--ux-primary-rgb, 59, 130, 246),.1);border-radius:inherit;animation:button-pulse 1.5s infinite}@keyframes button-pulse{0%{transform:scale(1);opacity:1}to{transform:scale(1.5);opacity:0}}.ux-button-shimmer{position:relative;overflow:hidden}.ux-button-shimmer:before{content:"";position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(to right,transparent,rgba(255,255,255,.3),transparent);transform:skew(-25deg);transition:all .75s ease}.ux-button-shimmer:hover:before{animation:button-shimmer 1.5s infinite}@keyframes button-shimmer{0%{left:-100%}to{left:200%}}.ux-button-border-slide{position:relative;background-color:transparent!important;color:var(--ux-primary)!important;border:2px solid var(--ux-primary);overflow:hidden;transition:color .3s ease;z-index:1}.ux-button-border-slide:before{content:"";position:absolute;top:0;left:0;width:0;height:100%;background-color:var(--ux-primary);transition:width .3s ease;z-index:-1}.ux-button-border-slide:hover{color:var(--ux-on-primary)!important}.ux-button-border-slide:hover:before{width:100%}.ux-button-magnetic{transition:transform .3s cubic-bezier(.34,1.56,.64,1);transform-style:preserve-3d}.ux-theme-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:6px;border-radius:3px;background:linear-gradient(to right,var(--ux-primary-lighter, #818cf8) 0%,var(--ux-primary, #4f46e5) 50%,var(--ux-primary-darker, #3730a3) 100%);outline:none}.ux-theme-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:var(--ux-primary, #4f46e5);box-shadow:var(--ux-shadow-sm, 0 1px 2px 0 rgba(0, 0, 0, .05));cursor:pointer;-webkit-transition:transform .2s,box-shadow .2s;transition:transform .2s,box-shadow .2s}.ux-theme-slider::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--ux-primary, #4f46e5);box-shadow:var(--ux-shadow-sm, 0 1px 2px 0 rgba(0, 0, 0, .05));cursor:pointer;-moz-transition:transform .2s,box-shadow .2s;transition:transform .2s,box-shadow .2s;border:none}.ux-theme-slider:hover::-webkit-slider-thumb{transform:scale(1.2);box-shadow:var(--ux-shadow-md, 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06))}.ux-theme-slider:hover::-moz-range-thumb{transform:scale(1.2);box-shadow:var(--ux-shadow-md, 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06))}.ux-theme-checkbox{position:relative;display:inline-block;width:20px;height:20px}.ux-theme-checkbox input[type=checkbox]{opacity:0;width:0;height:0}.ux-theme-checkbox input[type=checkbox]+label{position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--ux-surface, white);border:2px solid var(--ux-outline, #d1d5db);border-radius:var(--ux-border-radius-sm, .125rem);cursor:pointer;transition:all .2s ease}.ux-theme-checkbox input[type=checkbox]+label:after{content:"";position:absolute;top:40%;left:50%;width:6px;height:10px;border:solid white;border-width:0 2px 2px 0;transform:translate(-50%,-50%) rotate(45deg) scale(0);opacity:0;transition:all .2s ease}.ux-theme-checkbox input[type=checkbox]:checked+label{background-color:var(--ux-primary, #4f46e5);border-color:var(--ux-primary, #4f46e5)}.ux-theme-checkbox input[type=checkbox]:checked+label:after{opacity:1;transform:translate(-50%,-50%) rotate(45deg) scale(1)}.ux-theme-checkbox input[type=checkbox]:focus+label{box-shadow:0 0 0 2px rgba(var(--ux-primary-rgb, 59, 130, 246),.3)}.ux-theme-toggle{position:relative;display:inline-block;width:50px;height:26px}.ux-theme-toggle input[type=checkbox]{opacity:0;width:0;height:0}.ux-theme-toggle input[type=checkbox]+label{position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--ux-surface-variant, #f3f4f6);border-radius:34px;cursor:pointer;transition:all .4s ease}.ux-theme-toggle input[type=checkbox]+label:before{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;background-color:var(--ux-on-surface-variant, #6b7280);border-radius:50%;transition:all .4s cubic-bezier(.34,1.56,.64,1)}.ux-theme-toggle input[type=checkbox]:checked+label{background-color:var(--ux-primary-container, #e0e7ff)}.ux-theme-toggle input[type=checkbox]:checked+label:before{background-color:var(--ux-primary, #4f46e5);transform:translate(24px)}.ux-theme-toggle input[type=checkbox]:focus+label{box-shadow:0 0 0 2px rgba(var(--ux-primary-rgb, 59, 130, 246),.3)}.ux-ripple-effect{position:relative;overflow:hidden;transform:translateZ(0)}.ux-ripple-effect .ripple{position:absolute;border-radius:50%;transform:scale(0);animation:ripple .6s linear;background-color:#ffffff4d;pointer-events:none}@keyframes ripple{to{transform:scale(4);opacity:0}}.ux-focus-primary{transition:box-shadow .2s ease}.ux-focus-primary:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(var(--ux-primary-rgb, 59, 130, 246),.5)}.ux-focus-secondary{transition:box-shadow .2s ease}.ux-focus-secondary:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(var(--ux-secondary-rgb, 107, 114, 128),.5)}.ux-focus-tertiary{transition:box-shadow .2s ease}.ux-focus-tertiary:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(var(--ux-tertiary-rgb, 147, 51, 234),.5)}.ux-state-hover:hover{background-color:var(--ux-hover-state, rgba(0, 0, 0, .04))}.ux-state-focus:focus-visible{outline:none;box-shadow:0 0 0 2px var(--ux-focus-state, rgba(59, 130, 246, .5))}.ux-state-active:active{background-color:var(--ux-active-state, rgba(0, 0, 0, .1));transform:translateY(1px)}.ux-state-disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.ux-liquid-bubbles{position:relative;overflow:hidden;min-height:150px;background:linear-gradient(135deg,color-mix(in srgb,var(--ux-primary) 15%,var(--ux-surface)),color-mix(in srgb,var(--ux-secondary) 10%,var(--ux-surface)))}@keyframes liquid-float{0%{transform:translate(0) rotate(0)}25%{transform:translate(10px,10px) rotate(5deg)}50%{transform:translateY(15px) rotate(0)}75%{transform:translate(-10px,5px) rotate(-5deg)}to{transform:translate(0) rotate(0)}}.ux-liquid-morphing{position:relative;overflow:hidden}.ux-liquid-morphing:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,color-mix(in srgb,var(--ux-primary) 40%,transparent),transparent 60%);filter:blur(30px);opacity:.7;animation:liquid-morph 10s ease-in-out infinite alternate}@keyframes liquid-morph{0%{transform:translate(0) scale(1)}33%{transform:translate(5%,-5%) scale(1.1)}66%{transform:translate(-5%,5%) scale(.9)}to{transform:translate(0) scale(1)}}.ux-liquid-ripple{position:relative;overflow:hidden}.ux-liquid-ripple:after{content:"";position:absolute;top:50%;left:50%;width:150%;height:150%;background:radial-gradient(circle,color-mix(in srgb,var(--ux-primary) 10%,transparent) 10%,transparent 70%);transform:translate(-50%,-50%);animation:liquid-ripple 8s ease-in-out infinite}@keyframes liquid-ripple{0%{transform:translate(-50%,-50%) scale(.8);opacity:.5}50%{transform:translate(-50%,-50%) scale(1.2);opacity:.2}to{transform:translate(-50%,-50%) scale(.8);opacity:.5}}.ux-liquid-droplet{position:relative;border-radius:50%/60% 60% 40% 40%;background:radial-gradient(circle at 50% 30%,color-mix(in srgb,var(--ux-primary) 90%,white),color-mix(in srgb,var(--ux-primary) 100%,var(--ux-secondary)));box-shadow:0 10px 30px #00000026,inset 0 -5px 10px #0000001a,inset 0 5px 10px #fff3;animation:liquid-droplet-pulse 4s ease-in-out infinite alternate}.ux-liquid-droplet:after{content:"";position:absolute;top:15%;left:25%;width:20%;height:10%;background-color:#ffffffb3;border-radius:50%;filter:blur(2px)}@keyframes liquid-droplet-pulse{0%{border-radius:50%/60% 60% 40% 40%}50%{border-radius:50%/40% 40% 60% 60%}to{border-radius:50%/60% 60% 40% 40%}}.ux-liquid-flow{position:relative;overflow:hidden}.ux-liquid-flow:before{content:"";position:absolute;inset:0;background:linear-gradient(45deg,color-mix(in srgb,var(--ux-primary) 40%,transparent),color-mix(in srgb,var(--ux-secondary) 40%,transparent) 50%,color-mix(in srgb,var(--ux-tertiary) 40%,transparent));filter:blur(20px);opacity:.7;animation:liquid-flow 15s linear infinite}@keyframes liquid-flow{0%{background-position:0% 0%}to{background-position:200% 0%}}.ux-liquid-blur{position:relative;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#ffffff1a}.ux-liquid-blur:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 30% 30%,color-mix(in srgb,var(--ux-primary) 30%,transparent),transparent 60%),radial-gradient(circle at 70% 70%,color-mix(in srgb,var(--ux-secondary) 30%,transparent),transparent 60%);filter:blur(20px);opacity:.5;mix-blend-mode:overlay;animation:liquid-blur 10s ease-in-out infinite alternate}@keyframes liquid-blur{0%{filter:blur(20px);opacity:.5}50%{filter:blur(25px);opacity:.7}to{filter:blur(20px);opacity:.5}}.ux-liquid-ink{position:relative;overflow:hidden}.ux-liquid-ink:before{content:"";position:absolute;width:100%;height:100%;background-color:color-mix(in srgb,var(--ux-primary) 80%,transparent);filter:blur(30px);opacity:.7;animation:liquid-ink 8s ease-in-out infinite;transform-origin:center}@keyframes liquid-ink{0%{transform:scale(.8) translate(10%,10%);border-radius:30% 70% 70% 30%/30% 30% 70% 70%}25%{transform:scale(.8) translate(-10%,10%);border-radius:70% 30% 30% 70%/30% 30% 70% 70%}50%{transform:scale(.8) translate(-10%,-10%);border-radius:30% 70% 70% 30%/70% 70% 30% 30%}75%{transform:scale(.8) translate(10%,-10%);border-radius:70% 30% 30% 70%/70% 70% 30% 30%}to{transform:scale(.8) translate(10%,10%);border-radius:30% 70% 70% 30%/30% 30% 70% 70%}}.ux-morphing-bg{position:relative;overflow:hidden}.ux-morphing-bg:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(ellipse at center,color-mix(in srgb,var(--ux-primary) 30%,transparent),transparent 70%);animation:morphing-rotate 20s linear infinite}.ux-morphing-bg:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(ellipse at center,color-mix(in srgb,var(--ux-secondary) 20%,transparent),transparent 70%);animation:morphing-rotate 30s linear infinite reverse}@keyframes morphing-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.ux-advanced-mesh-bg{position:relative;overflow:hidden}.ux-advanced-mesh-bg:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 30%,var(--ux-primary-lighter) 0,transparent 50%),radial-gradient(circle at 80% 70%,var(--ux-secondary-lighter) 0,transparent 50%),radial-gradient(circle at 50% 50%,var(--ux-tertiary-lighter) 0,transparent 50%);filter:blur(30px);opacity:.7;mix-blend-mode:screen;animation:mesh-morph 15s ease-in-out infinite alternate}@keyframes mesh-morph{0%{background-position:0% 0%,100% 100%,50% 50%;background-size:100% 100%,100% 100%,100% 100%}50%{background-position:10% 20%,90% 80%,60% 40%;background-size:120% 120%,90% 90%,110% 110%}to{background-position:0% 0%,100% 100%,50% 50%;background-size:100% 100%,100% 100%,100% 100%}}.ux-particle-network{position:relative;overflow:hidden;background-color:var(--ux-surface)}.ux-particle-network:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 10% 10%,var(--ux-primary-light) 1px,transparent 1px),radial-gradient(circle at 20% 50%,var(--ux-secondary-light) 1px,transparent 1px),radial-gradient(circle at 40% 30%,var(--ux-primary-light) 1px,transparent 1px),radial-gradient(circle at 60% 70%,var(--ux-secondary-light) 1px,transparent 1px),radial-gradient(circle at 80% 20%,var(--ux-tertiary-light) 1px,transparent 1px),radial-gradient(circle at 90% 90%,var(--ux-tertiary-light) 1px,transparent 1px);background-size:5% 5%;opacity:.5;animation:particle-drift 30s linear infinite}@keyframes particle-drift{0%{background-position:0% 0%,0% 0%,0% 0%,0% 0%,0% 0%,0% 0%}to{background-position:100% 100%,100% 100%,100% 100%,100% 100%,100% 100%,100% 100%}}.ux-swirl-bg{position:relative;overflow:hidden}.ux-swirl-bg:before{content:"";position:absolute;top:50%;left:50%;width:150%;height:150%;transform:translate(-50%,-50%);background:conic-gradient(from 0deg,color-mix(in srgb,var(--ux-primary) 30%,transparent),color-mix(in srgb,var(--ux-secondary) 30%,transparent),color-mix(in srgb,var(--ux-tertiary) 30%,transparent),color-mix(in srgb,var(--ux-primary) 30%,transparent));filter:blur(30px);opacity:.7;animation:swirl-rotate 20s linear infinite}@keyframes swirl-rotate{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.ux-nebula-bg{position:relative;overflow:hidden;background-color:color-mix(in srgb,var(--ux-surface-darker) 90%,black)}.ux-nebula-bg:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 30% 40%,color-mix(in srgb,var(--ux-primary) 60%,transparent),transparent 30%),radial-gradient(circle at 70% 60%,color-mix(in srgb,var(--ux-secondary) 50%,transparent),transparent 30%),radial-gradient(circle at 50% 50%,color-mix(in srgb,var(--ux-tertiary) 40%,transparent),transparent 40%);filter:blur(40px);opacity:.6;mix-blend-mode:screen;animation:nebula-pulse 10s ease-in-out infinite alternate}.ux-nebula-bg:after{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 20% 30%,white 1px,transparent 1px),radial-gradient(circle at 40% 70%,white 1px,transparent 1px),radial-gradient(circle at 60% 40%,white 1px,transparent 1px),radial-gradient(circle at 80% 60%,white 1px,transparent 1px);background-size:100% 100%;opacity:.5}@keyframes nebula-pulse{0%{background-size:60% 60%,70% 70%,80% 80%;opacity:.6}50%{background-size:70% 70%,80% 80%,90% 90%;opacity:.7}to{background-size:60% 60%,70% 70%,80% 80%;opacity:.6}}.ux-wave-bg{position:relative;overflow:hidden}.ux-wave-bg:before{content:"";position:absolute;inset:0;background:linear-gradient(45deg,color-mix(in srgb,var(--ux-primary) 20%,transparent) 0%,transparent 25%,color-mix(in srgb,var(--ux-primary) 20%,transparent) 50%,transparent 75%,color-mix(in srgb,var(--ux-primary) 20%,transparent) 100%);background-size:200% 200%;opacity:.7;animation:wave-drift 15s linear infinite}.ux-wave-bg:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,color-mix(in srgb,var(--ux-secondary) 20%,transparent) 0%,transparent 25%,color-mix(in srgb,var(--ux-secondary) 20%,transparent) 50%,transparent 75%,color-mix(in srgb,var(--ux-secondary) 20%,transparent) 100%);background-size:200% 200%;opacity:.5;animation:wave-drift 20s linear infinite reverse}@keyframes wave-drift{0%{background-position:0% 0%}to{background-position:200% 200%}}.ux-aurora-bg{position:relative;overflow:hidden;background-color:color-mix(in srgb,var(--ux-surface-darker) 90%,black)}.ux-aurora-bg:before{content:"";position:absolute;inset:-50%;background:linear-gradient(to bottom,transparent 0%,color-mix(in srgb,var(--ux-primary) 40%,transparent) 40%,color-mix(in srgb,var(--ux-secondary) 40%,transparent) 60%,transparent 100%);filter:blur(40px);opacity:.6;animation:aurora-wave 15s ease-in-out infinite alternate;transform-origin:center}@keyframes aurora-wave{0%{transform:scale(1) rotate(0)}50%{transform:scale(1.2) rotate(5deg)}to{transform:scale(1) rotate(0)}}.ux-container{width:100%;margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem;box-sizing:border-box}@media (min-width: 640px){.ux-container{max-width:600px}}@media (min-width: 768px){.ux-container{max-width:720px}}@media (min-width: 1024px){.ux-container{max-width:960px}}@media (min-width: 1280px){.ux-container{max-width:1200px}}@media (min-width: 1536px){.ux-container{max-width:1400px}}.ux-container-fluid{width:100%;margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem;box-sizing:border-box}.ux-container-padding-sm{padding-left:.5rem;padding-right:.5rem}.ux-container-padding-md{padding-left:1rem;padding-right:1rem}.ux-container-padding-lg{padding-left:1.5rem;padding-right:1.5rem}.ux-container-padding-xl{padding-left:2rem;padding-right:2rem}@media (min-width: 375px){.ux-hide-xs{display:none!important}}@media (min-width: 640px){.ux-hide-sm{display:none!important}}@media (min-width: 768px){.ux-hide-md{display:none!important}}@media (min-width: 1024px){.ux-hide-lg{display:none!important}}@media (min-width: 1280px){.ux-hide-xl{display:none!important}}@media (min-width: 1536px){.ux-hide-2xl{display:none!important}}.ux-show-xs{display:none!important}@media (min-width: 375px){.ux-show-xs{display:block!important}}.ux-show-sm{display:none!important}@media (min-width: 640px){.ux-show-sm{display:block!important}}.ux-show-md{display:none!important}@media (min-width: 768px){.ux-show-md{display:block!important}}.ux-show-lg{display:none!important}@media (min-width: 1024px){.ux-show-lg{display:block!important}}.ux-show-xl{display:none!important}@media (min-width: 1280px){.ux-show-xl{display:block!important}}.ux-show-2xl{display:none!important}@media (min-width: 1536px){.ux-show-2xl{display:block!important}}.ux-only-xs{display:none!important}@media (min-width: 375px) and (max-width: 639px){.ux-only-xs{display:block!important}}.ux-only-sm{display:none!important}@media (min-width: 640px) and (max-width: 767px){.ux-only-sm{display:block!important}}.ux-only-md{display:none!important}@media (min-width: 768px) and (max-width: 1023px){.ux-only-md{display:block!important}}.ux-only-lg{display:none!important}@media (min-width: 1024px) and (max-width: 1279px){.ux-only-lg{display:block!important}}.ux-only-xl{display:none!important}@media (min-width: 1280px) and (max-width: 1535px){.ux-only-xl{display:block!important}}.ux-only-2xl{display:none!important}@media (min-width: 1536px){.ux-only-2xl{display:block!important}}.ux-flex-xs{display:none!important}@media (min-width: 375px){.ux-flex-xs{display:flex!important}}.ux-grid-xs{display:none!important}@media (min-width: 375px){.ux-grid-xs{display:grid!important}}.ux-block-xs{display:none!important}@media (min-width: 375px){.ux-block-xs{display:block!important}}.ux-inline-xs{display:none!important}@media (min-width: 375px){.ux-inline-xs{display:inline!important}}.ux-inline-block-xs{display:none!important}@media (min-width: 375px){.ux-inline-block-xs{display:inline-block!important}}.ux-flex-sm{display:none!important}@media (min-width: 640px){.ux-flex-sm{display:flex!important}}.ux-grid-sm{display:none!important}@media (min-width: 640px){.ux-grid-sm{display:grid!important}}.ux-block-sm{display:none!important}@media (min-width: 640px){.ux-block-sm{display:block!important}}.ux-inline-sm{display:none!important}@media (min-width: 640px){.ux-inline-sm{display:inline!important}}.ux-inline-block-sm{display:none!important}@media (min-width: 640px){.ux-inline-block-sm{display:inline-block!important}}.ux-flex-md{display:none!important}@media (min-width: 768px){.ux-flex-md{display:flex!important}}.ux-grid-md{display:none!important}@media (min-width: 768px){.ux-grid-md{display:grid!important}}.ux-block-md{display:none!important}@media (min-width: 768px){.ux-block-md{display:block!important}}.ux-inline-md{display:none!important}@media (min-width: 768px){.ux-inline-md{display:inline!important}}.ux-inline-block-md{display:none!important}@media (min-width: 768px){.ux-inline-block-md{display:inline-block!important}}.ux-flex-lg{display:none!important}@media (min-width: 1024px){.ux-flex-lg{display:flex!important}}.ux-grid-lg{display:none!important}@media (min-width: 1024px){.ux-grid-lg{display:grid!important}}.ux-block-lg{display:none!important}@media (min-width: 1024px){.ux-block-lg{display:block!important}}.ux-inline-lg{display:none!important}@media (min-width: 1024px){.ux-inline-lg{display:inline!important}}.ux-inline-block-lg{display:none!important}@media (min-width: 1024px){.ux-inline-block-lg{display:inline-block!important}}.ux-flex-xl{display:none!important}@media (min-width: 1280px){.ux-flex-xl{display:flex!important}}.ux-grid-xl{display:none!important}@media (min-width: 1280px){.ux-grid-xl{display:grid!important}}.ux-block-xl{display:none!important}@media (min-width: 1280px){.ux-block-xl{display:block!important}}.ux-inline-xl{display:none!important}@media (min-width: 1280px){.ux-inline-xl{display:inline!important}}.ux-inline-block-xl{display:none!important}@media (min-width: 1280px){.ux-inline-block-xl{display:inline-block!important}}.ux-flex-2xl{display:none!important}@media (min-width: 1536px){.ux-flex-2xl{display:flex!important}}.ux-grid-2xl{display:none!important}@media (min-width: 1536px){.ux-grid-2xl{display:grid!important}}.ux-block-2xl{display:none!important}@media (min-width: 1536px){.ux-block-2xl{display:block!important}}.ux-inline-2xl{display:none!important}@media (min-width: 1536px){.ux-inline-2xl{display:inline!important}}.ux-inline-block-2xl{display:none!important}@media (min-width: 1536px){.ux-inline-block-2xl{display:inline-block!important}}@media (min-width: 375px){.ux-m-xs-0{margin:0!important}.ux-m-xs-1{margin:.25rem!important}.ux-m-xs-2{margin:.5rem!important}.ux-m-xs-3{margin:.75rem!important}.ux-m-xs-4{margin:1rem!important}.ux-m-xs-5{margin:1.5rem!important}.ux-m-xs-6{margin:2rem!important}.ux-m-xs-7{margin:2.5rem!important}.ux-m-xs-8{margin:3rem!important}.ux-p-xs-0{padding:0!important}.ux-p-xs-1{padding:.25rem!important}.ux-p-xs-2{padding:.5rem!important}.ux-p-xs-3{padding:.75rem!important}.ux-p-xs-4{padding:1rem!important}.ux-p-xs-5{padding:1.5rem!important}.ux-p-xs-6{padding:2rem!important}.ux-p-xs-7{padding:2.5rem!important}.ux-p-xs-8{padding:3rem!important}}@media (min-width: 640px){.ux-m-sm-0{margin:0!important}.ux-m-sm-1{margin:.25rem!important}.ux-m-sm-2{margin:.5rem!important}.ux-m-sm-3{margin:.75rem!important}.ux-m-sm-4{margin:1rem!important}.ux-m-sm-5{margin:1.5rem!important}.ux-m-sm-6{margin:2rem!important}.ux-m-sm-7{margin:2.5rem!important}.ux-m-sm-8{margin:3rem!important}.ux-p-sm-0{padding:0!important}.ux-p-sm-1{padding:.25rem!important}.ux-p-sm-2{padding:.5rem!important}.ux-p-sm-3{padding:.75rem!important}.ux-p-sm-4{padding:1rem!important}.ux-p-sm-5{padding:1.5rem!important}.ux-p-sm-6{padding:2rem!important}.ux-p-sm-7{padding:2.5rem!important}.ux-p-sm-8{padding:3rem!important}}@media (min-width: 768px){.ux-m-md-0{margin:0!important}.ux-m-md-1{margin:.25rem!important}.ux-m-md-2{margin:.5rem!important}.ux-m-md-3{margin:.75rem!important}.ux-m-md-4{margin:1rem!important}.ux-m-md-5{margin:1.5rem!important}.ux-m-md-6{margin:2rem!important}.ux-m-md-7{margin:2.5rem!important}.ux-m-md-8{margin:3rem!important}.ux-p-md-0{padding:0!important}.ux-p-md-1{padding:.25rem!important}.ux-p-md-2{padding:.5rem!important}.ux-p-md-3{padding:.75rem!important}.ux-p-md-4{padding:1rem!important}.ux-p-md-5{padding:1.5rem!important}.ux-p-md-6{padding:2rem!important}.ux-p-md-7{padding:2.5rem!important}.ux-p-md-8{padding:3rem!important}}@media (min-width: 1024px){.ux-m-lg-0{margin:0!important}.ux-m-lg-1{margin:.25rem!important}.ux-m-lg-2{margin:.5rem!important}.ux-m-lg-3{margin:.75rem!important}.ux-m-lg-4{margin:1rem!important}.ux-m-lg-5{margin:1.5rem!important}.ux-m-lg-6{margin:2rem!important}.ux-m-lg-7{margin:2.5rem!important}.ux-m-lg-8{margin:3rem!important}.ux-p-lg-0{padding:0!important}.ux-p-lg-1{padding:.25rem!important}.ux-p-lg-2{padding:.5rem!important}.ux-p-lg-3{padding:.75rem!important}.ux-p-lg-4{padding:1rem!important}.ux-p-lg-5{padding:1.5rem!important}.ux-p-lg-6{padding:2rem!important}.ux-p-lg-7{padding:2.5rem!important}.ux-p-lg-8{padding:3rem!important}}@media (min-width: 1280px){.ux-m-xl-0{margin:0!important}.ux-m-xl-1{margin:.25rem!important}.ux-m-xl-2{margin:.5rem!important}.ux-m-xl-3{margin:.75rem!important}.ux-m-xl-4{margin:1rem!important}.ux-m-xl-5{margin:1.5rem!important}.ux-m-xl-6{margin:2rem!important}.ux-m-xl-7{margin:2.5rem!important}.ux-m-xl-8{margin:3rem!important}.ux-p-xl-0{padding:0!important}.ux-p-xl-1{padding:.25rem!important}.ux-p-xl-2{padding:.5rem!important}.ux-p-xl-3{padding:.75rem!important}.ux-p-xl-4{padding:1rem!important}.ux-p-xl-5{padding:1.5rem!important}.ux-p-xl-6{padding:2rem!important}.ux-p-xl-7{padding:2.5rem!important}.ux-p-xl-8{padding:3rem!important}}@media (min-width: 1536px){.ux-m-2xl-0{margin:0!important}.ux-m-2xl-1{margin:.25rem!important}.ux-m-2xl-2{margin:.5rem!important}.ux-m-2xl-3{margin:.75rem!important}.ux-m-2xl-4{margin:1rem!important}.ux-m-2xl-5{margin:1.5rem!important}.ux-m-2xl-6{margin:2rem!important}.ux-m-2xl-7{margin:2.5rem!important}.ux-m-2xl-8{margin:3rem!important}.ux-p-2xl-0{padding:0!important}.ux-p-2xl-1{padding:.25rem!important}.ux-p-2xl-2{padding:.5rem!important}.ux-p-2xl-3{padding:.75rem!important}.ux-p-2xl-4{padding:1rem!important}.ux-p-2xl-5{padding:1.5rem!important}.ux-p-2xl-6{padding:2rem!important}.ux-p-2xl-7{padding:2.5rem!important}.ux-p-2xl-8{padding:3rem!important}}@media (min-width: 375px){.ux-text-xs-left{text-align:left!important}.ux-text-xs-center{text-align:center!important}.ux-text-xs-right{text-align:right!important}.ux-text-xs-justify{text-align:justify!important}}@media (min-width: 640px){.ux-text-sm-left{text-align:left!important}.ux-text-sm-center{text-align:center!important}.ux-text-sm-right{text-align:right!important}.ux-text-sm-justify{text-align:justify!important}}@media (min-width: 768px){.ux-text-md-left{text-align:left!important}.ux-text-md-center{text-align:center!important}.ux-text-md-right{text-align:right!important}.ux-text-md-justify{text-align:justify!important}}@media (min-width: 1024px){.ux-text-lg-left{text-align:left!important}.ux-text-lg-center{text-align:center!important}.ux-text-lg-right{text-align:right!important}.ux-text-lg-justify{text-align:justify!important}}@media (min-width: 1280px){.ux-text-xl-left{text-align:left!important}.ux-text-xl-center{text-align:center!important}.ux-text-xl-right{text-align:right!important}.ux-text-xl-justify{text-align:justify!important}}@media (min-width: 1536px){.ux-text-2xl-left{text-align:left!important}.ux-text-2xl-center{text-align:center!important}.ux-text-2xl-right{text-align:right!important}.ux-text-2xl-justify{text-align:justify!important}}@media (min-width: 375px){.ux-grid-cols-xs-1{grid-template-columns:repeat(1,minmax(0,1fr))!important}.ux-grid-cols-xs-2{grid-template-columns:repeat(2,minmax(0,1fr))!important}.ux-grid-cols-xs-3{grid-template-columns:repeat(3,minmax(0,1fr))!important}.ux-grid-cols-xs-4{grid-template-columns:repeat(4,minmax(0,1fr))!important}.ux-grid-cols-xs-5{grid-template-columns:repeat(5,minmax(0,1fr))!important}.ux-grid-cols-xs-6{grid-template-columns:repeat(6,minmax(0,1fr))!important}.ux-grid-cols-xs-7{grid-template-columns:repeat(7,minmax(0,1fr))!important}.ux-grid-cols-xs-8{grid-template-columns:repeat(8,minmax(0,1fr))!important}.ux-grid-cols-xs-9{grid-template-columns:repeat(9,minmax(0,1fr))!important}.ux-grid-cols-xs-10{grid-template-columns:repeat(10,minmax(0,1fr))!important}.ux-grid-cols-xs-11{grid-template-columns:repeat(11,minmax(0,1fr))!important}.ux-grid-cols-xs-12{grid-template-columns:repeat(12,minmax(0,1fr))!important}}@media (min-width: 640px){.ux-grid-cols-sm-1{grid-template-columns:repeat(1,minmax(0,1fr))!important}.ux-grid-cols-sm-2{grid-template-columns:repeat(2,minmax(0,1fr))!important}.ux-grid-cols-sm-3{grid-template-columns:repeat(3,minmax(0,1fr))!important}.ux-grid-cols-sm-4{grid-template-columns:repeat(4,minmax(0,1fr))!important}.ux-grid-cols-sm-5{grid-template-columns:repeat(5,minmax(0,1fr))!important}.ux-grid-cols-sm-6{grid-template-columns:repeat(6,minmax(0,1fr))!important}.ux-grid-cols-sm-7{grid-template-columns:repeat(7,minmax(0,1fr))!important}.ux-grid-cols-sm-8{grid-template-columns:repeat(8,minmax(0,1fr))!important}.ux-grid-cols-sm-9{grid-template-columns:repeat(9,minmax(0,1fr))!important}.ux-grid-cols-sm-10{grid-template-columns:repeat(10,minmax(0,1fr))!important}.ux-grid-cols-sm-11{grid-template-columns:repeat(11,minmax(0,1fr))!important}.ux-grid-cols-sm-12{grid-template-columns:repeat(12,minmax(0,1fr))!important}}@media (min-width: 768px){.ux-grid-cols-md-1{grid-template-columns:repeat(1,minmax(0,1fr))!important}.ux-grid-cols-md-2{grid-template-columns:repeat(2,minmax(0,1fr))!important}.ux-grid-cols-md-3{grid-template-columns:repeat(3,minmax(0,1fr))!important}.ux-grid-cols-md-4{grid-template-columns:repeat(4,minmax(0,1fr))!important}.ux-grid-cols-md-5{grid-template-columns:repeat(5,minmax(0,1fr))!important}.ux-grid-cols-md-6{grid-template-columns:repeat(6,minmax(0,1fr))!important}.ux-grid-cols-md-7{grid-template-columns:repeat(7,minmax(0,1fr))!important}.ux-grid-cols-md-8{grid-template-columns:repeat(8,minmax(0,1fr))!important}.ux-grid-cols-md-9{grid-template-columns:repeat(9,minmax(0,1fr))!important}.ux-grid-cols-md-10{grid-template-columns:repeat(10,minmax(0,1fr))!important}.ux-grid-cols-md-11{grid-template-columns:repeat(11,minmax(0,1fr))!important}.ux-grid-cols-md-12{grid-template-columns:repeat(12,minmax(0,1fr))!important}}@media (min-width: 1024px){.ux-grid-cols-lg-1{grid-template-columns:repeat(1,minmax(0,1fr))!important}.ux-grid-cols-lg-2{grid-template-columns:repeat(2,minmax(0,1fr))!important}.ux-grid-cols-lg-3{grid-template-columns:repeat(3,minmax(0,1fr))!important}.ux-grid-cols-lg-4{grid-template-columns:repeat(4,minmax(0,1fr))!important}.ux-grid-cols-lg-5{grid-template-columns:repeat(5,minmax(0,1fr))!important}.ux-grid-cols-lg-6{grid-template-columns:repeat(6,minmax(0,1fr))!important}.ux-grid-cols-lg-7{grid-template-columns:repeat(7,minmax(0,1fr))!important}.ux-grid-cols-lg-8{grid-template-columns:repeat(8,minmax(0,1fr))!important}.ux-grid-cols-lg-9{grid-template-columns:repeat(9,minmax(0,1fr))!important}.ux-grid-cols-lg-10{grid-template-columns:repeat(10,minmax(0,1fr))!important}.ux-grid-cols-lg-11{grid-template-columns:repeat(11,minmax(0,1fr))!important}.ux-grid-cols-lg-12{grid-template-columns:repeat(12,minmax(0,1fr))!important}}@media (min-width: 1280px){.ux-grid-cols-xl-1{grid-template-columns:repeat(1,minmax(0,1fr))!important}.ux-grid-cols-xl-2{grid-template-columns:repeat(2,minmax(0,1fr))!important}.ux-grid-cols-xl-3{grid-template-columns:repeat(3,minmax(0,1fr))!important}.ux-grid-cols-xl-4{grid-template-columns:repeat(4,minmax(0,1fr))!important}.ux-grid-cols-xl-5{grid-template-columns:repeat(5,minmax(0,1fr))!important}.ux-grid-cols-xl-6{grid-template-columns:repeat(6,minmax(0,1fr))!important}.ux-grid-cols-xl-7{grid-template-columns:repeat(7,minmax(0,1fr))!important}.ux-grid-cols-xl-8{grid-template-columns:repeat(8,minmax(0,1fr))!important}.ux-grid-cols-xl-9{grid-template-columns:repeat(9,minmax(0,1fr))!important}.ux-grid-cols-xl-10{grid-template-columns:repeat(10,minmax(0,1fr))!important}.ux-grid-cols-xl-11{grid-template-columns:repeat(11,minmax(0,1fr))!important}.ux-grid-cols-xl-12{grid-template-columns:repeat(12,minmax(0,1fr))!important}}@media (min-width: 1536px){.ux-grid-cols-2xl-1{grid-template-columns:repeat(1,minmax(0,1fr))!important}.ux-grid-cols-2xl-2{grid-template-columns:repeat(2,minmax(0,1fr))!important}.ux-grid-cols-2xl-3{grid-template-columns:repeat(3,minmax(0,1fr))!important}.ux-grid-cols-2xl-4{grid-template-columns:repeat(4,minmax(0,1fr))!important}.ux-grid-cols-2xl-5{grid-template-columns:repeat(5,minmax(0,1fr))!important}.ux-grid-cols-2xl-6{grid-template-columns:repeat(6,minmax(0,1fr))!important}.ux-grid-cols-2xl-7{grid-template-columns:repeat(7,minmax(0,1fr))!important}.ux-grid-cols-2xl-8{grid-template-columns:repeat(8,minmax(0,1fr))!important}.ux-grid-cols-2xl-9{grid-template-columns:repeat(9,minmax(0,1fr))!important}.ux-grid-cols-2xl-10{grid-template-columns:repeat(10,minmax(0,1fr))!important}.ux-grid-cols-2xl-11{grid-template-columns:repeat(11,minmax(0,1fr))!important}.ux-grid-cols-2xl-12{grid-template-columns:repeat(12,minmax(0,1fr))!important}}@media (min-width: 375px){.ux-gap-xs-0{gap:0!important}.ux-gap-xs-1{gap:.25rem!important}.ux-gap-xs-2{gap:.5rem!important}.ux-gap-xs-3{gap:.75rem!important}.ux-gap-xs-4{gap:1rem!important}.ux-gap-xs-5{gap:1.5rem!important}.ux-gap-xs-6{gap:2rem!important}.ux-gap-xs-7{gap:2.5rem!important}.ux-gap-xs-8{gap:3rem!important}}@media (min-width: 640px){.ux-gap-sm-0{gap:0!important}.ux-gap-sm-1{gap:.25rem!important}.ux-gap-sm-2{gap:.5rem!important}.ux-gap-sm-3{gap:.75rem!important}.ux-gap-sm-4{gap:1rem!important}.ux-gap-sm-5{gap:1.5rem!important}.ux-gap-sm-6{gap:2rem!important}.ux-gap-sm-7{gap:2.5rem!important}.ux-gap-sm-8{gap:3rem!important}}@media (min-width: 768px){.ux-gap-md-0{gap:0!important}.ux-gap-md-1{gap:.25rem!important}.ux-gap-md-2{gap:.5rem!important}.ux-gap-md-3{gap:.75rem!important}.ux-gap-md-4{gap:1rem!important}.ux-gap-md-5{gap:1.5rem!important}.ux-gap-md-6{gap:2rem!important}.ux-gap-md-7{gap:2.5rem!important}.ux-gap-md-8{gap:3rem!important}}@media (min-width: 1024px){.ux-gap-lg-0{gap:0!important}.ux-gap-lg-1{gap:.25rem!important}.ux-gap-lg-2{gap:.5rem!important}.ux-gap-lg-3{gap:.75rem!important}.ux-gap-lg-4{gap:1rem!important}.ux-gap-lg-5{gap:1.5rem!important}.ux-gap-lg-6{gap:2rem!important}.ux-gap-lg-7{gap:2.5rem!important}.ux-gap-lg-8{gap:3rem!important}}@media (min-width: 1280px){.ux-gap-xl-0{gap:0!important}.ux-gap-xl-1{gap:.25rem!important}.ux-gap-xl-2{gap:.5rem!important}.ux-gap-xl-3{gap:.75rem!important}.ux-gap-xl-4{gap:1rem!important}.ux-gap-xl-5{gap:1.5rem!important}.ux-gap-xl-6{gap:2rem!important}.ux-gap-xl-7{gap:2.5rem!important}.ux-gap-xl-8{gap:3rem!important}}@media (min-width: 1536px){.ux-gap-2xl-0{gap:0!important}.ux-gap-2xl-1{gap:.25rem!important}.ux-gap-2xl-2{gap:.5rem!important}.ux-gap-2xl-3{gap:.75rem!important}.ux-gap-2xl-4{gap:1rem!important}.ux-gap-2xl-5{gap:1.5rem!important}.ux-gap-2xl-6{gap:2rem!important}.ux-gap-2xl-7{gap:2.5rem!important}.ux-gap-2xl-8{gap:3rem!important}}.ux-sr-only-focusable:not(:focus){position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.ux-focus-ring{outline:2px solid var(--ux-primary);outline-offset:2px}.ux-focus-visible:focus:not(:focus-visible){outline:none}.ux-focus-visible:focus-visible{outline:2px solid var(--ux-primary);outline-offset:2px}.ux-high-contrast{color:var(--ux-high-contrast-text, #000);background:var(--ux-high-contrast-bg, #fff);border:1px solid currentColor}@media (prefers-reduced-motion: reduce){.ux-motion-safe{transition:none!important;animation:none!important}}@media (prefers-reduced-motion: no-preference){.ux-motion-safe-transition{transition-property:var(--ux-transition-property, all);transition-duration:var(--ux-transition-duration, .3s);transition-timing-function:var(--ux-transition-timing, ease-in-out)}}.ux-reduce-motion{transition:none!important;animation:none!important}.ux-skip-link{position:absolute;top:-3rem;left:0;padding:.5rem 1rem;background-color:var(--ux-primary);color:var(--ux-on-primary);z-index:9999;text-decoration:none}.ux-aria-announce{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0;pointer-events:none}.ux-aria-hidden{aria-hidden:true}.ux-tabindex-0{tabindex:0}.ux-large-text{font-size:1.25rem;line-height:1.5}.ux-text-spacing{letter-spacing:.12em;word-spacing:.16em;line-height:1.5}@media (forced-colors: active){.ux-forced-colors-mode{forced-color-adjust:none}}@media print{.ux-print-only{display:block!important}.ux-no-print{display:none!important}}.ux-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.ux-not-sr-only{position:static;width:auto;height:auto;padding:0;margin:0;overflow:visible;clip:auto;white-space:normal}.ux-focus-outline:focus-visible{outline:2px solid var(--ux-primary-400);outline-offset:2px}.ux-focus-outline-within:focus-within{outline:2px solid var(--ux-primary-400);outline-offset:2px}.ux-readable-line{max-width:70ch}.ux-dyslexic-friendly{font-family:Open Dyslexic,Comic Sans MS,sans-serif;line-height:1.5;letter-spacing:.05em;word-spacing:.1em}@media (forced-colors: active){.ux-high-contrast-border{border:1px solid CanvasText}.ux-high-contrast-text{color:CanvasText}}@media (prefers-reduced-motion: reduce){.ux-reduced-motion{transition:none!important;animation:none!important}}.ux-keyboard-focus-ring:focus{outline:none}.ux-keyboard-focus-ring:focus-visible{outline:3px solid var(--ux-primary-400);outline-offset:2px}.ux-skip-link{position:absolute;top:-40px;left:0;background:var(--ux-primary);color:var(--ux-on-primary);padding:8px;z-index:100;transition:top .2s ease}.ux-skip-link:focus{top:0}.ux-text-enhanced-contrast{color:var(--ux-on-surface-contrast, #000000);font-weight:500}.ux-text-enhanced-contrast-subtle{color:var(--ux-on-surface-variant-contrast, #1f2937);font-weight:500}.ux-accessible-input{padding:.5rem;border:2px solid var(--ux-surface-variant);border-radius:.25rem}.ux-accessible-input:focus{border-color:var(--ux-primary-400);outline:none;box-shadow:0 0 0 2px rgba(var(--ux-primary-rgb),.2)}.ux-accessible-input::-moz-placeholder{color:var(--ux-on-surface-variant);opacity:.7}.ux-accessible-input::placeholder{color:var(--ux-on-surface-variant);opacity:.7}.ux-tooltip-accessible{position:relative}.ux-tooltip-accessible [role=tooltip]{position:absolute;bottom:100%;left:50%;transform:translate(-50%);background-color:var(--ux-surface-variant);color:var(--ux-on-surface-variant);padding:.5rem;border-radius:.25rem;width:-moz-max-content;width:max-content;max-width:200px;text-align:center;visibility:hidden;opacity:0;transition:opacity .2s ease;z-index:10}.ux-tooltip-accessible [role=tooltip]:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border-width:5px;border-style:solid;border-color:var(--ux-surface-variant) transparent transparent transparent}.ux-tooltip-accessible:hover [role=tooltip],.ux-tooltip-accessible:focus [role=tooltip]{visibility:visible;opacity:1}.ux-colorblind-success{background-color:var(--ux-success);color:var(--ux-on-success);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-size:20px 20px}.ux-colorblind-error{background-color:var(--ux-error);color:var(--ux-on-error);background-image:linear-gradient(45deg,transparent 45%,var(--ux-on-error) 45%,var(--ux-on-error) 55%,transparent 55%),linear-gradient(135deg,transparent 45%,var(--ux-on-error) 45%,var(--ux-on-error) 55%,transparent 55%);background-size:10px 10px}.ux-colorblind-warning{background-color:var(--ux-warning);color:var(--ux-on-warning);background-image:radial-gradient(var(--ux-on-warning) 20%,transparent 20%);background-size:10px 10px}.ux-chart-primary{fill:var(--ux-primary)}.ux-chart-secondary{fill:var(--ux-secondary)}.ux-chart-tertiary{fill:var(--ux-tertiary)}.ux-chart-neutral{fill:var(--ux-neutral, #64748b)}.ux-chart-stroke-primary{stroke:var(--ux-primary);fill:none;stroke-width:2px}.ux-chart-stroke-secondary{stroke:var(--ux-secondary);fill:none;stroke-width:2px}.ux-chart-stroke-tertiary{stroke:var(--ux-tertiary);fill:none;stroke-width:2px}.ux-chart-grid{stroke:var(--ux-surface-variant, #e2e8f0);stroke-width:1px;stroke-dasharray:4 4}.ux-chart-axis{stroke:var(--ux-surface-variant, #e2e8f0);stroke-width:1px}.ux-chart-label{font-size:.75rem;fill:var(--ux-on-surface, #334155)}.ux-data-highlight-positive{color:var(--ux-success, #10b981);font-weight:600}.ux-data-highlight-negative{color:var(--ux-error, #ef4444);font-weight:600}.ux-data-highlight-neutral{color:var(--ux-neutral, #64748b);font-weight:600}.ux-data-indicator-up:before{content:"\25b2";margin-right:.25rem;font-size:.75em}.ux-data-indicator-down:before{content:"\25bc";margin-right:.25rem;font-size:.75em}.ux-progress-container,.ux-progress-tertiary,.ux-progress-secondary,.ux-progress-primary{background-color:var(--ux-surface-variant, #e2e8f0);border-radius:9999px;height:.5rem;overflow:hidden}.ux-progress-primary .ux-progress-bar{background-color:var(--ux-primary);height:100%;border-radius:9999px;transition:width .3s ease}.ux-progress-secondary .ux-progress-bar{background-color:var(--ux-secondary);height:100%;border-radius:9999px;transition:width .3s ease}.ux-progress-tertiary .ux-progress-bar{background-color:var(--ux-tertiary);height:100%;border-radius:9999px;transition:width .3s ease}.ux-data-pattern-dots{background-color:var(--ux-surface, white);background-image:radial-gradient(var(--ux-primary-200) 2px,transparent 0);background-size:16px 16px}.ux-data-pattern-stripes{background:repeating-linear-gradient(45deg,var(--ux-primary-100),var(--ux-primary-100) 10px,var(--ux-surface) 10px,var(--ux-surface) 20px)}.ux-data-pattern-grid{background-color:var(--ux-surface, white);background-image:linear-gradient(var(--ux-primary-100) 1px,transparent 1px),linear-gradient(to right,var(--ux-primary-100) 1px,transparent 1px);background-size:20px 20px}.ux-sparkline path{stroke:var(--ux-primary);stroke-width:1.5;fill:none}.ux-sparkline circle{fill:var(--ux-primary);stroke:var(--ux-surface);stroke-width:1}.ux-sparkline-secondary path{stroke:var(--ux-secondary);stroke-width:1.5;fill:none}.ux-sparkline-secondary circle{fill:var(--ux-secondary);stroke:var(--ux-surface);stroke-width:1}.ux-gauge-primary{stroke:var(--ux-primary);stroke-width:8;fill:none;stroke-linecap:round}.ux-gauge-track{stroke:var(--ux-surface-variant);stroke-width:8;fill:none}.ux-gauge-value{font-weight:700;font-size:1.5rem;fill:var(--ux-on-surface);text-anchor:middle;dominant-baseline:middle}.ux-kpi-card,.ux-kpi-card-tertiary,.ux-kpi-card-secondary{display:flex;flex-direction:column;padding:1rem;border-radius:.5rem;background-color:var(--ux-surface);border-top:3px solid var(--ux-primary);box-shadow:var(--ux-shadow-sm)}.ux-kpi-card .ux-kpi-title,.ux-kpi-card-tertiary .ux-kpi-title,.ux-kpi-card-secondary .ux-kpi-title{font-size:.875rem;color:var(--ux-on-surface-variant);margin-bottom:.5rem}.ux-kpi-card .ux-kpi-value,.ux-kpi-card-tertiary .ux-kpi-value,.ux-kpi-card-secondary .ux-kpi-value{font-size:1.5rem;font-weight:700;color:var(--ux-on-surface);margin-bottom:.25rem}.ux-kpi-card .ux-kpi-change,.ux-kpi-card-tertiary .ux-kpi-change,.ux-kpi-card-secondary .ux-kpi-change{font-size:.875rem}.ux-kpi-card-secondary{border-top-color:var(--ux-secondary)}.ux-kpi-card-tertiary{border-top-color:var(--ux-tertiary)}.ux-container-size{container-type:size}.ux-container-inline-size{container-type:inline-size}.ux-container-normal{container-type:normal}@container (min-width: 320px){.ux-cq-xs\:block{display:block}.ux-cq-xs\:flex{display:flex}.ux-cq-xs\:grid{display:grid}.ux-cq-xs\:hidden{display:none}.ux-cq-xs\:p-4{padding:1rem}.ux-cq-xs\:text-sm{font-size:var(--ux-text-sm)}}@container (min-width: 480px){.ux-cq-sm\:block{display:block}.ux-cq-sm\:flex{display:flex}.ux-cq-sm\:grid{display:grid}.ux-cq-sm\:hidden{display:none}.ux-cq-sm\:p-6{padding:1.5rem}.ux-cq-sm\:text-base{font-size:var(--ux-text-base)}}@container (min-width: 640px){.ux-cq-md\:block{display:block}.ux-cq-md\:flex{display:flex}.ux-cq-md\:grid{display:grid}.ux-cq-md\:hidden{display:none}.ux-cq-md\:p-8{padding:2rem}.ux-cq-md\:text-lg{font-size:var(--ux-text-lg)}}@container (min-width: 800px){.ux-cq-lg\:block{display:block}.ux-cq-lg\:flex{display:flex}.ux-cq-lg\:grid{display:grid}.ux-cq-lg\:hidden{display:none}.ux-cq-lg\:p-12{padding:3rem}.ux-cq-lg\:text-xl{font-size:var(--ux-text-xl)}}.ux-backdrop-blur-none{-webkit-backdrop-filter:var(--ux-backdrop-blur-none);backdrop-filter:var(--ux-backdrop-blur-none)}.ux-backdrop-blur-sm{-webkit-backdrop-filter:var(--ux-backdrop-blur-sm);backdrop-filter:var(--ux-backdrop-blur-sm)}.ux-backdrop-blur-md{-webkit-backdrop-filter:var(--ux-backdrop-blur-md);backdrop-filter:var(--ux-backdrop-blur-md)}.ux-backdrop-blur-lg{-webkit-backdrop-filter:var(--ux-backdrop-blur-lg);backdrop-filter:var(--ux-backdrop-blur-lg)}.ux-backdrop-blur-xl{-webkit-backdrop-filter:var(--ux-backdrop-blur-xl);backdrop-filter:var(--ux-backdrop-blur-xl)}.ux-backdrop-blur-2xl{-webkit-backdrop-filter:var(--ux-backdrop-blur-2xl);backdrop-filter:var(--ux-backdrop-blur-2xl)}.ux-backdrop-blur-3xl{-webkit-backdrop-filter:var(--ux-backdrop-blur-3xl);backdrop-filter:var(--ux-backdrop-blur-3xl)}.ux-backdrop-glass{-webkit-backdrop-filter:var(--ux-backdrop-blur-md) saturate(180%) brightness(110%);backdrop-filter:var(--ux-backdrop-blur-md) saturate(180%) brightness(110%);background:#ffffff1a;border:1px solid rgba(255,255,255,.2)}.ux-backdrop-glass-strong{-webkit-backdrop-filter:var(--ux-backdrop-blur-lg) saturate(200%) brightness(120%);backdrop-filter:var(--ux-backdrop-blur-lg) saturate(200%) brightness(120%);background:#ffffff26;border:1px solid rgba(255,255,255,.3)}.ux-shadow-none{box-shadow:var(--ux-shadow-none)}.ux-shadow-xs{box-shadow:var(--ux-shadow-xs)}.ux-shadow-sm{box-shadow:var(--ux-shadow-sm)}.ux-shadow-md{box-shadow:var(--ux-shadow-md)}.ux-shadow-lg{box-shadow:var(--ux-shadow-lg)}.ux-shadow-xl{box-shadow:var(--ux-shadow-xl)}.ux-shadow-2xl{box-shadow:var(--ux-shadow-2xl)}.ux-shadow-inner{box-shadow:var(--ux-shadow-inner)}.ux-shadow-colored{box-shadow:var(--ux-shadow-colored)}.ux-shadow-primary{box-shadow:0 10px 15px -3px rgba(var(--ux-primary-rgb),.3),0 4px 6px -2px rgba(var(--ux-primary-rgb),.2)}.ux-shadow-secondary{box-shadow:0 10px 15px -3px rgba(var(--ux-secondary-rgb),.3),0 4px 6px -2px rgba(var(--ux-secondary-rgb),.2)}.ux-shadow-success{box-shadow:0 10px 15px -3px rgba(var(--ux-success-rgb),.3),0 4px 6px -2px rgba(var(--ux-success-rgb),.2)}.ux-shadow-error{box-shadow:0 10px 15px -3px rgba(var(--ux-error-rgb),.3),0 4px 6px -2px rgba(var(--ux-error-rgb),.2)}.ux-scale-0{transform:scale(0)}.ux-scale-50{transform:scale(var(--ux-scale-50))}.ux-scale-75{transform:scale(var(--ux-scale-75))}.ux-scale-90{transform:scale(var(--ux-scale-90))}.ux-scale-95{transform:scale(var(--ux-scale-95))}.ux-scale-100{transform:scale(var(--ux-scale-100))}.ux-scale-105{transform:scale(var(--ux-scale-105))}.ux-scale-110{transform:scale(var(--ux-scale-110))}.ux-scale-125{transform:scale(var(--ux-scale-125))}.ux-scale-150{transform:scale(var(--ux-scale-150))}.ux-hover-scale:hover{transform:scale(var(--ux-scale-105))}.ux-hover-scale-lg:hover{transform:scale(var(--ux-scale-110))}.ux-opacity-0{opacity:var(--ux-opacity-0)}.ux-opacity-5{opacity:var(--ux-opacity-5)}.ux-opacity-10{opacity:var(--ux-opacity-10)}.ux-opacity-20{opacity:var(--ux-opacity-20)}.ux-opacity-25{opacity:var(--ux-opacity-25)}.ux-opacity-30{opacity:var(--ux-opacity-30)}.ux-opacity-40{opacity:var(--ux-opacity-40)}.ux-opacity-50{opacity:var(--ux-opacity-50)}.ux-opacity-60{opacity:var(--ux-opacity-60)}.ux-opacity-70{opacity:var(--ux-opacity-70)}.ux-opacity-75{opacity:var(--ux-opacity-75)}.ux-opacity-80{opacity:var(--ux-opacity-80)}.ux-opacity-90{opacity:var(--ux-opacity-90)}.ux-opacity-95{opacity:var(--ux-opacity-95)}.ux-opacity-100{opacity:var(--ux-opacity-100)}.ux-grid-cols-1{grid-template-columns:var(--ux-grid-cols-1)}.ux-grid-cols-2{grid-template-columns:var(--ux-grid-cols-2)}.ux-grid-cols-3{grid-template-columns:var(--ux-grid-cols-3)}.ux-grid-cols-4{grid-template-columns:var(--ux-grid-cols-4)}.ux-grid-cols-5{grid-template-columns:var(--ux-grid-cols-5)}.ux-grid-cols-6{grid-template-columns:var(--ux-grid-cols-6)}.ux-grid-cols-12{grid-template-columns:var(--ux-grid-cols-12)}.ux-grid-cols-auto-fit{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.ux-grid-cols-auto-fill{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.ux-animate-spring{animation:spring .6s var(--ux-ease-spring)}.ux-animate-bounce-in{animation:bounceIn .6s var(--ux-ease-bounce)}.ux-animate-scale-in{animation:scaleIn .3s var(--ux-ease-out)}.ux-animate-fade-in{animation:fadeIn .4s var(--ux-ease-out)}.ux-animate-slide-up{animation:slideUp .4s var(--ux-ease-out)}@keyframes spring{0%{transform:scale(.8) rotate(-1deg);opacity:0}50%{transform:scale(1.05) rotate(.5deg);opacity:.8}to{transform:scale(1) rotate(0);opacity:1}}@keyframes bounceIn{0%{transform:scale(.3);opacity:0}50%{transform:scale(1.05);opacity:.8}70%{transform:scale(.9);opacity:.9}to{transform:scale(1);opacity:1}}@keyframes scaleIn{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.ux-glass-light{background:#ffffff1a;-webkit-backdrop-filter:var(--ux-backdrop-blur-md) saturate(180%);backdrop-filter:var(--ux-backdrop-blur-md) saturate(180%);border:1px solid rgba(255,255,255,.2);box-shadow:var(--ux-shadow-lg)}.ux-glass-medium{background:#ffffff26;-webkit-backdrop-filter:var(--ux-backdrop-blur-lg) saturate(200%);backdrop-filter:var(--ux-backdrop-blur-lg) saturate(200%);border:1px solid rgba(255,255,255,.3);box-shadow:var(--ux-shadow-xl)}.ux-glass-strong{background:#fff3;-webkit-backdrop-filter:var(--ux-backdrop-blur-xl) saturate(220%);backdrop-filter:var(--ux-backdrop-blur-xl) saturate(220%);border:1px solid rgba(255,255,255,.4);box-shadow:var(--ux-shadow-2xl)}.ux-glass-dark{background:#0000001a;-webkit-backdrop-filter:var(--ux-backdrop-blur-md) saturate(180%);backdrop-filter:var(--ux-backdrop-blur-md) saturate(180%);border:1px solid rgba(255,255,255,.1);box-shadow:var(--ux-shadow-lg)}.ux-rounded-none{border-radius:var(--ux-radius-none)}.ux-rounded-2xs{border-radius:var(--ux-radius-2xs)}.ux-rounded-xs{border-radius:var(--ux-radius-xs)}.ux-rounded-sm{border-radius:var(--ux-radius-sm)}.ux-rounded-md{border-radius:var(--ux-radius-md)}.ux-rounded-lg{border-radius:var(--ux-radius-lg)}.ux-rounded-xl{border-radius:var(--ux-radius-xl)}.ux-rounded-2xl{border-radius:var(--ux-radius-2xl)}.ux-rounded-3xl{border-radius:var(--ux-radius-3xl)}.ux-rounded-4xl{border-radius:var(--ux-radius-4xl)}.ux-rounded-full{border-radius:var(--ux-radius-full)}.ux-transition-none{transition:none}.ux-transition-instant{transition:all var(--ux-transition-instant)}.ux-transition-fast{transition:all var(--ux-transition-fast)}.ux-transition{transition:all var(--ux-transition-base)}.ux-transition-slow{transition:all var(--ux-transition-slow)}.ux-transition-slower{transition:all var(--ux-transition-slower)}.ux-transition-slowest{transition:all var(--ux-transition-slowest)}.ux-ease-in{transition-timing-function:var(--ux-ease-in)}.ux-ease-out{transition-timing-function:var(--ux-ease-out)}.ux-ease-in-out{transition-timing-function:var(--ux-ease-in-out)}.ux-ease-spring{transition-timing-function:var(--ux-ease-spring)}.ux-ease-bounce{transition-timing-function:var(--ux-ease-bounce)}.ux-hover-lift:hover{transform:translateY(-2px) scale(var(--ux-scale-105));box-shadow:var(--ux-shadow-lg);transition:all var(--ux-transition-fast) var(--ux-ease-out)}.ux-hover-glow:hover{box-shadow:0 0 20px rgba(var(--ux-primary-rgb),.4);transition:box-shadow var(--ux-transition-base) var(--ux-ease-out)}.ux-focus-ring:focus{outline:2px solid rgba(var(--ux-primary-rgb),.5);outline-offset:2px;transition:outline var(--ux-transition-fast)}@media (prefers-reduced-motion: reduce){.ux-animate-spring,.ux-animate-bounce-in,.ux-animate-scale-in,.ux-animate-fade-in,.ux-animate-slide-up{animation:none;transition:none}.ux-hover-lift:hover,.ux-hover-scale:hover,.ux-hover-scale-lg:hover{transform:none;transition:none}}@media (prefers-contrast: high){.ux-glass-light,.ux-glass-medium,.ux-glass-strong,.ux-glass-dark{background:#ffffffe6;border:2px solid #000;-webkit-backdrop-filter:none;backdrop-filter:none}.ux-shadow-none{box-shadow:0 0 0 1px #000}.ux-backdrop-blur-none,.ux-backdrop-blur-sm,.ux-backdrop-blur-md,.ux-backdrop-blur-lg,.ux-backdrop-blur-xl,.ux-backdrop-blur-2xl,.ux-backdrop-blur-3xl{-webkit-backdrop-filter:none;backdrop-filter:none}}@media (max-width: 640px){.ux-sm\:glass-light{background:#fff3;-webkit-backdrop-filter:var(--ux-backdrop-blur-sm) saturate(150%);backdrop-filter:var(--ux-backdrop-blur-sm) saturate(150%)}.ux-sm\:shadow-none{box-shadow:var(--ux-shadow-none)}.ux-sm\:rounded-lg{border-radius:var(--ux-radius-lg)}}@media (min-width: 1024px){.ux-lg\:glass-strong{background:#ffffff40;-webkit-backdrop-filter:var(--ux-backdrop-blur-2xl) saturate(250%);backdrop-filter:var(--ux-backdrop-blur-2xl) saturate(250%)}.ux-lg\:shadow-2xl{box-shadow:var(--ux-shadow-2xl)}.ux-lg\:rounded-3xl{border-radius:var(--ux-radius-3xl)}}:root{--ux-primary: var(--theme-primary, #667eea);--ux-primary-rgb: var(--theme-primary-rgb, 102, 126, 234);--ux-secondary: var(--theme-secondary, #0891b2);--ux-secondary-rgb: var(--theme-secondary-rgb, 8, 145, 178);--ux-tertiary: var(--theme-tertiary, #f43f5e);--ux-tertiary-rgb: var(--theme-tertiary-rgb, 244, 63, 94);--ux-background: var(--theme-background, #f8fafc);--ux-background-rgb: var(--theme-background-rgb, 248, 250, 252);--ux-surface: var(--theme-surface, #ffffff);--ux-surface-rgb: var(--theme-surface-rgb, 255, 255, 255);--ux-text-primary: var(--theme-text-primary, #1e293b);--ux-text-secondary: var(--theme-text-secondary, #64748b);--ux-text-tertiary: var(--theme-text-tertiary, #94a3b8);--ux-on-primary: var(--theme-on-primary, #ffffff);--ux-on-secondary: var(--theme-on-secondary, #ffffff);--ux-on-surface: var(--theme-on-surface, #1e293b);--ux-border: var(--theme-border, rgba(226, 232, 240, .8));--ux-border-light: var(--theme-border-light, rgba(226, 232, 240, .4));--ux-divider: var(--theme-divider, rgba(226, 232, 240, .6));--ux-success: var(--theme-success, #10b981);--ux-success-rgb: var(--theme-success-rgb, 16, 185, 129);--ux-warning: var(--theme-warning, #f59e0b);--ux-warning-rgb: var(--theme-warning-rgb, 245, 158, 11);--ux-error: var(--theme-error, #ef4444);--ux-error-rgb: var(--theme-error-rgb, 239, 68, 68);--ux-info: var(--theme-info, #3b82f6);--ux-info-rgb: var(--theme-info-rgb, 59, 130, 246)}[data-theme-mode=dark],[data-theme=dark],.dark-theme,.dark-mode,:root.dark{--ux-background: var(--theme-background-dark, #0f172a);--ux-background-rgb: var(--theme-background-dark-rgb, 15, 23, 42);--ux-surface: var(--theme-surface-dark, #1e293b);--ux-surface-rgb: var(--theme-surface-dark-rgb, 30, 41, 59);--ux-text-primary: var(--theme-text-primary-dark, #f1f5f9);--ux-text-secondary: var(--theme-text-secondary-dark, #94a3b8);--ux-text-tertiary: var(--theme-text-tertiary-dark, #64748b);--ux-on-surface: var(--theme-on-surface-dark, #f1f5f9);--ux-border: var(--theme-border-dark, rgba(71, 85, 105, .6));--ux-border-light: var(--theme-border-light-dark, rgba(71, 85, 105, .3));--ux-divider: var(--theme-divider-dark, rgba(71, 85, 105, .4))}@media (prefers-color-scheme: dark){:root:not([data-theme-mode=light]):not([data-theme=light]):not(.light-theme){--ux-background: var(--theme-background-dark, #0f172a);--ux-background-rgb: var(--theme-background-dark-rgb, 15, 23, 42);--ux-surface: var(--theme-surface-dark, #1e293b);--ux-surface-rgb: var(--theme-surface-dark-rgb, 30, 41, 59);--ux-text-primary: var(--theme-text-primary-dark, #f1f5f9);--ux-text-secondary: var(--theme-text-secondary-dark, #94a3b8);--ux-text-tertiary: var(--theme-text-tertiary-dark, #64748b);--ux-on-surface: var(--theme-on-surface-dark, #f1f5f9);--ux-border: var(--theme-border-dark, rgba(71, 85, 105, .6));--ux-border-light: var(--theme-border-light-dark, rgba(71, 85, 105, .3));--ux-divider: var(--theme-divider-dark, rgba(71, 85, 105, .4));--ux-glass-card-bg: linear-gradient( 135deg, rgba(var(--ux-primary-rgb), .08) 0%, rgba(var(--ux-primary-rgb), .02) 40%, transparent 100% ), rgba(var(--ux-surface-rgb), .82);--ux-glass-card-bg-hover: linear-gradient( 135deg, rgba(var(--ux-primary-rgb), .12) 0%, rgba(var(--ux-primary-rgb), .04) 50%, transparent 100% ), rgba(var(--ux-surface-rgb), .9);--ux-glass-card-border: 1px solid rgba(var(--ux-primary-rgb), .18);--ux-glass-card-border-hover: 1px solid rgba(var(--ux-primary-rgb), .35);--ux-glass-card-shadow: 0 8px 32px rgba(0, 0, 0, .2), 0 0 0 1px rgba(var(--ux-primary-rgb), .06);--ux-glass-card-shadow-hover: 0 16px 48px rgba(0, 0, 0, .3), 0 0 24px rgba(var(--ux-primary-rgb), .08);--ux-chip-bg: rgba(var(--ux-surface-rgb), .5);--ux-chip-bg-hover: rgba(var(--ux-primary-rgb), .08);--ux-chip-bg-active: linear-gradient(135deg, rgba(var(--ux-primary-rgb), .22), rgba(var(--ux-info-rgb), .16));--ux-chip-border: 1px solid rgba(var(--ux-primary-rgb), .12);--ux-chip-border-active: 1px solid rgba(var(--ux-primary-rgb), .4)}}:root{--ux-gradient-primary: linear-gradient(135deg, var(--ux-primary) 0%, #764ba2 50%, #f093fb 100%);--ux-gradient-primary-subtle: linear-gradient(135deg, rgba(var(--ux-primary-rgb), .08), rgba(118, 75, 162, .08));--ux-gradient-accent: linear-gradient(135deg, #06b6d4, #0891b2);--ux-gradient-success: linear-gradient(135deg, #10b981, #059669);--ux-gradient-warning: linear-gradient(135deg, #f59e0b, #d97706);--ux-gradient-danger: linear-gradient(135deg, #ef4444, #dc2626);--ux-gradient-surface: linear-gradient(135deg, rgba(var(--ux-primary-rgb), .05), rgba(118, 75, 162, .05) );--ux-gradient-glass: linear-gradient(145deg, rgba(var(--ux-surface-rgb), .9), rgba(var(--ux-surface-rgb), .7) );--ux-gradient-glass-light: linear-gradient(145deg, rgba(255, 255, 255, .9), rgba(255, 255, 255, .7) );--ux-gradient-glass-dark: linear-gradient(145deg, rgba(30, 41, 59, .9), rgba(30, 41, 59, .7) );--ux-glass-bg: rgba(var(--ux-surface-rgb), .85);--ux-glass-bg-hover: rgba(var(--ux-surface-rgb), .95);--ux-glass-bg-solid: rgba(var(--ux-surface-rgb), 1);--ux-glass-blur: blur(20px);--ux-glass-blur-light: blur(12px);--ux-glass-blur-heavy: blur(32px);--ux-glass-border: 1px solid rgba(var(--ux-surface-rgb), .2);--ux-glass-border-light: 1px solid rgba(var(--ux-surface-rgb), .1);--ux-glass-shadow: 0 8px 32px rgba(0, 0, 0, .08);--ux-glass-shadow-hover: 0 16px 48px rgba(0, 0, 0, .12);--ux-glass-shadow-elevated: 0 24px 64px rgba(0, 0, 0, .16);--ux-glass-card-bg: var(--ux-glass-bg);--ux-glass-card-bg-hover: var(--ux-glass-bg-hover);--ux-glass-card-border: var(--ux-glass-border);--ux-glass-card-border-hover: var(--ux-glass-border);--ux-glass-card-shadow: var(--ux-glass-shadow);--ux-glass-card-shadow-hover: var(--ux-glass-shadow-hover);--ux-chip-bg: transparent;--ux-chip-bg-hover: rgba(var(--ux-primary-rgb), .06);--ux-chip-bg-active: rgba(var(--ux-primary-rgb), .12);--ux-chip-border: var(--ux-glass-border-light);--ux-chip-border-active: 1px solid rgba(var(--ux-primary-rgb), .3);--ux-chip-color: var(--ux-text-secondary);--ux-chip-color-active: var(--ux-text-primary)}[data-theme-mode=dark],[data-theme=dark],.dark-theme,.dark-mode,.theme-dark,:root.dark{--ux-glass-bg: rgba(var(--ux-surface-rgb), .75);--ux-glass-bg-hover: rgba(var(--ux-surface-rgb), .85);--ux-glass-border: 1px solid rgba(71, 85, 105, .4);--ux-glass-border-light: 1px solid rgba(71, 85, 105, .2);--ux-glass-shadow: 0 8px 32px rgba(0, 0, 0, .25);--ux-glass-shadow-hover: 0 16px 48px rgba(0, 0, 0, .35);--ux-glass-card-bg: linear-gradient( 135deg, rgba(var(--ux-primary-rgb), .08) 0%, rgba(var(--ux-primary-rgb), .02) 40%, transparent 100% ), rgba(var(--ux-surface-rgb), .82);--ux-glass-card-bg-hover: linear-gradient( 135deg, rgba(var(--ux-primary-rgb), .12) 0%, rgba(var(--ux-primary-rgb), .04) 50%, transparent 100% ), rgba(var(--ux-surface-rgb), .9);--ux-glass-card-border: 1px solid rgba(var(--ux-primary-rgb), .18);--ux-glass-card-border-hover: 1px solid rgba(var(--ux-primary-rgb), .35);--ux-glass-card-shadow: 0 8px 32px rgba(0, 0, 0, .2), 0 0 0 1px rgba(var(--ux-primary-rgb), .06);--ux-glass-card-shadow-hover: 0 16px 48px rgba(0, 0, 0, .3), 0 0 24px rgba(var(--ux-primary-rgb), .08);--ux-chip-bg: rgba(var(--ux-surface-rgb), .5);--ux-chip-bg-hover: rgba(var(--ux-primary-rgb), .08);--ux-chip-bg-active: linear-gradient(135deg, rgba(var(--ux-primary-rgb), .22), rgba(var(--ux-info-rgb), .16));--ux-chip-border: 1px solid rgba(var(--ux-primary-rgb), .12);--ux-chip-border-active: 1px solid rgba(var(--ux-primary-rgb), .4);--ux-chip-color: var(--ux-text-secondary);--ux-chip-color-active: var(--ux-text-primary)}.ux-glass-panel,.ux-glass-card{background:var(--ux-glass-bg);backdrop-filter:var(--ux-glass-blur);-webkit-backdrop-filter:var(--ux-glass-blur);border:var(--ux-glass-border);border-radius:var(--ux-radius-xl, 20px);box-shadow:var(--ux-glass-shadow);transition:all .3s cubic-bezier(.4,0,.2,1)}.ux-glass-panel:hover,.ux-glass-card:hover{background:var(--ux-glass-bg-hover);box-shadow:var(--ux-glass-shadow-hover)}.ux-glass-card{position:relative;overflow:hidden}.ux-glass-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--ux-gradient-primary);opacity:0;transition:opacity .3s ease}.ux-glass-card:hover{transform:translateY(-4px)}.ux-glass-card:hover:before{opacity:1}.ux-glass-card-lively{background:var(--ux-glass-card-bg);backdrop-filter:var(--ux-glass-blur);-webkit-backdrop-filter:var(--ux-glass-blur);border:var(--ux-glass-card-border);border-radius:var(--ux-radius-xl, 20px);box-shadow:var(--ux-glass-card-shadow);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.ux-glass-card-lively:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--ux-gradient-primary);opacity:0;transition:opacity .3s ease}.ux-glass-card-lively:hover{background:var(--ux-glass-card-bg-hover);border:var(--ux-glass-card-border-hover);box-shadow:var(--ux-glass-card-shadow-hover);transform:translateY(-2px)}.ux-glass-card-lively:hover:before{opacity:1}.ux-chip-bar{display:flex;flex-wrap:wrap;gap:var(--ux-spacing-sm, 8px);padding:4px;background:var(--ux-glass-card-bg);border-radius:var(--ux-radius-full, 20px);border:var(--ux-chip-border)}.ux-chip-tab{padding:var(--ux-spacing-sm, 8px) var(--ux-spacing-lg, 16px);min-height:44px;border-radius:var(--ux-radius-full, 20px);border:var(--ux-chip-border);background:var(--ux-chip-bg);color:var(--ux-chip-color);font-size:var(--ux-font-size-sm, 13px);font-weight:500;cursor:pointer;transition:all .2s ease}.ux-chip-tab:hover{background:var(--ux-chip-bg-hover);color:var(--ux-text-primary)}.ux-chip-tab.active{background:var(--ux-chip-bg-active);border:var(--ux-chip-border-active);color:var(--ux-chip-color-active)}.ux-text-adaptive{color:var(--ux-text-primary)}.ux-text-adaptive.secondary{color:var(--ux-text-secondary)}.ux-text-adaptive.tertiary{color:var(--ux-text-tertiary)}.ux-bg-adaptive{background-color:var(--ux-background)}.ux-bg-adaptive.surface{background-color:var(--ux-surface)}.ux-bg-adaptive.elevated{background-color:var(--ux-surface);box-shadow:var(--ux-glass-shadow)}.ux-text-gradient{background:var(--ux-gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.ux-bg-gradient{background:var(--ux-gradient-primary)}.ux-btn-smart{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.25rem;border:none;border-radius:var(--ux-radius-md, 12px);font-size:.875rem;font-weight:600;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1)}.ux-btn-smart:disabled{opacity:.5;cursor:not-allowed}.ux-btn-smart.primary{background:var(--ux-gradient-primary);color:#fff;box-shadow:0 4px 16px rgba(var(--ux-primary-rgb),.35)}.ux-btn-smart.primary:hover:not(:disabled){box-shadow:0 8px 24px rgba(var(--ux-primary-rgb),.45);transform:translateY(-2px)}.ux-btn-smart.secondary{background:var(--ux-glass-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:2px solid var(--ux-border);color:var(--ux-text-primary)}.ux-btn-smart.secondary:hover:not(:disabled){border-color:var(--ux-primary);color:var(--ux-primary)}.ux-btn-smart.ghost{background:transparent;color:var(--ux-text-secondary)}.ux-btn-smart.ghost:hover:not(:disabled){background:rgba(var(--ux-primary-rgb),.08);color:var(--ux-text-primary)}.ux-badge-smart{display:inline-flex;align-items:center;padding:.375rem .875rem;border-radius:20px;font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em}.ux-badge-smart.success{background:linear-gradient(135deg,rgba(var(--ux-success-rgb),.15),#05966926);color:var(--ux-success);border:1px solid rgba(var(--ux-success-rgb),.3)}.ux-badge-smart.warning{background:linear-gradient(135deg,rgba(var(--ux-warning-rgb),.15),#d9770626);color:var(--ux-warning);border:1px solid rgba(var(--ux-warning-rgb),.3)}.ux-badge-smart.error{background:linear-gradient(135deg,rgba(var(--ux-error-rgb),.15),#dc262626);color:var(--ux-error);border:1px solid rgba(var(--ux-error-rgb),.3)}.ux-badge-smart.info{background:linear-gradient(135deg,rgba(var(--ux-info-rgb),.15),#2563eb26);color:var(--ux-info);border:1px solid rgba(var(--ux-info-rgb),.3)}.ux-badge-smart.primary{background:linear-gradient(135deg,rgba(var(--ux-primary-rgb),.1),#764ba21a);color:var(--ux-primary);border:1px solid rgba(var(--ux-primary-rgb),.2)}.ux-badge-smart.neutral{background:#64748b1a;color:var(--ux-text-secondary);border:1px solid rgba(100,116,139,.15)}@keyframes ux-fade-in-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes ux-fade-in{0%{opacity:0}to{opacity:1}}@keyframes ux-scale-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes ux-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.1)}}.ux-animate-fade-in-up{animation:ux-fade-in-up .6s cubic-bezier(.16,1,.3,1) both}.ux-animate-fade-in{animation:ux-fade-in .4s ease-out both}.ux-animate-scale-in{animation:ux-scale-in .4s cubic-bezier(.16,1,.3,1) both}.ux-animate-pulse{animation:ux-pulse 2s infinite}.ux-stagger-1{animation-delay:.05s}.ux-stagger-2{animation-delay:.1s}.ux-stagger-3{animation-delay:.15s}.ux-stagger-4{animation-delay:.2s}.ux-stagger-5{animation-delay:.25s}.ux-stagger-6{animation-delay:.3s}.ux-stagger-7{animation-delay:.35s}.ux-stagger-8{animation-delay:.4s}.ux-stagger-9{animation-delay:.45s}.ux-stagger-10{animation-delay:.5s}.ux-stagger-11{animation-delay:.55s}.ux-stagger-12{animation-delay:.6s}@media (prefers-reduced-motion: reduce){.ux-animate-fade-in-up,.ux-animate-fade-in,.ux-animate-scale-in{animation:none;opacity:1;transform:none}.ux-animate-pulse{animation:none}.ux-glass-panel,.ux-glass-card,.ux-btn-smart{transition:none}}.ux-scrollbar::-webkit-scrollbar{width:8px;height:8px}.ux-scrollbar::-webkit-scrollbar-track{background:rgba(var(--ux-surface-rgb),.5);border-radius:4px;margin:4px}.ux-scrollbar::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#cbd5e1,#94a3b8);border-radius:4px;-webkit-transition:background .2s ease;transition:background .2s ease}.ux-scrollbar::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#94a3b8,#64748b)}[data-theme-mode=dark] .ux-scrollbar::-webkit-scrollbar-track,[data-theme=dark] .ux-scrollbar::-webkit-scrollbar-track,.dark-theme .ux-scrollbar::-webkit-scrollbar-track{background:#1e293b80}[data-theme-mode=dark] .ux-scrollbar::-webkit-scrollbar-thumb,[data-theme=dark] .ux-scrollbar::-webkit-scrollbar-thumb,.dark-theme .ux-scrollbar::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#475569,#334155)}[data-theme-mode=dark] .ux-scrollbar::-webkit-scrollbar-thumb:hover,[data-theme=dark] .ux-scrollbar::-webkit-scrollbar-thumb:hover,.dark-theme .ux-scrollbar::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#64748b,#475569)}.ux-focus-ring:focus{outline:none;box-shadow:0 0 0 3px rgba(var(--ux-primary-rgb),.3)}.ux-focus-ring:focus-visible{outline:2px solid var(--ux-primary);outline-offset:2px}@media print{.ux-glass-panel,.ux-glass-card{background:#fff!important;box-shadow:none!important;border:1px solid #e5e7eb!important}.ux-text-gradient{background:none!important;-webkit-text-fill-color:currentColor!important;color:#1e293b!important}}.ux-animate-spring-entrance{animation:springEntrance .8s var(--ux-ease-spring) both;animation-fill-mode:both}.ux-animate-spring-entrance-slow{animation:springEntrance 1.2s var(--ux-ease-spring) both}.ux-animate-spring-entrance-fast{animation:springEntrance .4s var(--ux-ease-spring) both}@keyframes springEntrance{0%{transform:scale(.5) translateY(50px) rotate(-5deg);opacity:0;filter:blur(10px)}30%{transform:scale(1.1) translateY(-10px) rotate(2deg);opacity:.7;filter:blur(2px)}60%{transform:scale(.95) translateY(5px) rotate(-1deg);opacity:.9;filter:blur(1px)}to{transform:scale(1) translateY(0) rotate(0);opacity:1;filter:blur(0)}}.ux-animate-elastic-bounce{animation:elasticBounce 1s var(--ux-ease-bounce) both}@keyframes elasticBounce{0%{transform:scale(.3) rotate(-5deg);opacity:0}20%{transform:scale(1.1) rotate(1deg);opacity:.8}40%{transform:scale(.9) rotate(-.5deg);opacity:.9}60%{transform:scale(1.03) rotate(.2deg);opacity:.95}80%{transform:scale(.97) rotate(-.1deg);opacity:.98}to{transform:scale(1) rotate(0);opacity:1}}.ux-animate-magnetic{transition:transform .3s var(--ux-ease-spring);cursor:pointer}.ux-animate-magnetic:hover{transform:scale(1.05) translateY(-2px)}.ux-animate-magnetic:active{transform:scale(.98) translateY(1px);transition-duration:.1s}.ux-micro-press{transition:transform .1s var(--ux-ease-out)}.ux-micro-press:active{transform:scale(.95)}.ux-micro-scale-hover{transition:transform .2s var(--ux-ease-spring)}.ux-micro-scale-hover:hover{transform:scale(1.08)}.ux-micro-ripple{position:relative;overflow:hidden}.ux-micro-ripple:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:rgba(var(--ux-primary-rgb),.3);transform:translate(-50%,-50%);transition:width .6s ease,height .6s ease,opacity .6s ease;opacity:0;pointer-events:none}.ux-micro-ripple:active:before{width:300px;height:300px;opacity:1;transition:width .3s ease,height .3s ease,opacity .1s ease}.ux-micro-heartbeat{animation:heartbeat 1.5s ease-in-out infinite}@keyframes heartbeat{0%{transform:scale(1)}7%{transform:scale(1.1)}14%{transform:scale(1)}21%{transform:scale(1.05)}28%{transform:scale(1)}to{transform:scale(1)}}.ux-state-transition{transition:all .3s var(--ux-ease-in-out)}.ux-state-transition.loading{opacity:.6;pointer-events:none;filter:grayscale(50%)}.ux-state-transition.success{background:linear-gradient(135deg,rgba(var(--ux-success-rgb),.1),rgba(var(--ux-success-rgb),.05));border-color:var(--ux-success);transform:scale(1.02)}.ux-state-transition.error{background:linear-gradient(135deg,rgba(var(--ux-error-rgb),.1),rgba(var(--ux-error-rgb),.05));border-color:var(--ux-error);animation:shake .5s ease-in-out}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}.ux-cascade-entrance{animation:cascadeIn .6s var(--ux-ease-out) both}.ux-cascade-entrance:nth-child(1){animation-delay:.1s}.ux-cascade-entrance:nth-child(2){animation-delay:.2s}.ux-cascade-entrance:nth-child(3){animation-delay:.3s}.ux-cascade-entrance:nth-child(4){animation-delay:.4s}.ux-cascade-entrance:nth-child(5){animation-delay:.5s}.ux-cascade-entrance:nth-child(6){animation-delay:.6s}@keyframes cascadeIn{0%{transform:translateY(50px) scale(.8);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.ux-animate-spiral-entrance{animation:spiralIn 1s var(--ux-ease-out) both}@keyframes spiralIn{0%{transform:rotate(180deg) scale(.1);opacity:0}50%{transform:rotate(90deg) scale(.8);opacity:.5}to{transform:rotate(0) scale(1);opacity:1}}.ux-animate-origami-unfold{animation:origamiUnfold .8s var(--ux-ease-out) both;transform-origin:center center}@keyframes origamiUnfold{0%{transform:rotateY(-90deg) rotateX(45deg) scale(.5);opacity:0;transform-origin:center center}50%{transform:rotateY(-45deg) rotateX(20deg) scale(.8);opacity:.7}to{transform:rotateY(0) rotateX(0) scale(1);opacity:1}}.ux-loading-dna{position:relative;width:40px;height:40px;margin:0 auto}.ux-loading-dna:before,.ux-loading-dna:after{content:"";position:absolute;width:6px;height:6px;border-radius:50%;background:var(--ux-primary);animation:dnaHelix 2s linear infinite}.ux-loading-dna:before{animation-delay:0s}.ux-loading-dna:after{animation-delay:1s;background:var(--ux-secondary)}@keyframes dnaHelix{0%{transform:rotate(0) translate(20px) rotate(0);opacity:1}25%{transform:rotate(90deg) translate(20px) rotate(-90deg);opacity:.7}50%{transform:rotate(180deg) translate(20px) rotate(-180deg);opacity:.3}75%{transform:rotate(270deg) translate(20px) rotate(-270deg);opacity:.7}to{transform:rotate(360deg) translate(20px) rotate(-360deg);opacity:1}}.ux-loading-liquid{position:relative;width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,var(--ux-primary),var(--ux-secondary));overflow:hidden}.ux-loading-liquid:before{content:"";position:absolute;top:50%;left:50%;width:120%;height:120%;background:linear-gradient(135deg,transparent 40%,rgba(255,255,255,.3) 50%,transparent 60%);border-radius:50%;transform:translate(-50%,-50%);animation:liquidWave 2s linear infinite}@keyframes liquidWave{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.ux-loading-particles{position:relative;width:40px;height:40px}.ux-loading-particles:before{content:"";position:absolute;top:50%;left:50%;width:4px;height:4px;background:var(--ux-primary);border-radius:50%;box-shadow:0 0 rgba(var(--ux-primary-rgb),1),20px 0 rgba(var(--ux-secondary-rgb),1),14px 14px rgba(var(--ux-tertiary-rgb),1),0 20px rgba(var(--ux-success-rgb),1),-14px 14px rgba(var(--ux-warning-rgb),1),-20px 0 rgba(var(--ux-error-rgb),1),-14px -14px rgba(var(--ux-info-rgb),1),0 -20px rgba(var(--ux-primary-rgb),1);transform:translate(-50%,-50%);animation:particleBurst 1.5s ease-in-out infinite}@keyframes particleBurst{0%{transform:translate(-50%,-50%) scale(1) rotate(0);opacity:1}50%{transform:translate(-50%,-50%) scale(2) rotate(180deg);opacity:.7}to{transform:translate(-50%,-50%) scale(1) rotate(360deg);opacity:1}}.ux-morph-circle-to-square{border-radius:50%;transition:border-radius .6s var(--ux-ease-spring)}.ux-morph-circle-to-square:hover{border-radius:10%}.ux-morph-circle-to-square.morphed{border-radius:0%}.ux-morph-color{background:var(--ux-primary);transition:background .8s ease-in-out}.ux-morph-color:hover{background:linear-gradient(45deg,var(--ux-primary),var(--ux-secondary),var(--ux-tertiary));background-size:200% 200%;animation:colorShift 2s ease-in-out infinite}@keyframes colorShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.ux-morph-size{transition:transform .4s var(--ux-ease-spring)}.ux-morph-size:hover{transform:scale(1.2)}.ux-morph-size:active{transform:scale(.9);transition-duration:.1s}.ux-swipe-feedback{position:relative;overflow:hidden}.ux-swipe-feedback.swiped-right:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(var(--ux-success-rgb),.3),transparent);animation:swipeRight .5s ease-out}.ux-swipe-feedback.swiped-left:after{content:"";position:absolute;top:0;right:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(var(--ux-error-rgb),.3),transparent);animation:swipeLeft .5s ease-out}@keyframes swipeRight{0%{left:-100%}to{left:100%}}@keyframes swipeLeft{0%{right:-100%}to{right:100%}}.ux-long-press{position:relative}.ux-long-press:before{content:"";position:absolute;top:0;left:0;width:0%;height:100%;background:linear-gradient(90deg,var(--ux-primary),var(--ux-secondary));border-radius:inherit;opacity:.3;transition:width 2s linear;z-index:-1}.ux-long-press.pressing:before{width:100%}.ux-sequence-reveal{opacity:0;transform:translateY(30px);animation:sequenceReveal 1.2s var(--ux-ease-out) both}.ux-sequence-reveal.step-1{animation-delay:.1s}.ux-sequence-reveal.step-2{animation-delay:.2s}.ux-sequence-reveal.step-3{animation-delay:.3s}.ux-sequence-reveal.step-4{animation-delay:.4s}.ux-sequence-reveal.step-5{animation-delay:.5s}@keyframes sequenceReveal{0%{opacity:0;transform:translateY(30px) scale(.95)}60%{opacity:.8;transform:translateY(-5px) scale(1.02)}to{opacity:1;transform:translateY(0) scale(1)}}.ux-progressive-disclosure{max-height:0;overflow:hidden;opacity:0;transition:max-height .5s var(--ux-ease-out),opacity .3s ease .2s}.ux-progressive-disclosure.disclosed{max-height:500px;opacity:1}.ux-gpu-hover{will-change:transform;backface-visibility:hidden;perspective:1000px;transition:transform .2s var(--ux-ease-out)}.ux-gpu-hover:hover{transform:translateZ(0) scale(1.05)}.ux-fade-optimized{will-change:opacity;transition:opacity .3s ease}.ux-fade-optimized.hidden{opacity:0;pointer-events:none}.ux-typewriter{overflow:hidden;border-right:.15em solid var(--ux-primary);white-space:nowrap;animation:typing 3.5s steps(40,end),blink-caret .75s step-end infinite}@keyframes typing{0%{width:0}to{width:100%}}@keyframes blink-caret{0%,50%{border-color:var(--ux-primary)}51%,to{border-color:transparent}}.ux-glitch{position:relative;animation:glitch 2s infinite}.ux-glitch:before,.ux-glitch:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%}.ux-glitch:before{color:var(--ux-error);animation:glitchTop 3s infinite linear alternate-reverse}.ux-glitch:after{color:var(--ux-tertiary);animation:glitchBottom 1.5s infinite linear alternate-reverse}@keyframes glitchTop{2%,64%{transform:translate(2px,-2px)}4%,60%{transform:translate(-2px,2px)}62%{transform:translate(13px,-1px) scaleY(1.05)}}@keyframes glitchBottom{2%,64%{transform:translate(-2px)}4%,60%{transform:translate(-2px)}62%{transform:translate(-22px,5px) scaleY(.95)}}.ux-holographic{position:relative;background:linear-gradient(135deg,var(--ux-primary),var(--ux-secondary),var(--ux-tertiary),var(--ux-primary));background-size:300% 300%;animation:holographicShimmer 4s ease-in-out infinite}.ux-holographic:before{content:"";position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:holographicSweep 3s ease-in-out infinite}@keyframes holographicShimmer{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes holographicSweep{0%{left:-100%}to{left:100%}}@media (prefers-reduced-motion: reduce){.ux-animate-spring-entrance,.ux-animate-spring-entrance-slow,.ux-animate-spring-entrance-fast,.ux-animate-elastic-bounce,.ux-animate-magnetic,.ux-micro-heartbeat,.ux-cascade-entrance,.ux-animate-spiral-entrance,.ux-animate-origami-unfold,.ux-loading-dna,.ux-loading-liquid,.ux-loading-particles,.ux-typewriter,.ux-glitch,.ux-holographic{animation:none;transition:none}.ux-animate-magnetic:hover,.ux-micro-scale-hover:hover,.ux-gpu-hover:hover{transform:none}}@media (prefers-contrast: high){.ux-loading-dna:before,.ux-loading-dna:after{background:#000;box-shadow:0 0 0 1px #fff}.ux-loading-liquid,.ux-holographic{background:#000;border:2px solid #fff}.ux-holographic:before{background:none}}.healthcare-template-primary{--hc-primary: #0066cc;--hc-secondary: #00a86b;--hc-accent: #ff6b35;--hc-background: #f8fffe;--hc-surface: #ffffff;--hc-text: #2c3e50;--hc-success: #27ae60;--hc-warning: #f39c12;--hc-error: #e74c3c;--hc-info: #3498db;--hc-spacing-touch: 44px;--hc-spacing-form: 24px;--hc-spacing-section: 32px;--hc-font-size-large: 18px;--hc-font-size-button: 16px;--hc-font-weight-emphasis: 600;--hc-line-height: 1.6;--hc-border-radius: 8px;--hc-shadow-soft: 0 2px 8px rgba(0, 102, 204, .1);--hc-transition-calm: .4s ease-out;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;background:var(--hc-background);color:var(--hc-text);line-height:var(--hc-line-height)}.hc-button-primary{background:var(--hc-primary);color:#fff;padding:12px 24px;font-size:var(--hc-font-size-button);font-weight:var(--hc-font-weight-emphasis);border:none;border-radius:var(--hc-border-radius);min-height:var(--hc-spacing-touch);transition:all var(--hc-transition-calm);cursor:pointer}.hc-button-primary:hover:not(:disabled){background:#0052a3;transform:translateY(-1px);box-shadow:var(--hc-shadow-soft)}.hc-button-primary:focus{outline:3px solid rgba(0,102,204,.3);outline-offset:2px}.hc-button-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.hc-card-patient{background:var(--hc-surface);border:1px solid #e8f4fd;border-radius:var(--hc-border-radius);padding:var(--hc-spacing-form);box-shadow:var(--hc-shadow-soft);transition:all var(--hc-transition-calm)}.hc-card-patient:hover{border-color:var(--hc-primary);box-shadow:0 4px 12px #0066cc26}.hc-card-patient .patient-name{font-size:var(--hc-font-size-large);font-weight:var(--hc-font-weight-emphasis);color:var(--hc-text);margin-bottom:8px}.hc-card-patient .patient-id{font-size:14px;color:#7f8c8d;margin-bottom:12px}.hc-card-patient .patient-status{padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase}.hc-card-patient .patient-status.stable{background:#d5f5e3;color:#27ae60}.hc-card-patient .patient-status.critical{background:#fadbd8;color:#e74c3c}.hc-card-patient .patient-status.monitoring{background:#d6eaf8;color:#3498db}.finance-template-primary{--fn-primary: #1e3a8a;--fn-secondary: #059669;--fn-accent: #dc2626;--fn-background: #f9fafb;--fn-surface: #ffffff;--fn-text: #1f2937;--fn-success: #10b981;--fn-warning: #f59e0b;--fn-error: #ef4444;--fn-info: #3b82f6;--fn-spacing-data: 16px;--fn-spacing-section: 24px;--fn-spacing-form: 20px;--fn-font-family-data: "SF Mono", Consolas, monospace;--fn-font-family-ui: -apple-system, system-ui, sans-serif;--fn-font-weight-bold: 700;--fn-font-weight-data: 600;--fn-border-radius: 6px;--fn-shadow-professional: 0 1px 3px rgba(0, 0, 0, .1);--fn-shadow-elevated: 0 4px 12px rgba(0, 0, 0, .1);--fn-transition-fast: .15s ease;font-family:var(--fn-font-family-ui);background:var(--fn-background);color:var(--fn-text)}.fn-dashboard-card{background:var(--fn-surface);border:1px solid #e5e7eb;border-radius:var(--fn-border-radius);padding:var(--fn-spacing-section);box-shadow:var(--fn-shadow-professional);transition:all var(--fn-transition-fast)}.fn-dashboard-card:hover{border-color:var(--fn-primary);box-shadow:var(--fn-shadow-elevated);transform:translateY(-1px)}.fn-dashboard-card .card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--fn-spacing-data);padding-bottom:12px;border-bottom:1px solid #f3f4f6}.fn-dashboard-card .card-header .card-title{font-size:18px;font-weight:var(--fn-font-weight-bold);color:var(--fn-text)}.fn-dashboard-card .card-header .card-value{font-family:var(--fn-font-family-data);font-size:24px;font-weight:var(--fn-font-weight-data);color:var(--fn-primary)}.fn-dashboard-card .card-trend{display:flex;align-items:center;gap:8px;font-size:14px}.fn-dashboard-card .card-trend.positive{color:var(--fn-success)}.fn-dashboard-card .card-trend.positive:before{content:"\2197";font-weight:700}.fn-dashboard-card .card-trend.negative{color:var(--fn-error)}.fn-dashboard-card .card-trend.negative:before{content:"\2198";font-weight:700}.fn-data-table{width:100%;border-collapse:collapse;font-family:var(--fn-font-family-data)}.fn-data-table th{background:#f9fafb;padding:12px var(--fn-spacing-data);text-align:left;font-weight:var(--fn-font-weight-bold);font-size:14px;color:var(--fn-text);border-bottom:2px solid var(--fn-primary)}.fn-data-table td{padding:var(--fn-spacing-data);border-bottom:1px solid #e5e7eb;font-size:14px}.fn-data-table td.currency{text-align:right;font-weight:var(--fn-font-weight-data)}.fn-data-table td.currency.positive{color:var(--fn-success)}.fn-data-table td.currency.negative{color:var(--fn-error)}.fn-data-table td.percentage{text-align:center}.fn-data-table td.percentage.gain{color:var(--fn-success);background:#10b9810d}.fn-data-table td.percentage.loss{color:var(--fn-error);background:#ef44440d}.fn-data-table tr:hover{background:rgba(var(--fn-primary-rgb),.02)}.tech-template-primary{--tech-primary: #6366f1;--tech-secondary: #06b6d4;--tech-accent: #f59e0b;--tech-background: #fafafa;--tech-surface: #ffffff;--tech-text: #111827;--tech-success: #10b981;--tech-warning: #f59e0b;--tech-error: #ef4444;--tech-info: #3b82f6;--tech-spacing-component: 20px;--tech-spacing-section: 32px;--tech-spacing-hero: 48px;--tech-font-family: "Inter", -apple-system, system-ui, sans-serif;--tech-font-family-mono: "JetBrains Mono", "Fira Code", monospace;--tech-border-radius: 12px;--tech-border-radius-large: 20px;--tech-shadow-modern: 0 8px 25px rgba(99, 102, 241, .15);--tech-shadow-glow: 0 0 30px rgba(99, 102, 241, .3);--tech-gradient-tech: linear-gradient(135deg, #6366f1, #06b6d4, #f59e0b);font-family:var(--tech-font-family);background:var(--tech-background);color:var(--tech-text)}.tech-hero-section{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden;background:linear-gradient(135deg,#6366f10d,#06b6d408)}.tech-hero-section:before{content:"";position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%236366f1' fill-opacity='0.03'%3E%3Ccircle cx='30' cy='30' r='1.5'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");z-index:-1}.tech-hero-section .tech-hero-content{max-width:800px;text-align:center;padding:0 var(--tech-spacing-section)}.tech-hero-section .tech-hero-content .tech-hero-title{font-size:clamp(3rem,8vw,6rem);font-weight:800;margin-bottom:var(--tech-spacing-component);background:var(--tech-gradient-tech);background-size:300% 300%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:techGradientShift 6s ease-in-out infinite}.tech-hero-section .tech-hero-content .tech-hero-subtitle{font-size:1.25rem;color:#6b7280;margin-bottom:var(--tech-spacing-hero);line-height:1.6}.tech-hero-section .tech-hero-content .tech-hero-cta{display:inline-flex;align-items:center;gap:12px;padding:16px 32px;background:var(--tech-primary);color:#fff;border:none;border-radius:var(--tech-border-radius);font-size:18px;font-weight:600;cursor:pointer;transition:all .3s var(--ux-ease-spring);box-shadow:var(--tech-shadow-modern)}.tech-hero-section .tech-hero-content .tech-hero-cta:hover{background:#4f46e5;transform:translateY(-3px);box-shadow:var(--tech-shadow-glow)}.tech-hero-section .tech-hero-content .tech-hero-cta:active{transform:translateY(-1px);transition-duration:.1s}@keyframes techGradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.tech-feature-card{background:var(--tech-surface);border:1px solid rgba(99,102,241,.1);border-radius:var(--tech-border-radius-large);padding:var(--tech-spacing-section);position:relative;overflow:hidden;transition:all .3s var(--ux-ease-out)}.tech-feature-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--tech-gradient-tech);transform:scaleX(0);transform-origin:left;transition:transform .3s var(--ux-ease-out)}.tech-feature-card:hover{transform:translateY(-5px);border-color:#6366f14d;box-shadow:var(--tech-shadow-modern)}.tech-feature-card:hover:before{transform:scaleX(1)}.tech-feature-card .tech-feature-icon{width:60px;height:60px;background:var(--tech-gradient-tech);border-radius:var(--tech-border-radius);display:flex;align-items:center;justify-content:center;margin-bottom:var(--tech-spacing-component);font-size:24px;color:#fff}.tech-feature-card .tech-feature-title{font-size:20px;font-weight:700;color:var(--tech-text);margin-bottom:12px}.tech-feature-card .tech-feature-description{font-size:16px;color:#6b7280;line-height:1.5}.entertainment-template-primary{--ent-primary: #8b5cf6;--ent-secondary: #ef4444;--ent-accent: #f59e0b;--ent-background: #0f0f0f;--ent-surface: #1f1f1f;--ent-text: #f9fafb;--ent-success: #22c55e;--ent-warning: #eab308;--ent-error: #f87171;--ent-info: #60a5fa;--ent-spacing-tight: 12px;--ent-spacing-normal: 24px;--ent-spacing-loose: 40px;--ent-border-radius: 16px;--ent-glow-primary: 0 0 30px rgba(139, 92, 246, .5);--ent-glow-secondary: 0 0 30px rgba(239, 68, 68, .5);--ent-gradient-gaming: linear-gradient(135deg, #8b5cf6, #ef4444, #f59e0b);font-family:Inter,sans-serif;background:var(--ent-background);color:var(--ent-text)}.ent-game-card{background:var(--ent-surface);border:2px solid transparent;border-radius:var(--ent-border-radius);padding:var(--ent-spacing-normal);position:relative;overflow:hidden;cursor:pointer;transition:all .3s var(--ux-ease-spring)}.ent-game-card:before{content:"";position:absolute;inset:-2px;background:var(--ent-gradient-gaming);background-size:300% 300%;border-radius:var(--ent-border-radius);z-index:-1;opacity:0;animation:gradientRotate 3s linear infinite;transition:opacity .3s ease}.ent-game-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:var(--ent-glow-primary)}.ent-game-card:hover:before{opacity:1}.ent-game-card .game-thumbnail{width:100%;height:200px;border-radius:12px;margin-bottom:var(--ent-spacing-tight);overflow:hidden;position:relative}.ent-game-card .game-thumbnail img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .5s ease}.ent-game-card .game-thumbnail:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(139,92,246,.3),transparent 70%);opacity:0;transition:opacity .3s ease}.ent-game-card:hover .game-thumbnail img{transform:scale(1.1)}.ent-game-card:hover .game-thumbnail:after{opacity:1}.ent-game-card .game-title{font-size:20px;font-weight:700;color:var(--ent-text);margin-bottom:8px}.ent-game-card .game-genre{font-size:14px;color:#9ca3af;text-transform:uppercase;letter-spacing:.5px}.ent-game-card .game-rating{position:absolute;top:16px;right:16px;padding:6px 12px;background:#8b5cf6e6;color:#fff;border-radius:20px;font-size:12px;font-weight:600;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@keyframes gradientRotate{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.education-template-primary{--edu-primary: #059669;--edu-secondary: #3b82f6;--edu-accent: #f59e0b;--edu-background: #f8fafc;--edu-surface: #ffffff;--edu-text: #334155;--edu-success: #22c55e;--edu-warning: #eab308;--edu-error: #ef4444;--edu-info: #06b6d4;--edu-spacing-content: 24px;--edu-spacing-section: 32px;--edu-spacing-paragraph: 16px;--edu-font-family: "Inter", system-ui, sans-serif;--edu-line-height-content: 1.7;--edu-line-height-heading: 1.3;--edu-border-radius: 10px;--edu-shadow-gentle: 0 4px 12px rgba(5, 150, 105, .1);--edu-transition-smooth: .4s ease;font-family:var(--edu-font-family);background:var(--edu-background);color:var(--edu-text);line-height:var(--edu-line-height-content)}.edu-course-card{background:var(--edu-surface);border:1px solid #e2e8f0;border-radius:var(--edu-border-radius);padding:var(--edu-spacing-content);transition:all var(--edu-transition-smooth);position:relative;overflow:hidden}.edu-course-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--edu-primary),var(--edu-secondary));transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.edu-course-card:hover{transform:translateY(-3px);box-shadow:var(--edu-shadow-gentle);border-color:#0596694d}.edu-course-card:hover:before{transform:scaleX(1)}.edu-course-card .course-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--edu-spacing-paragraph)}.edu-course-card .course-header .course-category{padding:4px 12px;background:rgba(var(--edu-secondary-rgb),.1);color:var(--edu-secondary);border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase}.edu-course-card .course-header .course-difficulty{display:flex;gap:2px}.edu-course-card .course-header .course-difficulty .dot{width:8px;height:8px;border-radius:50%;background:#d1d5db}.edu-course-card .course-header .course-difficulty .dot.filled{background:var(--edu-accent)}.edu-course-card .course-title{font-size:20px;font-weight:700;color:var(--edu-text);margin-bottom:12px;line-height:var(--edu-line-height-heading)}.edu-course-card .course-description{font-size:16px;color:#64748b;margin-bottom:var(--edu-spacing-paragraph);line-height:var(--edu-line-height-content)}.edu-course-card .course-progress{margin-bottom:var(--edu-spacing-paragraph)}.edu-course-card .course-progress .progress-bar{width:100%;height:6px;background:#f1f5f9;border-radius:3px;overflow:hidden}.edu-course-card .course-progress .progress-bar .progress-fill{height:100%;background:linear-gradient(90deg,var(--edu-primary),var(--edu-secondary));border-radius:3px;transition:width .5s ease}.edu-course-card .course-progress .progress-text{font-size:14px;color:#64748b;margin-top:8px;text-align:right}.edu-course-card .course-instructor{display:flex;align-items:center;gap:12px}.edu-course-card .course-instructor .instructor-avatar{width:32px;height:32px;border-radius:50%;border:2px solid var(--edu-primary)}.edu-course-card .course-instructor .instructor-name{font-size:14px;font-weight:600;color:var(--edu-text)}.ecommerce-template-primary{--ecom-primary: #dc2626;--ecom-secondary: #059669;--ecom-accent: #f59e0b;--ecom-background: #ffffff;--ecom-surface: #f9fafb;--ecom-text: #1f2937;--ecom-success: #10b981;--ecom-warning: #f59e0b;--ecom-error: #ef4444;--ecom-info: #3b82f6;--ecom-spacing-product: 20px;--ecom-spacing-section: 28px;--ecom-spacing-compact: 12px;--ecom-border-radius: 8px;--ecom-shadow-product: 0 4px 12px rgba(0, 0, 0, .08);--ecom-shadow-hover: 0 8px 25px rgba(0, 0, 0, .15);--ecom-transition-quick: .2s ease;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--ecom-background);color:var(--ecom-text)}.ecom-product-card{background:var(--ecom-surface);border:1px solid #e5e7eb;border-radius:var(--ecom-border-radius);overflow:hidden;transition:all var(--ecom-transition-quick);cursor:pointer}.ecom-product-card:hover{transform:translateY(-2px);box-shadow:var(--ecom-shadow-hover);border-color:#dc262633}.ecom-product-card .product-image{position:relative;width:100%;height:240px;overflow:hidden}.ecom-product-card .product-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .5s ease}.ecom-product-card .product-image .product-badge{position:absolute;top:12px;left:12px;padding:6px 12px;background:var(--ecom-error);color:#fff;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase}.ecom-product-card .product-image .product-badge.sale{background:var(--ecom-accent);color:#000;animation:salePulse 2s ease-in-out infinite}.ecom-product-card .product-image .product-badge.new{background:var(--ecom-secondary)}.ecom-product-card .product-image .product-wishlist{position:absolute;top:12px;right:12px;width:36px;height:36px;background:#ffffffe6;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.ecom-product-card .product-image .product-wishlist:hover{background:var(--ecom-error);color:#fff;transform:scale(1.1)}.ecom-product-card:hover .product-image img{transform:scale(1.05)}.ecom-product-card .product-content{padding:var(--ecom-spacing-product)}.ecom-product-card .product-content .product-title{font-size:16px;font-weight:600;color:var(--ecom-text);margin-bottom:8px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ecom-product-card .product-content .product-rating{display:flex;align-items:center;gap:8px;margin-bottom:8px}.ecom-product-card .product-content .product-rating .stars{display:flex;gap:2px;color:var(--ecom-accent)}.ecom-product-card .product-content .product-rating .rating-count{font-size:14px;color:#6b7280}.ecom-product-card .product-content .product-price{display:flex;align-items:center;gap:8px;margin-bottom:var(--ecom-spacing-compact)}.ecom-product-card .product-content .product-price .current-price{font-size:20px;font-weight:700;color:var(--ecom-error)}.ecom-product-card .product-content .product-price .original-price{font-size:16px;color:#9ca3af;text-decoration:line-through}.ecom-product-card .product-content .product-price .discount{padding:4px 8px;background:var(--ecom-secondary);color:#fff;border-radius:4px;font-size:12px;font-weight:600}.ecom-product-card .product-content .add-to-cart{width:100%;padding:12px;background:var(--ecom-primary);color:#fff;border:none;border-radius:var(--ecom-border-radius);font-size:16px;font-weight:600;cursor:pointer;transition:all var(--ecom-transition-quick)}.ecom-product-card .product-content .add-to-cart:hover{background:#b91c1c;transform:translateY(-1px);box-shadow:0 4px 12px #dc26264d}.ecom-product-card .product-content .add-to-cart:active{transform:translateY(0);background:#991b1b}@keyframes salePulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@media (prefers-contrast: high){.healthcare-template-primary,.finance-template-primary,.tech-template-primary,.entertainment-template-primary,.education-template-primary,.ecommerce-template-primary{--shadow-modern: 0 0 0 2px #000;--shadow-gentle: 0 0 0 2px #000;--shadow-professional: 0 0 0 1px #000;--glow-primary: 0 0 0 3px #000;--glow-secondary: 0 0 0 3px #000}.hc-button-primary,.tech-hero-cta,.ecom-product-card .add-to-cart{border:3px solid #000}}@media (prefers-reduced-motion: reduce){.tech-hero-title,.ent-game-card:before,.edu-course-card:before{animation:none}.ent-game-card:hover,.tech-feature-card:hover,.edu-course-card:hover,.ecom-product-card:hover,.ecom-product-card:hover .product-image img,.ent-game-card:hover .game-thumbnail img{transform:none}}.ux-gpu-accelerated{will-change:transform;transform:translateZ(0);backface-visibility:hidden;perspective:1000px}.ux-composite-layer{will-change:transform,opacity;transform:translateZ(0);backface-visibility:hidden;-webkit-font-smoothing:antialiased}.ux-animation-optimized{will-change:transform,opacity,filter;transform:translateZ(0);backface-visibility:hidden}.ux-animation-optimized.animating{will-change:transform,opacity,filter}.ux-animation-optimized.static{will-change:auto}.ux-critical{contain:layout style paint;content-visibility:auto;contain-intrinsic-size:0 500px}.ux-lazy-load{content-visibility:auto;contain-intrinsic-size:0 400px;opacity:0;transform:translateY(20px);transition:opacity .4s ease,transform .4s ease}.ux-lazy-load.loaded{opacity:1;transform:translateY(0)}.ux-progressive{display:block}.ux-progressive.enhanced{-webkit-backdrop-filter:var(--ux-backdrop-blur-md);backdrop-filter:var(--ux-backdrop-blur-md);animation:enhancedEntrance .6s ease-out}@keyframes enhancedEntrance{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.ux-perf-budget-light{transition:opacity .2s ease}.ux-perf-budget-medium{transition:transform .2s ease,opacity .2s ease}.ux-perf-budget-high{transition:all .3s ease;will-change:transform,opacity,filter}.ux-touch-optimized{touch-action:manipulation;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;transition:background-color .1s ease}.ux-touch-optimized:active{background-color:rgba(var(--ux-primary-rgb),.1);transform:scale(.98)}.ux-mobile-first{font-size:16px;line-height:1.5}@media (min-width: 768px){.ux-mobile-first.desktop-enhanced{-webkit-backdrop-filter:var(--ux-backdrop-blur-sm);backdrop-filter:var(--ux-backdrop-blur-sm);box-shadow:var(--ux-shadow-md)}}.ux-perf-test:before{content:attr(data-perf-marker);position:absolute;top:-20px;left:0;font-size:10px;color:#666;font-family:monospace;background:#ffff004d;padding:2px 4px;border-radius:2px;z-index:9999;display:none}body.debug-performance .ux-perf-test:before{display:block}.ux-fps-indicator{position:fixed;top:10px;right:10px;z-index:10000;background:#000c;color:#fff;padding:8px 12px;border-radius:4px;font-family:monospace;font-size:12px;display:none}body.show-fps-indicator .ux-fps-indicator{display:block}.ux-fps-indicator.fps-good{color:#22c55e}.ux-fps-indicator.fps-warning{color:#f59e0b}.ux-fps-indicator.fps-poor{color:#ef4444}@media (max-width: 768px) and (max-height: 1024px){.ux-mobile-constrained{-webkit-backdrop-filter:none;backdrop-filter:none;filter:none;animation:none;transition:opacity .2s ease}.ux-animation-optimized{animation-duration:.2s}}@media (prefers-reduced-motion: reduce){.ux-battery-saver{animation:none!important;transition:opacity .1s ease!important}.ux-battery-saver:hover{transform:none!important}}.ux-measure-paint{contain:layout style paint}.ux-measure-paint:before{content:""}.ux-measure-layout{contain:layout}.ux-measure-layout.layout-constrained{contain:size layout style paint}body.debug-mode .ux-debug-performance{outline:2px dashed rgba(255,0,0,.5)}body.debug-mode .ux-debug-performance.ux-gpu-accelerated{outline-color:#00ff0080}body.debug-mode .ux-debug-performance.ux-composite-layer{outline-color:#0000ff80}body.debug-mode .ux-debug-performance:after{content:"GPU";position:absolute;top:0;left:0;background:#0f0c;color:#fff;font-size:10px;padding:2px 4px;border-radius:2px;font-family:monospace}.ux-contain-layout{contain:layout}.ux-contain-style{contain:style}.ux-contain-paint{contain:paint}.ux-contain-size{contain:size}.ux-contain-all{contain:layout style paint size}.ux-content-visibility-auto{content-visibility:auto}.ux-content-visibility-hidden{content-visibility:hidden}.ux-60fps-animation{will-change:transform,opacity;backface-visibility:hidden}.ux-60fps-animation.translate{transform:translate3d(var(--x, 0),var(--y, 0),0)}.ux-60fps-animation.scale{transform:scale3d(var(--scale, 1),var(--scale, 1),1)}.ux-60fps-animation.rotate{transform:rotate3d(0,0,1,var(--rotation, 0deg))}.ux-60fps-animation.fade{opacity:var(--opacity, 1)}.ux-60fps-animation.transform-combined{transform:translate3d(var(--x, 0),var(--y, 0),0) scale3d(var(--scale, 1),var(--scale, 1),1) rotate3d(0,0,1,var(--rotation, 0deg))}.ux-memory-efficient{contain:layout style paint}.ux-memory-efficient.animating{animation-iteration-count:1;animation-fill-mode:forwards}.ux-perf-track[data-perf-critical]{contain:layout style paint;content-visibility:auto}.ux-perf-track[data-perf-expensive]{will-change:transform,opacity}.ux-perf-track[data-perf-expensive]:not(.animating){will-change:auto}.ux-perf-track[data-perf-budget=low]{animation:none;transition:opacity .1s ease;-webkit-backdrop-filter:none;backdrop-filter:none;filter:none}@media (max-width: 768px){.ux-mobile-perf .ux-animation-optimized{animation-duration:.2s}.ux-mobile-perf .ux-expensive-effect{-webkit-backdrop-filter:none;backdrop-filter:none;filter:none;box-shadow:0 2px 4px #0000001a}.ux-mobile-perf .ux-touch-optimized{transition-duration:.1s}}@media (min-resolution: 120dpi){.ux-high-dpi{transform:translateZ(0);will-change:transform}.ux-high-dpi .ux-shadow-enhanced{box-shadow:0 8px 32px #0000001f}}.ux-measure-timing{animation-delay:var(--measurement-start, 0s);animation-duration:var(--measurement-duration, 1s);animation-name:performanceMeasurement;animation-iteration-count:1;animation-fill-mode:forwards}@keyframes performanceMeasurement{0%{--measurement-progress: 0%}to{--measurement-progress: 100%}}body.debug-paint .ux-debug-paint{animation:paintFlash .5s ease}@keyframes paintFlash{0%{background:#ff00004d}to{background:transparent}}.ux-hover-optimized{transition:transform .2s ease,opacity .2s ease;will-change:transform,opacity}.ux-hover-optimized:hover{transform:translateY(-2px) translateZ(0);opacity:.9}.ux-loading-efficient.loading{position:relative}.ux-loading-efficient.loading:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:efficientLoading 1.5s ease-in-out infinite}@keyframes efficientLoading{0%{transform:translate(-100%)}to{transform:translate(100%)}}.ux-memory-conscious{animation-iteration-count:1;animation-fill-mode:forwards}.ux-memory-conscious.animation-complete{animation:none;will-change:auto}@media (max-width: 768px) and (max-height: 1024px){.ux-device-optimized .ux-expensive{-webkit-backdrop-filter:none;backdrop-filter:none;filter:none;animation:none;transition:opacity .1s ease}.ux-device-optimized .ux-shadow-optimized{box-shadow:0 2px 4px #0000001a}.ux-device-optimized .ux-transition-optimized{transition-duration:.1s}}@media (min-width: 1200px) and (min-height: 800px){.ux-high-end-enhanced .ux-premium-effects{-webkit-backdrop-filter:var(--ux-backdrop-blur-xl);backdrop-filter:var(--ux-backdrop-blur-xl);filter:drop-shadow(0 8px 32px rgba(0,0,0,.2));animation:premiumEntrance .8s var(--ux-ease-spring)}.ux-high-end-enhanced .ux-premium-shadows{box-shadow:0 20px 40px #0000001a,0 8px 16px #0000001a,0 4px 8px #0000001a}}@keyframes premiumEntrance{0%{opacity:0;transform:scale(.9) translateY(20px);filter:blur(10px)}50%{opacity:.8;transform:scale(1.02) translateY(-5px);filter:blur(2px)}to{opacity:1;transform:scale(1) translateY(0);filter:blur(0)}}body.debug-performance .ux-perf-debug{outline:2px solid rgba(255,0,0,.5)}body.debug-performance .ux-perf-debug.optimized{outline-color:#00ff0080}body.debug-performance .ux-perf-debug.gpu-accelerated{outline-color:#0000ff80}body.debug-performance .ux-perf-debug:before{content:"PERF: " attr(data-perf-score);position:absolute;top:-20px;left:0;background:#000c;color:#fff;font-size:10px;padding:2px 6px;border-radius:2px;font-family:monospace;z-index:10000}:root{--ux-perf-budget-animation: 16ms;--ux-perf-budget-paint: 10ms;--ux-perf-budget-layout: 5ms;--ux-perf-budget-composite: 2ms;--ux-perf-monitoring: enabled;--ux-perf-gpu-acceleration: auto;--ux-perf-animation-reduction: auto}.ux-perf-grid{display:grid;contain:layout style}.ux-perf-grid.auto-fit{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--ux-spacing-md)}.ux-perf-grid.performance-optimized{content-visibility:auto;contain-intrinsic-size:0 400px}.ux-memory-efficient{animation-fill-mode:none}.ux-memory-efficient.animation-cleanup{will-change:auto;animation:none;transition:none}.ux-gc-friendly{transform:none;will-change:auto}.ux-gc-friendly.needs-compositing{will-change:transform,opacity;transform:translateZ(0)}.nav-header-modern{position:sticky;top:0;z-index:100;width:100%;background:rgba(var(--ux-surface-rgb),.95);-webkit-backdrop-filter:var(--ux-backdrop-blur-md);backdrop-filter:var(--ux-backdrop-blur-md);border-bottom:1px solid var(--ux-outline);transition:all .3s ease}.nav-header-modern .nav-container{max-width:1200px;margin:0 auto;padding:0 1.5rem;height:70px;display:flex;align-items:center;justify-content:space-between}.nav-header-modern .nav-brand{display:flex;align-items:center;gap:12px;font-size:24px;font-weight:700;color:var(--ux-primary);text-decoration:none}.nav-header-modern .nav-brand .brand-icon{width:40px;height:40px;background:linear-gradient(135deg,var(--ux-primary),var(--ux-secondary));border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:18px}.nav-header-modern .nav-menu{display:hidden}@media (min-width: 768px){.nav-header-modern .nav-menu{display:flex;align-items:center;gap:2rem}}.nav-header-modern .nav-menu .nav-link{color:var(--ux-on-surface);text-decoration:none;font-weight:500;padding:.5rem 1rem;border-radius:var(--ux-radius-md);transition:all .2s ease;position:relative}.nav-header-modern .nav-menu .nav-link:after{content:"";position:absolute;bottom:-4px;left:50%;width:0;height:2px;background:var(--ux-primary);transition:all .3s ease;transform:translate(-50%)}.nav-header-modern .nav-menu .nav-link:hover{color:var(--ux-primary);background:rgba(var(--ux-primary-rgb),.05)}.nav-header-modern .nav-menu .nav-link:hover:after{width:80%}.nav-header-modern .nav-menu .nav-link.active{color:var(--ux-primary);background:rgba(var(--ux-primary-rgb),.1)}.nav-header-modern .nav-menu .nav-link.active:after{width:100%}.nav-header-modern .nav-actions{display:flex;align-items:center;gap:1rem}.nav-sidebar-modern{width:280px;height:100vh;background:var(--ux-surface);border-right:1px solid var(--ux-outline);padding:1.5rem 0;transition:all .3s ease}.nav-sidebar-modern .sidebar-header{padding:0 1.5rem 2rem;border-bottom:1px solid var(--ux-outline);margin-bottom:1.5rem}.nav-sidebar-modern .sidebar-header .sidebar-title{font-size:18px;font-weight:700;color:var(--ux-on-surface)}.nav-sidebar-modern .sidebar-header .sidebar-subtitle{font-size:14px;color:var(--ux-on-surface);opacity:.7;margin-top:4px}.nav-sidebar-modern .sidebar-section{margin-bottom:2rem}.nav-sidebar-modern .sidebar-section .section-label{padding:0 1.5rem;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--ux-on-surface);opacity:.6;margin-bottom:.5rem}.nav-sidebar-modern .sidebar-section .section-items .sidebar-link{display:flex;align-items:center;gap:12px;padding:12px 1.5rem;color:var(--ux-on-surface);text-decoration:none;transition:all .2s ease;border-left:3px solid transparent}.nav-sidebar-modern .sidebar-section .section-items .sidebar-link .link-icon{width:20px;height:20px;opacity:.7;transition:opacity .2s ease}.nav-sidebar-modern .sidebar-section .section-items .sidebar-link .link-text{font-weight:500}.nav-sidebar-modern .sidebar-section .section-items .sidebar-link .link-badge{margin-left:auto;padding:2px 8px;background:rgba(var(--ux-primary-rgb),.1);color:var(--ux-primary);border-radius:12px;font-size:12px;font-weight:600}.nav-sidebar-modern .sidebar-section .section-items .sidebar-link:hover{background:rgba(var(--ux-primary-rgb),.05);color:var(--ux-primary);border-left-color:rgba(var(--ux-primary-rgb),.3);transform:translate(4px)}.nav-sidebar-modern .sidebar-section .section-items .sidebar-link:hover .link-icon{opacity:1}.nav-sidebar-modern .sidebar-section .section-items .sidebar-link.active{background:rgba(var(--ux-primary-rgb),.1);color:var(--ux-primary);border-left-color:var(--ux-primary)}.nav-sidebar-modern .sidebar-section .section-items .sidebar-link.active .link-icon{opacity:1}.form-field-modern{position:relative;margin-bottom:1.5rem}.form-field-modern .field-label{display:block;font-size:14px;font-weight:600;color:var(--ux-on-surface);margin-bottom:.5rem}.form-field-modern .field-label .required{color:var(--ux-error);margin-left:2px}.form-field-modern .field-input{width:100%;padding:12px 16px;border:2px solid var(--ux-outline);border-radius:var(--ux-radius-lg);background:var(--ux-surface);color:var(--ux-on-surface);font-size:16px;transition:all .2s ease}.form-field-modern .field-input::-moz-placeholder{color:var(--ux-on-surface);opacity:.5}.form-field-modern .field-input::placeholder{color:var(--ux-on-surface);opacity:.5}.form-field-modern .field-input:focus{outline:none;border-color:var(--ux-primary);box-shadow:0 0 0 3px rgba(var(--ux-primary-rgb),.1);transform:translateY(-1px)}.form-field-modern .field-input:invalid{border-color:var(--ux-error);box-shadow:0 0 0 3px rgba(var(--ux-error-rgb),.1)}.form-field-modern .field-input:valid{border-color:var(--ux-success)}.form-field-modern .field-hint{font-size:12px;color:var(--ux-on-surface);opacity:.7;margin-top:.5rem}.form-field-modern .field-error{font-size:12px;color:var(--ux-error);margin-top:.5rem;display:flex;align-items:center;gap:4px}.form-field-modern .field-error:before{content:"\26a0";font-size:14px}.form-field-modern .field-success{font-size:12px;color:var(--ux-success);margin-top:.5rem;display:flex;align-items:center;gap:4px}.form-field-modern .field-success:before{content:"\2713";font-size:14px}.toggle-modern{position:relative;display:inline-flex;align-items:center;gap:12px;cursor:pointer}.toggle-modern .toggle-input{position:absolute;opacity:0;pointer-events:none}.toggle-modern .toggle-track{width:50px;height:24px;background:#d1d5db;border-radius:12px;position:relative;transition:background .2s ease}.toggle-modern .toggle-track .toggle-thumb{position:absolute;top:2px;left:2px;width:20px;height:20px;background:#fff;border-radius:50%;box-shadow:0 2px 4px #0003;transition:all .2s ease}.toggle-modern .toggle-label{font-size:14px;font-weight:500;color:var(--ux-on-surface)}.toggle-modern .toggle-input:checked+.toggle-track{background:var(--ux-primary)}.toggle-modern .toggle-input:checked+.toggle-track .toggle-thumb{transform:translate(26px);box-shadow:0 2px 4px #0000004d}.toggle-modern .toggle-input:focus+.toggle-track{outline:2px solid rgba(var(--ux-primary-rgb),.3);outline-offset:2px}.toggle-modern:hover .toggle-track .toggle-thumb{transform:scale(1.1)}.toggle-modern:hover .toggle-input:checked+.toggle-track .toggle-thumb{transform:translate(26px) scale(1.1)}.modal-modern{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;background:#0009;-webkit-backdrop-filter:var(--ux-backdrop-blur-sm);backdrop-filter:var(--ux-backdrop-blur-sm);opacity:0;visibility:hidden;transition:all .3s ease}.modal-modern.open{opacity:1;visibility:visible}.modal-modern .modal-content{background:var(--ux-surface);border-radius:var(--ux-radius-2xl);box-shadow:var(--ux-shadow-2xl);max-width:500px;width:90%;max-height:90vh;overflow:auto;transform:scale(.9) translateY(20px);transition:all .3s var(--ux-ease-spring);position:relative}.modal-modern .modal-content .modal-close{position:absolute;top:1rem;right:1rem;width:32px;height:32px;background:rgba(var(--ux-on-surface-rgb),.1);border:none;border-radius:50%;color:var(--ux-on-surface);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.modal-modern .modal-content .modal-close:hover{background:rgba(var(--ux-error-rgb),.1);color:var(--ux-error);transform:scale(1.1)}.modal-modern.open .modal-content{transform:scale(1) translateY(0)}.modal-modern .modal-header{padding:2rem 2rem 1rem}.modal-modern .modal-header .modal-title{font-size:24px;font-weight:700;color:var(--ux-on-surface);margin-bottom:.5rem}.modal-modern .modal-header .modal-subtitle{font-size:16px;color:var(--ux-on-surface);opacity:.7}.modal-modern .modal-body{padding:1rem 2rem}.modal-modern .modal-body .modal-text{font-size:16px;line-height:1.6;color:var(--ux-on-surface)}.modal-modern .modal-footer{padding:1rem 2rem 2rem;display:flex;justify-content:flex-end;gap:1rem}.modal-modern .modal-footer .modal-button{padding:.75rem 1.5rem;border-radius:var(--ux-radius-lg);font-weight:600;cursor:pointer;transition:all .2s ease}.modal-modern .modal-footer .modal-button.primary{background:var(--ux-primary);color:var(--ux-on-primary);border:none}.modal-modern .modal-footer .modal-button.primary:hover{background:var(--ux-primary-dark);transform:translateY(-1px)}.modal-modern .modal-footer .modal-button.secondary{background:transparent;color:var(--ux-on-surface);border:2px solid var(--ux-outline)}.modal-modern .modal-footer .modal-button.secondary:hover{border-color:var(--ux-primary);color:var(--ux-primary)}.toast-modern{position:fixed;bottom:2rem;right:2rem;z-index:1100;min-width:320px;max-width:480px;background:var(--ux-surface);border:1px solid var(--ux-outline);border-radius:var(--ux-radius-xl);box-shadow:var(--ux-shadow-xl);-webkit-backdrop-filter:var(--ux-backdrop-blur-md);backdrop-filter:var(--ux-backdrop-blur-md);transform:translate(100%);transition:all .3s var(--ux-ease-spring)}.toast-modern.show{transform:translate(0)}.toast-modern .toast-content{display:flex;align-items:flex-start;gap:12px;padding:1rem 1.5rem}.toast-modern .toast-content .toast-icon{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0;margin-top:2px}.toast-modern .toast-content .toast-icon.success{background:var(--ux-success);color:#fff}.toast-modern .toast-content .toast-icon.error{background:var(--ux-error);color:#fff}.toast-modern .toast-content .toast-icon.warning{background:var(--ux-warning);color:#000}.toast-modern .toast-content .toast-icon.info{background:var(--ux-info);color:#fff}.toast-modern .toast-content .toast-body{flex:1}.toast-modern .toast-content .toast-body .toast-title{font-size:16px;font-weight:600;color:var(--ux-on-surface);margin-bottom:4px}.toast-modern .toast-content .toast-body .toast-message{font-size:14px;color:var(--ux-on-surface);opacity:.8;line-height:1.4}.toast-modern .toast-content .toast-close{width:20px;height:20px;background:none;border:none;color:var(--ux-on-surface);opacity:.5;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:opacity .2s ease}.toast-modern .toast-content .toast-close:hover{opacity:1}.toast-modern .toast-progress{position:absolute;bottom:0;left:0;height:3px;background:var(--ux-primary);border-radius:0 0 var(--ux-radius-xl) var(--ux-radius-xl);animation:toastProgress 5s linear forwards}@keyframes toastProgress{0%{width:100%}to{width:0%}}.table-modern{width:100%;background:var(--ux-surface);border-radius:var(--ux-radius-xl);overflow:hidden;box-shadow:var(--ux-shadow-sm);border:1px solid var(--ux-outline)}.table-modern .table-header{background:rgba(var(--ux-primary-rgb),.03)}.table-modern .table-header .table-row{display:grid;padding:1rem 1.5rem;border-bottom:1px solid var(--ux-outline)}.table-modern .table-header .table-row .table-cell{font-size:14px;font-weight:600;color:var(--ux-on-surface);opacity:.8}.table-modern .table-header .table-row .table-cell.sortable{cursor:pointer;display:flex;align-items:center;gap:4px}.table-modern .table-header .table-row .table-cell.sortable .sort-icon{opacity:.5;transition:all .2s ease}.table-modern .table-header .table-row .table-cell.sortable:hover .sort-icon{opacity:1;transform:scale(1.2)}.table-modern .table-header .table-row .table-cell.sortable.sorted{color:var(--ux-primary)}.table-modern .table-header .table-row .table-cell.sortable.sorted .sort-icon{opacity:1}.table-modern .table-body .table-row{display:grid;padding:1rem 1.5rem;border-bottom:1px solid rgba(var(--ux-outline-rgb),.5);transition:background .2s ease}.table-modern .table-body .table-row:hover{background:rgba(var(--ux-primary-rgb),.02)}.table-modern .table-body .table-row.selected{background:rgba(var(--ux-primary-rgb),.05);border-left:4px solid var(--ux-primary)}.table-modern .table-body .table-row .table-cell{display:flex;align-items:center;font-size:14px;color:var(--ux-on-surface)}.table-modern .table-body .table-row .table-cell.numeric{justify-content:flex-end;font-family:SF Mono,Consolas,monospace;font-weight:600}.table-modern .table-body .table-row .table-cell.status .status-badge{padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600}.table-modern .table-body .table-row .table-cell.status .status-badge.active{background:rgba(var(--ux-success-rgb),.1);color:var(--ux-success)}.table-modern .table-body .table-row .table-cell.status .status-badge.inactive{background:rgba(var(--ux-on-surface-rgb),.1);color:var(--ux-on-surface)}.table-modern .table-body .table-row .table-cell.status .status-badge.error{background:rgba(var(--ux-error-rgb),.1);color:var(--ux-error)}.table-modern .table-body .table-row .table-cell.actions{justify-content:flex-end;gap:.5rem}.table-modern .table-body .table-row .table-cell.actions .action-button{padding:6px 12px;background:transparent;border:1px solid var(--ux-outline);border-radius:var(--ux-radius-md);color:var(--ux-on-surface);cursor:pointer;font-size:12px;font-weight:500;transition:all .2s ease}.table-modern .table-body .table-row .table-cell.actions .action-button:hover{border-color:var(--ux-primary);color:var(--ux-primary);background:rgba(var(--ux-primary-rgb),.05)}.table-modern .table-body .table-row .table-cell.actions .action-button.danger:hover{border-color:var(--ux-error);color:var(--ux-error);background:rgba(var(--ux-error-rgb),.05)}.card-grid-modern{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;padding:1.5rem}.card-grid-modern .grid-card{background:var(--ux-surface);border:1px solid var(--ux-outline);border-radius:var(--ux-radius-xl);padding:1.5rem;transition:all .3s ease;position:relative;overflow:hidden}.card-grid-modern .grid-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--ux-primary),var(--ux-secondary));transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.card-grid-modern .grid-card:hover{transform:translateY(-4px);box-shadow:var(--ux-shadow-lg);border-color:rgba(var(--ux-primary-rgb),.3)}.card-grid-modern .grid-card:hover:before{transform:scaleX(1)}.card-grid-modern .grid-card .card-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:1rem}.card-grid-modern .grid-card .card-header .card-title{font-size:20px;font-weight:700;color:var(--ux-on-surface);line-height:1.3}.card-grid-modern .grid-card .card-header .card-menu{width:32px;height:32px;background:rgba(var(--ux-on-surface-rgb),.1);border:none;border-radius:50%;color:var(--ux-on-surface);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.card-grid-modern .grid-card .card-header .card-menu:hover{background:rgba(var(--ux-primary-rgb),.1);color:var(--ux-primary);transform:scale(1.1)}.card-grid-modern .grid-card .card-content .card-description{font-size:16px;color:var(--ux-on-surface);opacity:.8;line-height:1.5;margin-bottom:1.5rem}.card-grid-modern .grid-card .card-content .card-metadata{display:flex;align-items:center;gap:1rem;font-size:14px;color:var(--ux-on-surface);opacity:.6;margin-bottom:1.5rem}.card-grid-modern .grid-card .card-content .card-metadata .metadata-item{display:flex;align-items:center;gap:4px}.card-grid-modern .grid-card .card-actions{display:flex;justify-content:space-between;align-items:center}.card-grid-modern .grid-card .card-actions .action-group{display:flex;gap:.5rem}.card-grid-modern .grid-card .card-actions .action-group .action-button{padding:.5rem 1rem;border-radius:var(--ux-radius-md);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.card-grid-modern .grid-card .card-actions .action-group .action-button.primary{background:var(--ux-primary);color:var(--ux-on-primary);border:none}.card-grid-modern .grid-card .card-actions .action-group .action-button.primary:hover{background:var(--ux-primary-dark);transform:translateY(-1px)}.card-grid-modern .grid-card .card-actions .action-group .action-button.secondary{background:transparent;color:var(--ux-on-surface);border:1px solid var(--ux-outline)}.card-grid-modern .grid-card .card-actions .action-group .action-button.secondary:hover{border-color:var(--ux-primary);color:var(--ux-primary)}.metric-card-modern{background:var(--ux-surface);border:1px solid var(--ux-outline);border-radius:var(--ux-radius-xl);padding:1.5rem;position:relative;overflow:hidden;transition:all .3s ease}.metric-card-modern:hover{transform:translateY(-2px);box-shadow:var(--ux-shadow-lg)}.metric-card-modern .metric-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.metric-card-modern .metric-header .metric-label{font-size:14px;font-weight:500;color:var(--ux-on-surface);opacity:.7;text-transform:uppercase;letter-spacing:.5px}.metric-card-modern .metric-header .metric-trend{font-size:12px;padding:4px 8px;border-radius:12px;font-weight:600}.metric-card-modern .metric-header .metric-trend.up{background:rgba(var(--ux-success-rgb),.1);color:var(--ux-success)}.metric-card-modern .metric-header .metric-trend.up:before{content:"\2197  "}.metric-card-modern .metric-header .metric-trend.down{background:rgba(var(--ux-error-rgb),.1);color:var(--ux-error)}.metric-card-modern .metric-header .metric-trend.down:before{content:"\2198  "}.metric-card-modern .metric-header .metric-trend.stable{background:rgba(var(--ux-on-surface-rgb),.1);color:var(--ux-on-surface)}.metric-card-modern .metric-header .metric-trend.stable:before{content:"\2192  "}.metric-card-modern .metric-value{font-size:2.5rem;font-weight:800;margin-bottom:.5rem;background:linear-gradient(135deg,var(--ux-primary),var(--ux-secondary));-webkit-background-clip:text;background-clip:text;color:transparent}.metric-card-modern .metric-subtitle{font-size:14px;color:var(--ux-on-surface);opacity:.6}.metric-card-modern .metric-chart{position:absolute;bottom:0;left:0;right:0;height:60px;background:linear-gradient(180deg,transparent,rgba(var(--ux-primary-rgb),.05))}.metric-card-modern .metric-chart:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--ux-primary),var(--ux-secondary))}.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}.sr-only-focusable:focus{position:static;width:auto;height:auto;padding:inherit;margin:inherit;overflow:visible;clip:auto;white-space:inherit}.focus-trap .focus-guard{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}@media (prefers-contrast: high){.modal-modern,.toast-modern,.table-modern,.card-grid-modern .grid-card,.metric-card-modern{border:3px solid #000;box-shadow:none}.nav-header-modern{border-bottom:3px solid #000}.toggle-modern .toggle-track{border:2px solid #000}}:root{--ux-utilities-version: "3.0.0-revolutionary";--ux-utilities-last-updated: "2025-01-15";--ux-utilities-source: "supercharged-single-entry-point";--ux-features-modern-css: "enabled";--ux-features-advanced-animations: "enabled";--ux-features-industry-templates: "enabled";--ux-features-performance-monitoring: "enabled";--ux-features-component-patterns: "enabled";--ux-features-tailwind-integration: "perfect";--ux-features-catalyst-integration: "perfect";--ux-features-ai-optimization: "revolutionary"}.ux-button{display:inline-flex;align-items:center;justify-content:center;padding:.5rem 1rem;font-size:1rem;font-weight:500;line-height:1.5;border-radius:.375rem;border:none;cursor:pointer;transition:all .2s ease-in-out;text-decoration:none}.ux-button:focus{outline:none;box-shadow:0 0 0 2px rgba(var(--ux-primary-rgb, 66, 133, 244),.4)}.ux-button:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.ux-button .button-icon{margin-right:.5rem}.ux-button .button-icon:last-child{margin-right:0;margin-left:.5rem}.ux-button .button-icon:only-child{margin:0}.ux-button-primary{background-color:var(--ux-primary, #4285f4);color:var(--ux-on-primary, white)}.ux-button-primary:hover:not(:disabled){background-color:var(--ux-primary-dark, #3367d6);transform:translateY(-1px)}.ux-button-primary:active{background-color:var(--ux-primary-darker, #2a56c6);transform:translateY(0)}.ux-button-secondary{background-color:var(--ux-secondary, #0ca678);color:var(--ux-on-secondary, white)}.ux-button-secondary:hover:not(:disabled){background-color:var(--ux-secondary-dark, #099268);transform:translateY(-1px)}.ux-button-secondary:active{background-color:var(--ux-secondary-darker, #087f5b);transform:translateY(0)}.ux-button-tertiary{background-color:var(--ux-tertiary, #9c27b0);color:var(--ux-on-tertiary, white)}.ux-button-tertiary:hover:not(:disabled){background-color:var(--ux-tertiary-dark, #7b1fa2);transform:translateY(-1px)}.ux-button-tertiary:active{background-color:var(--ux-tertiary-darker, #6a1b9a);transform:translateY(0)}.ux-button-gradient-primary{background:linear-gradient(135deg,var(--ux-primary, #4285f4),var(--ux-primary-dark, #3367d6));color:var(--ux-on-primary, white)}.ux-button-gradient-primary:hover:not(:disabled){background:linear-gradient(135deg,var(--ux-primary-dark, #3367d6),var(--ux-primary-darker, #2a56c6));transform:translateY(-1px);box-shadow:0 4px 12px rgba(var(--ux-primary-rgb, 66, 133, 244),.3)}.ux-button-gradient-secondary{background:linear-gradient(135deg,var(--ux-secondary, #0ca678),var(--ux-secondary-dark, #099268));color:var(--ux-on-secondary, white)}.ux-button-gradient-secondary:hover:not(:disabled){background:linear-gradient(135deg,var(--ux-secondary-dark, #099268),var(--ux-secondary-darker, #087f5b));transform:translateY(-1px);box-shadow:0 4px 12px rgba(var(--ux-secondary-rgb, 12, 166, 120),.3)}.ux-button-gradient-tertiary{background:linear-gradient(135deg,var(--ux-tertiary, #9c27b0),var(--ux-tertiary-dark, #7b1fa2));color:var(--ux-on-tertiary, white)}.ux-button-gradient-tertiary:hover:not(:disabled){background:linear-gradient(135deg,var(--ux-tertiary-dark, #7b1fa2),var(--ux-tertiary-darker, #6a1b9a));transform:translateY(-1px);box-shadow:0 4px 12px rgba(var(--ux-tertiary-rgb, 156, 39, 176),.3)}.ux-button-tri-color-gradient{background:linear-gradient(to right,var(--ux-primary, #4285f4),var(--ux-secondary, #0ca678),var(--ux-tertiary, #9c27b0));background-size:200% auto;color:#fff;transition:background-position .5s ease,transform .2s ease}.ux-button-tri-color-gradient:hover:not(:disabled){background-position:right center;transform:translateY(-1px);box-shadow:0 6px 16px #0003}.ux-button-outline-primary{background-color:transparent;color:var(--ux-primary, #4285f4);border:1px solid var(--ux-primary, #4285f4)}.ux-button-outline-primary:hover:not(:disabled){background-color:rgba(var(--ux-primary-rgb, 66, 133, 244),.05);transform:translateY(-1px)}.ux-button-outline-primary:active{background-color:rgba(var(--ux-primary-rgb, 66, 133, 244),.1);transform:translateY(0)}.ux-button-outline-secondary{background-color:transparent;color:var(--ux-secondary, #0ca678);border:1px solid var(--ux-secondary, #0ca678)}.ux-button-outline-secondary:hover:not(:disabled){background-color:rgba(var(--ux-secondary-rgb, 12, 166, 120),.05);transform:translateY(-1px)}.ux-button-outline-secondary:active{background-color:rgba(var(--ux-secondary-rgb, 12, 166, 120),.1);transform:translateY(0)}.ux-button-outline-tertiary{background-color:transparent;color:var(--ux-tertiary, #9c27b0);border:1px solid var(--ux-tertiary, #9c27b0)}.ux-button-outline-tertiary:hover:not(:disabled){background-color:rgba(var(--ux-tertiary-rgb, 156, 39, 176),.05);transform:translateY(-1px)}.ux-button-outline-tertiary:active{background-color:rgba(var(--ux-tertiary-rgb, 156, 39, 176),.1);transform:translateY(0)}.ux-button-neumorphic{background-color:var(--ux-surface, #f0f0f0);color:var(--ux-on-surface, #333);border-radius:8px;box-shadow:5px 5px 10px #0000000d,-5px -5px 10px #fffc}.ux-button-neumorphic:hover:not(:disabled){box-shadow:4px 4px 8px #0000000d,-4px -4px 8px #fffc;transform:translateY(-1px)}.ux-button-neumorphic:active{box-shadow:inset 4px 4px 8px #0000000d,inset -4px -4px 8px #fffc;transform:translateY(0)}.ux-button-glass{background:#fff3;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.1);color:var(--ux-on-surface, #333)}.ux-button-glass:hover:not(:disabled){background:#ffffff40;border:1px solid rgba(255,255,255,.2);transform:translateY(-1px);box-shadow:0 8px 24px #0000001a}.ux-button-glass:active{background:#ffffff4d;transform:translateY(0)}.ux-button-sm{padding:.25rem .5rem;font-size:.875rem;border-radius:.25rem}.ux-button-lg{padding:.75rem 1.5rem;font-size:1.125rem;border-radius:.5rem}.ux-button-icon{width:2.5rem;height:2.5rem;padding:0;border-radius:50%;display:inline-flex;align-items:center;justify-content:center}.ux-button-icon .button-icon{margin:0}.ux-button-icon.ux-button-sm{width:2rem;height:2rem}.ux-button-icon.ux-button-lg{width:3rem;height:3rem}.ux-button-loading{position:relative;pointer-events:none}.ux-button-loading:after{content:"";position:absolute;width:16px;height:16px;margin:auto;border:2px solid transparent;border-top-color:currentColor;border-radius:50%;animation:ux-button-spin 1s linear infinite}.ux-button-loading .button-text{opacity:0}@keyframes ux-button-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:root{--ux-neu-bg: var(--ux-surface, #f0f0f3);--ux-neu-light: rgba(255, 255, 255, .8);--ux-neu-shadow: rgba(0, 0, 0, .2);--ux-neu-light-mix: rgba(255, 255, 255, .3);--ux-neu-shadow-mix: rgba(0, 0, 0, .05);--ux-neu-distance-sm: 4px;--ux-neu-distance-md: 8px;--ux-neu-distance-lg: 15px;--ux-neu-radius: 12px;--ux-neu-transition: all .3s cubic-bezier(.25, .8, .25, 1);--ux-nm-shadow-size: 8px;--ux-nm-radius: 16px;--ux-nm-surface: var(--ux-surface, #f0f0f0);--ux-nm-surface-dark: var(--ux-surface-variant, #333)}.ux-neu-flat{background-color:var(--ux-nm-surface);border-radius:var(--ux-nm-radius);box-shadow:var(--ux-nm-shadow-size) var(--ux-nm-shadow-size) calc(var(--ux-nm-shadow-size) * 2) #0000000d,calc(var(--ux-nm-shadow-size) * -1) calc(var(--ux-nm-shadow-size) * -1) calc(var(--ux-nm-shadow-size) * 2) #fffc}.ux-neu-concave{background:linear-gradient(145deg,#00000008,#ffffff1a);background-color:var(--ux-nm-surface);border-radius:var(--ux-nm-radius);box-shadow:var(--ux-nm-shadow-size) var(--ux-nm-shadow-size) calc(var(--ux-nm-shadow-size) * 2) #0000000d,calc(var(--ux-nm-shadow-size) * -1) calc(var(--ux-nm-shadow-size) * -1) calc(var(--ux-nm-shadow-size) * 2) #fffc}.ux-neu-convex{background:linear-gradient(145deg,#ffffff1a,#00000008);background-color:var(--ux-nm-surface);border-radius:var(--ux-nm-radius);box-shadow:var(--ux-nm-shadow-size) var(--ux-nm-shadow-size) calc(var(--ux-nm-shadow-size) * 2) #0000000d,calc(var(--ux-nm-shadow-size) * -1) calc(var(--ux-nm-shadow-size) * -1) calc(var(--ux-nm-shadow-size) * 2) #fffc}.ux-neu-pressed{background-color:var(--ux-nm-surface);border-radius:var(--ux-nm-radius);box-shadow:inset var(--ux-nm-shadow-size) var(--ux-nm-shadow-size) calc(var(--ux-nm-shadow-size) * 1.5) #0000000d,inset calc(var(--ux-nm-shadow-size) * -1) calc(var(--ux-nm-shadow-size) * -1) calc(var(--ux-nm-shadow-size) * 1.5) #fffc}.ux-neu-primary{background-color:var(--ux-primary, #4285f4);color:var(--ux-on-primary, white);border-radius:var(--ux-nm-radius);box-shadow:var(--ux-nm-shadow-size) var(--ux-nm-shadow-size) calc(var(--ux-nm-shadow-size) * 2) #0000001a,calc(var(--ux-nm-shadow-size) * -1) calc(var(--ux-nm-shadow-size) * -1) calc(var(--ux-nm-shadow-size) * 2) #ffffff1a}.ux-neu-secondary{background-color:var(--ux-secondary, #0ca678);color:var(--ux-on-secondary, white);border-radius:var(--ux-nm-radius);box-shadow:var(--ux-nm-shadow-size) var(--ux-nm-shadow-size) calc(var(--ux-nm-shadow-size) * 2) #0000001a,calc(var(--ux-nm-shadow-size) * -1) calc(var(--ux-nm-shadow-size) * -1) calc(var(--ux-nm-shadow-size) * 2) #ffffff1a}.ux-neu-tertiary{background-color:var(--ux-tertiary, #9c27b0);color:var(--ux-on-tertiary, white);border-radius:var(--ux-nm-radius);box-shadow:var(--ux-nm-shadow-size) var(--ux-nm-shadow-size) calc(var(--ux-nm-shadow-size) * 2) #0000001a,calc(var(--ux-nm-shadow-size) * -1) calc(var(--ux-nm-shadow-size) * -1) calc(var(--ux-nm-shadow-size) * 2) #ffffff1a}.dark-theme .ux-neu-flat{background-color:var(--ux-nm-surface-dark);box-shadow:var(--ux-nm-shadow-size) var(--ux-nm-shadow-size) calc(var(--ux-nm-shadow-size) * 2) #0000004d,calc(var(--ux-nm-shadow-size) * -1) calc(var(--ux-nm-shadow-size) * -1) calc(var(--ux-nm-shadow-size) * 2) #ffffff0d}.dark-theme .ux-neu-concave{background:linear-gradient(145deg,#0000001a,#ffffff08);background-color:var(--ux-nm-surface-dark);box-shadow:var(--ux-nm-shadow-size) var(--ux-nm-shadow-size) calc(var(--ux-nm-shadow-size) * 2) #0000004d,calc(var(--ux-nm-shadow-size) * -1) calc(var(--ux-nm-shadow-size) * -1) calc(var(--ux-nm-shadow-size) * 2) #ffffff0d}.dark-theme .ux-neu-convex{background:linear-gradient(145deg,#ffffff08,#0000001a);background-color:var(--ux-nm-surface-dark);box-shadow:var(--ux-nm-shadow-size) var(--ux-nm-shadow-size) calc(var(--ux-nm-shadow-size) * 2) #0000004d,calc(var(--ux-nm-shadow-size) * -1) calc(var(--ux-nm-shadow-size) * -1) calc(var(--ux-nm-shadow-size) * 2) #ffffff0d}.dark-theme .ux-neu-pressed{background-color:var(--ux-nm-surface-dark);box-shadow:inset var(--ux-nm-shadow-size) var(--ux-nm-shadow-size) calc(var(--ux-nm-shadow-size) * 1.5) #0000004d,inset calc(var(--ux-nm-shadow-size) * -1) calc(var(--ux-nm-shadow-size) * -1) calc(var(--ux-nm-shadow-size) * 1.5) #ffffff0d}.dark-theme,[data-theme=dark]{--ux-neu-bg: var(--ux-surface-darker, #1e1e1e);--ux-neu-light: rgba(255, 255, 255, .05);--ux-neu-shadow: rgba(0, 0, 0, .7);--ux-neu-light-mix: rgba(255, 255, 255, .1);--ux-neu-shadow-mix: rgba(0, 0, 0, .2)}.ux-neu-flat{background-color:var(--ux-neu-bg);border-radius:var(--ux-neu-radius);box-shadow:var(--ux-neu-distance-md) var(--ux-neu-distance-md) var(--ux-neu-distance-lg) var(--ux-neu-shadow),calc(-1 * var(--ux-neu-distance-sm)) calc(-1 * var(--ux-neu-distance-sm)) var(--ux-neu-distance-md) var(--ux-neu-light);color:var(--ux-on-surface);transition:var(--ux-neu-transition);position:relative;z-index:1;padding:16px;min-height:60px;min-width:100px;display:flex;align-items:center;justify-content:center}.ux-neu-flat:after{content:"";position:absolute;top:0;left:0;right:0;height:50%;border-radius:var(--ux-neu-radius) var(--ux-neu-radius) 100% 100%;background:linear-gradient(180deg,#ffffff1a,#fff0);z-index:-1;pointer-events:none}.ux-neu-convex{background:linear-gradient(145deg,var(--ux-neu-light-mix),var(--ux-neu-shadow-mix));background-color:var(--ux-neu-bg);border-radius:var(--ux-neu-radius);box-shadow:var(--ux-neu-distance-md) var(--ux-neu-distance-md) var(--ux-neu-distance-lg) var(--ux-neu-shadow),calc(-1 * var(--ux-neu-distance-sm)) calc(-1 * var(--ux-neu-distance-sm)) var(--ux-neu-distance-md) var(--ux-neu-light);color:var(--ux-on-surface);transition:var(--ux-neu-transition);position:relative;overflow:hidden;padding:16px;min-height:60px;min-width:100px;display:flex;align-items:center;justify-content:center}.ux-neu-convex:before{content:"";position:absolute;left:-50%;top:-50%;width:200%;height:200%;background:radial-gradient(circle at top left,rgba(255,255,255,.15),transparent 70%);z-index:0;pointer-events:none}.ux-neu-concave{background:linear-gradient(145deg,var(--ux-neu-shadow-mix),var(--ux-neu-light-mix));background-color:var(--ux-neu-bg);border-radius:var(--ux-neu-radius);box-shadow:inset var(--ux-neu-distance-sm) var(--ux-neu-distance-sm) var(--ux-neu-distance-md) var(--ux-neu-shadow),inset calc(-1 * var(--ux-neu-distance-sm)) calc(-1 * var(--ux-neu-distance-sm)) var(--ux-neu-distance-md) var(--ux-neu-light);color:var(--ux-on-surface);transition:var(--ux-neu-transition);position:relative;padding:16px;min-height:60px;min-width:100px;display:flex;align-items:center;justify-content:center}.ux-neu-concave:after{content:"";position:absolute;right:-30%;bottom:-30%;width:150%;height:150%;background:radial-gradient(circle at bottom right,rgba(255,255,255,.15),transparent 70%);pointer-events:none}.ux-neu-pressed{background-color:var(--ux-neu-bg);border-radius:var(--ux-neu-radius);box-shadow:inset var(--ux-neu-distance-sm) var(--ux-neu-distance-sm) var(--ux-neu-distance-md) var(--ux-neu-shadow),inset calc(-1 * var(--ux-neu-distance-sm)) calc(-1 * var(--ux-neu-distance-sm)) var(--ux-neu-distance-md) var(--ux-neu-light);color:var(--ux-on-surface);transition:var(--ux-neu-transition);position:relative;padding:16px;min-height:60px;min-width:100px;display:flex;align-items:center;justify-content:center}.ux-neu-pressed:before{content:"";position:absolute;inset:1px;border-radius:calc(var(--ux-neu-radius) - 1px);background:linear-gradient(145deg,#0000000d,#ffffff0d);pointer-events:none}.ux-neu-circle{border-radius:50%!important;aspect-ratio:1!important;width:80px;height:80px;display:flex!important;align-items:center!important;justify-content:center!important;position:relative;overflow:hidden;background-color:var(--ux-neu-bg);box-shadow:6px 6px 12px var(--ux-neu-shadow),-3px -3px 8px var(--ux-neu-light)}.ux-neu-circle.ux-neu-flat{box-shadow:6px 6px 12px var(--ux-neu-shadow),-3px -3px 8px var(--ux-neu-light)}.ux-neu-circle.ux-neu-flat:after{border-radius:50% 50% 100% 100%}.ux-neu-circle.ux-neu-convex{background:radial-gradient(circle at 30% 30%,var(--ux-neu-light-mix),var(--ux-neu-shadow-mix));background-color:var(--ux-neu-bg);box-shadow:6px 6px 12px var(--ux-neu-shadow),-3px -3px 8px var(--ux-neu-light)}.ux-neu-circle.ux-neu-concave{background:radial-gradient(circle at 70% 70%,var(--ux-neu-light-mix),var(--ux-neu-shadow-mix));background-color:var(--ux-neu-bg);box-shadow:inset 4px 4px 8px var(--ux-neu-shadow),inset -4px -4px 8px var(--ux-neu-light)}.ux-neu-circle.ux-neu-pressed{box-shadow:inset 4px 4px 8px var(--ux-neu-shadow),inset -4px -4px 8px var(--ux-neu-light)}.ux-neu-primary{background-color:var(--ux-primary);color:var(--ux-on-primary);border-radius:var(--ux-neu-radius);position:relative;overflow:hidden;box-shadow:6px 6px 12px #0000004d,-3px -3px 12px #ffffff1a;transition:var(--ux-neu-transition);padding:16px;min-height:60px;min-width:100px;display:flex;align-items:center;justify-content:center}.ux-neu-primary:before{content:"";position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(180deg,#ffffff40,#fff0);border-radius:var(--ux-neu-radius) var(--ux-neu-radius) 100% 100%;pointer-events:none}.ux-neu-primary:after{content:"";position:absolute;bottom:0;left:0;right:0;height:50%;background:linear-gradient(0deg,#0003,#0000);border-radius:100% 100% var(--ux-neu-radius) var(--ux-neu-radius);pointer-events:none}.ux-neu-secondary{background-color:var(--ux-secondary);color:var(--ux-on-secondary);border-radius:var(--ux-neu-radius);position:relative;overflow:hidden;box-shadow:6px 6px 12px #0000004d,-3px -3px 12px #ffffff1a;transition:var(--ux-neu-transition);padding:16px;min-height:60px;min-width:100px;display:flex;align-items:center;justify-content:center}.ux-neu-secondary:before{content:"";position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(180deg,#ffffff40,#fff0);border-radius:var(--ux-neu-radius) var(--ux-neu-radius) 100% 100%;pointer-events:none}.ux-neu-secondary:after{content:"";position:absolute;bottom:0;left:0;right:0;height:50%;background:linear-gradient(0deg,#0003,#0000);border-radius:100% 100% var(--ux-neu-radius) var(--ux-neu-radius);pointer-events:none}.ux-neu-tertiary{background-color:var(--ux-tertiary);color:var(--ux-on-tertiary);border-radius:var(--ux-neu-radius);position:relative;overflow:hidden;box-shadow:6px 6px 12px #0000004d,-3px -3px 12px #ffffff1a;transition:var(--ux-neu-transition);padding:16px;min-height:60px;min-width:100px;display:flex;align-items:center;justify-content:center}.ux-neu-tertiary:before{content:"";position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(180deg,#ffffff40,#fff0);border-radius:var(--ux-neu-radius) var(--ux-neu-radius) 100% 100%;pointer-events:none}.ux-neu-tertiary:after{content:"";position:absolute;bottom:0;left:0;right:0;height:50%;background:linear-gradient(0deg,#0003,#0000);border-radius:100% 100% var(--ux-neu-radius) var(--ux-neu-radius);pointer-events:none}.ux-neu-circle.ux-neu-primary{background:radial-gradient(circle at 30% 30%,color-mix(in srgb,var(--ux-primary) 85%,white),var(--ux-primary));color:var(--ux-on-primary);box-shadow:6px 6px 12px #0000004d,-3px -3px 8px #ffffff1a,inset 2px 2px 4px #fff3,inset -2px -2px 4px #0000001a}.ux-neu-circle.ux-neu-primary:before{content:"";position:absolute;width:150%;height:150%;top:-25%;left:-25%;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.25),transparent 70%);pointer-events:none}.ux-neu-circle.ux-neu-secondary{background:radial-gradient(circle at 30% 30%,color-mix(in srgb,var(--ux-secondary) 85%,white),var(--ux-secondary));color:var(--ux-on-secondary);box-shadow:6px 6px 12px #0000004d,-3px -3px 8px #ffffff1a,inset 2px 2px 4px #fff3,inset -2px -2px 4px #0000001a}.ux-neu-circle.ux-neu-secondary:before{content:"";position:absolute;width:150%;height:150%;top:-25%;left:-25%;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.25),transparent 70%);pointer-events:none}.ux-neu-circle.ux-neu-tertiary{background:radial-gradient(circle at 30% 30%,color-mix(in srgb,var(--ux-tertiary) 85%,white),var(--ux-tertiary));color:var(--ux-on-tertiary);box-shadow:6px 6px 12px #0000004d,-3px -3px 8px #ffffff1a,inset 2px 2px 4px #fff3,inset -2px -2px 4px #0000001a}.ux-neu-circle.ux-neu-tertiary:before{content:"";position:absolute;width:150%;height:150%;top:-25%;left:-25%;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.25),transparent 70%);pointer-events:none}.ux-neumorphism{background:var(--ux-surface);box-shadow:5px 5px 10px #0000001a,-5px -5px 10px #fffc;border-radius:12px;border:none;transition:all .3s ease}.ux-neumorphism:hover{transform:translateY(-3px);box-shadow:8px 8px 15px #0000001a,-8px -8px 15px #fffc}.dark-theme .ux-neumorphism,[data-theme=dark] .ux-neumorphism{box-shadow:5px 5px 10px #0000004d,-5px -5px 10px #ffffff0d}.dark-theme .ux-neumorphism:hover,[data-theme=dark] .ux-neumorphism:hover{box-shadow:8px 8px 15px #0000004d,-8px -8px 15px #ffffff0d}.ux-neu-button{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;border:none;outline:none;cursor:pointer;transition:all .3s ease;font-weight:500;border-radius:var(--ux-neu-radius);background-color:var(--ux-neu-bg);color:var(--ux-on-surface);box-shadow:var(--ux-neu-distance-sm) var(--ux-neu-distance-sm) var(--ux-neu-distance-md) var(--ux-neu-shadow),calc(-1 * var(--ux-neu-distance-sm)) calc(-1 * var(--ux-neu-distance-sm)) var(--ux-neu-distance-md) var(--ux-neu-light)}.ux-neu-button:hover{transform:translateY(-3px);box-shadow:var(--ux-neu-distance-md) var(--ux-neu-distance-md) var(--ux-neu-distance-lg) var(--ux-neu-shadow),calc(-1 * var(--ux-neu-distance-sm)) calc(-1 * var(--ux-neu-distance-sm)) var(--ux-neu-distance-md) var(--ux-neu-light)}.ux-neu-button:active,.ux-neu-button.ux-neu-pressed{transform:translateY(0);box-shadow:inset var(--ux-neu-distance-sm) var(--ux-neu-distance-sm) var(--ux-neu-distance-md) var(--ux-neu-shadow),inset calc(-1 * var(--ux-neu-distance-sm)) calc(-1 * var(--ux-neu-distance-sm)) var(--ux-neu-distance-md) var(--ux-neu-light)}.ux-neu-button.ux-neu-primary{background-color:var(--ux-primary);color:var(--ux-on-primary)}.ux-neu-button.ux-neu-secondary{background-color:var(--ux-secondary);color:var(--ux-on-secondary)}.ux-neu-input{border-radius:var(--ux-neu-radius);padding:.75rem 1rem;min-width:200px;box-shadow:inset 2px 2px 5px var(--ux-neu-shadow),inset -2px -2px 5px var(--ux-neu-light);border:none;outline:none;transition:all .3s ease;background-color:var(--ux-neu-bg);color:var(--ux-on-surface)}.ux-neu-input:focus{box-shadow:inset 4px 4px 8px var(--ux-neu-shadow),inset -4px -4px 8px var(--ux-neu-light)}.ux-neu-toggle{position:relative;display:inline-block;width:60px;height:34px;border-radius:17px;cursor:pointer;overflow:hidden;box-shadow:inset 2px 2px 5px var(--ux-neu-shadow),inset -2px -2px 5px var(--ux-neu-light);background-color:var(--ux-neu-bg)}.ux-neu-toggle:after{content:"";position:absolute;top:4px;left:4px;width:26px;height:26px;border-radius:50%;background-color:var(--ux-surface-lighter, #ffffff);box-shadow:0 2px 5px #0003;transition:all .3s ease}.ux-neu-toggle.active:after{left:30px}.ux-neu-toggle.ux-neu-primary.active:after{background-color:var(--ux-primary)}.ux-neu-toggle.ux-neu-secondary.active:after{background-color:var(--ux-secondary)}.ux-neu-toggle.ux-neu-tertiary.active:after{background-color:var(--ux-tertiary)}.ux-neu-pulse-effect{animation:ux-neu-pulse-feedback .6s ease;position:relative;z-index:1}@keyframes ux-neu-pulse-feedback{0%{transform:scale(1)}50%{transform:scale(1.05);box-shadow:0 0 15px rgba(var(--ux-primary-rgb, 0, 100, 255),.5)}to{transform:scale(1)}}.ux-neu-highlight{animation:ux-neu-highlight-pulse 1.5s ease;position:relative;z-index:1}.ux-neu-highlight:after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:0 0 0 2px var(--ux-primary);opacity:0;z-index:-1;animation:ux-neu-highlight-border 1.5s ease}@keyframes ux-neu-highlight-pulse{0%{transform:scale(1)}30%{transform:scale(1.05);box-shadow:0 0 0 4px rgba(var(--ux-primary-rgb),.3)}to{transform:scale(1);box-shadow:0 0 rgba(var(--ux-primary-rgb),0)}}@keyframes ux-neu-highlight-border{0%{opacity:0}30%{opacity:1}to{opacity:0}}.ux-neu-floating{animation:ux-neu-floating 3s ease-in-out infinite}@keyframes ux-neu-floating{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.ux-glass,.ux-glass-compat,.ux-glass-sidebar,.ux-glass-tooltip,.ux-glass-overlay,.ux-glass-nav,.ux-glass-button,.ux-glass-input,.ux-glass-card,.ux-glass-modal{background:#ffffff14;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 30px #0000001a}.ux-glass-light{background:#ffffff26;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);box-shadow:0 4px 30px #0000001a}.ux-glass-dark{background:#0003;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.05);box-shadow:0 4px 30px #0003}.ux-glass-thin,.ux-glass-badge{background:#ffffff0d;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.05)}.ux-glass-medium{background:#ffffff1a;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.15)}.ux-glass-thick{background:#ffffff26;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2)}.ux-glass-primary,.ux-glass-card-primary{background:var(--ux-color-primary-transparent-10, rgba(60, 80, 255, .1));backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--ux-color-primary-transparent-20, rgba(60, 80, 255, .2));box-shadow:0 4px 30px var(--ux-color-primary-transparent-10, rgba(60, 80, 255, .1))}.ux-glass-secondary,.ux-glass-card-secondary{background:var(--ux-color-secondary-transparent-10, rgba(80, 200, 120, .1));backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--ux-color-secondary-transparent-20, rgba(80, 200, 120, .2));box-shadow:0 4px 30px var(--ux-color-secondary-transparent-10, rgba(80, 200, 120, .1))}.ux-glass-tertiary{background:var(--ux-color-tertiary-transparent-10, rgba(180, 80, 200, .1));backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--ux-color-tertiary-transparent-20, rgba(180, 80, 200, .2));box-shadow:0 4px 30px var(--ux-color-tertiary-transparent-10, rgba(180, 80, 200, .1))}.ux-glass-card,.ux-glass-modal{border-radius:12px;padding:1.5rem;transition:all .3s ease}.ux-glass-card:hover,.ux-glass-modal:hover{transform:translateY(-5px);box-shadow:0 10px 40px #00000026}.ux-glass-card-primary{border-radius:12px;padding:1.5rem;transition:all .3s ease}.ux-glass-card-primary:hover{transform:translateY(-5px);box-shadow:0 10px 40px var(--ux-color-primary-transparent-15, rgba(60, 80, 255, .15))}.ux-glass-card-secondary{border-radius:12px;padding:1.5rem;transition:all .3s ease}.ux-glass-card-secondary:hover{transform:translateY(-5px);box-shadow:0 10px 40px var(--ux-color-secondary-transparent-15, rgba(80, 200, 120, .15))}.ux-glass-input{border-radius:8px;padding:.5rem 1rem;color:var(--ux-color-text, #ffffff)}.ux-glass-input:focus{outline:none;box-shadow:0 0 0 2px var(--ux-color-primary-transparent-30, rgba(60, 80, 255, .3))}.ux-glass-button{border-radius:8px;padding:.5rem 1.25rem;cursor:pointer;transition:all .2s ease}.ux-glass-button:hover{background:#ffffff26;box-shadow:0 8px 30px #00000026}.ux-glass-button:active{transform:translateY(1px)}.ux-glass-nav{border-radius:16px;padding:.5rem;display:flex;align-items:center;justify-content:space-between}.ux-glass-nav .ux-glass-nav-item{padding:.5rem 1rem;border-radius:8px;transition:background .2s ease}.ux-glass-nav .ux-glass-nav-item:hover,.ux-glass-nav .ux-glass-nav-item.active{background:#ffffff26}.ux-glass-overlay{position:fixed;inset:0;z-index:50}.ux-glass-modal{max-width:500px;width:90%;position:relative;z-index:51}.ux-glass-tooltip{border-radius:6px;padding:.5rem .75rem;position:absolute;z-index:20;max-width:200px}.ux-glass-tooltip:before{content:"";position:absolute;width:10px;height:10px;background:inherit;top:-5px;left:10px;transform:rotate(45deg);border-top:1px solid rgba(255,255,255,.1);border-left:1px solid rgba(255,255,255,.1)}.ux-glass-sidebar{border-radius:0 16px 16px 0;padding:1rem;height:100%;display:flex;flex-direction:column}.ux-glass-badge{border-radius:9999px;padding:.25rem .75rem;font-size:.75rem;display:inline-flex;align-items:center}.ux-glass-adaptive{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 30px #0000001a}@media (prefers-color-scheme: dark){.ux-glass-adaptive{background:#0003}}@media (prefers-color-scheme: light){.ux-glass-adaptive{background:#ffffff26}}.ux-morphing-bg{background:linear-gradient(-45deg,var(--ux-primary, #4285f4),var(--ux-primary-light, #5e97f6),var(--ux-secondary, #0ca678),var(--ux-primary-dark, #3367d6));background-size:400% 400%;animation:ux-gradient-animation 15s ease infinite}.ux-advanced-mesh-bg{background:radial-gradient(circle at 100% 0%,var(--ux-primary, #4285f4),transparent 50%),radial-gradient(circle at 0% 0%,var(--ux-secondary, #0ca678),transparent 50%),radial-gradient(circle at 50% 100%,var(--ux-tertiary, #9c27b0),transparent 50%);background-color:var(--ux-surface, #fff)}.ux-pulse-bg{background:var(--ux-primary, #4285f4);animation:ux-pulse-animation 3s ease-in-out infinite}.ux-pattern-bg{background-color:var(--ux-surface, #fff);background-image:radial-gradient(var(--ux-primary-lightest, rgba(66, 133, 244, .1)) 2px,transparent 0);background-size:20px 20px}@keyframes ux-gradient-animation{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes ux-pulse-animation{0%{background-color:var(--ux-primary, #4285f4)}50%{background-color:var(--ux-primary-light, #5e97f6)}to{background-color:var(--ux-primary, #4285f4)}}.ux-shadow-primary{box-shadow:0 4px 16px rgba(var(--ux-primary-rgb, 66, 133, 244),.25)}.ux-shadow-secondary{box-shadow:0 4px 16px rgba(var(--ux-secondary-rgb, 12, 166, 120),.25)}.ux-shadow-tertiary{box-shadow:0 4px 16px rgba(var(--ux-tertiary-rgb, 156, 39, 176),.25)}.ux-shadow-layered{box-shadow:0 1px 3px #0000001f,0 8px 16px #00000014,0 16px 32px #0000000d}.ux-shadow-inset{box-shadow:inset 0 2px 5px #0000001a}.ux-glow-primary{box-shadow:0 0 15px rgba(var(--ux-primary-rgb, 66, 133, 244),.5)}.ux-glow-secondary{box-shadow:0 0 15px rgba(var(--ux-secondary-rgb, 12, 166, 120),.5)}.ux-glow-tertiary{box-shadow:0 0 15px rgba(var(--ux-tertiary-rgb, 156, 39, 176),.5)}.ux-glow-pulse{animation:ux-glow-pulse-animation 2s ease-in-out infinite alternate}.ux-shadow-soft{box-shadow:0 2px 8px #0000000f}.ux-shadow-medium{box-shadow:0 4px 12px #0000001a}.ux-shadow-hard{box-shadow:0 8px 24px #00000026}.ux-inner-glow{box-shadow:inset 0 0 8px rgba(var(--ux-primary-rgb, 66, 133, 244),.3)}@keyframes ux-glow-pulse-animation{0%{box-shadow:0 0 10px rgba(var(--ux-primary-rgb, 66, 133, 244),.3)}to{box-shadow:0 0 20px rgba(var(--ux-primary-rgb, 66, 133, 244),.6)}}.ux-shadow-float{box-shadow:0 8px 24px #0000001a,0 16px 32px #0000000d;transition:box-shadow .3s ease,transform .3s ease}.ux-shadow-float:hover{transform:translateY(-4px);box-shadow:0 12px 30px #0000001f,0 20px 40px #00000014}.ux-tilt-card{will-change:transform;transform-style:preserve-3d;transition:transform .3s cubic-bezier(.03,.98,.52,.99);backface-visibility:hidden;box-shadow:0 10px 30px -10px #0003;position:relative}.ux-tilt-card.with-glare:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(135deg,#ffffff40,#fff0 60%);transform:translateZ(1px);z-index:10;opacity:0;transition:opacity .3s ease}.ux-tilt-card:hover.with-glare:before{opacity:1}.ux-tilt-card .tilt-card-content{position:relative;transform:translateZ(50px);transform-style:preserve-3d}.ux-tilt-card .tilt-card-content *{transform-style:preserve-3d}.ux-tilt-card .tilt-card-floating{transform:translateZ(80px)}.ux-tilt-card .tilt-card-inverse{transform:translateZ(-50px) rotateX(180deg) rotateY(180deg)}.ux-tilt-card.tilt-subtle{transition:transform .4s cubic-bezier(.175,.885,.32,1.275)}.ux-tilt-card.tilt-subtle.with-glare:before{background:linear-gradient(135deg,#ffffff26,#fff0 70%)}.ux-tilt-card.tilt-dramatic{transition:transform .2s cubic-bezier(.03,.98,.52,.99)}.ux-tilt-card.tilt-dramatic.with-glare:before{background:linear-gradient(135deg,#ffffff59,#fff0 50%)}.ux-tilt-card .tilt-layer-1{transform:translateZ(20px)}.ux-tilt-card .tilt-layer-2{transform:translateZ(40px)}.ux-tilt-card .tilt-layer-3{transform:translateZ(60px)}.ux-tilt-card .tilt-layer-4{transform:translateZ(80px)}.ux-tilt-card .tilt-layer-5{transform:translateZ(100px)}.ux-tilt-card.tilt-primary{background:var(--color-primary-100, #e3f2fd);border:1px solid var(--color-primary-200, #bbdefb)}.ux-tilt-card.tilt-primary.with-glare:before{background:linear-gradient(135deg,rgba(var(--color-primary-rgb),.15),rgba(var(--color-primary-rgb),0) 60%)}.ux-tilt-card.tilt-secondary{background:var(--color-secondary-100, #f3e5f5);border:1px solid var(--color-secondary-200, #e1bee7)}.ux-tilt-card.tilt-secondary.with-glare:before{background:linear-gradient(135deg,rgba(var(--color-secondary-rgb),.15),rgba(var(--color-secondary-rgb),0) 60%)}.ux-tilt-card.tilt-tertiary{background:var(--color-tertiary-100, #e8f5e9);border:1px solid var(--color-tertiary-200, #c8e6c9)}.ux-tilt-card.tilt-tertiary.with-glare:before{background:linear-gradient(135deg,rgba(var(--color-tertiary-rgb),.15),rgba(var(--color-tertiary-rgb),0) 60%)}.ux-tilt-card.tilt-surface{background:var(--color-surface, #ffffff);border:1px solid var(--color-outline-variant, #e0e0e0)}.ux-tilt-card.tilt-surface.with-glare:before{background:linear-gradient(135deg,#ffffff40,#fff0 60%)}@media (max-width: 768px){.ux-tilt-card.tilt-subtle,.ux-tilt-card.tilt-dramatic,.ux-tilt-card{transition:transform .4s cubic-bezier(.175,.885,.32,1.275)}.ux-tilt-card .tilt-layer-1,.ux-tilt-card .tilt-layer-2,.ux-tilt-card .tilt-layer-3,.ux-tilt-card .tilt-layer-4,.ux-tilt-card .tilt-layer-5{transform:translateZ(30px)}}.ux-tilt{--ux-tilt-perspective: 1000px;--ux-tilt-transform: rotateX(0deg) rotateY(0deg) scale(1);--ux-tilt-transition: transform .3s cubic-bezier(.03,.98,.52,.99);--ux-tilt-glare-opacity: 0;--ux-tilt-glare-transition: opacity .3s cubic-bezier(.03,.98,.52,.99);transform-style:preserve-3d;position:relative;transform:perspective(var(--ux-tilt-perspective)) var(--ux-tilt-transform);transition:var(--ux-tilt-transition);will-change:transform}.ux-tilt:before{content:"";position:absolute;display:block;inset:0;pointer-events:none;z-index:1}.ux-tilt:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#ffffff40,#fff0 60%);pointer-events:none;opacity:var(--ux-tilt-glare-opacity);transition:var(--ux-tilt-glare-transition);z-index:2}.ux-tilt.ux-tilt-sm{--ux-tilt-perspective: 800px}.ux-tilt.ux-tilt-lg{--ux-tilt-perspective: 1200px}.ux-tilt.ux-neumorphism:before,.ux-tilt.ux-neumorphism:after,.ux-tilt.ux-glass:before,.ux-tilt.ux-glass-compat:before,.ux-tilt.ux-glass:after,.ux-tilt.ux-glass-compat:after{border-radius:inherit}@media (prefers-reduced-motion){.ux-tilt{transform:none!important;transition:none!important}.ux-tilt:after{opacity:0!important;transition:none!important}}:root{--catalyst-bg: var(--ux-background);--catalyst-text: var(--ux-on-surface);--catalyst-primary: var(--ux-primary);--catalyst-secondary: var(--ux-secondary);--catalyst-accent: var(--ux-tertiary);--catalyst-success: var(--ux-success);--catalyst-warning: var(--ux-warning);--catalyst-error: var(--ux-error);--catalyst-radius-sm: .25rem;--catalyst-radius-md: .5rem;--catalyst-radius-lg: 1rem;--catalyst-radius-xl: 1.5rem;--catalyst-radius-full: 9999px;--catalyst-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--catalyst-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);--catalyst-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--catalyst-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--catalyst-shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--catalyst-shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--catalyst-shadow-inner: inset 0 2px 4px 0 rgba(0, 0, 0, .06);--catalyst-ring-width: 3px;--catalyst-ring-color: rgba(var(--ux-primary-rgb), .5);--catalyst-transition-duration: .15s;--catalyst-transition-timing: cubic-bezier(.4, 0, .2, 1);--ux-card-bg: var(--ux-surface, #f9fafb);--ux-card-border: var(--ux-border, rgba(0, 0, 0, .08));--ux-card-shadow: var(--ux-shadow, rgba(0, 0, 0, .1));--ux-card-shadow-highlight: var(--ux-shadow-highlight, rgba(255, 255, 255, .5));--ux-elevated-shadow: var(--ux-shadow, rgba(0, 0, 0, .1));--ux-elevated-highlight: var(--ux-shadow-highlight, rgba(255, 255, 255, .5));--ux-glass-bg: var(--ux-bg-opacity, rgba(255, 255, 255, .7));--ux-glass-backdrop: var(--ux-backdrop-blur, 8px);--ux-glass-border: var(--ux-border, rgba(255, 255, 255, .125));--ux-ring-color: var(--ux-primary, #3b82f6);--ux-ring-width: 3px;--ux-ring-offset: 2px;--ux-spotlight-size: 150px;--ux-spotlight-opacity: .07;--ux-spotlight-color: var(--ux-primary, #3b82f6);--ux-pulse-from: .85;--ux-pulse-to: 1;--ux-pulse-duration: 1.5s;--ux-float-distance: 5px;--ux-float-duration: 3s;--ux-gradient-start: var(--ux-primary, #3b82f6);--ux-gradient-end: var(--ux-secondary, #8b5cf6);--ux-gradient-angle: 45deg;--ux-tilt-perspective: 1000px;--ux-tilt-max: 15deg;--ux-tilt-scale: 1.05;--ux-tilt-speed: .3s;--ux-tilt-reset: true;--ux-tilt-shine-opacity: .1;--ux-ripple-color: rgba(255, 255, 255, .5);--ux-ripple-duration: .6s;--ux-mesh-color-1: var(--ux-primary, #3b82f6);--ux-mesh-color-2: var(--ux-secondary, #8b5cf6);--ux-mesh-color-3: var(--ux-tertiary, #ec4899);--ux-mesh-color-4: var(--ux-primary, #3b82f6);--ux-mesh-intensity: .15;--ux-mesh-animation-duration: 10s}.dark{--catalyst-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .2);--catalyst-shadow: 0 1px 3px 0 rgba(0, 0, 0, .3), 0 1px 2px 0 rgba(0, 0, 0, .2);--catalyst-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .3), 0 2px 4px -1px rgba(0, 0, 0, .2);--catalyst-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .3), 0 4px 6px -2px rgba(0, 0, 0, .2);--catalyst-shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .3), 0 10px 10px -5px rgba(0, 0, 0, .2);--catalyst-shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .4);--ux-card-bg: var(--ux-surface, #1f2937);--ux-card-border: var(--ux-border, rgba(255, 255, 255, .08));--ux-card-shadow: var(--ux-shadow, rgba(0, 0, 0, .3));--ux-card-shadow-highlight: var(--ux-shadow-highlight, rgba(255, 255, 255, .05));--ux-elevated-shadow: var(--ux-shadow, rgba(0, 0, 0, .4));--ux-elevated-highlight: var(--ux-shadow-highlight, rgba(255, 255, 255, .05));--ux-glass-bg: var(--ux-bg-opacity, rgba(0, 0, 0, .5));--ux-glass-border: var(--ux-border, rgba(255, 255, 255, .08));--ux-tilt-shine-opacity: .07;--ux-ripple-color: rgba(255, 255, 255, .25)}.ux-card{background-color:var(--ux-card-bg);border-radius:var(--catalyst-radius-md);box-shadow:var(--ux-card-shadow);transition:all var(--catalyst-transition-duration) var(--catalyst-transition-timing)}.ux-card:hover{box-shadow:var(--catalyst-shadow-md)}.ux-card.ux-card-sm{border-radius:var(--catalyst-radius-sm)}.ux-card.ux-card-lg{border-radius:var(--catalyst-radius-lg)}.ux-card.ux-card-xl{border-radius:var(--catalyst-radius-xl)}.ux-elevated{box-shadow:0 10px 20px var(--ux-elevated-shadow),0 1px 2px var(--ux-elevated-shadow),inset 0 1px 1px var(--ux-elevated-highlight);transition:transform .2s ease,box-shadow .2s ease}.ux-elevated:hover{transform:translateY(-4px);box-shadow:0 15px 30px var(--ux-elevated-shadow),0 5px 10px var(--ux-elevated-shadow),inset 0 1px 1px var(--ux-elevated-highlight)}.ux-elevated.ux-elevated-sm{box-shadow:var(--catalyst-shadow-sm)}.ux-elevated.ux-elevated-sm:hover{box-shadow:var(--catalyst-shadow)}.ux-elevated.ux-elevated-lg{box-shadow:var(--catalyst-shadow-lg)}.ux-elevated.ux-elevated-lg:hover,.ux-elevated.ux-elevated-xl{box-shadow:var(--catalyst-shadow-xl)}.ux-elevated.ux-elevated-xl:hover{box-shadow:var(--catalyst-shadow-2xl)}.ux-glass,.ux-glass-compat{background-color:var(--ux-glass-bg);backdrop-filter:blur(var(--ux-glass-backdrop));-webkit-backdrop-filter:blur(var(--ux-glass-backdrop));border:1px solid var(--ux-glass-border);border-radius:.5rem}.ux-glass.ux-glass-sm,.ux-glass-sm.ux-glass-compat{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.ux-glass.ux-glass-lg,.ux-glass-lg.ux-glass-compat{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.ux-glass.ux-glass-xl,.ux-glass-xl.ux-glass-compat{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.ux-glass.ux-glass-primary,.ux-glass-primary.ux-glass-compat{background-color:rgba(var(--ux-primary-rgb),.15);border:1px solid rgba(var(--ux-primary-rgb),.3)}.ux-glass.ux-glass-secondary,.ux-glass-secondary.ux-glass-compat{background-color:rgba(var(--ux-secondary-rgb),.15);border:1px solid rgba(var(--ux-secondary-rgb),.3)}.ux-glass.ux-glass-accent,.ux-glass-accent.ux-glass-compat{background-color:rgba(var(--ux-tertiary-rgb),.15);border:1px solid rgba(var(--ux-tertiary-rgb),.3)}.ux-ring-focus{position:relative}.ux-ring-focus:focus{outline:none;box-shadow:0 0 0 var(--catalyst-ring-width) var(--catalyst-ring-color)}.ux-ring-focus.ux-ring-primary:focus{--catalyst-ring-color: rgba(var(--ux-primary-rgb), .5)}.ux-ring-focus.ux-ring-secondary:focus{--catalyst-ring-color: rgba(var(--secondary-color-rgb), .5)}.ux-ring-focus.ux-ring-accent:focus{--catalyst-ring-color: rgba(var(--accent-color-rgb), .5)}.ux-ring-focus.ux-ring-sm:focus{--catalyst-ring-width: 2px}.ux-ring-focus.ux-ring-lg:focus{--catalyst-ring-width: 4px}.ux-gradient-button{background-image:linear-gradient(var(--ux-gradient-angle),var(--ux-gradient-start),var(--ux-gradient-end));background-size:200% 200%;background-position:0% 0%;transition:background-position .5s ease,transform .2s ease;border:none;color:#fff;padding:.5rem 1rem;border-radius:.375rem;font-weight:500;cursor:pointer}.ux-gradient-button:hover{background-position:100% 100%;transform:translateY(-2px)}.ux-gradient-button:active{transform:translateY(0)}.ux-pill{border-radius:var(--catalyst-radius-full)}.ux-floating-label{position:relative}.ux-floating-label input,.ux-floating-label textarea{height:56px;padding:14px 16px 0;border:1px solid rgba(var(--ux-on-surface-rgb),.2);border-radius:var(--catalyst-radius-md);transition:all var(--catalyst-transition-duration) var(--catalyst-transition-timing)}.ux-floating-label input:focus,.ux-floating-label textarea:focus{border-color:var(--ux-primary);box-shadow:0 0 0 2px rgba(var(--ux-primary-rgb),.2)}.ux-floating-label input:not(:-moz-placeholder)+label,.ux-floating-label textarea:not(:-moz-placeholder)+label{transform:translateY(-12px) scale(.75);color:var(--ux-primary)}.ux-floating-label input:focus+label,.ux-floating-label input:not(:placeholder-shown)+label,.ux-floating-label textarea:focus+label,.ux-floating-label textarea:not(:placeholder-shown)+label{transform:translateY(-12px) scale(.75);color:var(--ux-primary)}.ux-floating-label textarea{min-height:112px;padding-top:24px}.ux-floating-label label{position:absolute;top:16px;left:16px;transform-origin:0 0;transition:all var(--catalyst-transition-duration) var(--catalyst-transition-timing);pointer-events:none}.ux-hover-lift{transition:transform var(--catalyst-transition-duration) var(--catalyst-transition-timing)}.ux-hover-lift:hover{transform:translateY(-4px)}.ux-hover-lift.ux-hover-lift-sm:hover{transform:translateY(-2px)}.ux-hover-lift.ux-hover-lift-lg:hover{transform:translateY(-8px)}.ux-spotlight{position:relative;overflow:hidden}.ux-spotlight:before{content:"";position:absolute;inset:0;background:radial-gradient(circle var(--ux-spotlight-size) at var(--x, 0%) var(--y, 0%),var(--ux-spotlight-color) 0%,transparent 100%);opacity:var(--ux-spotlight-opacity);z-index:1;pointer-events:none;transition:opacity .3s ease}.ux-spotlight.spotlight-sm:before{--ux-spotlight-size: 100px}.ux-spotlight.spotlight-lg:before{--ux-spotlight-size: 200px}.ux-spotlight.spotlight-xl:before{--ux-spotlight-size: 300px}.ux-spotlight.spotlight-primary:before{--ux-spotlight-color: var(--ux-primary)}.ux-spotlight.spotlight-secondary:before{--ux-spotlight-color: var(--ux-secondary)}.ux-spotlight.spotlight-accent:before{--ux-spotlight-color: var(--ux-tertiary)}.ux-divider{height:1px;width:100%;background-color:rgba(var(--ux-on-surface-rgb),.1);margin:1rem 0}.ux-divider.ux-divider-vertical{height:100%;width:1px;margin:0 1rem}.ux-divider.ux-divider-dashed{background:linear-gradient(to right,rgba(var(--text-color-rgb),.1) 50%,transparent 50%);background-size:8px 1px}.ux-divider.ux-divider-with-text{display:flex;align-items:center}.ux-divider.ux-divider-with-text:before,.ux-divider.ux-divider-with-text:after{content:"";flex:1;height:1px;background-color:rgba(var(--ux-on-surface-rgb),.1)}.ux-divider.ux-divider-with-text span{padding:0 1rem;white-space:nowrap;color:rgba(var(--ux-on-surface-rgb),.6)}.ux-blob-container{position:relative;overflow:hidden;z-index:1}.ux-blob-container:before,.ux-blob-container:after{content:"";position:absolute;width:40%;height:40%;border-radius:50%;filter:blur(60px);opacity:.3;z-index:-1;animation:blob-float 18s linear infinite alternate}.ux-blob-container:before{background:radial-gradient(circle,var(--ux-primary),transparent 70%);top:-10%;right:-10%}.ux-blob-container:after{background:radial-gradient(circle,var(--ux-secondary),transparent 70%);bottom:-10%;left:-10%;animation-delay:9s;animation-direction:alternate-reverse}.ux-blob-container.ux-blob-animate:before,.ux-blob-container.ux-blob-animate:after{animation-play-state:running}.ux-blob-container.ux-blob-paused:before,.ux-blob-container.ux-blob-paused:after{animation-play-state:paused}@keyframes blob-float{0%{transform:translate(0) scale(1)}33%{transform:translate(10%,10%) scale(1.1)}66%{transform:translate(-10%,5%) scale(.9)}to{transform:translate(0) scale(1)}}.ux-gradient-border{position:relative;border-radius:.5rem;background-clip:padding-box;z-index:1}.ux-gradient-border:before{content:"";position:absolute;inset:0;margin:-1px;border-radius:inherit;background:linear-gradient(to right,var(--ux-primary),var(--ux-secondary),var(--ux-tertiary),var(--ux-primary));background-size:300% 100%;animation:gradient-shift 8s linear infinite;z-index:-1}.ux-gradient-border.ux-gradient-border-hover:before{opacity:0;transition:opacity .3s ease}.ux-gradient-border.ux-gradient-border-hover:hover:before{opacity:1}@keyframes gradient-shift{0%{background-position:0% 0%}to{background-position:300% 0%}}.ux-tilt-card{position:relative;perspective:var(--ux-tilt-perspective);transform-style:preserve-3d;border-radius:.5rem;overflow:hidden}.ux-tilt-card .ux-tilt-card-content{position:relative;width:100%;height:100%;transform:rotateX(0) rotateY(0) scale(1);transform-style:preserve-3d;backface-visibility:hidden;transition:transform var(--ux-tilt-speed) ease-out}.ux-tilt-card .ux-tilt-card-shine{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(125deg,rgba(255,255,255,var(--ux-tilt-shine-opacity)),#fff0 60%);z-index:2;opacity:0;transition:opacity var(--ux-tilt-speed) ease-out;pointer-events:none}.ux-tilt-card:hover .ux-tilt-card-shine{opacity:1}.ux-tilt-card .ux-tilt-card-content>*{transform:translateZ(30px)}.ux-backdrop-pattern{position:relative;overflow:hidden}.ux-backdrop-pattern:before{content:"";position:absolute;inset:0;z-index:-1;opacity:.05;background-repeat:repeat;pointer-events:none}.ux-backdrop-pattern.ux-backdrop-grid:before{background-image:linear-gradient(to right,var(--ux-border) 1px,transparent 1px),linear-gradient(to bottom,var(--ux-border) 1px,transparent 1px);background-size:20px 20px}.ux-backdrop-pattern.ux-backdrop-dots:before{background-image:radial-gradient(var(--ux-border) 1px,transparent 1px);background-size:15px 15px}.ux-backdrop-pattern.ux-backdrop-diagonal:before{background-image:repeating-linear-gradient(45deg,var(--ux-border),var(--ux-border) 1px,transparent 1px,transparent 10px)}.ux-backdrop-pattern.ux-backdrop-waves:before{background-image:repeating-linear-gradient(to right,transparent,transparent 5px,var(--ux-border) 5px,var(--ux-border) 6px);animation:backdrop-wave 15s linear infinite;background-size:30px 100%}@keyframes backdrop-wave{0%{background-position:0 0}to{background-position:100% 0}}.ux-float{animation:float var(--ux-float-duration) infinite ease-in-out}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(calc(var(--ux-float-distance) * -1))}}.ux-glow-effect{position:relative}.ux-glow-effect:before{content:"";position:absolute;inset:-5px;background:conic-gradient(from 180deg at 50% 50%,var(--ux-primary) 0deg,var(--ux-secondary) 120deg,var(--ux-tertiary) 240deg,var(--ux-primary) 360deg);border-radius:inherit;filter:blur(10px);opacity:0;z-index:-1;transition:opacity .3s ease}.ux-glow-effect:hover:before{opacity:1}.ux-glow-effect.ux-glow-primary:before{background:radial-gradient(circle,var(--ux-primary),transparent 70%)}.ux-glow-effect.ux-glow-secondary:before{background:radial-gradient(circle,var(--ux-secondary),transparent 70%)}.ux-glow-effect.ux-glow-tertiary:before{background:radial-gradient(circle,var(--ux-tertiary),transparent 70%)}.ux-glow-effect.ux-glow-pulse:before{animation:glow-pulse 2s ease-in-out infinite}@keyframes glow-pulse{0%,to{opacity:.2;filter:blur(10px)}50%{opacity:.6;filter:blur(15px)}}.ux-mesh-gradient{position:relative;isolation:isolate;overflow:hidden}.ux-mesh-gradient:before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 0% 0%,var(--ux-mesh-color-1),transparent 50%),radial-gradient(circle at 100% 0%,var(--ux-mesh-color-2),transparent 50%),radial-gradient(circle at 100% 100%,var(--ux-mesh-color-3),transparent 50%),radial-gradient(circle at 0% 100%,var(--ux-mesh-color-4),transparent 50%);opacity:var(--ux-mesh-intensity)}.ux-mesh-gradient.ux-mesh-animated:before{animation:mesh-move var(--ux-mesh-animation-duration) ease infinite alternate}@keyframes mesh-move{0%{background-position:0% 0%,100% 0%,100% 100%,0% 100%}25%{background-position:50% 0%,100% 50%,50% 100%,0% 50%}50%{background-position:100% 0%,100% 100%,0% 100%,0% 0%}75%{background-position:50% 0%,50% 100%,0% 50%,100% 50%}to{background-position:0% 0%,100% 0%,100% 100%,0% 100%}}.ux-text-gradient{background:linear-gradient(to right,var(--ux-primary),var(--ux-secondary));-webkit-background-clip:text;background-clip:text;color:transparent;display:inline-block}.ux-text-gradient.ux-text-gradient-animated{background-size:200% auto;animation:text-gradient-shift 3s linear infinite}.ux-text-gradient.ux-text-gradient-rainbow{background:linear-gradient(to right,var(--ux-primary),var(--ux-secondary),var(--ux-tertiary),var(--ux-secondary),var(--ux-primary));background-size:200% auto;animation:text-gradient-shift 4s linear infinite}@keyframes text-gradient-shift{0%{background-position:0% center}to{background-position:200% center}}.ux-shimmer{position:relative;overflow:hidden}.ux-shimmer:after{content:"";position:absolute;top:0;left:0;width:200%;height:100%;background:linear-gradient(to right,#fff0,#fff3 25% 50%,#fff0);transform:translate(-100%);animation:shimmer 3s infinite}@keyframes shimmer{to{transform:translate(0)}}.ux-paper-cut{position:relative}.ux-paper-cut:after{content:"";position:absolute;left:0;right:0;bottom:0;height:10px;background:linear-gradient(to bottom,rgba(0,0,0,.1),transparent);border-bottom-left-radius:inherit;border-bottom-right-radius:inherit;z-index:1}.ux-paper-cut.ux-paper-cut-top:after{top:0;bottom:auto;background:linear-gradient(to top,rgba(0,0,0,.1),transparent);border-radius:0;border-top-left-radius:inherit;border-top-right-radius:inherit}.ux-paper-cut.ux-paper-cut-left:after{inset:0 auto 0 0;width:10px;height:auto;background:linear-gradient(to left,rgba(0,0,0,.1),transparent);border-radius:0;border-top-left-radius:inherit;border-bottom-left-radius:inherit}.ux-paper-cut.ux-paper-cut-right:after{inset:0 0 0 auto;width:10px;height:auto;background:linear-gradient(to right,rgba(0,0,0,.1),transparent);border-radius:0;border-top-right-radius:inherit;border-bottom-right-radius:inherit}.ux-shadow-layered{box-shadow:0 1px 2px #00000012,0 2px 4px #0000000d,0 4px 8px #0000000d,0 8px 16px #0000000d}.ux-shadow-inner-glow{box-shadow:inset 0 0 10px rgba(var(--ux-primary-rgb),.3)}.ux-shadow-emboss{box-shadow:inset 2px 2px 5px #ffffff80,inset -2px -2px 5px #0000001a}.ux-ripple{position:relative;overflow:hidden;cursor:pointer;-webkit-tap-highlight-color:transparent}.ux-ripple span{background:var(--ux-ripple-color);position:absolute;transform:translate(-50%,-50%) scale(0);border-radius:50%;opacity:1;transition:transform var(--ux-ripple-duration) ease-out,opacity var(--ux-ripple-duration) ease-out,width var(--ux-ripple-duration) ease-out,height var(--ux-ripple-duration) ease-out}.ux-card.ux-spotlight:before{border-radius:.5rem}.ux-glass.ux-float,.ux-float.ux-glass-compat{box-shadow:0 10px 15px -3px #0000001a}.ux-gradient-button.ux-ripple{position:relative;overflow:hidden}.ux-spotlight{position:relative;overflow:hidden;border-radius:var(--border-radius, 8px);--spotlight-size: 150px;--spotlight-color: rgba(255, 255, 255, .15)}.ux-spotlight:before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;opacity:0;transition:opacity .3s ease;background:radial-gradient(var(--spotlight-size) circle at var(--x, 50%) var(--y, 50%),var(--spotlight-color),transparent 50%)}.ux-spotlight:hover:before{opacity:1}.ux-spotlight.spotlight-sm{--spotlight-size: 100px}.ux-spotlight.spotlight-lg{--spotlight-size: 200px}.ux-spotlight.spotlight-xl{--spotlight-size: 250px}.ux-spotlight.spotlight-primary{--spotlight-color: rgba(var(--color-primary-rgb), .15)}.ux-spotlight.spotlight-secondary{--spotlight-color: rgba(var(--color-secondary-rgb), .15)}.ux-spotlight.spotlight-accent{--spotlight-color: rgba(var(--color-accent-rgb), .15)}.theme-dark .ux-spotlight,.ux-spotlight.theme-dark{--spotlight-color: rgba(255, 255, 255, .1)}.theme-dark .ux-spotlight.spotlight-primary,.ux-spotlight.theme-dark.spotlight-primary{--spotlight-color: rgba(var(--color-primary-rgb), .1)}.theme-dark .ux-spotlight.spotlight-secondary,.ux-spotlight.theme-dark.spotlight-secondary{--spotlight-color: rgba(var(--color-secondary-rgb), .1)}.theme-dark .ux-spotlight.spotlight-accent,.ux-spotlight.theme-dark.spotlight-accent{--spotlight-color: rgba(var(--color-accent-rgb), .1)}.ux-tilt-card,.ux-tilt-card-shadow,.ux-tilt-card-glow,.ux-tilt-card-primary,.ux-tilt-card-secondary,.ux-tilt-card-tertiary,.ux-tilt-card-dramatic,.ux-tilt-card-subtle{position:relative;transform-style:preserve-3d;transform:rotateX(0) rotateY(0);will-change:transform}.ux-tilt-card:before,.ux-tilt-card-shadow:before,.ux-tilt-card-glow:before,.ux-tilt-card-primary:before,.ux-tilt-card-secondary:before,.ux-tilt-card-tertiary:before,.ux-tilt-card-dramatic:before,.ux-tilt-card-subtle:before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(135deg,#fff3,#fff0 60%);opacity:0;z-index:1;transition:opacity .3s ease;pointer-events:none}.ux-tilt-card:hover:before,.ux-tilt-card-shadow:hover:before,.ux-tilt-card-glow:hover:before,.ux-tilt-card-primary:hover:before,.ux-tilt-card-secondary:hover:before,.ux-tilt-card-tertiary:hover:before,.ux-tilt-card-dramatic:hover:before,.ux-tilt-card-subtle:hover:before{opacity:1}.ux-tilt-card-subtle{transform:rotateX(0) rotateY(0) scale(1);transition:transform .4s ease-out}.ux-tilt-card-subtle:hover{transform:rotateX(0) rotateY(0) scale(1.02)}.ux-tilt-card-dramatic{transition:transform .2s ease-out}.ux-tilt-card-dramatic:before{background:linear-gradient(135deg,#ffffff40,#fff0 50%)}.ux-tilt-card-glow:after,.ux-tilt-card-primary:after,.ux-tilt-card-secondary:after,.ux-tilt-card-tertiary:after{content:"";position:absolute;inset:-2px;border-radius:inherit;background:transparent;box-shadow:0 0 15px 2px rgba(var(--ux-primary-rgb, 255, 165, 0),.5);opacity:0;z-index:-1;transition:opacity .3s ease;pointer-events:none}.ux-tilt-card-glow:hover:after,.ux-tilt-card-primary:hover:after,.ux-tilt-card-secondary:hover:after,.ux-tilt-card-tertiary:hover:after{opacity:1}.ux-tilt-card-shadow{box-shadow:0 5px 15px #0000001a;transition:transform .3s ease,box-shadow .3s ease}.ux-tilt-card-shadow:hover{box-shadow:0 8px 25px #00000026}.ux-tilt-card-primary:after{box-shadow:0 0 15px 2px rgba(var(--ux-primary-rgb, 255, 165, 0),.5)}.ux-tilt-card-secondary:after{box-shadow:0 0 15px 2px rgba(var(--ux-secondary-rgb, 0, 123, 255),.5)}.ux-tilt-card-tertiary:after{box-shadow:0 0 15px 2px rgba(var(--ux-tertiary-rgb, 128, 0, 128),.5)}.ux-dark-theme .ux-tilt-card:before,.ux-dark-theme .ux-tilt-card-subtle:before,.ux-dark-theme .ux-tilt-card-dramatic:before,.ux-dark-theme .ux-tilt-card-glow:before,.ux-dark-theme .ux-tilt-card-shadow:before,.ux-dark-theme .ux-tilt-card-primary:before,.ux-dark-theme .ux-tilt-card-secondary:before,.ux-dark-theme .ux-tilt-card-tertiary:before{background:linear-gradient(135deg,#ffffff1a,#fff0 60%)}.ux-dark-theme .ux-tilt-card-shadow{box-shadow:0 5px 15px #0000004d}.ux-dark-theme .ux-tilt-card-shadow:hover{box-shadow:0 8px 25px #0006}.ux-pattern-dots{background-color:var(--ux-surface, #fff);background-image:radial-gradient(var(--ux-primary-lightest, rgba(66, 133, 244, .1)) 2px,transparent 0);background-size:20px 20px}.ux-pattern-grid{background-color:var(--ux-surface, #fff);background-image:linear-gradient(var(--ux-primary-lightest, rgba(66, 133, 244, .1)) 1px,transparent 1px),linear-gradient(to right,var(--ux-primary-lightest, rgba(66, 133, 244, .1)) 1px,transparent 1px);background-size:20px 20px}.ux-pattern-diagonal{background-color:var(--ux-surface, #fff);background-image:repeating-linear-gradient(45deg,transparent,transparent 5px,var(--ux-primary-lightest, rgba(66, 133, 244, .1)) 5px,var(--ux-primary-lightest, rgba(66, 133, 244, .1)) 10px)}.ux-pattern-hexagon{background-color:var(--ux-surface, #fff);background-image:url("data:image/svg+xml,%3Csvg width='20' height='20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 1l8.66 5v10L10 21l-8.66-5V6z' fill='none' stroke='rgba(66, 133, 244, 0.1)' stroke-width='1'/%3E%3C/svg%3E");background-size:20px 20px}.ux-pattern-wave{background-color:var(--ux-surface, #fff);background-image:url("data:image/svg+xml,%3Csvg width='100' height='20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 10 Q 25 20, 50 10 T 100 10' fill='none' stroke='rgba(66, 133, 244, 0.1)' stroke-width='1'/%3E%3C/svg%3E");background-size:100px 20px}.ux-pattern-triangles{background-color:var(--ux-surface, #fff);background-image:url("data:image/svg+xml,%3Csvg width='20' height='20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 1 L19 17 H1z' fill='none' stroke='rgba(66, 133, 244, 0.1)' stroke-width='1'/%3E%3C/svg%3E");background-size:20px 20px}.ux-pattern-circuit{--pattern-color: var(--ux-primary-lightest, rgba(66, 133, 244, .1));background-color:var(--ux-surface, #fff);background-image:url("data:image/svg+xml,%3Csvg width='40' height='40' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h40v40H0zm20 2v18h18M2 20h18v18M30 10a5 5 0 0 0-10 0M10 30a5 5 0 0 0 10 0' fill='none' stroke='rgba(66, 133, 244, 0.1)' stroke-width='1'/%3E%3C/svg%3E");background-size:40px 40px}.ux-pattern-plus{background-color:var(--ux-surface, #fff);background-image:url("data:image/svg+xml,%3Csvg width='20' height='20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 5v10M5 10h10' stroke='rgba(66, 133, 244, 0.1)' stroke-width='1'/%3E%3C/svg%3E");background-size:20px 20px}.ux-pattern-chevron{background-color:var(--ux-surface, #fff);background-image:url("data:image/svg+xml,%3Csvg width='20' height='20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 10 L10 0 L20 10 L10 20 z' fill='none' stroke='rgba(66, 133, 244, 0.1)' stroke-width='1'/%3E%3C/svg%3E");background-size:20px 20px}.ux-pattern-diamond{background-color:var(--ux-surface, #fff);background-image:url("data:image/svg+xml,%3Csvg width='40' height='40' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 0 L40 20 L20 40 L0 20 z' fill='none' stroke='rgba(66, 133, 244, 0.1)' stroke-width='1'/%3E%3C/svg%3E");background-size:40px 40px}.ux-pattern-noise{position:relative}.ux-pattern-noise:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.1'/%3E%3C/svg%3E");opacity:.1;pointer-events:none}.ux-theme-hover-primary{transition:color .3s ease,background-color .3s ease}.ux-theme-hover-primary:hover{color:var(--ux-on-primary, #fff);background-color:var(--ux-primary, #4285f4)}.ux-theme-hover-secondary{transition:color .3s ease,background-color .3s ease}.ux-theme-hover-secondary:hover{color:var(--ux-on-secondary, #fff);background-color:var(--ux-secondary, #0ca678)}.ux-theme-hover-tertiary{transition:color .3s ease,background-color .3s ease}.ux-theme-hover-tertiary:hover{color:var(--ux-on-tertiary, #fff);background-color:var(--ux-tertiary, #9c27b0)}.ux-theme-gradient-shift{background:var(--ux-primary-gradient, linear-gradient(135deg, var(--ux-primary, #4285f4), var(--ux-primary-dark, #3367d6)));background-size:200% 100%;background-position:0% 50%;transition:background-position .5s ease}.ux-theme-gradient-shift:hover{background-position:100% 50%}.ux-theme-shadow-pulse{box-shadow:0 4px 12px #0000;transition:box-shadow .3s ease}.ux-theme-shadow-pulse:hover{animation:ux-shadow-pulse 2s infinite}.ux-theme-border-grow{position:relative}.ux-theme-border-grow:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background-color:var(--ux-primary, #4285f4);transition:width .3s ease}.ux-theme-border-grow:hover:after{width:100%}.ux-theme-glow-shift{transition:box-shadow .3s ease}.ux-theme-glow-shift:hover{box-shadow:0 0 15px rgba(var(--ux-primary-rgb, 66, 133, 244),.5)}.ux-theme-tri-state{position:relative;overflow:hidden;transition:all .5s ease}.ux-theme-tri-state:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(to right,transparent 0%,rgba(var(--ux-primary-rgb, 66, 133, 244),.2) 50%,transparent 100%);transition:left .5s ease}.ux-theme-tri-state:hover:before{left:100%}@keyframes ux-shadow-pulse{0%{box-shadow:0 4px 12px rgba(var(--ux-primary-rgb, 66, 133, 244),.2)}50%{box-shadow:0 4px 20px rgba(var(--ux-primary-rgb, 66, 133, 244),.4)}to{box-shadow:0 4px 12px rgba(var(--ux-primary-rgb, 66, 133, 244),.2)}}.ux-liquid-bubbles{position:relative;overflow:hidden}.ux-liquid-bubbles:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 30% 30%,rgba(var(--ux-primary-rgb, 66, 133, 244),.2) 0%,transparent 35%),radial-gradient(circle at 70% 70%,rgba(var(--ux-secondary-rgb, 12, 166, 120),.2) 0%,transparent 35%),radial-gradient(circle at 50% 50%,rgba(var(--ux-tertiary-rgb, 156, 39, 176),.2) 0%,transparent 50%);z-index:0;animation:ux-bubble-movement 20s ease infinite alternate}.ux-liquid-bubbles>*{position:relative;z-index:1}.ux-liquid-wave{position:relative;overflow:hidden}.ux-liquid-wave:after{content:"";position:absolute;left:0;right:0;bottom:-10px;height:20px;background:var(--ux-primary, #4285f4);border-radius:50% 50% 0 0;opacity:.2;animation:ux-wave-animation 5s ease-in-out infinite}.ux-liquid-droplet{background:var(--ux-surface, #fff);border-radius:50%/60% 60% 40% 40%;box-shadow:0 10px 20px #0000001a;animation:ux-droplet-animation 10s infinite alternate}.ux-flowing-border{position:relative}.ux-flowing-border:before{content:"";position:absolute;inset:-2px;background:linear-gradient(45deg,var(--ux-primary, #4285f4),var(--ux-secondary, #0ca678),var(--ux-tertiary, #9c27b0),var(--ux-primary, #4285f4));background-size:400% 400%;z-index:-1;animation:ux-gradient-animation 15s ease infinite;border-radius:calc(var(--ux-radius, 8px) + 2px)}.ux-flowing-border>*{background:var(--ux-surface, #fff);border-radius:var(--ux-radius, 8px);position:relative;z-index:1}@keyframes ux-bubble-movement{0%{background-position:0% 0%,100% 100%,50% 50%;background-size:50% 50%,50% 50%,75% 75%}to{background-position:100% 100%,0% 0%,25% 75%;background-size:75% 75%,75% 75%,50% 50%}}@keyframes ux-wave-animation{0%,to{transform:translateY(0) scaleX(1.5)}50%{transform:translateY(-5px) scale(1.8,.8)}}@keyframes ux-droplet-animation{0%,to{border-radius:50%/60% 60% 40% 40%}25%{border-radius:55% 45% 47% 53%/45% 45% 55% 55%}50%{border-radius:45% 55% 53% 47%/55% 55% 45% 45%}75%{border-radius:50% 50% 42% 58%/47% 53% 53% 47%}}.ux-glass,.ux-glass-compat{background:#fff3;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.3);box-shadow:0 4px 16px #00000014}.ux-glass-dark{background:#0006;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);color:#fff}.ux-glass-primary{background:rgba(var(--ux-primary-rgb, 66, 133, 244),.15);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(var(--ux-primary-rgb, 66, 133, 244),.3);color:var(--ux-primary, #4285f4)}.ux-glass-secondary{background:rgba(var(--ux-secondary-rgb, 12, 166, 120),.15);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(var(--ux-secondary-rgb, 12, 166, 120),.3);color:var(--ux-secondary, #0ca678)}.ux-glass-tertiary{background:rgba(var(--ux-tertiary-rgb, 156, 39, 176),.15);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(var(--ux-tertiary-rgb, 156, 39, 176),.3);color:var(--ux-tertiary, #9c27b0)}.ux-glass-gradient{background:linear-gradient(135deg,rgba(var(--ux-primary-rgb, 66, 133, 244),.3),rgba(var(--ux-secondary-rgb, 12, 166, 120),.3));backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.ux-glass-frost{background:#ffffff40;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.4);box-shadow:0 8px 32px #0000001a}.ux-glass-layered{position:relative;background:#ffffff1a;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.2);overflow:hidden}.ux-glass-layered:before{content:"";position:absolute;top:50%;left:0;width:100%;height:70%;background:#ffffff26;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);transform:translateY(-50%) rotate(-5deg);border-radius:8px;z-index:0}.ux-glass-layered>*{position:relative;z-index:1}.ux-glass,.ux-glass-compat{background:#ffffff26;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.18);box-shadow:0 8px 32px #0000001a}.ux-glass-light{background:#ffffff40;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);box-shadow:0 8px 32px #1f268714}.ux-glass-dark{background:#0003;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #00000026}.ux-glass-primary{background:rgba(var(--ux-primary-rgb, 66, 133, 244),.18);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(var(--ux-primary-rgb, 66, 133, 244),.2);box-shadow:0 8px 32px rgba(var(--ux-primary-rgb, 66, 133, 244),.1)}.ux-glass-secondary{background:rgba(var(--ux-secondary-rgb, 12, 166, 120),.18);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(var(--ux-secondary-rgb, 12, 166, 120),.2);box-shadow:0 8px 32px rgba(var(--ux-secondary-rgb, 12, 166, 120),.1)}.ux-glass-tertiary{background:rgba(var(--ux-tertiary-rgb, 147, 51, 234),.15);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:1px solid rgba(var(--ux-tertiary-rgb, 147, 51, 234),.2)}.ux-glass-gradient{background:linear-gradient(135deg,#ffffff40,#ffffff1a);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.2)}.ux-glass-frost{background:#ffffff1a;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 32px #0000001a}.ux-glass-pro{background:#ffffff14;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 32px #0000001a,inset 0 0 0 1px #ffffff0d}.ux-glass-pro-dark{background:#0003;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.08);box-shadow:0 8px 32px #0003,inset 0 0 0 1px #ffffff0d}.ux-glass-pro-gradient{background:linear-gradient(135deg,rgba(var(--ux-primary-rgb, 59, 130, 246),.1),rgba(var(--ux-secondary-rgb, 107, 114, 128),.1));backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0000001a}.ux-card-glass{background:rgba(var(--ux-surface-rgb, 255, 255, 255),.7);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 32px #0000001a}.ux-glassmorphism{background:#ffffff1a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 32px #0000001a}.dark-theme .ux-glassmorphism,[data-theme=dark] .ux-glassmorphism{background:#1414144d;border:1px solid rgba(255,255,255,.1)}.ux-glass-card-layered{position:relative;background:#ffffff1f;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.2);border-radius:var(--ux-radius-xl, .75rem);padding:var(--ux-spacing-6, 1.5rem);box-shadow:0 8px 32px #00000014,0 4px 12px #0000000d,inset 0 1px 1px #ffffff4d;overflow:hidden}.ux-glass-card-layered:before{content:"";position:absolute;top:0;left:0;right:0;height:40%;background:linear-gradient(to bottom,#ffffff26,#ffffff0d);border-bottom:1px solid rgba(255,255,255,.1);z-index:-1}.ux-glass-card-layered:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(to right,#fff0,#ffffff4d,#fff0)}.dark-theme .ux-glass-card-layered,[data-theme=dark] .ux-glass-card-layered{background:#1e1e1e26;border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0000001f,0 4px 12px #00000014,inset 0 1px 1px #ffffff0d}.ux-glass-card-colorized{position:relative;background:rgba(var(--ux-surface-rgb, 255, 255, 255),.15);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);border-radius:var(--ux-radius-xl, .75rem);padding:var(--ux-spacing-6, 1.5rem);box-shadow:0 8px 32px #0000001a;overflow:hidden}.ux-glass-card-colorized:before{content:"";position:absolute;inset:-2px;background:linear-gradient(130deg,rgba(var(--ux-primary-rgb, 66, 133, 244),.7),rgba(var(--ux-secondary-rgb, 12, 166, 120),.7),rgba(var(--ux-tertiary-rgb, 253, 216, 53),.7));z-index:-2;filter:blur(12px);opacity:.5;animation:border-glow 6s ease-in-out infinite alternate}@keyframes border-glow{0%{filter:blur(12px);opacity:.5}50%{filter:blur(15px);opacity:.7}to{filter:blur(12px);opacity:.5}}.dark-theme .ux-glass-card-colorized,[data-theme=dark] .ux-glass-card-colorized{background:#14141433;border:1px solid rgba(255,255,255,.05)}.ux-glass-card-interactive{position:relative;background:rgba(var(--ux-surface-rgb, 255, 255, 255),.1);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.15);border-radius:var(--ux-radius-xl, .75rem);padding:var(--ux-spacing-6, 1.5rem);box-shadow:0 10px 30px #0000001a,0 1px 8px #00000012;transition:all .3s ease;transform-style:preserve-3d;perspective:1000px}.ux-glass-card-interactive:hover{transform:translateY(-5px) scale(1.02);box-shadow:0 15px 35px #0000001f,0 5px 15px #00000012}.ux-glass-card-interactive:hover:before{opacity:1}.ux-glass-card-interactive:active{transform:translateY(-2px) scale(1.01);box-shadow:0 8px 20px #0000001a,0 3px 10px #0000000d}.ux-glass-card-interactive:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,#fff0,#ffffff1a,#fff0);opacity:0;transition:opacity .3s ease}.dark-theme .ux-glass-card-interactive,[data-theme=dark] .ux-glass-card-interactive{background:#14141426;border:1px solid rgba(255,255,255,.08);box-shadow:0 10px 30px #00000026,0 1px 8px #0000001a}.ux-3d-card{transform-style:preserve-3d;perspective:1000px;transition:transform .3s ease}.ux-3d-card:hover{transform:rotateX(5deg) rotateY(5deg)}.ux-3d-card .ux-3d-card-content{transform:translateZ(20px)}.ux-3d-layered-text{text-shadow:0 1px 0 var(--ux-primary-light),0 2px 0 var(--ux-primary-light),0 3px 0 var(--ux-primary),0 4px 0 var(--ux-primary),0 5px 0 var(--ux-primary-dark),0 6px 0 var(--ux-primary-dark),0 7px 0 var(--ux-primary-darker),0 8px 10px rgba(0,0,0,.4)}.ux-3d-primary-button{background-color:var(--ux-primary);color:var(--ux-on-primary);border:none;padding:12px 24px;border-radius:4px;font-weight:700;transform-style:preserve-3d;transition:transform .2s ease,box-shadow .2s ease;box-shadow:0 6px 0 0 var(--ux-primary-darker),0 8px 10px #0003}.ux-3d-primary-button:hover{transform:translateY(-2px);box-shadow:0 8px 0 0 var(--ux-primary-darker),0 10px 15px #00000040}.ux-3d-primary-button:active{transform:translateY(4px);box-shadow:0 2px 0 0 var(--ux-primary-darker),0 3px 5px #00000026}.ux-depth-border-card{position:relative;padding:20px;background-color:var(--ux-surface);border-radius:8px;overflow:hidden}.ux-depth-border-card:before{content:"";position:absolute;top:0;left:0;right:0;height:5px;background:linear-gradient(to right,var(--ux-primary),var(--ux-secondary),var(--ux-tertiary))}.ux-morphing-bg{background:linear-gradient(-45deg,var(--ux-primary, #4f46e5),var(--ux-secondary, #0ea5e9),var(--ux-tertiary, #f43f5e),var(--ux-primary-light, #818cf8));background-size:400% 400%;animation:gradient 15s ease infinite}@keyframes gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.ux-advanced-mesh-bg{background:radial-gradient(circle at 40% 40%,var(--ux-primary-rgb-15, rgba(59, 130, 246, .15)),transparent 50%),radial-gradient(circle at 80% 10%,var(--ux-secondary-rgb-15, rgba(107, 114, 128, .15)),transparent 60%),radial-gradient(circle at 10% 60%,var(--ux-tertiary-rgb-15, rgba(147, 51, 234, .15)),transparent 70%),radial-gradient(circle at 70% 70%,var(--ux-primary-rgb-10, rgba(59, 130, 246, .1)),transparent 55%),radial-gradient(circle at 20% 20%,var(--ux-secondary-rgb-10, rgba(107, 114, 128, .1)),transparent 65%);background-size:250% 250%;animation:mesh-shift 30s ease infinite}@keyframes mesh-shift{0%,to{background-position:0% 0%}25%{background-position:100% 0%}50%{background-position:100% 100%}75%{background-position:0% 100%}}.ux-liquid-bubbles{position:relative;overflow:hidden;background:radial-gradient(circle at 50% 50%,var(--ux-primary-rgb-05, rgba(59, 130, 246, .05)),var(--ux-secondary-rgb-02, rgba(107, 114, 128, .02)))}.ux-primary-mono{background:linear-gradient(135deg,var(--ux-primary-lightest, #f0f7ff),var(--ux-primary, #4f46e5),var(--ux-primary-darkest, #1e3a8a))}.ux-secondary-mono{background:linear-gradient(135deg,var(--ux-secondary-lightest, #f0f9ff),var(--ux-secondary, #0ea5e9),var(--ux-secondary-darkest, #0c4a6e))}.ux-tertiary-mono{background:linear-gradient(135deg,var(--ux-tertiary-lightest, #faf5ff),var(--ux-tertiary, #f43f5e),var(--ux-tertiary-darkest, #881337))}.ux-grain-texture{position:relative;overflow:hidden}.ux-grain-texture:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.1'/%3E%3C/svg%3E");opacity:.15;pointer-events:none}.ux-animated-border{position:relative;overflow:hidden;z-index:0}.ux-animated-border:before{content:"";position:absolute;inset:-2px;z-index:-1;background:linear-gradient(45deg,var(--ux-primary, #4f46e5),var(--ux-secondary, #0ea5e9),var(--ux-tertiary, #f43f5e),var(--ux-primary, #4f46e5));background-size:300% 300%;animation:border-flow 5s linear infinite;border-radius:inherit}.ux-animated-border:after{content:"";position:absolute;inset:2px;z-index:-1;background:var(--ux-surface, white);border-radius:inherit}@keyframes border-flow{0%,to{background-position:0% 0%}50%{background-position:100% 100%}}.ux-floating{animation:float 5s ease-in-out infinite}.ux-noise-bg:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 600 600' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.5'/%3E%3C/svg%3E");animation:noise 1s linear infinite;pointer-events:none;opacity:.05}@keyframes noise{0%{transform:translate(0)}10%{transform:translate(-5%,-5%)}20%{transform:translate(-10%,5%)}30%{transform:translate(5%,-10%)}40%{transform:translate(-5%,15%)}50%{transform:translate(-10%,5%)}60%{transform:translate(15%)}70%{transform:translateY(10%)}80%{transform:translate(-15%)}90%{transform:translate(10%,5%)}to{transform:translate(0)}}.ux-interactive-card{background-color:var(--ux-surface);border-radius:8px;padding:24px;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;transition:transform .2s ease,box-shadow .2s ease;overflow:hidden;position:relative;cursor:pointer}.ux-interactive-card:hover{transform:translateY(-2px);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.ux-interactive-card:active{transform:translateY(0);box-shadow:0 1px 2px #0000000d}.ux-interactive-card-secondary{background-color:var(--ux-surface);border-top:4px solid var(--ux-secondary)}.ux-interactive-card-tertiary{background-color:var(--ux-surface);border-top:4px solid var(--ux-tertiary)}.ux-card-hover{background-color:var(--ux-surface);border-radius:8px;padding:24px;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s ease}.ux-card-hover:hover{transform:translateY(-8px);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.ux-card-3d{background-color:var(--ux-surface);border-radius:8px;padding:24px;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;transform-style:preserve-3d;perspective:1000px;transition:transform .3s ease}.ux-card-3d:hover{transform:rotateX(5deg) rotateY(5deg)}.ux-card-glowing{background-color:var(--ux-surface);border-radius:8px;padding:24px;position:relative;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;transition:box-shadow .3s ease}.ux-card-glowing:hover{box-shadow:0 0 20px rgba(var(--ux-primary-rgb, 59, 130, 246),.3),0 0 40px rgba(var(--ux-primary-rgb, 59, 130, 246),.1)}.ux-bg-mesh{background:radial-gradient(at 0% 0%,rgba(var(--ux-primary-rgb),.3) 0,transparent 50%),radial-gradient(at 100% 100%,rgba(var(--ux-tertiary-rgb),.3) 0,transparent 50%)}.ux-animated-border{position:relative;background:var(--ux-surface);z-index:0}.ux-animated-border:before{content:"";position:absolute;top:-2px;left:-2px;width:calc(100% + 4px);height:calc(100% + 4px);background:linear-gradient(45deg,var(--ux-primary),var(--ux-secondary),var(--ux-tertiary),var(--ux-secondary),var(--ux-primary));background-size:300% 300%;z-index:-1;border-radius:10px;animation:ux-border-animation 4s linear infinite}.ux-floating{animation:ux-floating 3s ease-in-out infinite}.ux-noise-bg{position:relative;overflow:hidden}.ux-noise-bg:before{content:"";position:absolute;inset:0;background:linear-gradient(45deg,rgba(var(--ux-primary-rgb),.15),rgba(var(--ux-tertiary-rgb),.15)),url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.15'/%3E%3C/svg%3E");opacity:1;z-index:-1;pointer-events:none}.ux-card-hover{transition:all .3s ease;overflow:hidden}.ux-card-hover:before{content:"";position:absolute;top:0;left:0;width:100%;height:5px;background:linear-gradient(to right,var(--ux-primary),var(--ux-tertiary));transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.ux-card-hover:hover{transform:translateY(-6px);box-shadow:var(--ux-shadow-md)}.ux-card-hover:hover:before{transform:scaleX(1)}.ux-card-3d{transition:transform .3s ease;perspective:1000px;transform-style:preserve-3d}.ux-card-3d:hover{transform:rotateX(5deg) rotateY(5deg) scale(1.05);box-shadow:0 15px 30px #0000001a}.ux-card-glowing{position:relative}.ux-card-glowing:after{content:"";position:absolute;inset:-10px;border-radius:20px;background:linear-gradient(45deg,var(--ux-primary),var(--ux-secondary),var(--ux-tertiary));z-index:-1;filter:blur(20px);opacity:0;transition:opacity .3s ease}.ux-card-glowing:hover{transform:translateY(-5px)}.ux-card-glowing:hover:after{opacity:.5}.ux-card-glass{background:#ffffff1a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 32px #0000001a}.ux-card-glass:hover{transform:translateY(-5px);box-shadow:0 15px 30px #00000026}.ux-mesh-background{position:relative;border-radius:12px;overflow:hidden;background:radial-gradient(at 0% 0%,rgba(var(--ux-primary-rgb),.2) 0,transparent 50%),radial-gradient(at 100% 100%,rgba(var(--ux-tertiary-rgb),.2) 0,transparent 50%)}.ux-mesh-background:before{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.05'/%3E%3C/svg%3E");opacity:.5;mix-blend-mode:overlay;pointer-events:none;z-index:0}.ux-text-gradient{background:linear-gradient(to right,var(--ux-primary),var(--ux-secondary),var(--ux-tertiary));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}@keyframes ux-border-animation{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes ux-floating{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.ux-glass-card-example,.glass-card-example{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 32px #0000001a;padding:24px;transition:all .3s ease;position:relative;overflow:hidden}.ux-glass-card-example:hover,.glass-card-example:hover{transform:translateY(-5px);box-shadow:0 12px 48px #00000026}.ux-adaptive-card{background-color:var(--ux-surface, #fff);border-radius:.5rem;border:1px solid var(--ux-outline, #e0e0e0);box-shadow:0 4px 12px #0000000d;padding:1rem;transition:all .3s ease}.dark-theme .ux-adaptive-card,[data-theme=dark] .ux-adaptive-card{background-color:var(--ux-surface-variant, #333);border-color:var(--ux-outline, #444);box-shadow:0 4px 12px #0003}.ux-adaptive-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001a}.dark-theme .ux-adaptive-card:hover,[data-theme=dark] .ux-adaptive-card:hover{box-shadow:0 8px 24px #0000004d}.ux-shadow-adaptive-sm{box-shadow:0 2px 6px #0000000d}.dark-theme .ux-shadow-adaptive-sm,[data-theme=dark] .ux-shadow-adaptive-sm{box-shadow:0 2px 6px #00000026}.ux-shadow-adaptive-md{box-shadow:0 4px 12px #00000014}.dark-theme .ux-shadow-adaptive-md,[data-theme=dark] .ux-shadow-adaptive-md{box-shadow:0 4px 12px #00000040}.ux-shadow-adaptive-lg{box-shadow:0 8px 24px #0000001f}.dark-theme .ux-shadow-adaptive-lg,[data-theme=dark] .ux-shadow-adaptive-lg{box-shadow:0 8px 24px #00000059}.ux-adaptive-button{display:inline-flex;align-items:center;justify-content:center;padding:.5rem 1rem;border-radius:.25rem;background-color:var(--ux-primary-container, #e3f2fd);color:var(--ux-primary, #1976d2);border:none;font-weight:500;cursor:pointer;transition:all .2s ease}.dark-theme .ux-adaptive-button,[data-theme=dark] .ux-adaptive-button{background-color:var(--ux-primary-container, #1e1e1e);color:var(--ux-primary-light, #90caf9)}.ux-adaptive-button:hover{background-color:var(--ux-primary-light, #64b5f6);color:var(--ux-on-primary, #fff)}.dark-theme .ux-adaptive-button:hover,[data-theme=dark] .ux-adaptive-button:hover{background-color:var(--ux-primary, #1976d2);color:var(--ux-on-primary, #fff)}.ux-adaptive-button:active{transform:translateY(1px)}.ux-glass-adaptive{background:#ffffff26;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.18);box-shadow:0 8px 32px #0000001a}.dark-theme .ux-glass-adaptive,[data-theme=dark] .ux-glass-adaptive{background:#1414144d;border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #00000040}.ux-gradient-adaptive-primary{background:linear-gradient(135deg,var(--ux-primary-lightest, #e3f2fd),var(--ux-primary-light, #90caf9));color:var(--ux-on-primary-container, #0d47a1)}.dark-theme .ux-gradient-adaptive-primary,[data-theme=dark] .ux-gradient-adaptive-primary{background:linear-gradient(135deg,var(--ux-primary, #1976d2),var(--ux-primary-dark, #0d47a1));color:var(--ux-on-primary, #fff)}.ux-shadow-adaptive-neuo{background-color:var(--ux-surface, #f0f0f0);border-radius:10px;box-shadow:8px 8px 16px #0000000d,-8px -8px 16px #fffc}.dark-theme .ux-shadow-adaptive-neuo,[data-theme=dark] .ux-shadow-adaptive-neuo{background-color:var(--ux-surface-variant, #333);box-shadow:8px 8px 16px #0000004d,-8px -8px 16px #ffffff0d}.ux-3d-card{position:relative;transform-style:preserve-3d;perspective:1000px;transition:transform .3s ease;background-color:var(--ux-surface, #fff);border-radius:.5rem;padding:1rem;border:1px solid var(--ux-outline, #e0e0e0);box-shadow:0 4px 12px #0000000d}.ux-3d-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#ffffff80,#fff0);border-radius:inherit;transition:opacity .3s ease;z-index:2;pointer-events:none}.dark-theme .ux-3d-card,[data-theme=dark] .ux-3d-card{background-color:var(--ux-surface-variant, #333);border-color:var(--ux-outline, #444)}.dark-theme .ux-3d-card:before,[data-theme=dark] .ux-3d-card:before{background:linear-gradient(135deg,#fff3,#fff0)}.ux-3d-card:hover{transform:rotateX(5deg) rotateY(5deg);box-shadow:12px 12px 24px #0000001a,0 0 0 1px var(--ux-outline, #e0e0e0)}.ux-3d-card:hover:before{opacity:.8}.dark-theme .ux-3d-card:hover,[data-theme=dark] .ux-3d-card:hover{box-shadow:12px 12px 24px #0000004d,0 0 0 1px var(--ux-outline, #444)}.ux-3d-button{position:relative;padding:.75rem 1.5rem;background-color:var(--ux-primary, #1976d2);color:var(--ux-on-primary, #fff);border:none;border-radius:.25rem;font-weight:700;cursor:pointer;transform-style:preserve-3d;transition:transform .2s ease,box-shadow .2s ease;box-shadow:0 6px 0 0 var(--ux-primary-darker, #0d47a1),0 8px 10px #0003}.ux-3d-button:hover{transform:translateY(-2px);box-shadow:0 8px 0 0 var(--ux-primary-darker, #0d47a1),0 10px 15px #00000040}.ux-3d-button:active{transform:translateY(4px);box-shadow:0 2px 0 0 var(--ux-primary-darker, #0d47a1),0 3px 5px #00000026}.ux-3d-text{color:var(--ux-primary, #1976d2);font-weight:700;font-size:2rem;letter-spacing:.05em;text-shadow:0 1px 0 var(--ux-primary-light, #64b5f6),0 2px 0 var(--ux-primary-light, #64b5f6),0 3px 0 var(--ux-primary, #1976d2),0 4px 0 var(--ux-primary, #1976d2),0 5px 0 var(--ux-primary-dark, #0d47a1),0 6px 0 var(--ux-primary-dark, #0d47a1),0 7px 0 var(--ux-primary-darker, #0b3d91),0 8px 10px rgba(0,0,0,.4)}.dark-theme .ux-3d-text,[data-theme=dark] .ux-3d-text{color:var(--ux-primary-light, #90caf9);text-shadow:0 1px 0 var(--ux-primary, #1976d2),0 2px 0 var(--ux-primary, #1976d2),0 3px 0 var(--ux-primary-dark, #0d47a1),0 4px 0 var(--ux-primary-dark, #0d47a1),0 5px 0 var(--ux-primary-darker, #0b3d91),0 6px 0 var(--ux-primary-darker, #0b3d91),0 7px 0 rgba(0,0,0,.8),0 8px 10px rgba(0,0,0,.6)}.ux-3d-text-secondary{color:var(--ux-secondary, #9c27b0);font-weight:700;font-size:2rem;letter-spacing:.05em;text-shadow:0 1px 0 var(--ux-secondary-light, #ce93d8),0 2px 0 var(--ux-secondary-light, #ce93d8),0 3px 0 var(--ux-secondary, #9c27b0),0 4px 0 var(--ux-secondary, #9c27b0),0 5px 0 var(--ux-secondary-dark, #7b1fa2),0 6px 0 var(--ux-secondary-dark, #7b1fa2),0 7px 0 var(--ux-secondary-darker, #6a1b9a),0 8px 10px rgba(0,0,0,.4)}.dark-theme .ux-3d-text-secondary,[data-theme=dark] .ux-3d-text-secondary{color:var(--ux-secondary-light, #ce93d8);text-shadow:0 1px 0 var(--ux-secondary, #9c27b0),0 2px 0 var(--ux-secondary, #9c27b0),0 3px 0 var(--ux-secondary-dark, #7b1fa2),0 4px 0 var(--ux-secondary-dark, #7b1fa2),0 5px 0 var(--ux-secondary-darker, #6a1b9a),0 6px 0 var(--ux-secondary-darker, #6a1b9a),0 7px 0 rgba(0,0,0,.8),0 8px 10px rgba(0,0,0,.6)}.ux-3d-text-tertiary{color:var(--ux-tertiary, #ff9800);font-weight:700;font-size:2rem;letter-spacing:.05em;text-shadow:0 1px 0 var(--ux-tertiary-light, #ffcc80),0 2px 0 var(--ux-tertiary-light, #ffcc80),0 3px 0 var(--ux-tertiary, #ff9800),0 4px 0 var(--ux-tertiary, #ff9800),0 5px 0 var(--ux-tertiary-dark, #f57c00),0 6px 0 var(--ux-tertiary-dark, #f57c00),0 7px 0 var(--ux-tertiary-darker, #e65100),0 8px 10px rgba(0,0,0,.4)}.dark-theme .ux-3d-text-tertiary,[data-theme=dark] .ux-3d-text-tertiary{color:var(--ux-tertiary-light, #ffcc80);text-shadow:0 1px 0 var(--ux-tertiary, #ff9800),0 2px 0 var(--ux-tertiary, #ff9800),0 3px 0 var(--ux-tertiary-dark, #f57c00),0 4px 0 var(--ux-tertiary-dark, #f57c00),0 5px 0 var(--ux-tertiary-darker, #e65100),0 6px 0 var(--ux-tertiary-darker, #e65100),0 7px 0 rgba(0,0,0,.8),0 8px 10px rgba(0,0,0,.6)}.ux-3d-text-embossed{color:var(--ux-surface);font-weight:700;font-size:2rem;letter-spacing:.05em;text-shadow:-1px -1px 1px rgba(255,255,255,.7),1px 1px 1px rgba(0,0,0,.5),3px 3px 5px rgba(0,0,0,.3)}.dark-theme .ux-3d-text-embossed,[data-theme=dark] .ux-3d-text-embossed{color:var(--ux-surface-variant);text-shadow:-1px -1px 1px rgba(255,255,255,.2),1px 1px 1px rgba(0,0,0,.8),3px 3px 5px rgba(0,0,0,.5)}.ux-3d-text-embossed-primary{color:var(--ux-primary);font-weight:700;font-size:2rem;letter-spacing:.05em;text-shadow:-1px -1px 1px rgba(255,255,255,.7),1px 1px 1px rgba(0,0,0,.5),3px 3px 5px rgba(0,0,0,.3)}.ux-3d-text-debossed{color:var(--ux-surface);font-weight:700;font-size:2rem;letter-spacing:.05em;text-shadow:-1px -1px 1px rgba(0,0,0,.5),1px 1px 1px rgba(255,255,255,.7)}.dark-theme .ux-3d-text-debossed,[data-theme=dark] .ux-3d-text-debossed{color:var(--ux-surface-variant);text-shadow:-1px -1px 1px rgba(0,0,0,.8),1px 1px 1px rgba(255,255,255,.2)}.ux-layered-text{position:relative;color:var(--ux-primary);font-weight:700;font-size:2rem}.ux-layered-text:before,.ux-layered-text:after{content:attr(data-text);position:absolute;top:0;left:0;z-index:-1}.ux-layered-text:before{color:var(--ux-primary-dark);transform:translate(3px,3px)}.ux-layered-text:after{color:var(--ux-primary-light);transform:translate(-3px,-3px)}.ux-3d-text-neon{color:#fff;font-weight:700;font-size:2rem;letter-spacing:.05em;text-shadow:0 0 5px var(--ux-primary),0 0 10px var(--ux-primary),0 0 15px var(--ux-primary),0 0 20px var(--ux-primary),0 0 30px var(--ux-primary),0 0 40px var(--ux-primary),0 0 55px var(--ux-primary),0 0 75px var(--ux-primary)}.ux-3d-text-neon-secondary{color:#fff;font-weight:700;font-size:2rem;letter-spacing:.05em;text-shadow:0 0 5px var(--ux-secondary),0 0 10px var(--ux-secondary),0 0 15px var(--ux-secondary),0 0 20px var(--ux-secondary),0 0 30px var(--ux-secondary),0 0 40px var(--ux-secondary),0 0 55px var(--ux-secondary),0 0 75px var(--ux-secondary)}.ux-3d-text-carved{color:transparent;font-weight:700;font-size:2rem;letter-spacing:.05em;background-color:var(--ux-surface);-webkit-text-stroke:2px var(--ux-primary);text-shadow:3px 3px 0 var(--ux-primary-dark),4px 4px 0 var(--ux-primary-darker)}.ux-isometric{position:relative;transform:rotateX(15deg) rotateY(15deg);transform-style:preserve-3d;background-color:var(--ux-primary, #1976d2);color:var(--ux-on-primary, #fff);padding:1.5rem;border-radius:.5rem;transition:all .3s ease;box-shadow:.5rem .5rem 0 var(--ux-primary-darker, #0d47a1),1rem 1rem 2rem #0003}.ux-isometric:before,.ux-isometric:after{content:"";position:absolute;width:.5rem;background-color:var(--ux-primary-darker, #0d47a1);transition:all .3s ease}.ux-isometric:before{height:100%;left:100%;top:.5rem;transform:rotateY(90deg);transform-origin:left}.ux-isometric:after{height:.5rem;width:100%;bottom:-.5rem;left:.5rem;transform:rotateX(90deg);transform-origin:top;background-color:var(--ux-primary-darkest, #0a3880)}.ux-isometric:hover{transform:rotateX(20deg) rotateY(20deg) translateZ(10px)}.dark-theme .ux-isometric,[data-theme=dark] .ux-isometric{box-shadow:.5rem .5rem 0 var(--ux-primary-darker, #0d47a1),1rem 1rem 2rem #00000080}.ux-3d-flip-card{perspective:1000px;width:100%;height:200px}.ux-3d-flip-card .ux-3d-flip-card-inner{position:relative;width:100%;height:100%;transition:transform .8s;transform-style:preserve-3d}.ux-3d-flip-card .ux-3d-flip-card-inner .ux-3d-flip-card-front,.ux-3d-flip-card .ux-3d-flip-card-inner .ux-3d-flip-card-back{position:absolute;width:100%;height:100%;backface-visibility:hidden;border-radius:.5rem;display:flex;align-items:center;justify-content:center;padding:1rem}.ux-3d-flip-card .ux-3d-flip-card-inner .ux-3d-flip-card-front{background-color:var(--ux-surface, #fff);color:var(--ux-on-surface, #333);border:1px solid var(--ux-outline, #e0e0e0)}.dark-theme .ux-3d-flip-card .ux-3d-flip-card-inner .ux-3d-flip-card-front,[data-theme=dark] .ux-3d-flip-card .ux-3d-flip-card-inner .ux-3d-flip-card-front{background-color:var(--ux-surface-variant, #333);color:var(--ux-on-surface, #fff);border-color:var(--ux-outline, #444)}.ux-3d-flip-card .ux-3d-flip-card-inner .ux-3d-flip-card-back{background-color:var(--ux-primary, #1976d2);color:var(--ux-on-primary, #fff);transform:rotateY(180deg)}.dark-theme .ux-3d-flip-card .ux-3d-flip-card-inner .ux-3d-flip-card-back,[data-theme=dark] .ux-3d-flip-card .ux-3d-flip-card-inner .ux-3d-flip-card-back{background-color:var(--ux-primary-dark, #0d47a1)}.ux-3d-flip-card:hover .ux-3d-flip-card-inner{transform:rotateY(180deg)}.ux-timeline{position:relative}.ux-timeline:before{content:"";position:absolute;left:20px;top:0;bottom:0;width:2px;background:linear-gradient(to bottom,var(--ux-primary, #3b82f6),var(--ux-primary-opacity-60, rgba(59, 130, 246, .6)),transparent)}.ux-timeline-item{position:relative;padding-left:60px;padding-bottom:2rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.ux-timeline-item:before{content:"";position:absolute;left:12px;top:8px;width:16px;height:16px;border-radius:50%;background:var(--ux-primary, #3b82f6);border:3px solid var(--ux-surface, #ffffff);box-shadow:0 0 0 2px var(--ux-primary-opacity-30, rgba(59, 130, 246, .3));z-index:2}.ux-timeline-item:hover{transform:translate(8px)}.ux-timeline-item:hover:before{box-shadow:0 0 0 4px var(--ux-primary-opacity-40, rgba(59, 130, 246, .4));transform:scale(1.2)}.ux-timeline-item.ux-timeline-item-success:before{background:var(--ux-success, #10b981);box-shadow:0 0 0 2px var(--ux-success-opacity-30, rgba(16, 185, 129, .3))}.ux-timeline-item.ux-timeline-item-warning:before{background:var(--ux-warning, #f59e0b);box-shadow:0 0 0 2px var(--ux-warning-opacity-30, rgba(245, 158, 11, .3))}.ux-timeline-item.ux-timeline-item-error:before{background:var(--ux-error, #ef4444);box-shadow:0 0 0 2px var(--ux-error-opacity-30, rgba(239, 68, 68, .3))}.ux-activity-card{background:var(--ux-surface, #ffffff);border:1px solid var(--ux-text-opacity-10, rgba(33, 33, 33, .1));border-radius:12px;padding:1.5rem;margin-bottom:1rem;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.ux-activity-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,var(--ux-primary-opacity-10, rgba(59, 130, 246, .1)) 0%,var(--ux-secondary-opacity-10, rgba(139, 92, 246, .1)) 100%);opacity:0;transition:opacity .3s ease;z-index:0}.ux-activity-card:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 12px 32px var(--ux-text-opacity-20, rgba(33, 33, 33, .2)),0 0 0 1px var(--ux-primary-opacity-20, rgba(59, 130, 246, .2));border-color:var(--ux-primary-opacity-30, rgba(59, 130, 246, .3))}.ux-activity-card:hover:before{opacity:1}.ux-activity-card>*{position:relative;z-index:1}.ux-button-enhanced{position:relative;display:inline-flex;align-items:center;justify-content:center;padding:.625rem 1.25rem;background:var(--ux-primary, #3b82f6);color:var(--ux-on-primary, #ffffff);border:none;border-radius:8px;font-weight:600;font-size:.875rem;cursor:pointer;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);text-decoration:none}.ux-button-enhanced:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:var(--ux-surface-opacity-30, rgba(255, 255, 255, .3));transform:translate(-50%,-50%);transition:width .6s,height .6s}.ux-button-enhanced:hover{transform:translateY(-2px);box-shadow:0 8px 25px var(--ux-primary-opacity-40, rgba(59, 130, 246, .4));background:var(--ux-primary, #3b82f6)}.ux-button-enhanced:active{transform:translateY(0)}.ux-button-enhanced:active:before{width:300px;height:300px}.ux-button-enhanced.ux-button-secondary{background:var(--ux-secondary, #8b5cf6)}.ux-button-enhanced.ux-button-secondary:hover{box-shadow:0 8px 25px var(--ux-secondary-opacity-40, rgba(139, 92, 246, .4))}.ux-button-enhanced.ux-button-outline{background:transparent;color:var(--ux-primary, #3b82f6);border:2px solid var(--ux-primary, #3b82f6)}.ux-button-enhanced.ux-button-outline:hover{background:var(--ux-primary-opacity-10, rgba(59, 130, 246, .1));border-color:var(--ux-primary, #3b82f6)}.ux-button-enhanced.ux-button-ghost{background:transparent;color:var(--ux-primary, #3b82f6)}.ux-button-enhanced.ux-button-ghost:hover{background:var(--ux-primary-opacity-10, rgba(59, 130, 246, .1))}.ux-badge-enhanced{display:inline-flex;align-items:center;padding:.375rem .75rem;border-radius:6px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;background:var(--ux-primary-opacity-20, rgba(59, 130, 246, .2));color:var(--ux-primary, #3b82f6);border:1px solid var(--ux-primary-opacity-30, rgba(59, 130, 246, .3))}.ux-badge-enhanced:hover{transform:translateY(-1px);background:var(--ux-primary-opacity-30, rgba(59, 130, 246, .3));box-shadow:0 4px 12px var(--ux-primary-opacity-30, rgba(59, 130, 246, .3))}.ux-badge-enhanced.ux-badge-success{background:var(--ux-success-opacity-20, rgba(16, 185, 129, .2));color:var(--ux-success, #10b981);border-color:var(--ux-success-opacity-30, rgba(16, 185, 129, .3))}.ux-badge-enhanced.ux-badge-success:hover{background:var(--ux-success-opacity-30, rgba(16, 185, 129, .3));box-shadow:0 4px 12px var(--ux-success-opacity-30, rgba(16, 185, 129, .3))}.ux-badge-enhanced.ux-badge-warning{background:var(--ux-warning-opacity-20, rgba(245, 158, 11, .2));color:var(--ux-warning, #f59e0b);border-color:var(--ux-warning-opacity-30, rgba(245, 158, 11, .3))}.ux-badge-enhanced.ux-badge-warning:hover{background:var(--ux-warning-opacity-30, rgba(245, 158, 11, .3));box-shadow:0 4px 12px var(--ux-warning-opacity-30, rgba(245, 158, 11, .3))}.ux-badge-enhanced.ux-badge-error{background:var(--ux-error-opacity-20, rgba(239, 68, 68, .2));color:var(--ux-error, #ef4444);border-color:var(--ux-error-opacity-30, rgba(239, 68, 68, .3))}.ux-badge-enhanced.ux-badge-error:hover{background:var(--ux-error-opacity-30, rgba(239, 68, 68, .3));box-shadow:0 4px 12px var(--ux-error-opacity-30, rgba(239, 68, 68, .3))}.ux-metric-card{background:var(--ux-surface, #ffffff);border:1px solid var(--ux-text-opacity-10, rgba(33, 33, 33, .1));border-radius:16px;padding:2rem;text-align:center;position:relative;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1)}.ux-metric-card:before{content:"";position:absolute;inset:0;padding:1px;background:linear-gradient(135deg,var(--ux-primary, #3b82f6),var(--ux-secondary, #8b5cf6),var(--ux-tertiary, #ec4899));border-radius:inherit;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:xor;-webkit-mask-composite:xor;opacity:0;transition:opacity .4s ease}.ux-metric-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 20px 40px var(--ux-text-opacity-20, rgba(33, 33, 33, .2))}.ux-metric-card:hover:before{opacity:.8}.ux-metric-card>*{position:relative;z-index:1}.ux-hero-enhanced{position:relative;padding:4rem 2rem;text-align:center;overflow:hidden;border-radius:24px}.ux-hero-enhanced:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 20% 20%,var(--ux-primary-opacity-10, rgba(59, 130, 246, .1)) 0%,transparent 50%),radial-gradient(circle at 80% 80%,var(--ux-secondary-opacity-10, rgba(139, 92, 246, .1)) 0%,transparent 50%),radial-gradient(circle at 40% 60%,var(--ux-tertiary-opacity-10, rgba(236, 72, 153, .1)) 0%,transparent 50%);animation:ux-float-particles 8s ease-in-out infinite}.ux-hero-enhanced:after{content:"";position:absolute;inset:0;background:linear-gradient(45deg,transparent 30%,var(--ux-primary-opacity-10, rgba(59, 130, 246, .1)) 50%,transparent 70%);animation:ux-mesh-float 10s ease-in-out infinite reverse}.ux-hero-enhanced>*{position:relative;z-index:2}@keyframes ux-float-particles{0%,to{background-position:0% 0%,100% 100%,50% 50%;background-size:50% 50%,50% 50%,75% 75%}50%{background-position:100% 100%,0% 0%,25% 75%;background-size:75% 75%,75% 75%,50% 50%}}@keyframes ux-mesh-float{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-10px,10px) scale(1.02)}}.ux-shimmer-enhanced{position:relative;overflow:hidden}.ux-shimmer-enhanced:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,var(--ux-surface-opacity-40, rgba(255, 255, 255, .4)) 50%,transparent 100%);animation:ux-shimmer-slide 1.5s infinite}@keyframes ux-shimmer-slide{0%{left:-100%}to{left:100%}}.ux-surface-enhanced{background:radial-gradient(circle at top right,var(--ux-primary-opacity-10, rgba(59, 130, 246, .1)) 0%,transparent 50%),radial-gradient(circle at bottom left,var(--ux-secondary-opacity-10, rgba(139, 92, 246, .1)) 0%,transparent 50%),var(--ux-background, #ffffff);min-height:100vh;transition:all .5s cubic-bezier(.4,0,.2,1)}.ux-focus-enhanced{transition:all .3s cubic-bezier(.4,0,.2,1)}.ux-focus-enhanced:focus-visible{outline:none;box-shadow:0 0 0 3px var(--ux-primary-opacity-30, rgba(59, 130, 246, .3)),0 4px 12px var(--ux-primary-opacity-20, rgba(59, 130, 246, .2));transform:translateY(-2px)}.ux-hover-lift-enhanced{transition:all .4s cubic-bezier(.4,0,.2,1)}.ux-hover-lift-enhanced:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 20px 40px var(--ux-text-opacity-20, rgba(33, 33, 33, .2)),0 0 0 1px var(--ux-primary-opacity-20, rgba(59, 130, 246, .2))}.ux-hover-lift-enhanced:active{transform:translateY(-4px) scale(1.01);transition-duration:.1s}.ux-text-primary,.ux-body-large,.ux-heading-section,.ux-heading-hero{color:var(--ux-text-primary, var(--ux-on-background, #2b2b2b))}.dark .ux-text-primary,.dark .ux-body-large,.dark .ux-heading-section,.dark .ux-heading-hero{color:var(--ux-text-primary, var(--ux-on-background, #f7f7f7))}.ux-text-secondary{color:var(--ux-text-secondary, rgba(33, 33, 33, .7))}.dark .ux-text-secondary{color:var(--ux-text-secondary, rgba(247, 247, 247, .7))}.ux-text-muted,.ux-body-tiny{color:var(--ux-text-opacity-50, rgba(33, 33, 33, .5))}.dark .ux-text-muted,.dark .ux-body-tiny{color:var(--ux-text-opacity-50, rgba(247, 247, 247, .5))}.ux-text-subtle{color:var(--ux-text-opacity-40, rgba(33, 33, 33, .4))}.dark .ux-text-subtle{color:var(--ux-text-opacity-40, rgba(247, 247, 247, .4))}.ux-text-surface,.ux-body-medium,.ux-heading-small,.ux-heading-card{color:var(--ux-on-surface, #2b2b2b)}.dark .ux-text-surface,.dark .ux-body-medium,.dark .ux-heading-small,.dark .ux-heading-card{color:var(--ux-on-surface, #f7f7f7)}.ux-text-surface-secondary,.ux-body-small{color:var(--ux-text-opacity-80, rgba(33, 33, 33, .8))}.dark .ux-text-surface-secondary,.dark .ux-body-small{color:var(--ux-text-opacity-80, rgba(247, 247, 247, .8))}.ux-text-on-primary{color:var(--ux-on-primary, #ffffff);text-shadow:0 1px 2px rgba(0,0,0,.1)}.ux-text-on-primary.enhanced-visibility{color:#fff!important;text-shadow:0 2px 4px rgba(0,0,0,.3)}.ux-text-on-secondary{color:var(--ux-on-secondary, #000000)}.ux-text-on-tertiary{color:var(--ux-on-tertiary, #1c1500)}.ux-text-success{color:var(--ux-success, #10b981)}.ux-text-success.on-surface{color:var(--ux-on-success, #c2e8c4)}.ux-text-warning{color:var(--ux-warning, #f59e0b)}.ux-text-warning.on-surface{color:var(--ux-on-warning, #ffffff)}.ux-text-error{color:var(--ux-error, #ef4444)}.ux-text-error.on-surface{color:var(--ux-on-error, #ffffff)}.ux-text-info{color:var(--ux-info, #0288d1)}.ux-text-info.on-surface{color:var(--ux-on-info, #ffffff)}.ux-heading-hero{font-size:clamp(2.5rem,6vw,4rem);font-weight:800;line-height:1.1;letter-spacing:-.02em}.ux-heading-section{font-size:clamp(1.75rem,4vw,2.5rem);font-weight:700;line-height:1.2;letter-spacing:-.01em}.ux-heading-card{font-size:clamp(1.25rem,3vw,1.5rem);font-weight:600;line-height:1.3}.ux-heading-small{font-size:clamp(1rem,2.5vw,1.125rem);font-weight:600;line-height:1.4}.ux-body-large{font-size:clamp(1.125rem,2.5vw,1.25rem);line-height:1.6}.ux-body-medium{font-size:clamp(1rem,2vw,1.125rem);line-height:1.6}.ux-body-small{font-size:clamp(.875rem,1.5vw,1rem);line-height:1.5}.ux-body-tiny{font-size:clamp(.75rem,1.2vw,.875rem);line-height:1.4}.ux-text-interactive,.ux-text-link{color:var(--ux-primary, #3b82f6);cursor:pointer;transition:color .2s ease}.ux-text-interactive:hover,.ux-text-link:hover{color:var(--ux-primary, #3b82f6);opacity:.8}.ux-text-interactive:active,.ux-text-link:active{opacity:.6}.ux-text-link{text-decoration:underline;text-underline-offset:2px;text-decoration-thickness:1px;text-decoration-color:var(--ux-primary-opacity-40, rgba(59, 130, 246, .4))}.ux-text-link:hover{text-decoration-color:var(--ux-primary, #3b82f6)}.ux-text-gradient-primary{background:linear-gradient(135deg,var(--ux-primary, #3b82f6),var(--ux-secondary, #8b5cf6));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700}.ux-text-gradient-success{background:linear-gradient(135deg,var(--ux-success, #10b981),var(--ux-info, #0288d1));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700}.ux-text-gradient-warm{background:linear-gradient(135deg,var(--ux-warning, #f59e0b),var(--ux-error, #ef4444));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700}.ux-text-high-contrast{color:var(--ux-text, #212121);font-weight:600}.dark .ux-text-high-contrast{color:var(--ux-on-text, #f7f7f7)}.ux-text-comfortable{color:var(--ux-text-opacity-90, rgba(33, 33, 33, .9))}.dark .ux-text-comfortable{color:var(--ux-text-opacity-85, rgba(247, 247, 247, .85))}.ux-text-focusable:focus-visible{outline:2px solid var(--ux-primary, #3b82f6);outline-offset:2px;border-radius:2px}.ux-text-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}@media (max-width: 768px){.ux-heading-hero{font-size:clamp(2rem,8vw,3rem)}.ux-heading-section{font-size:clamp(1.5rem,6vw,2rem)}.ux-body-large{font-size:clamp(1rem,3vw,1.125rem)}}@media print{.ux-text-primary,.ux-heading-hero,.ux-heading-section,.ux-body-large,.ux-text-surface,.ux-heading-small,.ux-heading-card,.ux-body-medium{color:#000!important}.ux-text-gradient-primary,.ux-text-gradient-success,.ux-text-gradient-warm{-webkit-text-fill-color:unset;background:none;color:#000!important}}.ux-simple-card,[data-style=simple] .ux-card{background:var(--ux-surface, #ffffff);border:1px solid var(--ux-text-opacity-10, rgba(33, 33, 33, .1));border-radius:8px;padding:1.5rem;transition:box-shadow .2s ease}.ux-simple-card:hover,[data-style=simple] .ux-card:hover{box-shadow:0 2px 8px var(--ux-text-opacity-10, rgba(33, 33, 33, .1))}.ux-simple-button,[data-style=simple] .ux-button{background:var(--ux-primary, #3b82f6);color:var(--ux-on-primary, #ffffff);border:none;border-radius:6px;padding:.75rem 1.5rem;font-weight:500;transition:background-color .2s ease}.ux-simple-button:hover,[data-style=simple] .ux-button:hover{opacity:.9}.ux-simple-badge,[data-style=simple] .ux-badge{background:var(--ux-primary-opacity-10, rgba(59, 130, 246, .1));color:var(--ux-primary, #3b82f6);border-radius:4px;padding:.25rem .75rem;font-size:.875rem;font-weight:500}.ux-clean-card,[data-style=clean] .ux-card{background:var(--ux-surface, #ffffff);border:1px solid var(--ux-text-opacity-08, rgba(33, 33, 33, .08));border-radius:12px;padding:2rem;box-shadow:0 1px 3px var(--ux-text-opacity-05, rgba(33, 33, 33, .05));transition:all .3s cubic-bezier(.4,0,.2,1)}.ux-clean-card:hover,[data-style=clean] .ux-card:hover{box-shadow:0 4px 12px var(--ux-text-opacity-15, rgba(33, 33, 33, .15));transform:translateY(-2px)}.ux-clean-button,[data-style=clean] .ux-button{background:var(--ux-primary, #3b82f6);color:var(--ux-on-primary, #ffffff);border:none;border-radius:8px;padding:.875rem 2rem;font-weight:600;letter-spacing:.025em;transition:all .3s cubic-bezier(.4,0,.2,1)}.ux-clean-button:hover,[data-style=clean] .ux-button:hover{transform:translateY(-1px);box-shadow:0 4px 12px var(--ux-primary-opacity-30, rgba(59, 130, 246, .3))}.ux-clean-badge,[data-style=clean] .ux-badge{background:var(--ux-primary-opacity-15, rgba(59, 130, 246, .15));color:var(--ux-primary, #3b82f6);border:1px solid var(--ux-primary-opacity-20, rgba(59, 130, 246, .2));border-radius:6px;padding:.375rem 1rem;font-size:.875rem;font-weight:600;transition:all .2s ease}.ux-clean-badge:hover,[data-style=clean] .ux-badge:hover{background:var(--ux-primary-opacity-20, rgba(59, 130, 246, .2))}.ux-modern-card,[data-style=modern] .ux-card{background:var(--ux-surface-opacity-80, rgba(255, 255, 255, .8));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--ux-surface-opacity-20, rgba(255, 255, 255, .2));border-radius:16px;padding:2rem;position:relative;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1)}.ux-modern-card:before,[data-style=modern] .ux-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,var(--ux-primary-opacity-05, rgba(59, 130, 246, .05)) 0%,var(--ux-secondary-opacity-05, rgba(139, 92, 246, .05)) 100%);opacity:0;transition:opacity .3s ease}.ux-modern-card:hover,[data-style=modern] .ux-card:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 20px 40px var(--ux-text-opacity-20, rgba(33, 33, 33, .2))}.ux-modern-card:hover:before,[data-style=modern] .ux-card:hover:before{opacity:1}.ux-modern-button,[data-style=modern] .ux-button{background:linear-gradient(135deg,var(--ux-primary, #3b82f6),var(--ux-secondary, #8b5cf6));color:var(--ux-on-primary, #ffffff);border:none;border-radius:12px;padding:1rem 2rem;font-weight:600;position:relative;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.ux-modern-button:before,[data-style=modern] .ux-button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s,height .6s}.ux-modern-button:hover,[data-style=modern] .ux-button:hover{transform:translateY(-2px);box-shadow:0 12px 24px var(--ux-primary-opacity-40, rgba(59, 130, 246, .4))}.ux-modern-button:active:before,[data-style=modern] .ux-button:active:before{width:300px;height:300px}.ux-modern-badge,[data-style=modern] .ux-badge{background:linear-gradient(135deg,var(--ux-primary-opacity-20, rgba(59, 130, 246, .2)),var(--ux-secondary-opacity-20, rgba(139, 92, 246, .2)));color:var(--ux-primary, #3b82f6);border:1px solid var(--ux-primary-opacity-30, rgba(59, 130, 246, .3));border-radius:8px;padding:.5rem 1.25rem;font-size:.875rem;font-weight:600;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:all .3s cubic-bezier(.4,0,.2,1)}.ux-modern-badge:hover,[data-style=modern] .ux-badge:hover{transform:translateY(-1px);box-shadow:0 4px 12px var(--ux-primary-opacity-30, rgba(59, 130, 246, .3))}.ux-elegant-card,[data-style=elegant] .ux-card{background:var(--ux-surface, #ffffff);border:1px solid var(--ux-text-opacity-05, rgba(33, 33, 33, .05));border-radius:20px;padding:2.5rem;box-shadow:0 4px 6px var(--ux-text-opacity-05, rgba(33, 33, 33, .05)),0 10px 15px var(--ux-text-opacity-10, rgba(33, 33, 33, .1));transition:all .5s cubic-bezier(.4,0,.2,1)}.ux-elegant-card:hover,[data-style=elegant] .ux-card:hover{transform:translateY(-6px);box-shadow:0 10px 25px var(--ux-text-opacity-15, rgba(33, 33, 33, .15)),0 20px 40px var(--ux-text-opacity-20, rgba(33, 33, 33, .2));border-color:var(--ux-primary-opacity-20, rgba(59, 130, 246, .2))}.ux-elegant-button,[data-style=elegant] .ux-button{background:var(--ux-primary, #3b82f6);color:var(--ux-on-primary, #ffffff);border:none;border-radius:14px;padding:1.125rem 2.5rem;font-weight:600;letter-spacing:.05em;box-shadow:0 4px 14px var(--ux-primary-opacity-25, rgba(59, 130, 246, .25));transition:all .4s cubic-bezier(.4,0,.2,1)}.ux-elegant-button:hover,[data-style=elegant] .ux-button:hover{transform:translateY(-3px);box-shadow:0 8px 25px var(--ux-primary-opacity-35, rgba(59, 130, 246, .35))}.ux-elegant-button:active,[data-style=elegant] .ux-button:active{transform:translateY(-1px)}.ux-elegant-badge,[data-style=elegant] .ux-badge{background:var(--ux-primary-opacity-12, rgba(59, 130, 246, .12));color:var(--ux-primary, #3b82f6);border:1px solid var(--ux-primary-opacity-25, rgba(59, 130, 246, .25));border-radius:10px;padding:.625rem 1.5rem;font-size:.875rem;font-weight:600;letter-spacing:.025em;box-shadow:0 2px 8px var(--ux-primary-opacity-15, rgba(59, 130, 246, .15));transition:all .3s cubic-bezier(.4,0,.2,1)}.ux-elegant-badge:hover,[data-style=elegant] .ux-badge:hover{background:var(--ux-primary-opacity-18, rgba(59, 130, 246, .18));transform:translateY(-1px);box-shadow:0 4px 12px var(--ux-primary-opacity-20, rgba(59, 130, 246, .2))}.ux-playful-card,[data-style=playful] .ux-card{background:var(--ux-surface, #ffffff);border:2px solid var(--ux-primary-opacity-20, rgba(59, 130, 246, .2));border-radius:24px;padding:2rem;position:relative;overflow:hidden;transition:all .3s cubic-bezier(.68,-.55,.265,1.55)}.ux-playful-card:before,[data-style=playful] .ux-card:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:conic-gradient(var(--ux-primary-opacity-05, rgba(59, 130, 246, .05)),var(--ux-secondary-opacity-05, rgba(139, 92, 246, .05)),var(--ux-tertiary-opacity-05, rgba(236, 72, 153, .05)),var(--ux-primary-opacity-05, rgba(59, 130, 246, .05)));animation:rotate 20s linear infinite;opacity:0;transition:opacity .3s ease}.ux-playful-card:hover,[data-style=playful] .ux-card:hover{transform:translateY(-8px) rotate(2deg) scale(1.05);border-color:var(--ux-primary, #3b82f6)}.ux-playful-card:hover:before,[data-style=playful] .ux-card:hover:before{opacity:1}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.ux-playful-button,[data-style=playful] .ux-button{background:linear-gradient(45deg,var(--ux-primary, #3b82f6),var(--ux-secondary, #8b5cf6),var(--ux-tertiary, #ec4899));background-size:300% 300%;color:var(--ux-on-primary, #ffffff);border:none;border-radius:18px;padding:1rem 2rem;font-weight:700;animation:gradientShift 3s ease infinite;transition:all .3s cubic-bezier(.68,-.55,.265,1.55)}.ux-playful-button:hover,[data-style=playful] .ux-button:hover{transform:translateY(-4px) scale(1.05);animation-duration:.5s}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.ux-playful-badge,[data-style=playful] .ux-badge{background:var(--ux-primary-opacity-15, rgba(59, 130, 246, .15));color:var(--ux-primary, #3b82f6);border:2px dashed var(--ux-primary-opacity-40, rgba(59, 130, 246, .4));border-radius:16px;padding:.5rem 1.25rem;font-size:.875rem;font-weight:700;transition:all .3s cubic-bezier(.68,-.55,.265,1.55)}.ux-playful-badge:hover,[data-style=playful] .ux-badge:hover{transform:rotate(-5deg) scale(1.1);border-style:solid;animation:wiggle .5s ease}@keyframes wiggle{0%,to{transform:rotate(-5deg) scale(1.1)}25%{transform:rotate(-7deg) scale(1.1)}75%{transform:rotate(-3deg) scale(1.1)}}.ux-professional-card,[data-style=professional] .ux-card{background:var(--ux-surface, #ffffff);border:1px solid var(--ux-text-opacity-12, rgba(33, 33, 33, .12));border-radius:8px;padding:2rem;box-shadow:0 2px 4px var(--ux-text-opacity-08, rgba(33, 33, 33, .08));transition:box-shadow .2s ease}.ux-professional-card:hover,[data-style=professional] .ux-card:hover{box-shadow:0 4px 8px var(--ux-text-opacity-12, rgba(33, 33, 33, .12))}.ux-professional-button,[data-style=professional] .ux-button{background:var(--ux-primary, #3b82f6);color:var(--ux-on-primary, #ffffff);border:none;border-radius:6px;padding:.875rem 1.75rem;font-weight:600;transition:background-color .2s ease}.ux-professional-button:hover,[data-style=professional] .ux-button:hover{background:var(--ux-primary, #3b82f6);opacity:.9}.ux-professional-badge,[data-style=professional] .ux-badge{background:var(--ux-text-opacity-08, rgba(33, 33, 33, .08));color:var(--ux-text, #212121);border-radius:4px;padding:.375rem .875rem;font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.ux-effect{position:relative}.ux-effects-container{position:relative;overflow:hidden}:root{--ux-effects-version: "1.0.0";--ux-smart-text-version: "1.0.0";--ux-categories-version: "1.0.0"}.ux-effects__wrapper{position:relative;overflow:hidden}:root{--tw-color-primary-50: rgba(var(--ux-primary-rgb), .05);--tw-color-primary-100: rgba(var(--ux-primary-rgb), .1);--tw-color-primary-200: rgba(var(--ux-primary-rgb), .2);--tw-color-primary-300: rgba(var(--ux-primary-rgb), .3);--tw-color-primary-400: rgba(var(--ux-primary-rgb), .4);--tw-color-primary-500: var(--ux-primary);--tw-color-primary-600: rgba(var(--ux-primary-rgb), .8);--tw-color-primary-700: rgba(var(--ux-primary-rgb), .9);--tw-color-primary-800: rgba(var(--ux-primary-rgb), .95);--tw-color-primary-900: rgba(var(--ux-primary-rgb), 1);--tw-color-secondary-50: rgba(var(--ux-secondary-rgb), .05);--tw-color-secondary-500: var(--ux-secondary);--tw-color-secondary-900: rgba(var(--ux-secondary-rgb), 1);--tw-color-success-500: var(--ux-success);--tw-color-error-500: var(--ux-error);--tw-color-warning-500: var(--ux-warning);--tw-color-info-500: var(--ux-info);--tw-spacing-3xs: var(--ux-spacing-3xs);--tw-spacing-2xs: var(--ux-spacing-2xs);--tw-spacing-xs: var(--ux-spacing-xs);--tw-spacing-sm: var(--ux-spacing-sm);--tw-spacing-md: var(--ux-spacing-md);--tw-spacing-lg: var(--ux-spacing-lg);--tw-spacing-xl: var(--ux-spacing-xl);--tw-spacing-2xl: var(--ux-spacing-2xl);--tw-spacing-3xl: var(--ux-spacing-3xl);--tw-spacing-4xl: var(--ux-spacing-4xl);--tw-spacing-5xl: var(--ux-spacing-5xl);--tw-text-2xs: var(--ux-text-2xs);--tw-text-xs: var(--ux-text-xs);--tw-text-sm: var(--ux-text-sm);--tw-text-base: var(--ux-text-base);--tw-text-lg: var(--ux-text-lg);--tw-text-xl: var(--ux-text-xl);--tw-text-2xl: var(--ux-text-2xl);--tw-text-3xl: var(--ux-text-3xl);--tw-text-4xl: var(--ux-text-4xl);--tw-text-5xl: var(--ux-text-5xl);--tw-text-6xl: var(--ux-text-6xl);--tw-text-7xl: var(--ux-text-7xl);--tw-text-8xl: var(--ux-text-8xl);--tw-text-9xl: var(--ux-text-9xl);--tw-radius-none: var(--ux-radius-none);--tw-radius-2xs: var(--ux-radius-2xs);--tw-radius-xs: var(--ux-radius-xs);--tw-radius-sm: var(--ux-radius-sm);--tw-radius-md: var(--ux-radius-md);--tw-radius-lg: var(--ux-radius-lg);--tw-radius-xl: var(--ux-radius-xl);--tw-radius-2xl: var(--ux-radius-2xl);--tw-radius-3xl: var(--ux-radius-3xl);--tw-radius-4xl: var(--ux-radius-4xl);--tw-radius-full: var(--ux-radius-full);--tw-shadow-xs: var(--ux-shadow-xs);--tw-shadow-sm: var(--ux-shadow-sm);--tw-shadow-md: var(--ux-shadow-md);--tw-shadow-lg: var(--ux-shadow-lg);--tw-shadow-xl: var(--ux-shadow-xl);--tw-shadow-2xl: var(--ux-shadow-2xl);--tw-shadow-inner: var(--ux-shadow-inner);--tw-z-behind: var(--z-behind);--tw-z-base: var(--z-base);--tw-z-raised: var(--z-raised);--tw-z-overlay: var(--z-overlay);--tw-z-dropdown: var(--z-dropdown);--tw-z-sticky: var(--z-sticky);--tw-z-fixed: var(--z-fixed);--tw-z-modal-backdrop: var(--z-modal-backdrop);--tw-z-modal: var(--z-modal);--tw-z-popover: var(--z-popover);--tw-z-tooltip: var(--z-tooltip);--tw-z-toast: var(--z-toast);--tw-z-max: var(--z-max)}.btn{padding:.5rem 1rem;border-radius:var(--ux-radius-md);font-weight:500;transition:all .2s ease;border:none;cursor:pointer;background-color:var(--ux-primary);color:var(--ux-on-primary)}.btn:hover{background-color:var(--ux-primary-darker);transform:translateY(-1px)}.btn:focus{outline:2px solid rgba(var(--ux-primary-rgb),.5);outline-offset:2px}.btn:disabled{opacity:var(--ux-opacity-50);cursor:not-allowed;transform:none}.card{border-radius:var(--ux-radius-xl);border:1px solid var(--ux-outline);padding:1.5rem;background-color:var(--ux-surface);box-shadow:var(--ux-shadow-md)}.card:hover{box-shadow:var(--ux-shadow-lg);transform:translateY(-2px)}.badge{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:var(--ux-radius-full);font-size:.875rem;font-weight:500;background-color:rgba(var(--ux-primary-rgb),.1);color:var(--ux-primary);border:1px solid rgba(var(--ux-primary-rgb),.2)}.critical-utilities .flex{display:flex}.critical-utilities .grid{display:grid}.critical-utilities .hidden{display:none}.critical-utilities .block{display:block}.critical-utilities .inline{display:inline}.critical-utilities .inline-block{display:inline-block}.critical-utilities .items-center{align-items:center}.critical-utilities .justify-center{justify-content:center}.critical-utilities .justify-between{justify-content:space-between}.critical-utilities .w-full{width:100%}.critical-utilities .h-full{height:100%}.critical-utilities .p-4{padding:var(--ux-spacing-md)}.critical-utilities .m-4{margin:var(--ux-spacing-md)}.critical-utilities .px-4{padding-left:var(--ux-spacing-md);padding-right:var(--ux-spacing-md)}.critical-utilities .py-4{padding-top:var(--ux-spacing-md);padding-bottom:var(--ux-spacing-md)}.critical-utilities .text-center{text-align:center}.critical-utilities .font-medium{font-weight:500}.critical-utilities .font-semibold{font-weight:600}.critical-utilities .font-bold{font-weight:700}.critical-utilities .rounded{border-radius:var(--ux-radius-md)}.critical-utilities .rounded-lg{border-radius:var(--ux-radius-lg)}.critical-utilities .rounded-xl{border-radius:var(--ux-radius-xl)}.critical-utilities .rounded-full{border-radius:var(--ux-radius-full)}.critical-utilities .shadow{box-shadow:var(--ux-shadow-md)}.critical-utilities .shadow-lg{box-shadow:var(--ux-shadow-lg)}.critical-utilities .transition{transition:all var(--ux-transition-base)}.critical-utilities .duration-200{transition-duration:var(--ux-transition-fast)}.critical-utilities .duration-300{transition-duration:var(--ux-transition-base)}.critical-utilities .opacity-50{opacity:var(--ux-opacity-50)}.critical-utilities .opacity-75{opacity:var(--ux-opacity-75)}.critical-utilities .opacity-100{opacity:var(--ux-opacity-100)}.glass-light{-webkit-backdrop-filter:var(--ux-backdrop-blur-md);backdrop-filter:var(--ux-backdrop-blur-md);background:#ffffff1a;border:1px solid rgba(255,255,255,.2);box-shadow:var(--ux-shadow-lg)}.glass-medium{-webkit-backdrop-filter:var(--ux-backdrop-blur-lg);backdrop-filter:var(--ux-backdrop-blur-lg);background:#ffffff26;border:1px solid rgba(255,255,255,.3);box-shadow:var(--ux-shadow-xl)}.glass-strong{-webkit-backdrop-filter:var(--ux-backdrop-blur-xl);backdrop-filter:var(--ux-backdrop-blur-xl);background:#fff3;border:1px solid rgba(255,255,255,.4);box-shadow:var(--ux-shadow-2xl)}.interactive-lift{transition:all .2s ease}.interactive-lift:hover{transform:translateY(-.25rem) scale(1.05);box-shadow:var(--ux-shadow-lg)}.interactive-lift:active{transform:translateY(0) scale(1);box-shadow:var(--ux-shadow-md)}.interactive-glow{transition:all .3s ease}.interactive-glow:hover{box-shadow:0 0 20px rgba(var(--ux-primary-rgb),.4)}@media (max-width: 640px){.sm\:ux-glass-simple{-webkit-backdrop-filter:var(--ux-backdrop-blur-md);backdrop-filter:var(--ux-backdrop-blur-md);background:#ffffff1a;border:1px solid rgba(255,255,255,.2);box-shadow:var(--ux-shadow-lg)}.sm\:ux-shadow-reduced{box-shadow:var(--ux-shadow-sm)}.sm\:ux-spacing-compact .ux-p-4{padding:var(--ux-spacing-sm)}.sm\:ux-spacing-compact .ux-m-4{margin:var(--ux-spacing-sm)}}@media (min-width: 1024px){.lg\:ux-glass-enhanced{-webkit-backdrop-filter:var(--ux-backdrop-blur-xl);backdrop-filter:var(--ux-backdrop-blur-xl);background:#fff3;border:1px solid rgba(255,255,255,.4);box-shadow:var(--ux-shadow-2xl)}.lg\:ux-shadow-dramatic{box-shadow:var(--ux-shadow-2xl)}.lg\:ux-spacing-generous .ux-p-4{padding:var(--ux-spacing-lg)}.lg\:ux-spacing-generous .ux-m-4{margin:var(--ux-spacing-lg)}}@media (prefers-color-scheme: dark){.glass-light,.glass-medium,.glass-strong{background:#0003;border:1px solid rgba(255,255,255,.1)}.btn{background-color:var(--ux-primary-light);color:var(--ux-on-primary)}.card{background-color:var(--ux-surface-dark);border-color:var(--ux-outline-dark)}}@media (prefers-reduced-motion: reduce){.interactive-lift,.interactive-glow{transition:none}.interactive-lift:hover,.interactive-glow:hover,.btn:hover{transform:none}}@media (prefers-contrast: high){.glass-light,.glass-medium,.glass-strong{background:#fff;border:2px solid black;-webkit-backdrop-filter:none;backdrop-filter:none}.btn,.card{border:2px solid black}}.btn-pattern-primary{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;font-weight:600;font-size:1rem;border-radius:var(--ux-radius-lg);transition:all .2s ease-out;border:none;cursor:pointer;background:linear-gradient(135deg,var(--ux-primary),var(--ux-primary-dark));color:var(--ux-on-primary);box-shadow:var(--ux-shadow-md)}.btn-pattern-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--ux-shadow-lg);background:linear-gradient(135deg,var(--ux-primary-light),var(--ux-primary))}.btn-pattern-primary:active{transform:translateY(-1px);box-shadow:var(--ux-shadow-sm)}.btn-pattern-primary:disabled{opacity:var(--ux-opacity-50);cursor:not-allowed;transform:none}.btn-pattern-primary:focus{outline:2px solid rgba(var(--ux-primary-rgb),.5);outline-offset:2px}.btn-pattern-secondary{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;font-weight:500;font-size:1rem;border-radius:var(--ux-radius-lg);transition:all .2s ease-out;border:2px solid var(--ux-primary);cursor:pointer;background:transparent;color:var(--ux-primary)}.btn-pattern-secondary:hover:not(:disabled){background:rgba(var(--ux-primary-rgb),.1);transform:translateY(-1px);box-shadow:var(--ux-shadow-sm)}.btn-pattern-secondary:active{background:rgba(var(--ux-primary-rgb),.2);transform:translateY(0)}.btn-pattern-ghost{display:inline-flex;align-items:center;justify-content:center;padding:.5rem 1rem;font-weight:500;font-size:.875rem;border-radius:var(--ux-radius-md);transition:all .2s ease-out;border:none;cursor:pointer;background:transparent;color:var(--ux-on-surface)}.btn-pattern-ghost:hover:not(:disabled){background:rgba(var(--ux-on-surface-rgb),.1);transform:scale(1.02)}.btn-pattern-ghost:active{background:rgba(var(--ux-on-surface-rgb),.2);transform:scale(1)}.btn-pattern-destructive{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;font-weight:600;font-size:1rem;border-radius:var(--ux-radius-lg);transition:all .2s ease-out;border:none;cursor:pointer;background:linear-gradient(135deg,var(--ux-error),var(--ux-error-dark));color:var(--ux-on-error);box-shadow:var(--ux-shadow-md)}.btn-pattern-destructive:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--ux-shadow-lg);background:linear-gradient(135deg,#ef4444,#dc2626)}.btn-pattern-icon{display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:50%;transition:all .2s ease-out;border:none;cursor:pointer;background:rgba(var(--ux-primary-rgb),.1);color:var(--ux-primary)}.btn-pattern-icon:hover:not(:disabled){background:rgba(var(--ux-primary-rgb),.2);transform:scale(1.1)}.btn-pattern-icon:active{transform:scale(1.05)}.btn-pattern-fab{position:fixed;bottom:1.5rem;right:1.5rem;z-index:50;width:3.5rem;height:3.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all var(--ux-transition-base) var(--ux-ease-spring);border:none;cursor:pointer;background:linear-gradient(135deg,var(--ux-primary),var(--ux-primary-dark));color:var(--ux-on-primary);box-shadow:var(--ux-shadow-xl)}.btn-pattern-fab:hover{transform:scale(1.1) translateY(-2px);box-shadow:var(--ux-shadow-2xl)}.btn-pattern-fab:active{transform:scale(1.05) translateY(-1px)}.card-pattern-basic{padding:1.5rem;border-radius:var(--ux-radius-xl);transition:all .3s ease-out;background:var(--ux-surface);border:1px solid var(--ux-outline);box-shadow:var(--ux-shadow-sm)}.card-pattern-basic:hover{transform:translateY(-2px);box-shadow:var(--ux-shadow-lg);border-color:rgba(var(--ux-primary-rgb),.3)}.card-pattern-interactive{padding:1.5rem;border-radius:var(--ux-radius-xl);cursor:pointer;transition:all .3s ease-out;border:2px solid transparent;background:var(--ux-surface);box-shadow:var(--ux-shadow-md)}.card-pattern-interactive:hover{transform:translateY(-4px) scale(1.02);box-shadow:var(--ux-shadow-xl);border-color:var(--ux-primary);background:linear-gradient(135deg,rgba(var(--ux-primary-rgb),.05),rgba(var(--ux-secondary-rgb),.05))}.card-pattern-interactive:active{transform:translateY(-2px) scale(1.01);box-shadow:var(--ux-shadow-lg)}.card-pattern-interactive.selected{border-color:var(--ux-primary);background:linear-gradient(135deg,rgba(var(--ux-primary-rgb),.1),rgba(var(--ux-secondary-rgb),.1));transform:translateY(-2px);box-shadow:var(--ux-shadow-lg)}.card-pattern-glass{padding:1.5rem;border-radius:var(--ux-radius-2xl);-webkit-backdrop-filter:var(--ux-backdrop-blur-md);backdrop-filter:var(--ux-backdrop-blur-md);border:1px solid rgba(255,255,255,.2);transition:all .3s ease-out;background:#ffffff1a;box-shadow:var(--ux-shadow-lg)}.card-pattern-glass:hover{background:#ffffff26;border-color:#ffffff4d;transform:translateY(-3px);box-shadow:var(--ux-shadow-xl)}.card-pattern-product{overflow:hidden;border-radius:var(--ux-radius-2xl);transition:all .3s ease-out;background:var(--ux-surface);box-shadow:var(--ux-shadow-md)}.card-pattern-product .card-image{width:100%;height:12rem;-o-object-fit:cover;object-fit:cover;transition:transform .5s ease-out}.card-pattern-product .card-content{padding:1.5rem}.card-pattern-product .card-title{font-size:1.25rem;font-weight:700;margin-bottom:.5rem;color:var(--ux-on-surface)}.card-pattern-product .card-description{font-size:.875rem;opacity:.8;margin-bottom:1rem;color:var(--ux-on-surface)}.card-pattern-product .card-actions{display:flex;justify-content:space-between;align-items:center}.card-pattern-product:hover{transform:translateY(-6px);box-shadow:var(--ux-shadow-2xl)}.card-pattern-product:hover .card-image{transform:scale(1.05)}.card-pattern-stat{padding:1.5rem;border-radius:var(--ux-radius-xl);text-align:center;transition:all .3s ease-out;background:linear-gradient(135deg,var(--ux-surface),rgba(var(--ux-primary-rgb),.05));border:1px solid rgba(var(--ux-primary-rgb),.1);box-shadow:var(--ux-shadow-sm)}.card-pattern-stat .stat-number{font-size:2.25rem;font-weight:700;margin-bottom:.5rem;background:linear-gradient(135deg,var(--ux-primary),var(--ux-secondary));-webkit-background-clip:text;background-clip:text;color:transparent}.card-pattern-stat .stat-label{font-size:.875rem;font-weight:500;opacity:.8;color:var(--ux-on-surface)}.card-pattern-stat:hover{transform:translateY(-2px) scale(1.02);box-shadow:var(--ux-shadow-md);border-color:rgba(var(--ux-primary-rgb),.3)}.form-pattern-modern{max-width:28rem;margin:0 auto;padding:2rem;border-radius:var(--ux-radius-2xl);background:var(--ux-surface);box-shadow:var(--ux-shadow-xl);border:1px solid var(--ux-outline)}.form-pattern-modern .form-title{font-size:1.5rem;font-weight:700;text-align:center;margin-bottom:2rem;color:var(--ux-on-surface)}.form-pattern-modern .form-group{margin-bottom:1.5rem}.form-pattern-modern .form-group label{display:block;font-size:.875rem;font-weight:500;margin-bottom:.5rem;color:var(--ux-on-surface)}.form-pattern-modern .form-group input,.form-pattern-modern .form-group select,.form-pattern-modern .form-group textarea{width:100%;padding:.75rem 1rem;border-radius:var(--ux-radius-lg);border:2px solid var(--ux-outline);transition:all .2s ease-out;background:var(--ux-surface-variant);color:var(--ux-on-surface)}.form-pattern-modern .form-group input:focus,.form-pattern-modern .form-group select:focus,.form-pattern-modern .form-group textarea:focus{outline:none;border-color:var(--ux-primary);background:var(--ux-surface);transform:translateY(-1px);box-shadow:var(--ux-shadow-sm)}.form-pattern-modern .form-group input:invalid,.form-pattern-modern .form-group select:invalid,.form-pattern-modern .form-group textarea:invalid{border-color:var(--ux-error)}.form-pattern-modern .form-group .form-hint{font-size:.75rem;margin-top:.25rem;opacity:.7;color:var(--ux-on-surface)}.form-pattern-modern .form-group .form-error{font-size:.75rem;margin-top:.25rem;color:var(--ux-error)}.form-pattern-modern .form-actions{display:flex;gap:1rem;margin-top:2rem}.form-pattern-inline{display:flex;align-items:flex-end;gap:1rem;padding:1rem;border-radius:var(--ux-radius-lg);background:rgba(var(--ux-surface-rgb),.5);border:1px solid var(--ux-outline)}.form-pattern-inline .form-group{flex:1;margin-bottom:0}.form-pattern-inline .form-actions{flex-shrink:0}.nav-pattern-top{width:100%;height:4rem;padding:0 1.5rem;display:flex;align-items:center;justify-content:space-between;-webkit-backdrop-filter:var(--ux-backdrop-blur-md);backdrop-filter:var(--ux-backdrop-blur-md);border-bottom:1px solid var(--ux-outline);position:sticky;top:0;z-index:50;background:rgba(var(--ux-surface-rgb),.95)}.nav-pattern-top .nav-brand{display:flex;align-items:center;gap:.75rem}.nav-pattern-top .nav-brand .nav-logo{width:2rem;height:2rem;border-radius:var(--ux-radius-lg);background:linear-gradient(135deg,var(--ux-primary),var(--ux-secondary))}.nav-pattern-top .nav-brand .nav-title{font-size:1.25rem;font-weight:700;color:var(--ux-on-surface)}.nav-pattern-top .nav-menu{display:none;align-items:center;gap:1.5rem}@media (min-width: 768px){.nav-pattern-top .nav-menu{display:flex}}.nav-pattern-top .nav-menu .nav-item{padding:.5rem .75rem;border-radius:var(--ux-radius-md);font-weight:500;transition:all .2s ease-out;text-decoration:none;color:var(--ux-on-surface)}.nav-pattern-top .nav-menu .nav-item:hover{background:rgba(var(--ux-primary-rgb),.1);color:var(--ux-primary);transform:translateY(-1px)}.nav-pattern-top .nav-menu .nav-item.active{background:rgba(var(--ux-primary-rgb),.2);color:var(--ux-primary)}.nav-pattern-top .nav-actions{display:flex;align-items:center;gap:.75rem}.nav-pattern-sidebar{width:16rem;height:100%;border-right:1px solid var(--ux-outline);padding:1rem;transition:all .3s ease-out;background:var(--ux-surface)}.nav-pattern-sidebar .nav-section{margin-bottom:2rem}.nav-pattern-sidebar .nav-section .section-title{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.75rem;opacity:.7;color:var(--ux-on-surface)}.nav-pattern-sidebar .nav-section .nav-items{display:flex;flex-direction:column;gap:.25rem}.nav-pattern-sidebar .nav-section .nav-items .nav-item{display:flex;align-items:center;gap:.75rem;padding:.5rem .75rem;border-radius:var(--ux-radius-lg);transition:all .2s ease-out;text-decoration:none;color:var(--ux-on-surface)}.nav-pattern-sidebar .nav-section .nav-items .nav-item .nav-icon{width:1.25rem;height:1.25rem;opacity:.7}.nav-pattern-sidebar .nav-section .nav-items .nav-item:hover{background:rgba(var(--ux-primary-rgb),.1);color:var(--ux-primary);transform:translate(4px)}.nav-pattern-sidebar .nav-section .nav-items .nav-item:hover .nav-icon{opacity:1}.nav-pattern-sidebar .nav-section .nav-items .nav-item.active{background:linear-gradient(135deg,rgba(var(--ux-primary-rgb),.2),rgba(var(--ux-secondary-rgb),.1));color:var(--ux-primary);border-left:3px solid var(--ux-primary)}.nav-pattern-sidebar .nav-section .nav-items .nav-item.active .nav-icon{opacity:1}.layout-pattern-hero{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;background:linear-gradient(135deg,rgba(var(--ux-primary-rgb),.1),rgba(var(--ux-secondary-rgb),.05))}.layout-pattern-hero:before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 30% 30%,rgba(var(--ux-primary-rgb),.2) 0%,transparent 50%),radial-gradient(circle at 70% 70%,rgba(var(--ux-secondary-rgb),.2) 0%,transparent 50%)}.layout-pattern-hero .hero-content{max-width:56rem;margin:0 auto;text-align:center;padding:0 1.5rem}.layout-pattern-hero .hero-content .hero-title{font-size:3.75rem;font-weight:700;margin-bottom:1.5rem;background:linear-gradient(135deg,var(--ux-primary),var(--ux-secondary));-webkit-background-clip:text;background-clip:text;color:transparent}.layout-pattern-hero .hero-content .hero-subtitle{font-size:1.25rem;margin-bottom:2rem;opacity:.8;color:var(--ux-on-surface)}.layout-pattern-hero .hero-content .hero-actions{display:flex;gap:1rem;justify-content:center}.layout-pattern-dashboard{min-height:100vh;background:var(--ux-background)}.layout-pattern-dashboard .dashboard-header{height:4rem;border-bottom:1px solid var(--ux-outline);padding:0 1.5rem;display:flex;align-items:center;justify-content:space-between;background:var(--ux-surface)}.layout-pattern-dashboard .dashboard-main{display:flex}.layout-pattern-dashboard .dashboard-main .dashboard-sidebar{width:16rem;border-right:1px solid var(--ux-outline);background:var(--ux-surface)}.layout-pattern-dashboard .dashboard-main .dashboard-content{flex:1;padding:1.5rem}.layout-pattern-dashboard .dashboard-main .dashboard-content .dashboard-grid{display:grid;gap:1.5rem;grid-template-columns:repeat(1,minmax(0,1fr))}@media (min-width: 768px){.layout-pattern-dashboard .dashboard-main .dashboard-content .dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 1024px){.layout-pattern-dashboard .dashboard-main .dashboard-content .dashboard-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.mobile-pattern-stack{display:flex;flex-direction:column;gap:1rem;padding:1rem}.mobile-pattern-stack .stack-item{padding:1rem;border-radius:var(--ux-radius-lg);transition:all .2s ease-out;background:var(--ux-surface);box-shadow:var(--ux-shadow-sm)}.mobile-pattern-stack .stack-item:active{transform:scale(.98);box-shadow:var(--ux-shadow-xs)}@media (min-width: 768px){.mobile-pattern-stack{display:grid;gap:1.5rem;grid-template-columns:repeat(2,minmax(0,1fr));padding:1.5rem}}@media (min-width: 1024px){.mobile-pattern-stack{grid-template-columns:repeat(3,minmax(0,1fr));padding:2rem}}.mobile-pattern-action-sheet{position:fixed;bottom:0;left:0;right:0;border-radius:var(--ux-radius-2xl) var(--ux-radius-2xl) 0 0;padding:1.5rem;transform:translateY(100%);transition:transform .3s var(--ux-ease-spring);background:var(--ux-surface);box-shadow:var(--ux-shadow-2xl)}.mobile-pattern-action-sheet.open{transform:translateY(0)}.mobile-pattern-action-sheet .action-sheet-handle{width:3rem;height:.25rem;border-radius:var(--ux-radius-full);margin:0 auto 1rem;background:var(--ux-outline)}.mobile-pattern-action-sheet .action-sheet-item{width:100%;padding:1rem 1.5rem;text-align:left;border-radius:var(--ux-radius-lg);margin-bottom:.5rem;transition:all .2s ease-out;display:flex;align-items:center;gap:1rem;border:none;background:transparent;cursor:pointer;color:var(--ux-on-surface)}.mobile-pattern-action-sheet .action-sheet-item:active{background:rgba(var(--ux-on-surface-rgb),.1);transform:scale(.98)}select.ux-select.v1{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url('data:image/svg+xml;charset=US-ASCII,<svg xmlns="http://www.w3.org/2000/svg" width="10" height="6"><path fill="gray" d="M0 0l5 6 5-6z"/></svg>');background-repeat:no-repeat;background-position:right 1rem center;background-size:10px 6px;padding-right:2rem}html,body{height:100%;width:100%;min-width:100%;overflow-x:hidden;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background-color:var(--ux-background, #ffffff);color:var(--ux-on-background, #000000);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root{--ux-primary: #667eea;--ux-secondary: #764ba2;--ux-success: #28a745;--ux-warning: #ffc107;--ux-error: #dc3545;--ux-info: #17a2b8;--ux-background: #ffffff;--ux-surface: #f8f9fa;--ux-surface-variant: #e9ecef;--ux-on-background: #212529;--ux-on-surface: #212529;--ux-on-surface-variant: #6c757d;--ux-on-primary: #ffffff;--ux-outline: #dee2e6;--ux-outline-variant: #e9ecef;--ux-spacing-xs: .25rem;--ux-spacing-sm: .5rem;--ux-spacing-md: 1rem;--ux-spacing-lg: 1.5rem;--ux-spacing-xl: 2rem;--ux-border-radius: 8px;--ux-border-radius-sm: 4px;--ux-border-radius-lg: 12px;--ux-radius-sm: 8px;--ux-radius-md: 12px;--ux-radius-lg: 16px;--ux-radius-full: 999px;--ux-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--ux-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--ux-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1)}[data-theme=dark]{--ux-background: #1a1a1a;--ux-surface: #2d2d2d;--ux-surface-variant: #404040;--ux-on-background: #ffffff;--ux-on-surface: #ffffff;--ux-on-surface-variant: #cccccc;--ux-outline: #555555;--ux-outline-variant: #404040}input{color:#a9a9a9;background-color:var(--ux-surface);border:1px solid var(--ux-outline);border-radius:var(--ux-border-radius);padding:var(--ux-spacing-sm) var(--ux-spacing-md);font-size:var(--ux-font-size-md);line-height:1.5}textarea{color:#a9a9a9;background-color:var(--ux-surface);border:1px solid var(--ux-outline);border-radius:var(--ux-border-radius);padding:var(--ux-spacing-sm) var(--ux-spacing-md);font-size:var(--ux-font-size-md);line-height:1.5;padding-right:0!important;position:relative;right:10px}select{color:#a9a9a9;background-color:var(--ux-surface);border:1px solid var(--ux-outline);border-radius:var(--ux-border-radius);padding:var(--ux-spacing-sm) var(--ux-spacing-md);font-size:var(--ux-font-size-md);line-height:1.5}.container{max-width:1200px;margin:0 auto;padding:0 1rem}.text-center{text-align:center}.text-muted{color:var(--ux-on-surface-variant)}.mb-1{margin-bottom:var(--ux-spacing-xs)}.mb-2{margin-bottom:var(--ux-spacing-sm)}.mb-3{margin-bottom:var(--ux-spacing-md)}.mb-4{margin-bottom:var(--ux-spacing-lg)}.mb-5{margin-bottom:var(--ux-spacing-xl)}.mt-1{margin-top:var(--ux-spacing-xs)}.mt-2{margin-top:var(--ux-spacing-sm)}.mt-3{margin-top:var(--ux-spacing-md)}.mt-4{margin-top:var(--ux-spacing-lg)}.mt-5{margin-top:var(--ux-spacing-xl)}.route-container[data-animation=fade] .route-wrapper.animating>*,.route-container[data-animation=elegant] .route-wrapper.animating>*{animation:fadeIn 1.2s cubic-bezier(.22,1,.36,1) both}.route-container[data-animation=slideUp] .route-wrapper.animating>*{animation:slideUp 1.2s cubic-bezier(.22,1,.36,1) both}.route-container[data-animation=slideLeft] .route-wrapper.animating>*{animation:slideLeft 1.2s cubic-bezier(.22,1,.36,1) both}.route-container[data-animation=slideRight] .route-wrapper.animating>*{animation:slideRight 1.2s cubic-bezier(.22,1,.36,1) both}.route-container[data-animation=scale] .route-wrapper.animating>*{animation:scaleIn 1.2s cubic-bezier(.22,1,.36,1) both}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(60px) translateZ(0)}to{opacity:1;transform:translateY(0) translateZ(0)}}@keyframes slideLeft{0%{opacity:0;transform:translate(60px) translateZ(0)}to{opacity:1;transform:translate(0) translateZ(0)}}@keyframes slideRight{0%{opacity:0;transform:translate(-60px) translateZ(0)}to{opacity:1;transform:translate(0) translateZ(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.92) translateZ(0)}to{opacity:1;transform:scale(1) translateZ(0)}}@keyframes staggerFadeIn{0%{opacity:0;transform:translateY(12px) translateZ(0)}to{opacity:1;transform:translateY(0) translateZ(0)}}*[flashAnim],*[flashAnimClick],*[flashAnimHover],*[flashAnimViewport]{will-change:transform,opacity;backface-visibility:hidden;transform:translateZ(0)}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}body.scroll-editor-open .ux-portal-host,body.scroll-editor-open .cdk-overlay-container,body.scroll-editor-open [class*=portal]{position:static!important;grid-column:2!important}body.scroll-editor-open .ux-portal-container,body.scroll-editor-open [id^=anim-editor-]{position:relative!important;width:300px!important;height:100vh!important;inset:auto!important;transform:none!important;margin:0!important}body.scroll-editor-open .ux-portal-container:before,body.scroll-editor-open [id^=anim-editor-]:before{display:none!important}body.scroll-editor-open>:last-child{grid-column:2!important}.ux-portal-host~lib-scroll-animation-config-editor,.ux-portal-host+lib-scroll-animation-config-editor{pointer-events:auto!important}.ux-portal-host+*{pointer-events:auto!important}lib-theme-designer{display:flex;flex-direction:column;height:100%;width:100%}gograb-top-nav{display:block;width:100%;position:relative;z-index:100}gograb-top-nav .gograb-header[class*=top-nav-] .global-actions .global-controls,gograb-top-nav .gograb-header.top-nav-visible .global-actions .global-controls,gograb-top-nav .gograb-header.top-nav-collapsed .global-actions .global-controls,gograb-top-nav .gograb-header.top-nav-hidden .global-actions .global-controls,gograb-top-nav .gograb-header .global-actions .global-controls{display:flex!important;gap:.5rem!important;visibility:visible!important;opacity:1!important}gograb-top-nav .gograb-header[class*=top-nav-] .global-actions .global-controls .control-btn:not(.top-nav-toggle),gograb-top-nav .gograb-header.top-nav-visible .global-actions .global-controls .control-btn:not(.top-nav-toggle),gograb-top-nav .gograb-header.top-nav-collapsed .global-actions .global-controls .control-btn:not(.top-nav-toggle),gograb-top-nav .gograb-header.top-nav-hidden .global-actions .global-controls .control-btn:not(.top-nav-toggle),gograb-top-nav .gograb-header .global-actions .global-controls .control-btn:not(.top-nav-toggle){width:45px!important;height:45px!important;display:flex!important;align-items:center!important;justify-content:center!important;position:static!important;gap:0!important;padding:0!important;background:#ffffffb3!important;border:1px solid rgba(var(--ux-primary-rgb, 102, 126, 234),.2)!important;border-radius:12px!important;color:var(--ux-on-surface, #1f2937)!important;cursor:pointer!important;box-shadow:0 1px 3px #0000001a!important;font-size:inherit!important;font-weight:inherit!important;text-decoration:none!important;outline:none!important;-webkit-user-select:none!important;-moz-user-select:none!important;user-select:none!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important}gograb-top-nav .gograb-header[class*=top-nav-] .global-actions .global-controls .control-btn:not(.top-nav-toggle):hover,gograb-top-nav .gograb-header.top-nav-visible .global-actions .global-controls .control-btn:not(.top-nav-toggle):hover,gograb-top-nav .gograb-header.top-nav-collapsed .global-actions .global-controls .control-btn:not(.top-nav-toggle):hover,gograb-top-nav .gograb-header.top-nav-hidden .global-actions .global-controls .control-btn:not(.top-nav-toggle):hover,gograb-top-nav .gograb-header .global-actions .global-controls .control-btn:not(.top-nav-toggle):hover{background:#ffffffe6!important;color:var(--ux-primary, #667eea)!important;transform:translateY(-2px)!important;box-shadow:0 4px 12px rgba(var(--ux-primary-rgb, 102, 126, 234),.2),0 2px 4px #0000001a!important;border-color:rgba(var(--ux-primary-rgb, 102, 126, 234),.4)!important}gograb-top-nav .gograb-header[class*=top-nav-] .global-actions .global-controls .control-btn:not(.top-nav-toggle).active,gograb-top-nav .gograb-header.top-nav-visible .global-actions .global-controls .control-btn:not(.top-nav-toggle).active,gograb-top-nav .gograb-header.top-nav-collapsed .global-actions .global-controls .control-btn:not(.top-nav-toggle).active,gograb-top-nav .gograb-header.top-nav-hidden .global-actions .global-controls .control-btn:not(.top-nav-toggle).active,gograb-top-nav .gograb-header .global-actions .global-controls .control-btn:not(.top-nav-toggle).active{background:color-mix(in srgb,var(--ux-primary, #667eea) 15%,white)!important;border-color:var(--ux-primary, #667eea)!important;color:var(--ux-primary, #667eea)!important;box-shadow:0 2px 8px rgba(var(--ux-primary-rgb, 102, 126, 234),.3)!important}gograb-top-nav .gograb-header[class*=top-nav-] .global-actions .global-controls .control-btn:not(.top-nav-toggle).primary,gograb-top-nav .gograb-header.top-nav-visible .global-actions .global-controls .control-btn:not(.top-nav-toggle).primary,gograb-top-nav .gograb-header.top-nav-collapsed .global-actions .global-controls .control-btn:not(.top-nav-toggle).primary,gograb-top-nav .gograb-header.top-nav-hidden .global-actions .global-controls .control-btn:not(.top-nav-toggle).primary,gograb-top-nav .gograb-header .global-actions .global-controls .control-btn:not(.top-nav-toggle).primary{background:linear-gradient(135deg,var(--ux-primary, #667eea) 0%,var(--ux-secondary, #764ba2) 100%)!important;border-color:transparent!important;color:#fff!important;box-shadow:0 2px 8px rgba(var(--ux-primary-rgb, 102, 126, 234),.3)!important}gograb-top-nav .gograb-header[class*=top-nav-] .global-actions .global-controls .control-btn:not(.top-nav-toggle).primary:hover,gograb-top-nav .gograb-header.top-nav-visible .global-actions .global-controls .control-btn:not(.top-nav-toggle).primary:hover,gograb-top-nav .gograb-header.top-nav-collapsed .global-actions .global-controls .control-btn:not(.top-nav-toggle).primary:hover,gograb-top-nav .gograb-header.top-nav-hidden .global-actions .global-controls .control-btn:not(.top-nav-toggle).primary:hover,gograb-top-nav .gograb-header .global-actions .global-controls .control-btn:not(.top-nav-toggle).primary:hover{box-shadow:0 6px 20px rgba(var(--ux-primary-rgb, 102, 126, 234),.4)!important;transform:translateY(-2px)!important}