@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Montserrat:wght@400;500;600;700;800;900&display=swap";@import"https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:wght,FILL@100..700,0..1&display=swap";html{width:100%;min-height:100vh;margin:0;padding:0;overflow-y:auto}body{width:100%;min-height:100vh;margin:0;padding:0;display:block;position:relative}#root{display:flex;width:100%;min-height:100vh;position:relative}:root{--color-primary: #0d136e;--color-secondary: #f3b9b9;--color-accent: #4a1d96;--color-surface-light: #f8f8fc;--color-surface-dark: #0e0f1b;--color-success: #10b981;--color-warning: #f59e0b;--color-error: #ef4444;--color-info: #3b82f6;--color-white: #ffffff;--color-black: #000000;--color-slate-50: #f8fafc;--color-slate-100: #f1f5f9;--color-slate-200: #e2e8f0;--color-slate-300: #cbd5e1;--color-slate-400: #94a3b8;--color-slate-500: #64748b;--color-slate-600: #475569;--color-slate-700: #334155;--color-slate-800: #1e293b;--color-slate-900: #0f172a;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--font-size-xs: .675rem;--font-size-sm: .7875rem;--font-size-base: .7875rem;--font-size-lg: .9rem;--font-size-xl: 1.0125rem;--font-size-2xl: 1.125rem;--font-size-3xl: 1.35rem;--font-size-4xl: 1.6875rem;--font-size-5xl: 2.025rem;--font-size-6xl: 2.7rem;--duration-fast: .15s;--duration-normal: .3s;--duration-slow: .5s;--duration-slower: .8s;--ease-in-out: cubic-bezier(.4, 0, .2, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-spring: cubic-bezier(.68, -.55, .265, 1.55);--ease-bounce: cubic-bezier(.68, -.6, .32, 1.6);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--shadow-primary: 0 10px 40px -10px rgba(13, 19, 110, .3);--radius-sm: .5rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.5rem;--radius-2xl: 2rem;--radius-full: 9999px}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scroll-padding-top:100px}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--color-surface-light);color:#1e293b;overflow-x:hidden;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;overscroll-behavior-y:auto;font-size:12.6px;line-height:1.6}h1,h2,h3,h4,h5,h6,.font-display{font-family:Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}img{max-width:100%;height:auto;object-fit:contain}img[src*=logo],img[src*=avatar],img[src*=icon]{max-width:200px;max-height:200px}main,[class*=overflow-y-auto],[class*=overflow-auto]{scroll-behavior:smooth;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;scroll-padding-top:100px}.glass{background:#ffffffb3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.3);box-shadow:0 8px 32px #1f26871a}.glass-strong{background:#ffffffd9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.5)}.glass-subtle{background:#ffffff80;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.2)}.glass-nav{background:#ffffffb3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.3)}.dark .glass-nav{background:#0d136eb3;border-bottom:1px solid rgba(255,255,255,.1)}.glass-card{background:#fff9;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(226,232,240,.6);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.brand-gradient{background:linear-gradient(135deg,#0d136e,#4a1d96)}.accent-gradient{background:linear-gradient(135deg,#f3b9b9,#0d146e)}.text-gradient{background:linear-gradient(135deg,#0d146e,#f3b9b9 80%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(2deg)}}@keyframes float-slow{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}@keyframes pulse-glow{0%,to{opacity:1;box-shadow:0 0 20px #0d136e4d}50%{opacity:.8;box-shadow:0 0 40px #0d136e99}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}@keyframes slide-in-right{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes slide-in-left{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes slide-in-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-in-down{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes scale-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes rotate-in{0%{opacity:0;transform:rotate(-10deg) scale(.9)}to{opacity:1;transform:rotate(0) scale(1)}}@keyframes bounce-in{0%{opacity:0;transform:scale(.3) translateY(50px)}50%{opacity:1;transform:scale(1.05) translateY(-10px)}70%{transform:scale(.9) translateY(5px)}to{transform:scale(1) translateY(0)}}@keyframes shimmer-loading{0%{background-position:-1000px 0}to{background-position:1000px 0}}@keyframes gradient-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes ripple{0%{transform:scale(0);opacity:1}to{transform:scale(4);opacity:0}}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-3deg)}75%{transform:rotate(3deg)}}@keyframes glow-pulse{0%,to{filter:drop-shadow(0 0 5px rgba(13,19,110,.5))}50%{filter:drop-shadow(0 0 20px rgba(13,19,110,.8))}}.animate-float{animation:float 6s ease-in-out infinite}.animate-float-slow{animation:float-slow 8s ease-in-out infinite}.animate-pulse-glow{animation:pulse-glow 2s ease-in-out infinite}.animate-shimmer{animation:shimmer 2s linear infinite;background:linear-gradient(90deg,#fff0,#ffffff4d,#fff0);background-size:1000px 100%}.animate-slide-in-right{animation:slide-in-right var(--duration-normal) var(--ease-out)}.animate-slide-in-left{animation:slide-in-left var(--duration-normal) var(--ease-out)}.animate-slide-in-up{animation:slide-in-up var(--duration-normal) var(--ease-out)}.animate-slide-in-down{animation:slide-in-down var(--duration-normal) var(--ease-out)}.animate-scale-in{animation:scale-in var(--duration-normal) var(--ease-spring)}.animate-fade-in{animation:fade-in var(--duration-normal) var(--ease-out)}.animate-rotate-in{animation:rotate-in var(--duration-normal) var(--ease-spring)}.animate-bounce-in{animation:bounce-in var(--duration-slow) var(--ease-bounce)}.animate-glow-pulse{animation:glow-pulse 2s ease-in-out infinite}.animate-spin-slow{animation:spin-slow 20s linear infinite}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#00000005;border-radius:10px}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#0d136e4d,#4a1d964d);border-radius:10px;transition:all .3s cubic-bezier(.4,0,.2,1);border:2px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#0d136e80,#4a1d9680);background-clip:padding-box}*{scrollbar-width:thin;scrollbar-color:rgba(13,19,110,.3) rgba(0,0,0,.02)}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.focus-ring{outline:none;transition:all var(--duration-fast)}.focus-ring:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;box-shadow:0 0 0 4px #0d136e1a}.transition-smooth{transition:all var(--duration-normal) var(--ease-in-out)}.transition-fast{transition:all var(--duration-fast) var(--ease-out)}.transition-slow{transition:all var(--duration-slow) var(--ease-in-out)}.hover-lift{transition:transform var(--duration-normal) var(--ease-out),box-shadow var(--duration-normal) var(--ease-out)}.hover-lift:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}.hover-glow{transition:box-shadow var(--duration-normal) var(--ease-out)}.hover-glow:hover{box-shadow:var(--shadow-primary)}.hover-scale{transition:transform var(--duration-fast) var(--ease-out)}.hover-scale:hover{transform:scale(1.05)}.hover-scale:active{transform:scale(.98)}.loading-shimmer{background:linear-gradient(90deg,#f1f5f9,#e2e8f0,#f1f5f9);background-size:200% 100%;animation:shimmer-loading 1.5s ease-in-out infinite}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}button{position:relative;overflow:hidden}button:before{content:"";position:absolute;border-radius:50%;background:#fff6;width:0;height:0;left:var(--ripple-x, 50%);top:var(--ripple-y, 50%);transform:translate(-50%,-50%);pointer-events:none;opacity:0;transition:width .6s ease-out,height .6s ease-out,opacity .6s ease-out}button:active:before,button.ripple-active:before{width:300px;height:300px;opacity:0;transition:width .6s ease-out,height .6s ease-out,opacity .6s ease-out}button.bg-primary:before,button.bg-accent-gradient:before,button[class*=bg-primary]:before,button[class*=bg-accent-gradient]:before{background:#ffffff4d}button[class*=border-primary]:before{background:#0d136e33}button:disabled:before{display:none}.sequence-container{position:relative;overflow:hidden}.sequence-layer{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:opacity .8s cubic-bezier(.4,0,.2,1),transform .8s cubic-bezier(.4,0,.2,1);will-change:opacity,transform}.sequence-layer.layer-enter{opacity:0;transform:translate(100px) scale(.95);pointer-events:none}.sequence-layer.layer-active{opacity:1;transform:translate(0) scale(1);pointer-events:auto;z-index:10}.sequence-layer.layer-exit{opacity:0;transform:translate(-100px) scale(.95);pointer-events:none;z-index:5}.sequence-layer.invisible{visibility:hidden}.glass-panel{background:#ffffffb3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.5)}.dark .glass-panel{background:#15161db3;border:1px solid rgba(255,255,255,.1)}.gradient-bg{background:linear-gradient(135deg,#f3b9b9,#0d146e)}@media print{.no-print{display:none!important}}.liquid-mesh{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-2;background:radial-gradient(circle at 0 0,#fff,#f8faff);overflow:hidden}.dark .liquid-mesh{background:radial-gradient(circle at 0 0,#0a0b14,#0e0f1b)}.mesh-blob{position:absolute;filter:blur(120px);opacity:.4;animation:morph-blob 20s infinite alternate}.dark .mesh-blob{opacity:.15}@keyframes morph-blob{0%{border-radius:40% 60% 70% 30%/40% 50% 60%}to{border-radius:70% 30% 50% 50%/30% 60% 40% 70%}}.animate-morph{animation:morph-blob 15s ease-in-out infinite alternate}.app-button{display:inline-flex;align-items:center;justify-content:center;font-weight:700;border-radius:var(--radius-md);transition:all var(--duration-normal);position:relative;overflow:hidden;border:none;cursor:pointer;outline:none}.app-button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;box-shadow:0 0 0 4px #0d136e1a}.app-button-primary{background-color:var(--color-primary);color:var(--color-white);box-shadow:var(--shadow-lg);box-shadow-color:rgba(13,19,110,.2)}.app-button-primary:hover:not(:disabled){box-shadow:var(--shadow-xl);box-shadow-color:rgba(13,19,110,.3);transform:scale(1.02)}.app-button-primary:active:not(:disabled){transform:scale(.98)}.app-button-secondary{background-color:var(--color-slate-100);color:var(--color-primary)}.app-button-secondary:hover:not(:disabled){background-color:var(--color-slate-200);transform:scale(1.02)}.app-button-secondary:active:not(:disabled){transform:scale(.98)}.app-button-outline{border:2px solid var(--color-primary);color:var(--color-primary);background-color:transparent}.app-button-outline:hover:not(:disabled){background-color:var(--color-primary);color:var(--color-white);transform:scale(1.02)}.app-button-outline:active:not(:disabled){transform:scale(.98)}.app-button-ghost{color:var(--color-primary);background-color:transparent}.app-button-ghost:hover:not(:disabled){background-color:#0d136e1a;transform:scale(1.02)}.app-button-ghost:active:not(:disabled){transform:scale(.98)}.app-button-gradient{background:linear-gradient(135deg,#f3b9b9,#0d146e);color:var(--color-white);box-shadow:var(--shadow-lg);box-shadow-color:rgba(13,19,110,.2)}.app-button-gradient:hover:not(:disabled){box-shadow:var(--shadow-xl);box-shadow-color:rgba(13,19,110,.3);transform:scale(1.02)}.app-button-gradient:active:not(:disabled){transform:scale(.98)}.app-button-sm{padding:.3375rem .675rem;font-size:var(--font-size-xs);gap:.3375rem}.app-button-md{padding:.5625rem 1.125rem;font-size:var(--font-size-sm);gap:.45rem}.app-button-lg{padding:.675rem 1.575rem;font-size:var(--font-size-base);gap:.5625rem}.app-button-disabled,.app-button:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.app-button-loading{opacity:.7;cursor:wait}.app-button-full-width{width:100%}.app-card{background-color:var(--color-white);border-radius:var(--radius-md);padding:var(--spacing-lg);transition:all var(--duration-normal)}.app-card-glass{background:#ffffffb3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.3);box-shadow:0 8px 32px #1f26871a}.app-card-elevated{box-shadow:var(--shadow-lg);border:1px solid var(--color-slate-100)}.app-card-elevated:hover{box-shadow:var(--shadow-xl)}.app-card-outlined{border:1px solid var(--color-slate-200);background-color:var(--color-white)}.app-card-gradient{background:linear-gradient(135deg,#0d136e0d,#4a1d960d);border:1px solid rgba(13,19,110,.1)}.app-card-hoverable{cursor:pointer}.app-card-hoverable:hover{transform:translateY(-2px);box-shadow:var(--shadow-xl)}.app-input{width:100%;border-radius:var(--radius-md);transition:all var(--duration-normal);font-size:var(--font-size-sm);outline:none}.app-input-default{background-color:var(--color-white);border:1px solid var(--color-slate-200);padding:1rem}.app-input-default:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px #0d136e33}.app-input-filled{background-color:var(--color-slate-100);border:none;padding:1rem;box-shadow:inset 0 2px 4px #0000000f}.app-input-filled:focus{background-color:var(--color-white);box-shadow:0 0 0 2px #0d136e33}.app-input-outlined{background-color:transparent;border:2px solid var(--color-slate-300);padding:1rem}.app-input-outlined:focus{border-color:var(--color-primary)}.app-input-error{border-color:var(--color-error)}.app-input-error:focus{border-color:var(--color-error);box-shadow:0 0 0 2px #ef444433}.app-input-disabled{opacity:.5;cursor:not-allowed;background-color:var(--color-slate-100)}.app-badge{display:inline-flex;align-items:center;justify-content:center;font-weight:700;border-radius:var(--radius-full)}.app-badge-default{background-color:var(--color-slate-100);color:var(--color-slate-700)}.app-badge-success{background-color:#10b9811a;color:var(--color-success)}.app-badge-warning{background-color:#f59e0b1a;color:var(--color-warning)}.app-badge-error{background-color:#ef44441a;color:var(--color-error)}.app-badge-info{background-color:#3b82f61a;color:var(--color-info)}.app-badge-gradient{background:linear-gradient(135deg,#f3b9b9,#0d146e);color:var(--color-white)}.app-badge-sm{padding:.1125rem .45rem;font-size:.5625rem}.app-badge-md{padding:.225rem .675rem;font-size:var(--font-size-xs)}.app-badge-lg{padding:.3375rem .9rem;font-size:var(--font-size-sm)}.app-logo{display:inline-block;object-fit:contain;-webkit-user-select:none;user-select:none}.app-logo-sm{width:100px;max-width:100px;height:auto}.app-logo-md{width:140px;max-width:140px;height:auto}.app-logo-lg{width:180px;max-width:180px;height:auto}.app-logo-xl{width:240px;max-width:240px;height:auto}.app-logo-default{filter:none}.app-logo-light{filter:brightness(0) invert(1)}.app-logo-dark{filter:none}.app-flex{display:flex}.app-inline-flex{display:inline-flex}.app-grid{display:grid}.app-block{display:block}.app-inline-block{display:inline-block}.app-hidden{display:none}.app-flex-row{flex-direction:row}.app-flex-col{flex-direction:column}.app-flex-wrap{flex-wrap:wrap}.app-flex-nowrap{flex-wrap:nowrap}.app-items-start{align-items:flex-start}.app-items-center{align-items:center}.app-items-end{align-items:flex-end}.app-items-stretch{align-items:stretch}.app-justify-start{justify-content:flex-start}.app-justify-center{justify-content:center}.app-justify-end{justify-content:flex-end}.app-justify-between{justify-content:space-between}.app-justify-around{justify-content:space-around}.app-gap-xs{gap:var(--spacing-xs)}.app-gap-sm{gap:var(--spacing-sm)}.app-gap-md{gap:var(--spacing-md)}.app-gap-lg{gap:var(--spacing-lg)}.app-gap-xl{gap:var(--spacing-xl)}.app-gap-2xl{gap:var(--spacing-2xl)}.app-w-full{width:100%}.app-w-auto{width:auto}.app-w-screen{width:100vw}.app-h-full{height:100%}.app-h-auto{height:auto}.app-h-screen{height:100vh}.app-min-h-full{min-height:100%}.app-min-h-screen{min-height:100vh}.app-relative{position:relative}.app-absolute{position:absolute}.app-fixed{position:fixed}.app-sticky{position:sticky}.app-inset-0{top:0;right:0;bottom:0;left:0}.app-top-0{top:0}.app-right-0{right:0}.app-bottom-0{bottom:0}.app-left-0{left:0}.app-z-0{z-index:0}.app-z-10{z-index:10}.app-z-20{z-index:20}.app-z-30{z-index:30}.app-z-40{z-index:40}.app-z-50{z-index:50}.app-p-0{padding:0}.app-p-xs{padding:var(--spacing-xs)}.app-p-sm{padding:var(--spacing-sm)}.app-p-md{padding:var(--spacing-md)}.app-p-lg{padding:var(--spacing-lg)}.app-p-xl{padding:var(--spacing-xl)}.app-p-2xl{padding:var(--spacing-2xl)}.app-px-xs{padding-left:var(--spacing-xs);padding-right:var(--spacing-xs)}.app-px-sm{padding-left:var(--spacing-sm);padding-right:var(--spacing-sm)}.app-px-md{padding-left:var(--spacing-md);padding-right:var(--spacing-md)}.app-px-lg{padding-left:var(--spacing-lg);padding-right:var(--spacing-lg)}.app-px-xl{padding-left:var(--spacing-xl);padding-right:var(--spacing-xl)}.app-py-xs{padding-top:var(--spacing-xs);padding-bottom:var(--spacing-xs)}.app-py-sm{padding-top:var(--spacing-sm);padding-bottom:var(--spacing-sm)}.app-py-md{padding-top:var(--spacing-md);padding-bottom:var(--spacing-md)}.app-py-lg{padding-top:var(--spacing-lg);padding-bottom:var(--spacing-lg)}.app-py-xl{padding-top:var(--spacing-xl);padding-bottom:var(--spacing-xl)}.app-m-0{margin:0}.app-m-xs{margin:var(--spacing-xs)}.app-m-sm{margin:var(--spacing-sm)}.app-m-md{margin:var(--spacing-md)}.app-m-lg{margin:var(--spacing-lg)}.app-m-xl{margin:var(--spacing-xl)}.app-mx-auto{margin-left:auto;margin-right:auto}.app-my-xs{margin-top:var(--spacing-xs);margin-bottom:var(--spacing-xs)}.app-my-sm{margin-top:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.app-my-md{margin-top:var(--spacing-md);margin-bottom:var(--spacing-md)}.app-my-lg{margin-top:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.app-mb-xs{margin-bottom:var(--spacing-xs)}.app-mb-sm{margin-bottom:var(--spacing-sm)}.app-mb-md{margin-bottom:var(--spacing-md)}.app-mb-lg{margin-bottom:var(--spacing-lg)}.app-mb-xl{margin-bottom:var(--spacing-xl)}.app-mt-xs{margin-top:var(--spacing-xs)}.app-mt-sm{margin-top:var(--spacing-sm)}.app-mt-md{margin-top:var(--spacing-md)}.app-mt-lg{margin-top:var(--spacing-lg)}.app-mt-xl{margin-top:var(--spacing-xl)}.app-text-xs{font-size:var(--font-size-xs)}.app-text-sm{font-size:var(--font-size-sm)}.app-text-base{font-size:var(--font-size-base)}.app-text-lg{font-size:var(--font-size-lg)}.app-text-xl{font-size:var(--font-size-xl)}.app-text-2xl{font-size:var(--font-size-2xl)}.app-text-3xl{font-size:var(--font-size-3xl)}.app-text-4xl{font-size:var(--font-size-4xl)}.app-text-5xl{font-size:var(--font-size-5xl)}.app-font-light{font-weight:300}.app-font-normal{font-weight:400}.app-font-medium{font-weight:500}.app-font-semibold{font-weight:600}.app-font-bold{font-weight:700}.app-font-extrabold{font-weight:800}.app-font-black{font-weight:900}.app-text-primary{color:var(--color-primary)}.app-text-secondary{color:var(--color-secondary)}.app-text-white{color:var(--color-white)}.app-text-slate-500{color:var(--color-slate-500)}.app-text-slate-600{color:var(--color-slate-600)}.app-text-slate-700{color:var(--color-slate-700)}.app-text-center{text-align:center}.app-text-left{text-align:left}.app-text-right{text-align:right}.app-bg-white{background-color:var(--color-white)}.app-bg-primary{background-color:var(--color-primary)}.app-bg-slate-50{background-color:var(--color-slate-50)}.app-bg-slate-100{background-color:var(--color-slate-100)}.app-bg-slate-200{background-color:var(--color-slate-200)}.app-bg-surface-light{background-color:var(--color-surface-light)}.app-border{border:1px solid var(--color-slate-200)}.app-border-2{border:2px solid var(--color-slate-200)}.app-border-primary{border-color:var(--color-primary)}.app-border-slate-100{border-color:var(--color-slate-100)}.app-border-slate-200{border-color:var(--color-slate-200)}.app-rounded{border-radius:var(--radius-md)}.app-rounded-lg{border-radius:var(--radius-lg)}.app-rounded-xl{border-radius:var(--radius-xl)}.app-rounded-2xl{border-radius:var(--radius-2xl)}.app-rounded-full{border-radius:var(--radius-full)}.app-overflow-hidden{overflow:hidden}.app-overflow-auto{overflow:auto}.app-overflow-x-hidden{overflow-x:hidden}.app-overflow-y-auto{overflow-y:auto}.app-cursor-pointer{cursor:pointer}.app-cursor-not-allowed{cursor:not-allowed}.app-opacity-0{opacity:0}.app-opacity-50{opacity:.5}.app-opacity-100{opacity:1}.app-scale-95{transform:scale(.95)}.app-scale-100{transform:scale(1)}.app-scale-105{transform:scale(1.05)}.app-shadow-sm{box-shadow:var(--shadow-sm)}.app-shadow-md{box-shadow:var(--shadow-md)}.app-shadow-lg{box-shadow:var(--shadow-lg)}.app-shadow-xl{box-shadow:var(--shadow-xl)}.app-shadow-2xl{box-shadow:var(--shadow-2xl)}.app-transition{transition:all var(--duration-normal)}.app-transition-fast{transition:all var(--duration-fast)}.app-transition-slow{transition:all var(--duration-slow)}.app-object-contain{object-fit:contain}.app-object-cover{object-fit:cover}.app-flex-shrink-0{flex-shrink:0}.app-flex-1{flex:1 1 0%}.app-max-w-full{max-width:100%}.app-max-w-7xl{max-width:80rem}