@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800;900&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--c1: #6366f1;--c2: #8b5cf6;--c3: #06b6d4;--c4: #10b981;--c5: #f59e0b;--c6: #ec4899;--bg: #0b0b14}html,body,#root{font-family:DM Sans,sans-serif;background:radial-gradient(ellipse 70% 50% at 10% 0%,rgba(99,102,241,.2) 0%,transparent 55%),radial-gradient(ellipse 55% 45% at 90% 100%,rgba(139,92,246,.16) 0%,transparent 55%),radial-gradient(ellipse 45% 40% at 85% 10%,rgba(6,182,212,.09) 0%,transparent 50%),linear-gradient(160deg,#0b0b18,#0e0d1c,#0b0b14);background-attachment:fixed;color:#e2e2f0;min-height:100vh;-webkit-font-smoothing:antialiased}.glow-card{position:relative;background:#ffffff0a;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:16px;border:1.5px solid rgba(255,255,255,.08);box-shadow:0 0 #6366f100,0 4px 24px #0006,0 2px 8px #00000040;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;animation:glowBorderPulse 4s ease infinite alternate}.glow-card:hover{transform:translateY(-3px);border-color:#6366f173;box-shadow:0 0 20px #6366f138,0 12px 40px #00000073,0 4px 14px #6366f11a}.glow-indigo{border-color:#6366f14d;box-shadow:0 0 12px #6366f124,0 4px 20px #00000059;animation:glowIndigo 3.5s ease infinite alternate}.glow-indigo:hover{border-color:#6366f1b3;box-shadow:0 0 28px #6366f166,0 8px 32px #6366f12e}.glow-violet{border-color:#8b5cf64d;box-shadow:0 0 12px #8b5cf624,0 4px 20px #00000059;animation:glowViolet 3.5s ease infinite alternate}.glow-violet:hover{border-color:#8b5cf6b3;box-shadow:0 0 28px #8b5cf666,0 8px 32px #8b5cf62e}.glow-cyan{border-color:#06b6d44d;box-shadow:0 0 12px #06b6d424,0 4px 20px #00000059;animation:glowCyan 3.5s ease infinite alternate}.glow-cyan:hover{border-color:#06b6d4b3;box-shadow:0 0 28px #06b6d466,0 8px 32px #06b6d42e}.glow-emerald{border-color:#10b9814d;box-shadow:0 0 12px #10b98124,0 4px 20px #00000059;animation:glowEmerald 3.5s ease infinite alternate}.glow-emerald:hover{border-color:#10b981b3;box-shadow:0 0 28px #10b98166,0 8px 32px #10b9812e}.glow-amber{border-color:#f59e0b4d;box-shadow:0 0 12px #f59e0b24,0 4px 20px #00000059;animation:glowAmber 3.5s ease infinite alternate}.glow-amber:hover{border-color:#f59e0bb3;box-shadow:0 0 28px #f59e0b66,0 8px 32px #f59e0b2e}.glow-rose{border-color:#ef44444d;box-shadow:0 0 12px #ef444424,0 4px 20px #00000059;animation:glowRose 3.5s ease infinite alternate}.glow-rose:hover{border-color:#ef4444b3;box-shadow:0 0 28px #ef444466,0 8px 32px #ef44442e}.glow-pink{border-color:#ec48994d;box-shadow:0 0 12px #ec489924,0 4px 20px #00000059;animation:glowPink 3.5s ease infinite alternate}.glow-pink:hover{border-color:#ec4899b3;box-shadow:0 0 28px #ec489966,0 8px 32px #ec48992e}.glow-card.selected{transform:translateY(-3px)}.glow-indigo.selected{border-color:#6366f1!important;box-shadow:0 0 0 2.5px #6366f140,0 0 28px #6366f166,0 8px 32px #6366f133!important}.glow-emerald.selected{border-color:#10b981!important;box-shadow:0 0 0 2.5px #10b98140,0 0 28px #10b98166,0 8px 32px #10b98133!important}.glow-cyan.selected{border-color:#06b6d4!important;box-shadow:0 0 0 2.5px #06b6d440,0 0 28px #06b6d466,0 8px 32px #06b6d433!important}.glow-amber.selected{border-color:#f59e0b!important;box-shadow:0 0 0 2.5px #f59e0b40,0 0 28px #f59e0b66,0 8px 32px #f59e0b33!important}.glow-violet.selected{border-color:#8b5cf6!important;box-shadow:0 0 0 2.5px #8b5cf640,0 0 28px #8b5cf666,0 8px 32px #8b5cf633!important}.glow-pink.selected{border-color:#ec4899!important;box-shadow:0 0 0 2.5px #ec489940,0 0 28px #ec489966,0 8px 32px #ec489933!important}.glow-rose.selected{border-color:#ef4444!important;box-shadow:0 0 0 2.5px #ef444440,0 0 28px #ef444466,0 8px 32px #ef444433!important}.pulse-glow-indigo{animation:pulseIndigo 3s ease infinite}.pulse-glow-cyan{animation:pulseCyan 3s ease infinite .5s}.pulse-glow-emerald{animation:pulseEmerald 3s ease infinite 1s}.pulse-glow-amber{animation:pulseAmber 3s ease infinite 1.5s}.pulse-glow-violet{animation:pulseViolet 3s ease infinite .8s}.pulse-glow-rose{animation:pulseRose 3s ease infinite 1.2s}.shimmer{background:linear-gradient(90deg,#ffffff0a 25%,#ffffff1a,#ffffff0a 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}@keyframes glowBorderPulse{0%{border-color:#6366f126;box-shadow:0 4px 20px #00000059,0 0 8px #6366f114}50%{border-color:#8b5cf659;box-shadow:0 4px 28px #0006,0 0 18px #8b5cf62e}to{border-color:#06b6d433;box-shadow:0 4px 20px #00000059,0 0 10px #06b6d41a}}@keyframes glowIndigo{0%{border-color:#6366f133;box-shadow:0 0 8px #6366f11f,0 4px 20px #00000059}50%{border-color:#6366f18c;box-shadow:0 0 24px #6366f161,0 6px 28px #6366f124}to{border-color:#6366f133;box-shadow:0 0 8px #6366f11f,0 4px 20px #00000059}}@keyframes glowViolet{0%{border-color:#8b5cf633;box-shadow:0 0 8px #8b5cf61f,0 4px 20px #00000059}50%{border-color:#8b5cf68c;box-shadow:0 0 24px #8b5cf661,0 6px 28px #8b5cf624}to{border-color:#8b5cf633;box-shadow:0 0 8px #8b5cf61f,0 4px 20px #00000059}}@keyframes glowCyan{0%{border-color:#06b6d433;box-shadow:0 0 8px #06b6d41f,0 4px 20px #00000059}50%{border-color:#06b6d48c;box-shadow:0 0 24px #06b6d461,0 6px 28px #06b6d424}to{border-color:#06b6d433;box-shadow:0 0 8px #06b6d41f,0 4px 20px #00000059}}@keyframes glowEmerald{0%{border-color:#10b98133;box-shadow:0 0 8px #10b9811f,0 4px 20px #00000059}50%{border-color:#10b9818c;box-shadow:0 0 24px #10b98161,0 6px 28px #10b98124}to{border-color:#10b98133;box-shadow:0 0 8px #10b9811f,0 4px 20px #00000059}}@keyframes glowAmber{0%{border-color:#f59e0b33;box-shadow:0 0 8px #f59e0b1f,0 4px 20px #00000059}50%{border-color:#f59e0b8c;box-shadow:0 0 24px #f59e0b61,0 6px 28px #f59e0b24}to{border-color:#f59e0b33;box-shadow:0 0 8px #f59e0b1f,0 4px 20px #00000059}}@keyframes glowRose{0%{border-color:#ef444433;box-shadow:0 0 8px #ef44441f,0 4px 20px #00000059}50%{border-color:#ef44448c;box-shadow:0 0 24px #ef444461,0 6px 28px #ef444424}to{border-color:#ef444433;box-shadow:0 0 8px #ef44441f,0 4px 20px #00000059}}@keyframes glowPink{0%{border-color:#ec489933;box-shadow:0 0 8px #ec48991f,0 4px 20px #00000059}50%{border-color:#ec48998c;box-shadow:0 0 24px #ec489961,0 6px 28px #ec489924}to{border-color:#ec489933;box-shadow:0 0 8px #ec48991f,0 4px 20px #00000059}}@keyframes pulseIndigo{0%,to{box-shadow:0 4px 20px #6366f126,0 0 #6366f100;border-color:#6366f133}50%{box-shadow:0 8px 32px #6366f152,0 0 0 5px #6366f114;border-color:#6366f18c}}@keyframes pulseCyan{0%,to{box-shadow:0 4px 20px #06b6d426,0 0 #06b6d400;border-color:#06b6d433}50%{box-shadow:0 8px 32px #06b6d452,0 0 0 5px #06b6d414;border-color:#06b6d48c}}@keyframes pulseEmerald{0%,to{box-shadow:0 4px 20px #10b98126,0 0 #10b98100;border-color:#10b98133}50%{box-shadow:0 8px 32px #10b98152,0 0 0 5px #10b98114;border-color:#10b9818c}}@keyframes pulseAmber{0%,to{box-shadow:0 4px 20px #f59e0b26,0 0 #f59e0b00;border-color:#f59e0b33}50%{box-shadow:0 8px 32px #f59e0b52,0 0 0 5px #f59e0b14;border-color:#f59e0b8c}}@keyframes pulseViolet{0%,to{box-shadow:0 4px 20px #8b5cf626,0 0 #8b5cf600;border-color:#8b5cf633}50%{box-shadow:0 8px 32px #8b5cf652,0 0 0 5px #8b5cf614;border-color:#8b5cf68c}}@keyframes pulseRose{0%,to{box-shadow:0 4px 20px #ef444426,0 0 #ef444400;border-color:#ef444433}50%{box-shadow:0 8px 32px #ef444452,0 0 0 5px #ef444414;border-color:#ef44448c}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes blink{0%,to{opacity:1}50%{opacity:.2}}@keyframes wave{0%{height:4px}to{height:18px}}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#ffffff08}::-webkit-scrollbar-thumb{background:#6366f173;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#6366f1b3}@media (max-width: 1024px){button,a{min-height:44px}}@media (max-width: 1024px) and (min-width: 769px){.page-wrap{padding:28px!important}}@media (max-width: 768px){.glow-card{border-radius:14px!important}.stat-val{font-size:22px!important}h1{font-size:clamp(18px,5vw,26px)!important}h2{font-size:clamp(15px,4vw,20px)!important}}@media (max-width: 480px){.glow-card{border-radius:12px!important;padding:14px!important}input,select,textarea{font-size:16px!important}button{font-size:14px!important}}@media (max-width: 360px){body{font-size:13px}.glow-card{padding:12px!important;border-radius:10px!important}}@media (min-width: 1440px){.page-wrap{padding:52px 64px!important}}