@import url("https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&family=Space+Grotesk:wght@400;500;600;700&display=swap");:root{--font-sans:"Plus Jakarta Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-display:"Space Grotesk",sans-serif;--bg-main:#0a0e1a;--bg-surface:rgba(15,23,42,0.8);--bg-surface-hover:rgba(30,41,59,0.7);--bg-card:rgba(30,41,59,0.45);--primary:#4f46e5;--primary-glow:rgba(79,70,229,0.15);--secondary:#0ea5e9;--secondary-glow:rgba(14,165,233,0.15);--accent:#10b981;--accent-glow:rgba(16,185,129,0.15);--destructive:#ef4444;--destructive-glow:rgba(239,68,68,0.15);--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--border-light:rgba(255,255,255,0.05);--border-active:rgba(99,102,241,0.4);--border-cyan:rgba(14,165,233,0.4);--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--transition-smooth:all 0.2s cubic-bezier(0.4,0,0.2,1);--glass-backdrop:blur(20px) saturate(190%)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-main);color:var(--text-primary);font-family:var(--font-sans);overflow-x:hidden;min-height:100vh;background-image:radial-gradient(circle at 10% 20%,rgba(139,92,246,.1) 0,transparent 40%),radial-gradient(circle at 90% 80%,rgba(6,182,212,.08) 0,transparent 40%);background-attachment:fixed}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-main)}::-webkit-scrollbar-thumb{background:rgba(255,255,255,.1);border-radius:var(--radius-sm);transition:var(--transition-smooth)}::-webkit-scrollbar-thumb:hover{background:var(--primary)}.glass-panel{background:var(--bg-surface);backdrop-filter:var(--glass-backdrop);-webkit-backdrop-filter:var(--glass-backdrop);border:1px solid var(--border-light);border-radius:var(--radius-md);box-shadow:0 8px 32px 0 rgba(0,0,0,.37);transition:var(--transition-smooth)}.glass-panel:hover{border-color:rgba(255,255,255,.12)}.glass-card{background:var(--bg-card);backdrop-filter:var(--glass-backdrop);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:1.5rem;transition:var(--transition-smooth)}.glass-card:hover{transform:translateY(-2px);border-color:var(--border-active);box-shadow:0 8px 24px 0 var(--primary-glow)}h1,h2,h3,h4{font-family:var(--font-display);font-weight:700;letter-spacing:-.02em}.text-gradient{background:linear-gradient(135deg,#fff,#a78bfa 50%,#22d3ee);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.text-gradient-purple{background:linear-gradient(135deg,#c084fc,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.text-gradient-cyan{background:linear-gradient(135deg,#22d3ee,#06b6d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent}@keyframes pulseGlow{0%,to{opacity:.6;transform:scale(1)}50%{opacity:.9;transform:scale(1.02)}}.pulse-border{position:relative}.pulse-border:after{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;background:linear-gradient(90deg,var(--primary),var(--secondary),var(--primary));background-size:200% auto;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:bgRotate 6s linear infinite;pointer-events:none}@keyframes bgRotate{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.input-field{width:100%;padding:.85rem 1.25rem;background:rgba(6,8,19,.6);border:1px solid var(--border-light);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-sans);font-size:.95rem;outline:none;transition:var(--transition-smooth)}.input-field:focus{border-color:var(--primary);box-shadow:0 0 16px var(--primary-glow)}.btn-primary{padding:.85rem 1.75rem;background:linear-gradient(135deg,var(--primary) 0,#7c3aed 100%);color:white;border:none;border-radius:var(--radius-md);font-family:var(--font-sans);font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:var(--transition-smooth);box-shadow:0 4px 14px rgba(124,58,237,.4);min-height:44px}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 20px rgba(124,58,237,.6);background:linear-gradient(135deg,#9061f9,#6d28d9)}.btn-secondary{padding:.85rem 1.75rem;background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-light);border-radius:var(--radius-md);font-family:var(--font-sans);font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:var(--transition-smooth);min-height:44px}.btn-secondary:hover{background:rgba(255,255,255,.05);border-color:var(--text-secondary)}.badge{padding:.25rem .65rem;border-radius:var(--radius-sm);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;display:inline-flex;align-items:center;gap:.35rem}.badge-primary{background:rgba(79,70,229,.15);color:#a5b4fc;border:1px solid rgba(79,70,229,.35)}.badge-secondary{background:rgba(14,165,233,.15);color:#7dd3fc;border:1px solid rgba(14,165,233,.35)}.badge-accent{background:rgba(239,68,68,.15);color:#fca5a5;border:1px solid rgba(239,68,68,.35)}.badge-success{background:rgba(16,185,129,.15);color:#6ee7b7;border:1px solid rgba(16,185,129,.35)}.icon-svg{width:1.25rem;height:1.25rem}.icon-svg,.icon-svg-lg{stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:var(--transition-smooth)}.icon-svg-lg{width:1.75rem;height:1.75rem}.icon-svg-sm{width:.95rem;height:.95rem;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:var(--transition-smooth)}.app-container{display:flex;min-height:100vh;width:100vw;overflow-x:hidden;position:relative}.mobile-top-bar{display:none;height:60px;background:rgba(10,14,26,.95);backdrop-filter:var(--glass-backdrop);-webkit-backdrop-filter:var(--glass-backdrop);border-bottom:1px solid var(--border-light);padding:0 1.25rem;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:50}.mobile-menu-btn{background:transparent;border:1px solid var(--border-light);color:var(--text-primary);width:42px;height:42px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;cursor:pointer}.sidebar-aside{width:290px;background:rgba(10,13,31,.95);border-right:1px solid var(--border-light);padding:2rem 1.5rem;display:flex;flex-direction:column;gap:2rem;backdrop-filter:var(--glass-backdrop);-webkit-backdrop-filter:var(--glass-backdrop);z-index:100;transition:transform .3s cubic-bezier(.4,0,.2,1);overflow-y:auto}.sidebar-backdrop{display:none;position:fixed;inset:0;background:rgba(0,0,0,.6);backdrop-filter:blur(4px);z-index:90}.main-content{flex:1;padding:2rem 2.5rem;display:flex;flex-direction:column;gap:2rem;overflow-y:auto;max-height:100vh;width:100%}.grid-3-col{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.grid-2-col{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.responsive-form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.header-flex{display:flex;justify-content:space-between;align-items:center;gap:1.5rem}@media (max-width:1024px){.app-container{flex-direction:column}.mobile-top-bar{display:flex}.sidebar-aside{position:fixed;top:0;left:0;height:100vh;height:100dvh;transform:translateX(-100%);box-shadow:0 0 30px rgba(0,0,0,.7)}.sidebar-aside.mobile-open{transform:translateX(0)}.sidebar-backdrop.mobile-open{display:block}.main-content{padding:1.5rem 1.25rem;max-height:none;overflow-y:visible}.grid-3-col{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem}.grid-2-col{grid-template-columns:1fr;gap:1rem}.header-flex{flex-direction:column;align-items:flex-start}}@media (max-width:640px){.main-content{padding:1rem .85rem;gap:1.25rem}.responsive-form-row{grid-template-columns:1fr}.glass-card{padding:1rem}.input-field{padding:.75rem 1rem;font-size:.9rem}.btn-primary,.btn-secondary{padding:.75rem 1.25rem;font-size:.9rem;width:100%;justify-content:center}}