@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600;700&display=swap";:root{--primary: #6366f1;--primary-hover: #4f46e5;--bg-gradient: radial-gradient(circle at top left, #1a1c2e, #0f172a);--card-bg: rgba(255, 255, 255, .05);--glass-border: rgba(255, 255, 255, .1);--glass-glow: rgba(99, 102, 241, .15);--glass-shadow: 0 8px 32px 0 rgba(0, 0, 0, .37);--text-main: #f8fafc;--text-muted: #94a3b8;--transition: all .3s cubic-bezier(.4, 0, .2, 1);font-family:Outfit,system-ui,sans-serif;line-height:1.5;font-weight:400;color:var(--text-main);background:var(--bg-gradient);min-height:100vh}body{margin:0;display:flex;justify-content:center;align-items:center;-webkit-font-smoothing:antialiased}#root{width:100%;min-height:100vh}.glass-card{background:var(--card-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:24px;box-shadow:0 25px 50px -12px #00000080;transition:var(--transition)}.glass-card:hover{border-color:#fff3}.btn-primary{background:var(--primary);color:#fff;padding:12px 24px;border-radius:12px;border:none;font-weight:600;cursor:pointer;transition:var(--transition);display:flex;align-items:center;justify-content:center;gap:8px}.btn-primary:hover{background:var(--primary-hover);transform:translateY(-2px);box-shadow:0 10px 15px -3px #6366f14d}.input-field{background:#0003;border:1px solid var(--glass-border);padding:12px 16px;border-radius:12px;color:#fff;width:100%;transition:var(--transition);outline:none}.input-field:focus{border-color:var(--primary);background:#0000004d}h1,h2,h3{font-weight:700;letter-spacing:-.02em}.flex{display:flex}.flex-col{flex-direction:column}.flex-1{flex:1}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.gap-6{gap:24px}.gap-8{gap:32px}.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))}.p-4{padding:16px}.p-6{padding:24px}.p-8{padding:32px}.px-2{padding-left:8px;padding-right:8px}.px-3{padding-left:12px;padding-right:12px}.px-4{padding-left:16px;padding-right:16px}.px-6{padding-left:24px;padding-right:24px}.py-1{padding-top:4px;padding-bottom:4px}.py-2{padding-top:8px;padding-bottom:8px}.py-2\.5{padding-top:10px;padding-bottom:10px}.py-3{padding-top:12px;padding-bottom:12px}.py-4{padding-top:16px;padding-bottom:16px}.m-0{margin:0}.m-4{margin:16px}.mb-1{margin-bottom:4px}.mb-2{margin-bottom:8px}.mb-4{margin-bottom:16px}.mb-6{margin-bottom:24px}.mb-8{margin-bottom:32px}.mt-1{margin-top:4px}.mt-2{margin-top:8px}.mt-4{margin-top:16px}.mr-0{margin-right:0}.w-8{width:32px}.h-8{height:32px}.w-12{width:48px}.w-100{width:100%}.h-100{height:100%}.min-vh-100{min-height:100vh}.text-sm{font-size:14px}.text-xs{font-size:12px}.text-lg{font-size:18px}.text-3xl{font-size:30px}.font-medium{font-weight:500}.font-bold{font-weight:700}.text-center{text-align:center}.text-right{text-align:right}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rounded-lg{border-radius:8px}.rounded-xl{border-radius:12px}.rounded-full{border-radius:9999px}.bg-primary{background-color:var(--primary)}.border-slate-800{border-color:#ffffff1a}.text-slate-400{color:var(--text-muted)}.text-slate-500{color:#64748b}.text-slate-600{color:#475569}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.sticky{position:sticky}.top-0{top:0}.z-50{z-index:50}.custom-scrollbar::-webkit-scrollbar{width:6px}.custom-scrollbar::-webkit-scrollbar-track{background:transparent}.custom-scrollbar::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:10px}