@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";:root{--bg-dark:#09090b;--bg-card:#18181bb3;--bg-card-hover:#27272acc;--text-main:#fafafa;--text-muted:#a1a1aa;--primary:#8b5cf6;--primary-hover:#7c3aed;--primary-glow:#8b5cf666;--accent:#3b82f6;--success:#10b981;--danger:#ef4444;--warning:#f59e0b;--border:#ffffff14;--radius:16px;--radius-sm:8px}*{box-sizing:border-box;margin:0;padding:0;font-family:Outfit,sans-serif}body{background-color:var(--bg-dark);color:var(--text-main);background-image:radial-gradient(ellipse at top left, var(--primary-glow), transparent 40%), radial-gradient(ellipse at bottom right, #3b82f633, transparent 40%);-webkit-font-smoothing:antialiased;background-attachment:fixed;min-height:100vh}.glass-panel{background:var(--bg-card);border:1px solid var(--border);-webkit-backdrop-filter:blur(12px);border-radius:var(--radius);transition:all .3s}.glass-panel:hover{background:var(--bg-card-hover);border-color:#ffffff26}.heading-lg{letter-spacing:-.02em;font-size:2.5rem;font-weight:700}.heading-md{letter-spacing:-.01em;font-size:1.5rem;font-weight:600}.text-body{color:var(--text-muted);font-size:1rem}.text-sm{color:var(--text-muted);font-size:.875rem}.input-field{border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text-main);background:#0003;outline:none;padding:.875rem 1rem;font-size:1rem;transition:all .2s}.input-field:focus{border-color:var(--primary);box-shadow:0 0 0 3px #8b5cf633}select.input-field option{background-color:var(--bg-dark);color:var(--text-main);padding:10px}.btn-primary{background:linear-gradient(135deg, var(--primary), var(--accent));color:#fff;border-radius:var(--radius-sm);cursor:pointer;box-shadow:0 4px 15px var(--primary-glow);border:none;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;transition:transform .2s,box-shadow .2s;display:inline-flex}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #8b5cf699}.btn-secondary{color:var(--text-main);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;background:0 0;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-weight:500;transition:all .2s;display:inline-flex}.btn-secondary:hover{background:#ffffff0d}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.4s forwards fadeIn}.flex{display:flex}.flex-col{flex-direction:column;display:flex}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.app-container{min-height:100vh;display:flex}.sidebar{background:var(--bg-card);border-right:1px solid var(--border);flex-direction:column;width:260px;padding:1.5rem;display:flex}.main-content{flex-direction:column;flex:1;display:flex}.top-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;height:70px;padding:0 2rem;display:flex}.page-content{flex:1;padding:2rem;overflow-y:auto}@keyframes pulseGlow{0%{box-shadow:0 0 #10b98166}70%{box-shadow:0 0 0 6px #10b98100}to{box-shadow:0 0 #10b98100}}.status-dot{background:var(--success);border-radius:50%;width:10px;height:10px}.status-dot.active{animation:2s infinite pulseGlow}.w-full{width:100%}.mt-4{margin-top:1rem}.mb-4{margin-bottom:1rem}.mt-8{margin-top:2rem}.mb-8{margin-bottom:2rem}.text-center{text-align:center}@media (width<=768px){.app-container{flex-direction:column}.sidebar{border-right:1px solid var(--border);z-index:100;background:var(--bg-dark);border-bottom:none;width:280px;height:100vh;padding:1rem;transition:left .3s;position:fixed;top:0;left:-100%}.sidebar.open{left:0}.sidebar-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:90;background:#00000080;width:100vw;height:100vh;display:none;position:fixed;top:0;left:0}.sidebar-overlay.open{display:block}.top-header{padding:0 1rem}.page-content{padding:1rem}.mobile-hidden{display:none!important}}@media (width>=769px){.desktop-hidden{display:none!important}}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.hide-scrollbar::-webkit-scrollbar{display:none}@keyframes slideUpFade{0%{opacity:0;transform:translateY(30px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.animate-slide-up{opacity:0;animation:.8s cubic-bezier(.16,1,.3,1) forwards slideUpFade}@keyframes floatElement{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.animate-float{animation:6s ease-in-out infinite floatElement}@keyframes pulseGlowSlow{0%{opacity:.3;transform:scale(1)translate(0)}33%{opacity:.5;transform:scale(1.1)translate(40px,-60px)}66%{opacity:.4;transform:scale(.9)translate(-30px,40px)}to{opacity:.3;transform:scale(1)translate(0)}}.bg-glow-pulse{animation:15s ease-in-out infinite alternate pulseGlowSlow}@keyframes wanderStar{0%{opacity:.1;transform:translate(0)scale(.8)}33%{opacity:.9;transform:translate(45px,-55px)scale(1.5);box-shadow:0 0 12px #ffffffe6}66%{opacity:.3;transform:translate(-30px,-20px)scale(.9)}to{opacity:.1;transform:translate(0)scale(.8)}}.hero-star{background:#fff;border-radius:50%;animation:ease-in-out infinite wanderStar;position:absolute}.nav-link{color:#fff;font-weight:500;text-decoration:none;transition:all .3s;position:relative}.nav-link:after{content:"";background-color:var(--primary);width:0;height:2px;transition:width .3s;position:absolute;bottom:-4px;left:50%;transform:translate(-50%)}.nav-link:hover{color:#fff;text-shadow:0 0 10px #fff6}.nav-link:hover:after{width:100%}