:root{--primary-50: #eff6ff;--primary-100: #dbeafe;--primary-200: #bfdbfe;--primary-300: #93c5fd;--primary-400: #60a5fa;--primary-500: #3b82f6;--primary-600: #2563eb;--primary-700: #1d4ed8;--primary-800: #1e40af;--primary-900: #1e3a8a;--slate-50: #f8fafc;--slate-100: #f1f5f9;--slate-200: #e2e8f0;--slate-300: #cbd5e1;--slate-400: #94a3b8;--slate-500: #64748b;--slate-600: #475569;--slate-700: #334155;--slate-800: #1e293b;--slate-900: #0f172a;--success: #10b981;--success-light: #d1fae5;--success-dark: #065f46;--warning: #f59e0b;--warning-light: #fef3c7;--warning-dark: #92400e;--danger: #ef4444;--danger-light: #fee2e2;--danger-dark: #991b1b;--info: #3b82f6;--info-light: #dbeafe;--info-dark: #1e40af;--badge-blue-bg: #dbeafe;--badge-blue-text: #1e40af;--badge-yellow-bg: #fef3c7;--badge-yellow-text: #92400e;--badge-green-bg: #d1fae5;--badge-green-text: #065f46;--badge-purple-bg: #f3e8ff;--badge-purple-text: #6b21a8;--spacing-1: .25rem;--spacing-2: .5rem;--spacing-3: .75rem;--spacing-4: 1rem;--spacing-5: 1.25rem;--spacing-6: 1.5rem;--spacing-8: 2rem;--spacing-10: 2.5rem;--spacing-12: 3rem;--spacing-16: 4rem;--shadow-xs: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-sm: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-md: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-lg: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--shadow-xl: 0 25px 50px -12px rgb(0 0 0 / .25);--radius-sm: .25rem;--radius: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-full: 9999px;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--font-extrabold: 800;--leading-tight: 1.25;--leading-normal: 1.5;--leading-relaxed: 1.625;--tracking-tight: -.025em;--tracking-normal: 0;--tracking-wide: .025em;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .2s cubic-bezier(.4, 0, .2, 1);--transition-slow: .3s cubic-bezier(.4, 0, .2, 1);--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px;--breakpoint-2xl: 1536px;--spacing-fluid-xs: clamp(.25rem, .5vw, .5rem);--spacing-fluid-sm: clamp(.5rem, 1vw, 1rem);--spacing-fluid-md: clamp(1rem, 2vw, 2rem);--spacing-fluid-lg: clamp(1.5rem, 3vw, 3rem);--spacing-fluid-xl: clamp(2rem, 4vw, 4rem);--touch-target-min: 44px;--container-sm: 640px;--container-md: 768px;--container-lg: 1024px;--container-xl: 1280px;--container-2xl: 1536px}html{scroll-behavior:smooth;overflow-x:hidden}body{font-family:var(--font-sans);background-color:var(--slate-50);color:var(--slate-900);margin:0;line-height:var(--leading-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;font-size:clamp(14px,1vw,16px)}body.chat-page{overflow:hidden;height:100vh}*,*:before,*:after{box-sizing:border-box}.glass{background:#ffffffb3;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3)}.glass-dark{background:#0f172ab3;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);color:#fff}.container{width:100%;max-width:min(var(--container-xl),100% - 2rem);margin:0 auto;padding:0 clamp(1rem,2vw,2rem)}.container-sm{max-width:var(--container-sm)}.container-md{max-width:var(--container-md)}.container-lg{max-width:var(--container-lg)}.container-xl{max-width:var(--container-xl)}.flex{display:flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.gap-1{gap:var(--spacing-1)}.gap-2{gap:var(--spacing-2)}.gap-3{gap:var(--spacing-3)}.gap-4{gap:var(--spacing-4)}.gap-6{gap:var(--spacing-6)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.font-bold{font-weight:700}.font-semibold{font-weight:600}.font-medium{font-weight:500}.text-primary{color:var(--primary-600)}.w-full{width:100%}.h-screen{height:100vh}.h-full{height:100%}.min-h-screen{min-height:100vh}img,video,iframe{max-width:100%;height:auto}.table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch}table{width:100%;border-collapse:collapse}button,a,input,select,textarea{-webkit-tap-highlight-color:rgba(0,0,0,.1)}:focus-visible{outline:2px solid var(--primary-600);outline-offset:2px}a:focus-visible{outline-color:var(--primary-600)}::selection{background-color:var(--primary-200);color:var(--primary-900)}::-moz-selection{background-color:var(--primary-200);color:var(--primary-900)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--slate-100)}::-webkit-scrollbar-thumb{background:var(--slate-300);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--slate-400)}.hidden{display:none!important}.visible{display:block!important}@media (max-width: 639px){.hide-on-mobile{display:none!important}}@media (min-width: 640px) and (max-width: 1023px){.hide-on-tablet{display:none!important}}@media (min-width: 1024px){.hide-on-desktop{display:none!important}}@media (min-width: 640px){.show-on-mobile-only{display:none!important}}@media (max-width: 639px){.show-on-tablet-up{display:none!important}}@media (max-width: 1023px){.show-on-desktop-up{display:none!important}}@media (max-width: 639px){.mobile-p-2{padding:var(--spacing-2)!important}.mobile-p-4{padding:var(--spacing-4)!important}.mobile-m-0{margin:0!important}.mobile-gap-2{gap:var(--spacing-2)!important}}@media (max-width: 639px){.mobile-flex-col{flex-direction:column!important}.mobile-items-start{align-items:flex-start!important}}@media (min-width: 640px) and (max-width: 1023px){.tablet-flex-col{flex-direction:column!important}}@media (max-width: 639px){.mobile-text-center{text-align:center!important}.mobile-text-left{text-align:left!important}}@media (max-width: 639px){.mobile-w-full{width:100%!important}}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-auto-fit{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:var(--spacing-4)}.grid-auto-fill{grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));gap:var(--spacing-4)}.aspect-square{aspect-ratio:1 / 1}.aspect-video{aspect-ratio:16 / 9}@supports (padding-top: env(safe-area-inset-top)){.safe-top{padding-top:max(env(safe-area-inset-top),var(--spacing-4))}.safe-bottom{padding-bottom:max(env(safe-area-inset-bottom),var(--spacing-4))}}.app-tooltip{position:absolute;z-index:10000;max-width:250px;padding:.5rem .75rem;background:#0f172af2;color:#fff;font-size:.875rem;line-height:1.4;border-radius:6px;pointer-events:none;opacity:0;transition:opacity .2s ease;box-shadow:0 4px 12px #00000026;word-wrap:break-word}.app-tooltip.show{opacity:1}.app-tooltip.tooltip-top:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:5px solid transparent;border-top-color:#0f172af2}.app-tooltip.tooltip-bottom:after{content:"";position:absolute;bottom:100%;left:50%;transform:translate(-50%);border:5px solid transparent;border-bottom-color:#0f172af2}.app-tooltip.tooltip-left:after{content:"";position:absolute;left:100%;top:50%;transform:translateY(-50%);border:5px solid transparent;border-left-color:#0f172af2}.app-tooltip.tooltip-right:after{content:"";position:absolute;right:100%;top:50%;transform:translateY(-50%);border:5px solid transparent;border-right-color:#0f172af2}