@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--gradient-start: #f8fafc;--gradient-mid: #e0e7ff;--gradient-end: #fdf4ff;--gradient-accent: #dbeafe;--primary-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--primary-gradient-hover: linear-gradient(135deg, #5a67d8 0%, #6b3fa0 100%);--secondary-gradient: linear-gradient(135deg, #11998e 0%, #38ef7d 100%);--accent-gradient: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);--blue-gradient: linear-gradient(135deg, #667eea 0%, #4facfe 100%);--purple-gradient: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--warm-gradient: linear-gradient(135deg, #fa709a 0%, #fee140 100%);--cool-gradient: linear-gradient(135deg, #30cfd0 0%, #330867 100%);--glass-bg: rgba(255, 255, 255, .7);--glass-bg-solid: rgba(255, 255, 255, .95);--glass-border: rgba(255, 255, 255, .8);--glass-border-subtle: rgba(148, 163, 184, .2);--glass-shadow: 0 8px 32px rgba(31, 38, 135, .15);--glass-shadow-lg: 0 25px 50px -12px rgba(31, 38, 135, .25);--accent-primary: #667eea;--accent-secondary: #764ba2;--accent-purple: #a855f7;--accent-pink: #ec4899;--accent-blue: #3b82f6;--accent-teal: #14b8a6;--accent-green: #22c55e;--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #94a3b8;--text-on-gradient: #ffffff;--success: #22c55e;--success-bg: rgba(34, 197, 94, .1);--warning: #f59e0b;--warning-bg: rgba(245, 158, 11, .1);--error: #ef4444;--error-bg: rgba(239, 68, 68, .1);--info: #3b82f6;--info-bg: rgba(59, 130, 246, .1);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-2xl: 32px;--radius-full: 9999px;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .05);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .08);--shadow-md: 0 4px 16px rgba(0, 0, 0, .1);--shadow-lg: 0 12px 40px rgba(0, 0, 0, .12);--shadow-xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--shadow-glow-purple: 0 0 40px rgba(102, 126, 234, .4);--shadow-glow-pink: 0 0 40px rgba(236, 72, 153, .4);--shadow-glow-blue: 0 0 40px rgba(59, 130, 246, .4);--sidebar-width: 280px}html,body,#root{height:100%;margin:0;padding:0}a{color:inherit;text-decoration:none}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:linear-gradient(135deg,var(--gradient-start) 0%,var(--gradient-mid) 50%,var(--gradient-end) 100%);background-attachment:fixed;color:var(--text-primary);min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.animated-bg{background:linear-gradient(-45deg,#ee7752,#e73c7e,#23a6d5,#23d5ab);background-size:400% 400%;animation:gradientShift 15s ease infinite}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}#root{min-height:100vh}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#667eea4d;border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:#667eea80}.glass-card{background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-md)}.glass-card-solid{background:var(--glass-bg-solid);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-md)}.glass-card-hover{transition:all .3s cubic-bezier(.4,0,.2,1)}.glass-card-hover:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:#667eea4d}.gradient-card{position:relative;background:#fff;border-radius:var(--radius-xl);overflow:hidden}.gradient-card:before{content:"";position:absolute;inset:0;background:var(--primary-gradient);opacity:.05;transition:opacity .3s ease}.gradient-card:hover:before{opacity:.1}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:600;border-radius:var(--radius-lg);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);border:none;outline:none;position:relative;overflow:hidden}.btn-primary{background:var(--primary-gradient);color:#fff;box-shadow:var(--shadow-md),var(--shadow-glow-purple)}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg),0 0 50px #667eea80}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:var(--glass-bg);color:var(--text-primary);border:1px solid var(--glass-border-subtle);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-secondary:hover{background:#fff;border-color:var(--accent-primary);box-shadow:var(--shadow-sm)}.btn-ghost{background:transparent;color:var(--text-secondary)}.btn-ghost:hover{background:#667eea1a;color:var(--accent-primary)}.btn-icon{padding:10px;border-radius:var(--radius-md)}.gradient-text{background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.gradient-text-pink{background:var(--purple-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.gradient-text-blue{background:var(--blue-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.input{width:100%;padding:14px 18px;font-size:15px;background:#fff;border:2px solid rgba(148,163,184,.2);border-radius:var(--radius-lg);color:var(--text-primary);transition:all .2s ease;outline:none}.input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 4px #667eea1a}.input::placeholder{color:var(--text-muted)}.select{appearance:none;width:100%;padding:14px 44px 14px 18px;font-size:15px;background:#fff;border:2px solid rgba(148,163,184,.2);border-radius:var(--radius-lg);color:var(--text-primary);cursor:pointer;transition:all .2s ease;outline:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23475569' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;background-size:18px}.select:focus{border-color:var(--accent-primary);box-shadow:0 0 0 4px #667eea1a}.textarea{width:100%;padding:14px 18px;font-size:15px;background:#fff;border:2px solid rgba(148,163,184,.2);border-radius:var(--radius-lg);color:var(--text-primary);transition:all .2s ease;outline:none;resize:vertical;min-height:120px;font-family:inherit;line-height:1.6}.textarea:focus{border-color:var(--accent-primary);box-shadow:0 0 0 4px #667eea1a}.label{display:block;font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:8px}.badge{display:inline-flex;align-items:center;padding:6px 12px;font-size:12px;font-weight:600;border-radius:var(--radius-full);background:#667eea1a;color:var(--accent-primary)}.badge-success{background:var(--success-bg);color:var(--success)}.badge-warning{background:var(--warning-bg);color:var(--warning)}.badge-error{background:var(--error-bg);color:var(--error)}.badge-accent{background:var(--primary-gradient);color:#fff}.badge-purple{background:#a855f71a;color:var(--accent-purple)}.badge-blue{background:#3b82f61a;color:var(--accent-blue)}.progress-bar{width:100%;height:8px;background:#667eea1a;border-radius:var(--radius-full);overflow:hidden}.progress-bar-fill{height:100%;background:var(--primary-gradient);border-radius:var(--radius-full);transition:width .5s cubic-bezier(.4,0,.2,1);position:relative}.progress-bar-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 2s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes glow{0%,to{box-shadow:0 0 20px #667eea4d}50%{box-shadow:0 0 40px #667eea80}}.animate-fade-in{animation:fadeIn .3s ease}.animate-fade-in-up{animation:fadeInUp .4s ease}.animate-pulse{animation:pulse 2s infinite}.animate-spin{animation:spin 1s linear infinite}.animate-float{animation:float 3s ease-in-out infinite}.animate-glow{animation:glow 2s ease-in-out infinite}.gradient-border{position:relative;background:#fff;border-radius:var(--radius-xl)}.gradient-border:before{content:"";position:absolute;inset:-2px;background:var(--primary-gradient);border-radius:calc(var(--radius-xl) + 2px);z-index:-1;opacity:0;transition:opacity .3s ease}.gradient-border:hover:before{opacity:1}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.flex-wrap{flex-wrap:wrap}.flex-1{flex:1}.gap-1{gap:4px}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.gap-5{gap:20px}.gap-6{gap:24px}.gap-8{gap:32px}.p-2{padding:8px}.p-3{padding:12px}.p-4{padding:16px}.p-5{padding:20px}.p-6{padding:24px}.p-8{padding:32px}.mt-1{margin-top:4px}.mt-2{margin-top:8px}.mt-3{margin-top:12px}.mt-4{margin-top:16px}.mt-6{margin-top:24px}.mb-1{margin-bottom:4px}.mb-2{margin-bottom:8px}.mb-3{margin-bottom:12px}.mb-4{margin-bottom:16px}.mb-6{margin-bottom:24px}.text-xs{font-size:12px}.text-sm{font-size:14px}.text-base{font-size:16px}.text-lg{font-size:18px}.text-xl{font-size:24px}.text-2xl{font-size:32px}.text-3xl{font-size:40px}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.text-muted{color:var(--text-muted)}.text-secondary{color:var(--text-secondary)}.text-primary{color:var(--text-primary)}.w-full{width:100%}.h-full{height:100%}.min-w-0{min-width:0}.max-w-md{max-width:28rem}.max-w-lg{max-width:32rem}.max-w-xl{max-width:36rem}.max-w-2xl{max-width:42rem}.max-w-4xl{max-width:56rem}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,1fr)}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-full{border-radius:var(--radius-full)}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.relative{position:relative}.absolute{position:absolute}.inset-0{inset:0}.cursor-pointer{cursor:pointer}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.line-clamp-1{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.space-y-2>*+*{margin-top:8px}.space-y-3>*+*{margin-top:12px}.space-y-4>*+*{margin-top:16px}.space-y-6>*+*{margin-top:24px}.space-y-8>*+*{margin-top:32px}.text-center{text-align:center}.italic{font-style:italic}@media(min-width:768px){.md\:grid-cols-2{grid-template-columns:repeat(2,1fr)}.md\:grid-cols-3{grid-template-columns:repeat(3,1fr)}.md\:grid-cols-4{grid-template-columns:repeat(4,1fr)}.md\:grid-cols-5{grid-template-columns:repeat(5,1fr)}}@media(min-width:1024px){.lg\:grid-cols-2{grid-template-columns:repeat(2,1fr)}.lg\:grid-cols-3{grid-template-columns:repeat(3,1fr)}.lg\:grid-cols-4{grid-template-columns:repeat(4,1fr)}.lg\:grid-cols-5{grid-template-columns:repeat(5,1fr)}.lg\:col-span-2{grid-column:span 2 / span 2}}.decorative-blob{position:fixed;border-radius:50%;filter:blur(80px);opacity:.4;pointer-events:none;z-index:-1}.blob-1{width:400px;height:400px;background:#667eea4d;top:-100px;right:-100px}.blob-2{width:300px;height:300px;background:#ec48994d;bottom:100px;left:-50px}.blob-3{width:250px;height:250px;background:#3b82f64d;top:50%;right:20%}.noise-overlay:before{content:"";position:fixed;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");opacity:.03;pointer-events:none;z-index:9999}