:root{--primary: #6366f1;--primary-hover: #4f46e5;--bg: #0f172a;--card-bg: rgba(30, 41, 59, .7);--text: #f8fafc;--text-muted: #94a3b8;--border: rgba(255, 255, 255, .1);--success: #10b981;font-family:Inter,system-ui,-apple-system,sans-serif}*{margin:0;padding:0;box-sizing:border-box}body{background:var(--bg);background-image:radial-gradient(at 0% 0%,rgba(99,102,241,.15) 0px,transparent 50%),radial-gradient(at 100% 0%,rgba(139,92,246,.15) 0px,transparent 50%);color:var(--text);min-height:100vh;display:flex;flex-direction:column;overflow-x:hidden}#root{width:100%;max-width:1200px;margin:0 auto;padding:1rem;flex:1;display:flex;flex-direction:column}.glass-card{background:var(--card-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:1.5rem;padding:2rem;box-shadow:0 25px 50px -12px #00000080}button{background:none;border:none;padding:0;margin:0;cursor:pointer;font-family:inherit;color:inherit;outline:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:.75rem;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);border:none;font-size:.9375rem}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-hover);transform:translateY(-2px);box-shadow:0 10px 15px -3px #6366f166}.btn-primary:active{transform:translateY(0)}.title-gradient{background:linear-gradient(to right,#818cf8,#c084fc);-webkit-background-clip:text;background-clip:text;color:transparent}input[type=file]{display:none}.drop-zone{border:2px dashed var(--border);border-radius:1rem;padding:3rem;text-align:center;transition:all .3s ease;cursor:pointer;background:#ffffff05}.drop-zone:hover,.drop-zone.active{border-color:var(--primary);background:#6366f10d}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.items-end{align-items:flex-end}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.gap-10{gap:2.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.flex-wrap{flex-wrap:wrap}.flex-1{flex:1}.text-\[11px\]{font-size:11px}.text-\[10px\]{font-size:10px}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-base{font-size:1rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-4xl{font-size:2.25rem}.text-5xl{font-size:3rem}.font-bold{font-weight:700}.font-semibold{font-weight:600}.font-medium{font-weight:500}.text-white{color:#fff}.text-slate-100{color:#f1f5f9}.text-slate-200{color:#e2e8f0}.text-slate-300{color:#cbd5e1}.text-slate-400{color:#94a3b8}.text-slate-500{color:#64748b}.text-indigo-300{color:#a5b4fc}.text-indigo-400{color:#818cf8}.text-emerald-400{color:#34d399}.text-emerald-500{color:#10b981}.text-red-400{color:#f87171}.text-red-500\/50{color:#ef444480}.text-red-500\/40{color:#ef444466}.text-center{text-align:center}.mx-auto{margin-left:auto;margin-right:auto}.bg-white\/5{background-color:#ffffff0d}.bg-white\/8{background-color:#ffffff14}.bg-white\/10{background-color:#ffffff1a}.bg-white\/\[0\.08\]{background-color:#ffffff14}.bg-slate-800\/50{background-color:#1e293b80}.bg-indigo-600\/10{background-color:#4f46e51a}.bg-indigo-600\/20{background-color:#4f46e533}.bg-indigo-500\/10{background-color:#6366f11a}.bg-red-500\/10{background-color:#ef44441a}.bg-emerald-500\/10{background-color:#10b9811a}.bg-emerald-500\/20{background-color:#10b98133}.bg-emerald-600{background-color:#059669;color:#fff!important}.hover\:bg-emerald-700:hover{background-color:#047857}.rounded-lg{border-radius:.5rem}.rounded-xl{border-radius:.75rem}.rounded-2xl{border-radius:1rem}.rounded-3xl{border-radius:1.5rem}.rounded-full{border-radius:9999px}.border{border:1px solid var(--border)}.border-t{border-top:1px solid var(--border)}.border-white\/5{border-color:#ffffff0d}.border-white\/10{border-color:#ffffff1a}.border-white\/15{border-color:#ffffff26}.border-indigo-500{border-color:#6366f1}.border-indigo-500\/30{border-color:#6366f14d}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mb-12{margin-bottom:3rem}.mb-16{margin-bottom:4rem}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-1\.5{margin-top:.375rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.mt-12{margin-top:3rem}.mt-16{margin-top:4rem}.mt-24{margin-top:6rem}.mt-auto{margin-top:auto}.p-2\.5{padding:.625rem}.p-3{padding:.75rem}.p-3\.5{padding:.875rem}.p-4{padding:1rem}.p-1{padding:.25rem}.p-1\.5{padding:.375rem}.p-2{padding:.5rem}.p-10{padding:2.5rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-8{padding-top:2rem;padding-bottom:2rem}.py-12{padding-top:3rem;padding-bottom:3rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-4{padding-left:1rem;padding-right:1rem}.w-fit{width:fit-content}.w-full{width:100%}.w-10{width:2.5rem}.w-12{width:3rem}.w-14{width:3.5rem}.h-10{height:2.5rem}.h-12{height:3rem}.h-14{height:3.5rem}.max-w-2xl{max-width:42rem}.max-w-4xl{max-width:56rem}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hidden{display:none}.transition-all{transition:all .2s cubic-bezier(.4,0,.2,1)}.transition-colors{transition:background-color .2s,border-color .2s,color .2s}.transition-opacity{transition:opacity .2s ease}.transition-transform{transition:transform .2s cubic-bezier(.4,0,.2,1)}.opacity-0{opacity:0}.opacity-100{opacity:100}.group:hover .group-hover\:opacity-100{opacity:1}.group:hover .group-hover\:scale-110{transform:scale(1.1)}.space-y-2\.5>*+*{margin-top:.625rem}.tracking-widest{letter-spacing:.1em}.tracking-tighter{letter-spacing:-.05em}.shadow-lg{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.shadow-xl{box-shadow:0 20px 25px -5px #0003,0 10px 10px -5px #0000000a}.shadow-2xl{box-shadow:0 25px 50px -12px #00000040}.shadow-emerald-900\/20{box-shadow:0 10px 15px -3px #064e3b33}.shadow-indigo-900\/20{box-shadow:0 10px 15px -3px #312e8133}.shadow-indigo-900\/40{box-shadow:0 20px 25px -5px #312e8166}.animate-spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .5s ease forwards}.custom-scrollbar::-webkit-scrollbar{width:6px}.custom-scrollbar::-webkit-scrollbar-track{background:transparent}.custom-scrollbar::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:10px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#fff3}@media (min-width: 768px){#root{padding:2.5rem}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:text-5xl{font-size:3.75rem}.md\:text-6xl{font-size:4.5rem}.md\:block{display:block}.md\:flex-row{flex-direction:row}.md\:justify-between{justify-content:space-between}.md\:mt-0{margin-top:0}.md\:text-left{text-align:left}}@media (min-width: 640px){.sm\:flex-row{flex-direction:row}.sm\:justify-between{justify-content:space-between}.sm\:mt-0{margin-top:0}.sm\:text-left{text-align:left}}