@import url("https://fonts.googleapis.com/css2?family=Cinzel:wght@600;700;800;900&family=Outfit:wght@400;500;600;700;800;900&family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap");:root{--bg-primary:#060213;--bg-secondary:#0d0526;--bg-tertiary:#17083b;--bg-card:rgba(13,5,38,0.45);--bg-card-hover:rgba(23,8,59,0.6);--bg-glass:rgba(139,92,246,0.08);--bg-glass-strong:rgba(139,92,246,0.15);--border-glass:rgba(255,255,255,0.1);--border-glass-hover:rgba(255,255,255,0.25);--border-subtle:rgba(255,255,255,0.03);--emerald-300:#86efac;--emerald-400:#4ade80;--emerald-500:#10b981;--emerald-600:#059669;--emerald-700:#047857;--gold-300:#fde047;--gold-400:#facc15;--gold-500:#eab308;--gold-600:#ca8a04;--gold-700:#a16207;--red-300:#fca5a5;--red-400:#f87171;--red-500:#ef4444;--red-600:#dc2626;--blue-300:#67e8f9;--blue-400:#22d3ee;--blue-500:#06b6d4;--blue-600:#0891b2;--purple-300:#d8b4fe;--purple-400:#c084fc;--purple-500:#a855f7;--purple-600:#9333ea;--text-primary:#ffffff;--text-secondary:#cbd5e1;--text-muted:#64748b;--text-accent:#a855f7;--text-inverse:#060213;--space-xs:0.25rem;--space-sm:0.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--space-4xl:6rem;--space-5xl:8rem;--radius-xs:0.25rem;--radius-sm:0.5rem;--radius-md:0.75rem;--radius-lg:1.25rem;--radius-xl:1.5rem;--radius-2xl:2rem;--radius-full:9999px;--font-sans:"Plus Jakarta Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-heading:"Outfit",var(--font-sans);--shadow-xs:0 1px 2px rgba(0,0,0,0.3);--shadow-sm:0 4px 12px rgba(0,0,0,0.4);--shadow-md:0 8px 24px rgba(0,0,0,0.5);--shadow-lg:0 16px 40px rgba(0,0,0,0.6);--shadow-xl:0 24px 64px rgba(0,0,0,0.7);--shadow-glow-emerald:0 0 24px rgba(168,85,247,0.4);--shadow-glow-emerald-strong:0 0 48px rgba(168,85,247,0.6),0 0 80px rgba(168,85,247,0.3);--shadow-glow-gold:0 0 24px rgba(234,179,8,0.4);--shadow-glow-gold-strong:0 0 48px rgba(234,179,8,0.6),0 0 80px rgba(234,179,8,0.3);--shadow-glow-red:0 0 20px rgba(239,68,68,0.3);--shadow-glow-blue:0 0 20px rgba(59,130,246,0.3);--transition-fast:150ms ease;--transition-base:250ms ease;--transition-slow:400ms ease;--z-base:1;--z-dropdown:100;--z-sticky:200;--z-overlay:500;--z-modal:1000;--z-toast:1500;--sidebar-width:260px;--sidebar-collapsed-width:72px;--bg-sidebar:#0d1321;--bg-overlay:rgba(0,0,0,0.6);--topbar-height:60px;--text-danger:#f87171}*,:after,:before{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}body{font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;min-height:100vh;overflow-x:hidden}a{color:var(--emerald-400);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--emerald-300)}img{max-width:100%;height:auto;display:block}button{cursor:pointer;font-family:var(--font-sans);border:none;background:none}.btn svg,a svg,button svg{pointer-events:none}input,select,textarea{font-family:var(--font-sans)}ol,ul{list-style:none}h1,h2,h3,h4,h5,h6{line-height:1.2;font-weight:700;color:var(--text-primary);font-family:var(--font-heading)}.text-xs{font-size:.75rem;line-height:1rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem}.text-lg,.text-xl{line-height:1.75rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-5xl{font-size:3rem;line-height:1.15}.text-6xl{font-size:3.75rem;line-height:1.1}.text-7xl{font-size:4.5rem;line-height:1.05}.font-light{font-weight:300}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.leading-tight{line-height:1.25}.leading-snug{line-height:1.375}.leading-normal{line-height:1.5}.leading-relaxed{line-height:1.625}.leading-loose{line-height:2}.tracking-tight{letter-spacing:-.025em}.tracking-normal{letter-spacing:0}.tracking-wide{letter-spacing:.025em}.tracking-wider{letter-spacing:.05em}.tracking-widest{letter-spacing:.1em}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.capitalize{text-transform:capitalize}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.line-clamp-2{-webkit-line-clamp:2}.line-clamp-2,.line-clamp-3{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-3{-webkit-line-clamp:3}.mesh-bg{position:relative;overflow:hidden}.mesh-bg:after,.mesh-bg:before{content:"";position:fixed;border-radius:50%;filter:blur(100px);z-index:0;opacity:.6;animation:float 20s ease-in-out infinite alternate;pointer-events:none}.mesh-bg:before{top:-10%;left:-10%;width:50vw;height:50vw;background:radial-gradient(circle,rgba(139,92,246,.4) 0,rgba(6,2,19,0) 70%)}.mesh-bg:after{bottom:-10%;right:-10%;width:60vw;height:60vw;background:radial-gradient(circle,rgba(6,182,212,.3) 0,rgba(6,2,19,0) 70%);animation-delay:-10s}.relative-z{position:relative;z-index:1}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.text-emerald{color:var(--emerald-400)}.text-gold{color:var(--gold-400)}.text-red{color:var(--red-400)}.text-blue{color:var(--blue-400)}.text-purple{color:var(--purple-400)}.text-white{color:#ffffff}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.container{width:100%;max-width:1200px}.container,.container-sm{margin-left:auto;margin-right:auto;padding-left:var(--space-md);padding-right:var(--space-md)}.container-sm{max-width:640px}.container-md{max-width:768px}.container-lg,.container-md{margin-left:auto;margin-right:auto;padding-left:var(--space-md);padding-right:var(--space-md)}.container-lg{max-width:1024px}.container-xl{max-width:1280px;margin-left:auto;margin-right:auto;padding-left:var(--space-md);padding-right:var(--space-md)}.flex{display:flex}.inline-flex{display:inline-flex}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.flex-1{flex:1 1 0%}.flex-auto{flex:1 1 auto}.flex-none{flex:none}.items-start{align-items:flex-start}.items-center{align-items:center}.items-end{align-items:flex-end}.items-stretch{align-items:stretch}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.justify-evenly{justify-content:space-evenly}.self-start{align-self:flex-start}.self-center{align-self:center}.self-end{align-self:flex-end}.self-stretch{align-self:stretch}.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)}.grid-cols-5{grid-template-columns:repeat(5,1fr)}.grid-cols-6{grid-template-columns:repeat(6,1fr)}.col-span-2{grid-column:span 2}.col-span-3{grid-column:span 3}.col-span-4{grid-column:span 4}.col-span-full{grid-column:1/-1}.gap-0{gap:0}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.gap-10{gap:2.5rem}.gap-12{gap:3rem}.m-0{margin:0}.m-1{margin:.25rem}.m-2{margin:.5rem}.m-3{margin:.75rem}.m-4{margin:1rem}.m-auto{margin:auto}.mt-0{margin-top:0}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.mt-10{margin-top:2.5rem}.mt-12{margin-top:3rem}.mt-16{margin-top:4rem}.mb-0{margin-bottom:0}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mb-10{margin-bottom:2.5rem}.mb-12{margin-bottom:3rem}.ml-0{margin-left:0}.ml-1{margin-left:.25rem}.ml-2{margin-left:.5rem}.ml-3{margin-left:.75rem}.ml-4{margin-left:1rem}.ml-auto{margin-left:auto}.mr-0{margin-right:0}.mr-1{margin-right:.25rem}.mr-2{margin-right:.5rem}.mr-3{margin-right:.75rem}.mr-4{margin-right:1rem}.mr-auto,.mx-auto{margin-right:auto}.mx-auto{margin-left:auto}.p-0{padding:0}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.p-10{padding:2.5rem}.p-12{padding:3rem}.px-0{padding-left:0;padding-right:0}.px-1{padding-left:.25rem;padding-right:.25rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.py-0{padding-top:0;padding-bottom:0}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.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-10{padding-top:2.5rem;padding-bottom:2.5rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-16{padding-top:4rem;padding-bottom:4rem}.py-20{padding-top:5rem;padding-bottom:5rem}.pt-0{padding-top:0}.pt-4{padding-top:1rem}.pt-8{padding-top:2rem}.pb-0{padding-bottom:0}.pb-4{padding-bottom:1rem}.pb-8{padding-bottom:2rem}.hidden{display:none}.block{display:block}.inline{display:inline}.inline-block{display:inline-block}.visible{visibility:visible}.invisible{visibility:hidden}.w-full{width:100%}.w-auto{width:auto}.w-fit{width:fit-content}.w-screen{width:100vw}.max-w-xs{max-width:20rem}.max-w-sm{max-width:24rem}.max-w-md{max-width:28rem}.max-w-lg{max-width:32rem}.max-w-xl{max-width:36rem}.max-w-2xl{max-width:42rem}.h-full{height:100%}.h-screen{height:100vh}.min-h-screen{min-height:100vh}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky;top:0}.inset-0{top:0;right:0;bottom:0;left:0}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-scroll{overflow:scroll}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.border{border:1px solid var(--border-glass)}.border-2{border:2px solid var(--border-glass)}.border-t{border-top:1px solid var(--border-glass)}.border-b{border-bottom:1px solid var(--border-glass)}.border-emerald{border-color:var(--emerald-500)}.border-gold{border-color:var(--gold-500)}.border-red{border-color:var(--red-500)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-md{border-radius:var(--radius-md)}.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)}.opacity-0{opacity:0}.opacity-25{opacity:.25}.opacity-50{opacity:.5}.opacity-75{opacity:.75}.opacity-100{opacity:1}.cursor-pointer{cursor:pointer}.cursor-default{cursor:default}.cursor-not-allowed{cursor:not-allowed}.pointer-events-none{pointer-events:none}.select-none{user-select:none}.glass-card{background:var(--bg-card);border-top:1px solid var(--border-glass);border:1px solid var(--border-glass);border-top:1px solid rgba(255,255,255,.2);border-radius:var(--radius-lg);backdrop-filter:blur(24px) saturate(150%);-webkit-backdrop-filter:blur(24px) saturate(150%);padding:var(--space-lg);transition:all var(--transition-base);box-shadow:inset 0 0 20px rgba(255,255,255,.02),var(--shadow-sm)}.glass-card-hover:hover{background:var(--bg-card-hover);border-color:var(--border-glass-hover);border-top:1px solid rgba(255,255,255,.3);box-shadow:inset 0 0 20px rgba(255,255,255,.05),var(--shadow-lg);transform:translateY(-4px) scale(1.01)}.glass-card-sm{background:var(--bg-card);border-top:1px solid var(--border-glass);border:1px solid var(--border-glass);border-top:1px solid rgba(255,255,255,.2);border-radius:var(--radius-md);backdrop-filter:blur(24px) saturate(150%);-webkit-backdrop-filter:blur(24px) saturate(150%);padding:var(--space-md);box-shadow:inset 0 0 10px rgba(255,255,255,.02),var(--shadow-xs)}.glass-card-strong{background:var(--bg-glass-strong);border-top:1px solid var(--border-glass-hover);border:1px solid var(--border-glass-hover);border-top:1px solid rgba(255,255,255,.35);border-radius:var(--radius-lg);backdrop-filter:blur(40px) saturate(200%);-webkit-backdrop-filter:blur(40px) saturate(200%);padding:var(--space-xl);box-shadow:inset 0 0 30px rgba(255,255,255,.05),var(--shadow-md)}.text-gradient-gold{background:linear-gradient(135deg,#facc15,#eab308 50%,#ca8a04);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 30px rgba(234,179,8,.3)}.text-gradient-purple{background:linear-gradient(135deg,#c084fc,#a855f7 50%,#9333ea);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 30px rgba(168,85,247,.3)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:var(--radius-md);font-size:.9375rem;font-weight:600;line-height:1;transition:all var(--transition-base);white-space:nowrap;border:1px solid transparent;text-decoration:none}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important;box-shadow:none!important}.btn-primary{background:linear-gradient(135deg,var(--emerald-500),var(--emerald-600));color:#ffffff;border-color:var(--emerald-500);box-shadow:var(--shadow-sm)}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,var(--emerald-400),var(--emerald-500));box-shadow:var(--shadow-glow-emerald);transform:translateY(-1px)}.btn-primary:active:not(:disabled){transform:translateY(0);box-shadow:var(--shadow-sm)}.btn-secondary{background:var(--bg-glass);color:var(--text-primary);border-color:var(--border-glass)}.btn-secondary:hover:not(:disabled){background:var(--bg-glass-strong);border-color:var(--border-glass-hover);transform:translateY(-1px)}.btn-gold{background:linear-gradient(135deg,var(--gold-500),var(--gold-600));color:#ffffff;border-color:var(--gold-500);box-shadow:var(--shadow-sm)}.btn-gold:hover:not(:disabled){background:linear-gradient(135deg,var(--gold-400),var(--gold-500));box-shadow:var(--shadow-glow-gold);transform:translateY(-1px)}.btn-danger{background:linear-gradient(135deg,var(--red-500),var(--red-600));color:#ffffff;border-color:var(--red-500)}.btn-danger:hover:not(:disabled){background:linear-gradient(135deg,var(--red-400),var(--red-500));box-shadow:var(--shadow-glow-red);transform:translateY(-1px)}.btn-ghost{background:transparent;color:var(--text-secondary);border-color:transparent}.btn-ghost:hover:not(:disabled){background:var(--bg-glass);color:var(--text-primary)}.btn-outline{background:transparent;color:var(--emerald-400);border-color:var(--emerald-500)}.btn-outline:hover:not(:disabled){background:rgba(16,185,129,.1);color:var(--emerald-300)}.btn-sm{padding:.5rem 1rem;font-size:.8125rem;border-radius:var(--radius-sm)}.btn-lg{padding:1rem 2rem;font-size:1.0625rem}.btn-lg,.btn-xl{border-radius:var(--radius-lg)}.btn-xl{padding:1.125rem 2.5rem;font-size:1.125rem}.btn-icon{padding:.625rem;border-radius:var(--radius-md)}.btn-icon-sm{padding:.375rem;border-radius:var(--radius-sm)}.btn-glow{position:relative;background:linear-gradient(135deg,var(--emerald-500),var(--emerald-600));color:#ffffff;border:none;padding:1rem 2.5rem;font-size:1.125rem;font-weight:700;border-radius:var(--radius-lg);box-shadow:var(--shadow-glow-emerald);transition:all var(--transition-base);overflow:hidden}.btn-glow:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);transition:left .5s ease}.btn-glow:hover:before{left:100%}.btn-glow:hover{box-shadow:var(--shadow-glow-emerald-strong);transform:translateY(-2px)}.btn-glow:active{transform:translateY(0)}.form-group{display:flex;flex-direction:column;gap:.375rem;width:100%}.label{font-size:.875rem;font-weight:600;color:var(--text-secondary);letter-spacing:.01em}.label-required:after{content:" *";color:var(--red-400)}.input{width:100%;padding:.75rem 1rem;background:var(--bg-glass);border:1px solid var(--border-glass);border-radius:var(--radius-md);color:var(--text-primary);font-size:1rem;transition:all var(--transition-fast);outline:none}.input::placeholder{color:var(--text-muted)}.input:focus{border-color:var(--emerald-500);box-shadow:0 0 0 3px rgba(16,185,129,.15);background:var(--bg-glass-strong)}.input:disabled{opacity:.5;cursor:not-allowed}.input-error{border-color:var(--red-500)}.input-error:focus{box-shadow:0 0 0 3px rgba(239,68,68,.15)}.input-sm{padding:.5rem .75rem;font-size:.8125rem}.select{width:100%;background:var(--bg-glass);border:1px solid var(--border-glass);border-radius:var(--radius-md);font-size:1rem;transition:all var(--transition-fast);outline:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%2394a3b8' viewBox='0 0 16 16'%3E%3Cpath d='M8 11L3 6h10l-5 5z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;padding:.75rem 2.5rem .75rem 1rem;cursor:pointer}.select,.select option{color:var(--text-primary)}.select option{background:var(--bg-secondary)}.select:focus{border-color:var(--emerald-500);box-shadow:0 0 0 3px rgba(16,185,129,.15)}.textarea{width:100%;padding:.75rem 1rem;background:var(--bg-glass);border:1px solid var(--border-glass);border-radius:var(--radius-md);color:var(--text-primary);font-size:1rem;transition:all var(--transition-fast);outline:none;resize:vertical;min-height:100px;line-height:1.5}.textarea:focus{border-color:var(--emerald-500);box-shadow:0 0 0 3px rgba(16,185,129,.15)}.form-hint{font-size:.75rem;color:var(--text-muted);margin-top:.125rem}.form-error{font-size:.8125rem;color:var(--red-400);margin-top:.25rem;gap:.25rem}.checkbox-group,.form-error{display:flex;align-items:center}.checkbox-group{gap:.5rem;cursor:pointer}.badge{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .75rem;border-radius:var(--radius-full);font-size:.75rem;font-weight:600;letter-spacing:.02em;white-space:nowrap;line-height:1.4}.badge-emerald{background:rgba(16,185,129,.15);color:var(--emerald-400);border:1px solid rgba(16,185,129,.25)}.badge-gold{background:rgba(245,158,11,.15);color:var(--gold-400);border:1px solid rgba(245,158,11,.25)}.badge-red{background:rgba(239,68,68,.15);color:var(--red-400);border:1px solid rgba(239,68,68,.25)}.badge-blue{background:rgba(59,130,246,.15);color:var(--blue-400);border:1px solid rgba(59,130,246,.25)}.badge-purple{background:rgba(168,85,247,.15);color:var(--purple-400);border:1px solid rgba(168,85,247,.25)}.badge-gray{background:rgba(148,163,184,.15);color:var(--text-secondary);border:1px solid rgba(148,163,184,.25)}.badge-sm{padding:.125rem .5rem;font-size:.6875rem}.badge-lg{padding:.375rem 1rem;font-size:.875rem}.progress-bar{width:100%;height:8px;background:var(--bg-glass);border-radius:var(--radius-full);overflow:hidden;position:relative}.progress-bar-lg{height:12px}.progress-bar-sm{height:4px}.progress-fill{height:100%;border-radius:var(--radius-full);background:linear-gradient(90deg,var(--emerald-500),var(--emerald-400));transition:width .6s cubic-bezier(.4,0,.2,1);position:relative}.progress-fill:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);animation:shimmer 2s infinite}.progress-fill-gold{background:linear-gradient(90deg,var(--gold-500),var(--gold-400))}.progress-fill-red{background:linear-gradient(90deg,var(--red-500),var(--red-400))}.progress-fill-blue{background:linear-gradient(90deg,var(--blue-500),var(--blue-400))}.xp-bar{width:100%;height:10px;background:rgba(16,185,129,.1);border-radius:var(--radius-full);overflow:hidden;border:1px solid rgba(16,185,129,.2)}.xp-bar-fill{height:100%;background:linear-gradient(90deg,var(--emerald-600),var(--emerald-400));border-radius:var(--radius-full);transition:width .8s cubic-bezier(.4,0,.2,1);position:relative;box-shadow:0 0 8px rgba(16,185,129,.4)}.xp-bar-fill:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 2.5s infinite}.level-badge{background:linear-gradient(135deg,rgba(16,185,129,.2),rgba(16,185,129,.05));border:1px solid rgba(16,185,129,.3);border-radius:var(--radius-full);color:var(--emerald-400)}.level-badge,.rank-badge{display:inline-flex;align-items:center;justify-content:center;gap:.375rem;padding:.375rem .875rem;font-size:.875rem;font-weight:700}.rank-badge{background:linear-gradient(135deg,rgba(245,158,11,.2),rgba(245,158,11,.05));border:1px solid rgba(245,158,11,.3);border-radius:var(--radius-full);color:var(--gold-400)}.alert{display:flex;align-items:flex-start;gap:.75rem;padding:1rem 1.25rem;border-radius:var(--radius-md);font-size:.875rem;line-height:1.5;border:1px solid}.alert-success{background:rgba(16,185,129,.1);border-color:rgba(16,185,129,.25);color:var(--emerald-400)}.alert-warning{background:rgba(245,158,11,.1);border-color:rgba(245,158,11,.25);color:var(--gold-400)}.alert-danger{background:rgba(239,68,68,.1);border-color:rgba(239,68,68,.25);color:var(--red-400)}.alert-info{background:rgba(59,130,246,.1);border-color:rgba(59,130,246,.25);color:var(--blue-400)}.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.6);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);padding:var(--space-md);animation:fadeIn .2s ease}.modal-content{background:var(--bg-secondary);border:1px solid var(--border-glass);border-radius:var(--radius-xl);width:100%;max-width:480px;max-height:90vh;overflow-y:auto;animation:slideUp .3s ease;box-shadow:var(--shadow-xl)}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-lg);border-bottom:1px solid var(--border-glass)}.modal-header h2,.modal-header h3{font-size:1.125rem;font-weight:700}.modal-body,.modal-footer{padding:var(--space-lg)}.modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-sm);border-top:1px solid var(--border-glass)}.sidebar{position:fixed;left:0;top:0;bottom:0;width:var(--sidebar-width);background:var(--bg-secondary);border-right:1px solid var(--border-glass);display:flex;flex-direction:column;z-index:var(--z-sticky);transition:width var(--transition-base);overflow-y:auto;overflow-x:hidden}.sidebar-header{padding:var(--space-lg);border-bottom:1px solid var(--border-glass)}.sidebar-nav{flex:1;padding:var(--space-sm);display:flex;flex-direction:column;gap:2px}.sidebar-item{display:flex;align-items:center;gap:.75rem;padding:.625rem .875rem;border-radius:var(--radius-md);color:var(--text-secondary);font-size:.9375rem;font-weight:500;transition:all var(--transition-fast);cursor:pointer;text-decoration:none;border:1px solid transparent}.sidebar-item:hover{background:var(--bg-glass);color:var(--text-primary)}.sidebar-item-active{background:rgba(16,185,129,.1);color:var(--emerald-400);border-color:rgba(16,185,129,.15)}.sidebar-item-active:hover{background:rgba(16,185,129,.15);color:var(--emerald-400)}.sidebar-footer{padding:var(--space-md);border-top:1px solid var(--border-glass)}.sidebar-icon{width:20px;height:20px;flex-shrink:0}.main-content-with-sidebar{margin-left:var(--sidebar-width);min-height:100vh}.sidebar-logo{display:flex;align-items:center;gap:.75rem;padding:var(--space-lg);border-bottom:1px solid var(--border-glass)}.sidebar-logo-icon{font-size:1.5rem}.sidebar-logo-text{font-size:1.125rem;font-weight:800;background:linear-gradient(135deg,var(--emerald-400),var(--gold-400));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.sidebar-section{padding:var(--space-sm) var(--space-sm);flex:1;display:flex;flex-direction:column}.sidebar-section-title{font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);padding:var(--space-md) var(--space-sm) var(--space-xs)}.sidebar-link{display:flex;align-items:center;gap:.75rem;padding:.625rem .875rem;border-radius:var(--radius-md);color:var(--text-secondary);font-size:.9375rem;font-weight:500;transition:all var(--transition-fast);cursor:pointer;text-decoration:none;border:1px solid transparent}.sidebar-link:hover{background:var(--bg-glass);color:var(--text-primary)}.sidebar-link-active{background:rgba(16,185,129,.1);color:var(--emerald-400);border-color:rgba(16,185,129,.15)}.sidebar-link-active:hover{background:rgba(16,185,129,.15);color:var(--emerald-400)}.sidebar-link-icon{font-size:1.125rem;width:24px;text-align:center;flex-shrink:0}.topbar{position:fixed;top:0;left:var(--sidebar-width);right:0;height:60px;background:rgba(10,15,26,.85);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-glass);display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-xl);z-index:var(--z-sticky)}.topbar-left,.topbar-right{display:flex;align-items:center;gap:var(--space-md)}.topbar-user-info{display:flex;flex-direction:column;align-items:flex-end}.topbar-username{font-size:.875rem;font-weight:600;color:var(--text-primary)}.topbar-role{font-size:.6875rem;color:var(--text-muted)}.topbar-avatar{width:36px;height:36px;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--emerald-500),var(--blue-500));display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.75rem;color:white;flex-shrink:0;overflow:hidden}.hamburger{display:none;flex-direction:column;gap:4px;padding:.5rem;cursor:pointer;background:transparent;border:none}.hamburger-line{width:20px;height:2px;background:var(--text-secondary);border-radius:2px;transition:all var(--transition-fast)}.main-content{margin-left:var(--sidebar-width);padding-top:60px;min-height:100vh}.page-container{padding:var(--space-xl);max-width:1200px}.bg-overlay{background:rgba(0,0,0,.5)}.skeleton-text{height:14px;border-radius:var(--radius-sm)}.skeleton-title{height:24px;width:200px;border-radius:var(--radius-sm)}.skeleton-card{height:120px;border-radius:var(--radius-lg)}.skeleton-avatar{width:36px;height:36px;border-radius:var(--radius-full)}@media (max-width:768px){.hamburger{display:flex}.sidebar{transform:translateX(-100%);z-index:40}.sidebar.sidebar-open{transform:translateX(0);box-shadow:var(--shadow-xl)}.topbar{left:0}.main-content{margin-left:0}}.stats-card{background:var(--bg-card);border-top:1px solid var(--border-glass);border:1px solid var(--border-glass);border-top:1px solid rgba(255,255,255,.2);border-radius:var(--radius-lg);padding:var(--space-lg);backdrop-filter:blur(24px) saturate(150%);-webkit-backdrop-filter:blur(24px) saturate(150%);display:flex;flex-direction:column;gap:.5rem;box-shadow:inset 0 0 20px rgba(255,255,255,.02),var(--shadow-sm);transition:all var(--transition-base)}.stats-card:hover{transform:translateY(-4px) scale(1.02);box-shadow:inset 0 0 30px rgba(255,255,255,.05),var(--shadow-lg)}.stats-card-emerald{border-color:rgba(16,185,129,.2);background:linear-gradient(135deg,rgba(16,185,129,.05),transparent)}.stats-card-gold{border-color:rgba(245,158,11,.2);background:linear-gradient(135deg,rgba(245,158,11,.05),transparent)}.stats-card-blue{border-color:rgba(59,130,246,.2);background:linear-gradient(135deg,rgba(59,130,246,.05),transparent)}.stats-card-red{border-color:rgba(239,68,68,.2);background:linear-gradient(135deg,rgba(239,68,68,.05),transparent)}.stats-value{font-family:var(--font-heading);font-size:1.75rem;font-weight:800;line-height:1;letter-spacing:-.02em}.stats-label{font-size:.8125rem;font-weight:500;color:var(--text-secondary)}.stats-icon{font-size:1.5rem;margin-bottom:.25rem}.skill-node{display:flex;flex-direction:column;align-items:center;justify-content:center;width:64px;height:64px;border-radius:var(--radius-lg);border:2px solid var(--border-glass);background:var(--bg-card);font-size:.75rem;font-weight:700;cursor:pointer;transition:all var(--transition-base);position:relative}.skill-node:hover{transform:scale(1.1);box-shadow:var(--shadow-md)}.skill-lancar{border-color:var(--emerald-500);background:rgba(16,185,129,.15);color:var(--emerald-400);box-shadow:0 0 12px rgba(16,185,129,.2)}.skill-murajaah{border-color:var(--gold-500);background:rgba(245,158,11,.15);color:var(--gold-400);box-shadow:0 0 12px rgba(245,158,11,.2)}.skill-ulang{border-color:var(--red-500);background:rgba(239,68,68,.15);color:var(--red-400);box-shadow:0 0 12px rgba(239,68,68,.2)}.skill-locked{border-color:var(--border-glass);background:var(--bg-glass);color:var(--text-muted);opacity:.5;cursor:default}.skill-locked:hover{transform:none;box-shadow:none}.quest-card{background:var(--bg-card);border:1px solid var(--border-glass);border-radius:var(--radius-lg);padding:var(--space-lg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);display:flex;flex-direction:column;gap:var(--space-md);transition:all var(--transition-base);position:relative;overflow:hidden}.quest-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--emerald-500),var(--gold-500));opacity:0;transition:opacity var(--transition-base)}.quest-card:hover{border-color:var(--border-glass-hover);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.quest-card:hover:before{opacity:1}.quest-type-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .625rem;border-radius:var(--radius-sm);font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.quest-daily{background:rgba(16,185,129,.15);color:var(--emerald-400)}.quest-weekly{background:rgba(59,130,246,.15);color:var(--blue-400)}.quest-special{background:rgba(245,158,11,.15);color:var(--gold-400)}.status-indicator{display:inline-flex;align-items:center;gap:.375rem;font-size:.8125rem;font-weight:600}.status-indicator:before{content:"";width:8px;height:8px;border-radius:50%}.status-pending:before{background:var(--gold-500);box-shadow:0 0 6px rgba(245,158,11,.5)}.status-pending{color:var(--gold-400)}.status-cleared:before{background:var(--emerald-500);box-shadow:0 0 6px rgba(16,185,129,.5)}.status-cleared{color:var(--emerald-400)}.status-failed:before{background:var(--red-500);box-shadow:0 0 6px rgba(239,68,68,.5)}.status-failed{color:var(--red-400)}.status-locked:before{background:var(--text-muted)}.status-locked{color:var(--text-muted)}.avatar{width:40px;height:40px;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--emerald-500),var(--blue-500));display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.875rem;color:white;flex-shrink:0;overflow:hidden}.avatar img{width:100%;height:100%;object-fit:cover}.avatar-sm{width:32px;height:32px;font-size:.75rem}.avatar-lg{width:56px;height:56px;font-size:1.25rem}.avatar-xl{width:80px;height:80px;font-size:1.75rem}.avatar-ring{box-shadow:0 0 0 3px var(--bg-primary),0 0 0 5px var(--emerald-500)}.table{width:100%;border-collapse:collapse;font-size:.875rem}.table-header{background:var(--bg-glass);border-bottom:1px solid var(--border-glass)}.table-header th{padding:.75rem 1rem;text-align:left;font-weight:600;color:var(--text-secondary);font-size:.8125rem;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}.table-row{border-bottom:1px solid var(--border-subtle);transition:background var(--transition-fast)}.table-row:hover{background:var(--bg-glass)}.table-row:last-child{border-bottom:none}.table-cell{padding:.75rem 1rem;color:var(--text-primary);vertical-align:middle}.divider{width:100%;height:1px;border:none}.divider,.divider-vertical{background:var(--border-glass)}.divider-vertical{width:1px;height:100%}.divider-text{display:flex;align-items:center;gap:1rem;color:var(--text-muted);font-size:.8125rem}.divider-text:after,.divider-text:before{content:"";flex:1;height:1px;background:var(--border-glass)}.mood-slider{-webkit-appearance:none;appearance:none;width:100%;height:6px;border-radius:var(--radius-full);background:linear-gradient(90deg,var(--red-500) 0,var(--gold-500) 50%,var(--emerald-500) 100%);outline:none;cursor:pointer}.mood-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:22px;height:22px;border-radius:50%;background:#ffffff;border:3px solid var(--emerald-500);box-shadow:var(--shadow-md);cursor:pointer;transition:all var(--transition-fast)}.mood-slider::-webkit-slider-thumb:hover{transform:scale(1.15);box-shadow:var(--shadow-glow-emerald)}.mood-slider::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:#ffffff;border:3px solid var(--emerald-500);box-shadow:var(--shadow-md);cursor:pointer}.page-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-md);padding:var(--space-xl);margin-bottom:var(--space-lg);background:var(--bg-card);border-top:1px solid var(--border-glass);border:1px solid var(--border-glass);border-top:1px solid rgba(255,255,255,.2);border-radius:var(--radius-lg);backdrop-filter:blur(24px) saturate(150%);-webkit-backdrop-filter:blur(24px) saturate(150%);box-shadow:inset 0 0 20px rgba(255,255,255,.02),var(--shadow-md);position:relative;overflow:hidden}.page-header:before{content:"";position:absolute;top:-50%;right:-10%;width:300px;height:300px;background:radial-gradient(circle,rgba(234,179,8,.15) 0,transparent 70%);filter:blur(40px);z-index:0;pointer-events:none}.page-header>*{position:relative;z-index:1}.page-header-title{font-size:1.875rem;font-weight:800;background:linear-gradient(135deg,#facc15,#eab308 50%,#ca8a04);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 30px rgba(234,179,8,.3);letter-spacing:-.02em;display:flex;align-items:center;gap:.5rem}.page-header-subtitle{font-size:1rem;color:var(--text-secondary);font-weight:500;margin-top:.25rem}.page-content{padding:var(--space-lg)}.dashboard-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-lg)}.hero-section{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--space-2xl) var(--space-md);position:relative;overflow:hidden}.hero-bg-glow{position:absolute;width:600px;height:600px;border-radius:50%;filter:blur(120px);opacity:.15;pointer-events:none;z-index:0}.hero-bg-glow-emerald{background:var(--emerald-500);top:-200px;right:-100px}.hero-bg-glow-gold{background:var(--gold-500);bottom:-200px;left:-100px}.hero-bg-glow-purple{background:var(--purple-500);top:50%;left:50%;transform:translate(-50%,-50%);width:400px;height:400px;opacity:.06}.hero-content{position:relative;z-index:1;max-width:800px}.hero-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1.25rem;background:rgba(16,185,129,.1);border:1px solid rgba(16,185,129,.25);border-radius:var(--radius-full);font-size:.875rem;font-weight:600;color:var(--emerald-400);margin-bottom:var(--space-xl);animation:fadeIn .8s ease}.hero-title{font-family:Outfit,sans-serif;font-size:clamp(4rem,8vw,6rem);font-weight:900;line-height:1.05;letter-spacing:-.02em;margin-bottom:var(--space-lg);animation:fadeIn .8s ease .1s both;-webkit-text-stroke:2px #fde047}.hero-title-gradient{background:linear-gradient(180deg,#ffffff,#a7f3d0 30%,#10b981 65%,#047857);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(1px 2px 0 #b45309) drop-shadow(1px 2px 0 #713f12) drop-shadow(1px 3px 0 #422006) drop-shadow(0 15px 35px rgba(234,179,8,.4))}.hero-subtitle{font-size:clamp(1rem,2.5vw,1.25rem);color:var(--text-secondary);line-height:1.6;max-width:600px;margin:0 auto var(--space-2xl);animation:fadeIn .8s ease .2s both}.hero-actions{display:flex;align-items:center;justify-content:center;gap:var(--space-md);flex-wrap:wrap;animation:fadeIn .8s ease .3s both}.hero-decorative-star{position:absolute;z-index:0;opacity:.07;pointer-events:none}.hero-star-1{top:15%;left:10%;font-size:3rem;animation:float 6s ease-in-out infinite}.hero-star-2{top:25%;right:12%;font-size:2rem;animation:float 8s ease-in-out 1s infinite}.hero-star-3{bottom:20%;left:15%;font-size:2.5rem;animation:float 7s ease-in-out .5s infinite}.hero-star-4{bottom:30%;right:8%;font-size:1.5rem;animation:float 9s ease-in-out 2s infinite}.hero-star-5{top:60%;left:5%;font-size:1.75rem;animation:float 10s ease-in-out 1.5s infinite}.features-section{padding:var(--space-4xl) var(--space-md);position:relative;z-index:1}.features-section-title{text-align:center;font-size:clamp(1.5rem,3vw,2rem);font-weight:800;margin-bottom:var(--space-3xl);letter-spacing:-.02em}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--space-lg);max-width:1000px;margin:0 auto}.feature-card{background:var(--bg-card);border:1px solid var(--border-glass);border-radius:var(--radius-xl);padding:var(--space-xl);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);transition:all var(--transition-base);position:relative;overflow:hidden}.feature-card:after{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--emerald-500),transparent);opacity:0;transition:opacity var(--transition-base)}.feature-card:hover{background:var(--bg-card-hover);border-color:var(--border-glass-hover);transform:translateY(-4px);box-shadow:var(--shadow-lg)}.feature-card:hover:after{opacity:1}.feature-icon{font-size:2.25rem;margin-bottom:var(--space-md);display:block}.feature-title{font-size:1.125rem;font-weight:700;margin-bottom:var(--space-sm);color:var(--text-primary)}.feature-description{font-size:.875rem;color:var(--text-secondary);line-height:1.6}.landing-footer{text-align:center;padding:var(--space-2xl) var(--space-md);color:var(--text-muted);font-size:.8125rem;border-top:1px solid var(--border-glass)}.auth-layout{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--space-xl) var(--space-md);position:relative;overflow:hidden}.auth-bg-glow{position:absolute;width:500px;height:500px;border-radius:50%;filter:blur(120px);pointer-events:none;opacity:.1}.auth-bg-glow-1{background:var(--emerald-500);top:-150px;right:-150px}.auth-bg-glow-2{background:var(--gold-500);bottom:-150px;left:-150px}.auth-container{width:100%;max-width:420px;position:relative;z-index:1}.auth-header{text-align:center;margin-bottom:var(--space-2xl)}.auth-logo{font-size:1.75rem;font-weight:800;letter-spacing:-.02em;margin-bottom:.25rem}.auth-logo-gradient{background:linear-gradient(135deg,var(--emerald-400),var(--gold-400));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.auth-tagline{font-size:.875rem;color:var(--text-muted)}.auth-card{background:var(--bg-card);border:1px solid var(--border-glass);border-radius:var(--radius-xl);padding:var(--space-xl);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:var(--shadow-lg);animation:slideUp .4s ease}.auth-card-title{font-size:1.25rem;font-weight:700;margin-bottom:var(--space-lg)}.auth-form{display:flex;flex-direction:column;gap:var(--space-md)}.auth-footer-text{text-align:center;margin-top:var(--space-lg);font-size:.875rem;color:var(--text-secondary)}.auth-footer-text a{color:var(--emerald-400);font-weight:600}.auth-footer-text a:hover{color:var(--emerald-300);text-decoration:underline}.islamic-pattern{position:fixed;inset:0;pointer-events:none;z-index:0;opacity:.02;background-image:repeating-conic-gradient(from 0deg at 50% 50%,transparent 0deg 60deg,rgba(255,255,255,.5) 60deg 120deg,transparent 120deg 180deg,rgba(255,255,255,.5) 180deg 240deg,transparent 240deg 300deg,rgba(255,255,255,.5) 300deg 1turn);background-size:60px 60px}.islamic-pattern-overlay{position:absolute;inset:0;pointer-events:none;z-index:0;opacity:.015;background-image:radial-gradient(circle at 25% 25%,rgba(16,185,129,.15) 0,transparent 50%),radial-gradient(circle at 75% 75%,rgba(245,158,11,.15) 0,transparent 50%),repeating-linear-gradient(0deg,transparent,transparent 40px,rgba(255,255,255,.03) 0,rgba(255,255,255,.03) 41px),repeating-linear-gradient(90deg,transparent,transparent 40px,rgba(255,255,255,.03) 0,rgba(255,255,255,.03) 41px)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}@keyframes glow{0%,to{box-shadow:0 0 5px rgba(16,185,129,.2)}50%{box-shadow:0 0 20px rgba(16,185,129,.4),0 0 40px rgba(16,185,129,.1)}}@keyframes glowGold{0%,to{box-shadow:0 0 5px rgba(245,158,11,.2)}50%{box-shadow:0 0 20px rgba(245,158,11,.4),0 0 40px rgba(245,158,11,.1)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes wiggle{0%,to{transform:rotate(0deg)}25%{transform:rotate(-3deg)}75%{transform:rotate(3deg)}}@keyframes typewriter{0%{width:0}to{width:100%}}.animate-fade-in{animation:fadeIn .5s ease both}.animate-fade-in-slow{animation:fadeIn .8s ease both}.animate-slide-up{animation:slideUp .5s ease both}.animate-slide-down{animation:slideDown .5s ease both}.animate-slide-in{animation:slideIn .5s ease both}.animate-slide-in-right{animation:slideInRight .5s ease both}.animate-scale-in{animation:scaleIn .3s ease both}.animate-pulse{animation:pulse 2s ease-in-out infinite}.animate-shimmer{animation:shimmer 2s infinite}.animate-float{animation:float 6s ease-in-out infinite}.animate-glow{animation:glow 2s ease-in-out infinite}.animate-glow-gold{animation:glowGold 2s ease-in-out infinite}.animate-spin{animation:spin 1s linear infinite}.animate-bounce{animation:bounce 1s ease-in-out infinite}.animate-wiggle{animation:wiggle .5s ease-in-out}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.delay-400{animation-delay:.4s}.delay-500{animation-delay:.5s}.delay-600{animation-delay:.6s}.delay-700{animation-delay:.7s}.delay-800{animation-delay:.8s}.transition-all{transition:all var(--transition-base)}.transition-fast{transition:all var(--transition-fast)}.transition-slow{transition:all var(--transition-slow)}.hover-lift:hover{transform:translateY(-2px)}.hover-scale:hover{transform:scale(1.02)}.hover-glow:hover{box-shadow:var(--shadow-glow-emerald)}.spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.2);border-top:2px solid var(--emerald-400);border-radius:50%;animation:spin .6s linear infinite;display:inline-block}.spinner-sm{width:16px;height:16px}.spinner-lg{width:28px;height:28px;border-width:3px}.skeleton{background:linear-gradient(90deg,var(--bg-glass) 0,var(--bg-glass-strong) 50%,var(--bg-glass) 100%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-sm)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:rgba(255,255,255,.1);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.2)}*{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.1) transparent}:focus-visible{outline:2px solid var(--emerald-500);outline-offset:2px}::selection{background:rgba(16,185,129,.3);color:var(--text-primary)}@media (max-width:768px){.dashboard-grid,.grid-cols-3,.grid-cols-4{grid-template-columns:repeat(2,1fr)}.features-grid{grid-template-columns:1fr}.hero-title{font-size:2.5rem}.sidebar{transform:translateX(-100%)}.sidebar.sidebar-open{transform:translateX(0)}.main-content-with-sidebar{margin-left:0}.page-header{flex-direction:column;align-items:flex-start}.hidden-mobile{display:none!important}.block-mobile{display:block!important}}@media (max-width:480px){.dashboard-grid,.grid-cols-2,.grid-cols-3{grid-template-columns:1fr}.hero-actions{flex-direction:column;width:100%}.hero-actions .btn{width:100%}.auth-card{padding:var(--space-lg)}.modal-content{margin:var(--space-sm);max-height:95vh}.btn-xl{padding:.875rem 2rem;font-size:1rem}}@media (min-width:1024px){.hidden-desktop{display:none!important}.block-desktop{display:block!important}}@media (min-width:1280px){.container{max-width:1200px}}