@font-face{font-family:Bonzai;src:url(/fonts/bonzai.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}:root{--font-base:"Inter", "Segoe UI", system-ui, -apple-system, Arial, sans-serif;--font-heading:"Exo 2", "Inter", "Segoe UI", system-ui, Arial, sans-serif;--bg-dark:#07090f;--bg-dark-rgb:7, 9, 15;--bg-card:#0b102099;--accent-cyan:#6ee7ff;--accent-cyan-rgb:110, 231, 255;--accent-pink:#ff4fd8;--accent-pink-rgb:255, 79, 216;--accent-purple:#8b5cf6;--accent-orange:#ff9b54;--text-primary:#fff;--text-secondary:#ffffffa6;--text-muted:#ffffff59;--border-glass:#ffffff14;--glass-bg:#0b102066;--radius-sm:12px;--radius-md:18px;--radius-lg:24px;--radius-xl:32px;--radius-full:9999px;--success:#10b981;--warning:#f59e0b;--danger:#ef4444;--info:#3b82f6;--glass-blur:24px;--card-blur:24px;--glass-border:#ffffff0f;--glass-reflection:linear-gradient(135deg, #ffffff14 0%, #fff0 100%);--shadow-premium:0 10px 40px -10px #00000080, 0 0 20px #6ee7ff0d}::selection{background-color:var(--accent-pink);color:#fff}html[data-card-style=transparent]{--card-blur:0px}html[data-theme=sakura_pastel]{--bg-dark:#090915;--bg-card:#0f0c1c99;--accent-cyan:#ff85c8;--accent-pink:#f472b6;--accent-purple:#c084fc;--accent-orange:#fb923c;--text-primary:#fff;--text-secondary:#ffffffd9;--text-muted:#fff9;--border-glass:#f472b626;--glass-bg:#14102380;--glass-border:#f472b638;--glass-reflection:linear-gradient(135deg, #ffffff26 0%, #fff0 100%)}.glass-card{background:var(--bg-card);-webkit-backdrop-filter:blur(var(--card-blur,24px));border:1px solid var(--glass-border);box-shadow:var(--shadow-premium);border-radius:var(--radius-lg);transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s cubic-bezier(.16,1,.3,1),border-color .4s;position:relative;overflow:hidden}.glass-card:hover{border-color:#ffffff26;transform:translateY(-4px);box-shadow:0 15px 50px -10px #0009,0 0 30px #6ee7ff1a}.glass-card:before{content:"";background:var(--glass-reflection);pointer-events:none;position:absolute;inset:0}.neon-text-cyan{text-shadow:0 0 10px #6ee7ff99,0 0 20px #6ee7ff33}.neon-text-pink{text-shadow:0 0 10px #ff4fd899,0 0 20px #ff4fd833}.neon-border-cyan{border-color:var(--accent-cyan);box-shadow:0 0 15px #6ee7ff33}.neon-border-pink{border-color:var(--accent-pink);box-shadow:0 0 15px #ff4fd833}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;background:var(--bg-dark)}body{font-family:var(--font-base);color:var(--text-primary);-webkit-font-smoothing:antialiased;line-height:1.6;overflow-x:hidden}select option{background-color:var(--bg-dark,#07090f);color:var(--text-primary,#fff)}h1{font-size:clamp(2rem,8vw,4rem)}h2{font-size:clamp(1.5rem,6vw,2.5rem)}h3{font-size:clamp(1.25rem,5vw,2rem)}h4{font-size:clamp(1.1rem,4vw,1.5rem)}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.05em;line-height:1.2}button,a,.cyber-button,.cyber-button-ghost,.cyber-button-danger{min-height:36px}@media (max-width:480px){:root{--glass-blur:12px}}.iridescent-synced{background:linear-gradient(90deg,#fff 0%,#00d9ff 25%,#8b5cf6 50%,#ff9b3d 75%,#fff 100%) 0 0/200%;color:#0000;-webkit-background-clip:text;background-clip:text;animation:6s linear infinite syncedShimmer}.iridescent-pink{background:linear-gradient(90deg,#ffb3d9 0%,#ff4fd8 25%,#ff80bf 50%,#ff4fd8 75%,#ffb3d9 100%) 0 0/200%;color:#0000;-webkit-background-clip:text;background-clip:text;animation:4s linear infinite syncedShimmer}.iridescent-pink-white{background:linear-gradient(90deg,#fff 0%,#ff4fd8 25%,#fff 50%,#ff4fd8 75%,#fff 100%) 0 0/200%;color:#0000;-webkit-background-clip:text;background-clip:text;animation:4s linear infinite syncedShimmer}@keyframes syncedShimmer{to{background-position:200%}}.grain-overlay{pointer-events:none;z-index:999;opacity:.03;filter:contrast(150%)brightness();background:url(https://grainy-gradients.vercel.app/noise.svg);width:100%;height:100%;position:fixed;inset:0}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-glass);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted);opacity:.8}.reveal-on-scroll{opacity:0;transition:all 1.2s cubic-bezier(.14,1,.34,1);transform:translateY(30px)}.reveal-visible{opacity:1;transform:translateY(0)}:root{--btn-radius:14px;--btn-clip:none;--btn-border:none;--btn-shadow:0 4px 20px #6ee7ff26, 0 0 40px #8b5cf614;--btn-hover-shadow:0 8px 32px #6ee7ff4d, 0 0 60px #8b5cf626, 0 0 12px #ff4fd81a;--btn-bg:linear-gradient(135deg, #6ee7ff 0%, #8b5cf6 50%, #ff4fd8 100%);--btn-hover-transform:translateY(-2px);--btn-active-transform:translateY(1px) scale(.98);--btn-font:var(--font-base);--btn-color:#fff;--btn-text-shadow:0 1px 2px #0000004d;--btn-ghost-border:1px solid #ffffff1f;--btn-ghost-bg-hover:#ffffff14;--btn-danger-bg:#ef44440f;--btn-danger-bg-hover:linear-gradient(135deg, #dc2626 0%, #b91c1c 100%);--btn-padding:11px 28px}html[data-button-style=rounded]{--btn-radius:999px;--btn-bg:linear-gradient(135deg, #e0c3fc 0%, #8ec5fc 50%, #c4b5fd 100%);--btn-shadow:0 4px 20px #8ec5fc40;--btn-hover-shadow:0 8px 32px #8ec5fc66, 0 0 20px #e0c3fc4d;--btn-color:#111;--btn-text-shadow:none;--btn-ghost-border:1px solid #fff3}html[data-button-style=cyberpunk]{--btn-radius:4px;--btn-clip:polygon(12px 0, 100% 0, 100% calc(100% - 12px), calc(100% - 12px) 100%, 0 100%, 0 12px);--btn-bg:linear-gradient(135deg, #ff4fd8 0%, #ff6b9d 40%, #ff9b54 100%);--btn-shadow:0 0 15px #ff4fd84d, inset 0 1px 0 #ffffff26;--btn-hover-shadow:0 0 25px #ff4fd880, 0 0 50px #ff9b5433;--btn-color:#fff;--btn-text-shadow:0 0 8px #fff6;--btn-hover-transform:translateY(-2px) scale(1.02);--btn-font:"Exo 2", sans-serif}html[data-button-style=retro]{--btn-radius:2px;--btn-clip:none;--btn-bg:linear-gradient(180deg, #1a1a2e 0%, #0f0f1e 100%);--btn-color:var(--accent-cyan);--btn-border:2px solid var(--accent-cyan);--btn-shadow:4px 4px 0 var(--accent-pink), 0 0 10px #6ee7ff1a;--btn-hover-shadow:6px 6px 0 var(--accent-pink), 0 0 20px #6ee7ff33;--btn-hover-transform:translate(-2px, -2px);--btn-active-transform:translate(2px, 2px);--btn-font:"JetBrains Mono", monospace;--btn-text-shadow:0 0 6px #6ee7ff66;--btn-ghost-border:2px solid var(--border-glass)}.cyber-button{padding:var(--btn-padding);background:var(--btn-bg);color:var(--btn-color);font-family:var(--btn-font);border:var(--btn-border);border-radius:var(--btn-radius);clip-path:var(--btn-clip);cursor:pointer;white-space:nowrap;letter-spacing:.02em;box-shadow:var(--btn-shadow);text-shadow:var(--btn-text-shadow);background-size:200% 200%;justify-content:center;align-items:center;gap:8px;font-size:.9rem;font-weight:700;text-decoration:none;transition:all .35s cubic-bezier(.16,1,.3,1);animation:4s infinite btnGradientShift;display:inline-flex;position:relative;overflow:hidden}@keyframes btnGradientShift{0%,to{background-position:0%}50%{background-position:100%}}.cyber-button:before{content:"";background:linear-gradient(90deg,#0000 0%,#ffffff40 50%,#0000 100%);width:100%;height:100%;transition:left .5s cubic-bezier(.16,1,.3,1);position:absolute;top:0;left:-100%}.cyber-button:after{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(#ffffff26 0%,#0000 50%);position:absolute;inset:0}.cyber-button:hover{transform:var(--btn-hover-transform);box-shadow:var(--btn-hover-shadow);filter:brightness(1.1)}.cyber-button:hover:before{left:100%}.cyber-button:active{transform:var(--btn-active-transform);filter:brightness(.95)}.cyber-button:disabled{opacity:.4;cursor:not-allowed;filter:saturate(.3);box-shadow:none;animation:none;transform:none}.cyber-button-ghost{padding:var(--btn-padding);-webkit-backdrop-filter:blur(12px);color:var(--text-primary);border:var(--btn-ghost-border);border-radius:var(--btn-radius);clip-path:var(--btn-clip);font-family:var(--btn-font);cursor:pointer;white-space:nowrap;letter-spacing:.01em;background:#ffffff08;justify-content:center;align-items:center;gap:8px;font-size:.88rem;font-weight:600;text-decoration:none;transition:all .35s cubic-bezier(.16,1,.3,1);display:inline-flex;position:relative;overflow:hidden}.cyber-button-ghost:before{content:"";border-radius:inherit;pointer-events:none;opacity:0;background:linear-gradient(135deg,#6ee7ff08 0%,#0000 50%,#8b5cf608 100%);transition:opacity .35s;position:absolute;inset:0}.cyber-button-ghost:hover{transform:var(--btn-hover-transform);background:var(--btn-ghost-bg-hover);color:#fff;border-color:#6ee7ff4d;box-shadow:0 4px 24px #0003,0 0 20px #6ee7ff0f}.cyber-button-ghost:hover:before{opacity:1}.cyber-button-ghost:active{transform:var(--btn-active-transform)}.cyber-button-ghost:disabled{opacity:.4;cursor:not-allowed;filter:saturate(.3);transform:none}.cyber-button-danger{background:var(--btn-danger-bg);color:#f87171;font-family:var(--btn-font);text-transform:uppercase;letter-spacing:.06em;border-radius:var(--btn-radius);clip-path:var(--btn-clip);cursor:pointer;white-space:nowrap;border:1px solid #ef444426;justify-content:center;align-items:center;gap:8px;padding:8px 20px;font-size:.75rem;font-weight:700;text-decoration:none;transition:all .3s cubic-bezier(.16,1,.3,1);display:inline-flex;position:relative;overflow:hidden}.cyber-button-danger:before{content:"";border-radius:inherit;opacity:0;pointer-events:none;background:linear-gradient(135deg,#ef44441a 0%,#0000 100%);transition:opacity .3s;position:absolute;inset:0}.cyber-button-danger:hover{transform:var(--btn-hover-transform);background:var(--btn-danger-bg-hover);color:#fff;text-shadow:0 0 8px #fff6;border-color:#ef444480;box-shadow:0 4px 24px #ef444440,0 0 40px #ef44441a}.cyber-button-danger:hover:before{opacity:1}.cyber-button-danger:active{transform:var(--btn-active-transform)}.cyber-button-danger:disabled{opacity:.4;cursor:not-allowed;filter:saturate(.3);box-shadow:none;transform:none}@keyframes pulse-glow{0%,to{box-shadow:0 0 #22c55e66}50%{box-shadow:0 0 0 6px #22c55e00}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(20px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes sectionFadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%{transform:translateY(0)rotate(0)}50%{transform:translateY(-8px)rotate(2deg)}to{transform:translateY(0)rotate(0)}}@keyframes bgPan{0%{transform:scale(1.05)translate(0)}to{transform:scale(1.05)translate(-2%,-1%)}}@keyframes orbSpin{to{transform:rotate(360deg)}}.gradient-text{background:linear-gradient(135deg, #fff, var(--accent-cyan));color:#0000;-webkit-background-clip:text;background-clip:text}:root{--global-bg-img:none}html[data-bg=sakura_garden]{--global-bg-img:url(/bg_sakura_garden.png)}html[data-bg=cosmic_crystals]{--global-bg-img:url(/bg_cosmic_crystals.png)}html[data-bg=cyber_sunset]{--global-bg-img:url(/bg_cyber_sunset.png)}html[data-bg=scifi_coastline]{--global-bg-img:url(/bg_scifi_coastline.png)}@keyframes sharkSwim{0%{transform:translateY(0)rotate(0)}25%{transform:translateY(-3px)rotate(-4deg)}50%{transform:translateY(0)rotate(0)}75%{transform:translateY(3px)rotate(4deg)}to{transform:translateY(0)rotate(0)}}.flex{display:flex!important}.flex-col{flex-direction:column!important}.flex-row{flex-direction:row!important}.flex-1{flex:1!important}.shrink-0{flex-shrink:0!important}.hidden{display:none!important}.block{display:block!important}.relative{position:relative!important}.absolute{position:absolute!important}.fixed{position:fixed!important}.inset-0{inset:0!important}.bottom-0{bottom:0!important}.left-0{left:0!important}.right-0{right:0!important}.top-0{top:0!important}.z-\[90\]{z-index:90!important}.z-\[100\]{z-index:2000!important}.w-full{width:100%!important}.h-full{height:100%!important}.h-\[100dvh\]{height:100dvh!important}.items-center{align-items:center!important}.items-baseline{align-items:baseline!important}.items-end{align-items:flex-end!important}.justify-around{justify-content:space-around!important}.justify-between{justify-content:space-between!important}.justify-center{justify-content:center!important}.self-end{align-self:flex-end!important}.self-start{align-self:flex-start!important}.overflow-hidden{overflow:hidden!important}.overflow-y-auto{overflow-y:auto!important}.mx-auto{margin-left:auto!important;margin-right:auto!important}.max-w-\[1400px\]{max-width:1400px!important}.safe-area-bottom{padding-bottom:env(safe-area-inset-bottom)!important}.fixed.bottom-0.left-0.right-0 button{box-shadow:none!important;cursor:pointer!important;background:0 0!important;border:none!important;outline:none!important;padding:0!important}.relative input[type=text],.relative input{color:#fff!important;box-sizing:border-box!important;width:100%!important;height:42px!important;box-shadow:none!important;background:#ffffff0d!important;border:1px solid #ffffff1a!important;border-radius:12px!important;outline:none!important;padding:10px 16px!important;font-size:14px!important;transition:all .25s!important}.search-input-reset{padding-left:40px!important}.relative input[type=text]:focus,.relative input:focus{background:#ffffff1a!important;border-color:#6ee7ff80!important;box-shadow:0 0 10px #6ee7ff26!important}.w-\[320px\]{width:320px!important}.max-w-\[85\%\]{max-width:85%!important}.max-w-\[250px\]{max-width:250px!important}.max-w-\[260px\]{max-width:260px!important}.max-w-\[280px\]{max-width:280px!important}.max-h-\[300px\]{max-height:300px!important}.max-h-\[220px\]{max-height:220px!important}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.animate-fadeUp{animation:.35s cubic-bezier(.16,1,.3,1) both fadeUp!important}@media (min-width:768px){.md\:flex{display:flex!important}.md\:hidden{display:none!important}.md\:block{display:block!important}.md\:relative{position:relative!important}.md\:h-full{height:100%!important}.md\:w-full{width:100%!important}.md\:h-auto{height:auto!important}.md\:p-6{padding:1.5rem!important}.md\:p-2{padding:.5rem!important}.md\:px-0{padding-left:0!important;padding-right:0!important}.md\:pt-0{padding-top:0!important}.md\:min-h-\[500px\]{min-height:500px!important}.md\:h-\[calc\(100vh-250px\)\]{height:calc(100vh - 250px)!important}.md\:border{border:1px solid #ffffff1a!important}.md\:border-r{border-right:1px solid #ffffff1a!important}.md\:rounded-2xl{border-radius:1rem!important}.md\:bg-black\/40{background-color:#0006!important}.md\:bg-\[\#0a0c12\]\/80{background-color:#0a0c12cc!important}.md\:bg-transparent{background-color:#0000!important}.md\:overflow-visible{overflow:visible!important}.md\:z-auto{z-index:auto!important}.md\:w-\[320px\]{width:320px!important}}@keyframes floatUp{0%{opacity:.6;transform:translateY(0)scale(1)}80%{opacity:.4}to{opacity:0;transform:translateY(-100vh)scale(.3)}}@keyframes pulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.15)}}@keyframes spin{to{transform:rotate(360deg)}}.premium-input,input.premium-input,select.premium-input,textarea.premium-input{color:#fff;font-size:.9rem;font-family:var(--font-base);background:#ffffff0a;border:1px solid #ffffff14;border-radius:12px;outline:none;width:100%;padding:12px 16px;transition:all .4s cubic-bezier(.16,1,.3,1);position:relative}.premium-input::placeholder{color:#ffffff4d;transition:color .3s}.premium-input:hover{background:#ffffff0f;border-color:#ffffff26}.premium-input:focus{background:#ffffff14;border-color:#6ee7ff80;box-shadow:0 0 0 3px #6ee7ff14,0 0 20px #6ee7ff1a,inset 0 1px #ffffff0d}.premium-input:focus::placeholder{color:#fff3}.input-glow-wrap{border-radius:13px;position:relative}.input-glow-wrap:before{content:"";opacity:0;z-index:-1;background:linear-gradient(135deg,#6ee7ff4d,#8b5cf64d,#ff4fd84d);border-radius:13px;transition:opacity .4s;position:absolute;inset:-1px}.input-glow-wrap:focus-within:before{opacity:1;animation:3s linear infinite inputBorderGlow}@keyframes inputBorderGlow{0%{filter:hue-rotate()}to{filter:hue-rotate(360deg)}}.skeleton{background:linear-gradient(90deg,#ffffff0a 0%,#ffffff14 40%,#ffffff0a 80%) 0 0/200% 100%;border-radius:8px;animation:1.8s ease-in-out infinite skeletonShimmer;position:relative;overflow:hidden}.skeleton:after{content:"";background:linear-gradient(90deg,#0000 0%,#6ee7ff08 50%,#0000 100%);animation:1.8s ease-in-out infinite skeletonGlow;position:absolute;inset:0}@keyframes skeletonShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes skeletonGlow{0%,to{opacity:0}50%{opacity:1}}.skeleton-text{width:80%;height:14px;margin-bottom:8px}.skeleton-text-sm{width:60%;height:10px;margin-bottom:6px}.skeleton-title{width:50%;height:20px;margin-bottom:12px}.skeleton-avatar{border-radius:50%;width:48px;height:48px}.skeleton-card{border-radius:var(--radius-md);height:120px}.skeleton-button{border-radius:var(--btn-radius);width:140px;height:42px}.avatar-glow{border-radius:50%;display:inline-flex;position:relative}.avatar-glow:before{content:"";background:conic-gradient(from 0deg, var(--accent-cyan), var(--accent-purple), var(--accent-pink), var(--accent-cyan));z-index:-1;border-radius:50%;animation:4s linear infinite avatarGlowSpin;position:absolute;inset:-3px}.avatar-glow:after{content:"";background:conic-gradient(from 0deg, var(--accent-cyan), var(--accent-purple), var(--accent-pink), var(--accent-cyan));filter:blur(8px);opacity:.5;z-index:-2;border-radius:50%;animation:4s linear infinite avatarGlowSpin;position:absolute;inset:-3px}@keyframes avatarGlowSpin{to{transform:rotate(360deg)}}@keyframes statusPulse{0%,to{box-shadow:0 0 4px #22c55e66}50%{box-shadow:0 0 10px #22c55ecc}}.tilt-card{transform-style:preserve-3d;perspective:1000px;transition:transform .5s cubic-bezier(.16,1,.3,1),box-shadow .5s}.tilt-card:hover{box-shadow:0 20px 60px #0006,0 0 30px #6ee7ff0d}.tilt-card:after{content:"";border-radius:inherit;opacity:0;pointer-events:none;background:linear-gradient(135deg,#ffffff1a 0%,#0000 50%,#ffffff05 100%);transition:opacity .5s;position:absolute;inset:0}.tilt-card:hover:after{opacity:1}.animated-number{font-variant-numeric:tabular-nums;transition:all .6s cubic-bezier(.16,1,.3,1);display:inline-block}@keyframes counterPop{0%{transform:scale(1)}40%{color:var(--accent-cyan);transform:scale(1.15)}to{transform:scale(1)}}.toast-container{z-index:10000;pointer-events:none;flex-direction:column;gap:10px;display:flex;position:fixed;top:20px;right:20px}.toast{pointer-events:all;-webkit-backdrop-filter:blur(20px);color:#fff;font-size:.88rem;font-family:var(--font-base);background:#0b1020d9;border:1px solid #ffffff1a;border-radius:16px;align-items:center;gap:12px;min-width:280px;max-width:380px;padding:14px 20px;animation:.5s cubic-bezier(.16,1,.3,1) both toastSlideIn;display:flex;box-shadow:0 10px 40px #0006,0 0 20px #0003}.toast.toast-exit{animation:.4s cubic-bezier(.7,0,.84,0) both toastSlideOut}.toast-success{border-color:#10b9814d;box-shadow:0 10px 40px #0006,0 0 20px #10b98114}.toast-error{border-color:#ef44444d;box-shadow:0 10px 40px #0006,0 0 20px #ef444414}.toast-info{border-color:#6ee7ff4d;box-shadow:0 10px 40px #0006,0 0 20px #6ee7ff14}.toast-icon{flex-shrink:0;font-size:1.2rem}.toast-progress{background:#ffffff1a;border-radius:2px;height:2px;position:absolute;bottom:0;left:16px;right:16px;overflow:hidden}.toast-progress:after{content:"";background:linear-gradient(90deg, var(--accent-cyan), var(--accent-purple));animation:toastProgress var(--toast-duration,4s) linear both;transform-origin:0;position:absolute;inset:0}@keyframes toastSlideIn{0%{opacity:0;transform:translate(120%)scale(.9)}to{opacity:1;transform:translate(0)scale(1)}}@keyframes toastSlideOut{0%{opacity:1;transform:translate(0)scale(1)}to{opacity:0;transform:translate(120%)scale(.8)}}@keyframes toastProgress{0%{width:100%}to{width:0%}}.page-enter{animation:.5s cubic-bezier(.16,1,.3,1) both pageEnter}@keyframes pageEnter{0%{opacity:0;filter:blur(4px);transform:translateY(16px)}to{opacity:1;filter:blur();transform:translateY(0)}}.bell-ring{transform-origin:top;animation:.6s cubic-bezier(.16,1,.3,1) bellRing}@keyframes bellRing{0%{transform:rotate(0)}15%{transform:rotate(14deg)}30%{transform:rotate(-12deg)}45%{transform:rotate(8deg)}60%{transform:rotate(-6deg)}75%{transform:rotate(3deg)}to{transform:rotate(0)}}.bell-badge{color:#fff;border:2px solid var(--bg-dark);background:linear-gradient(135deg,#ef4444,#dc2626);border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:.6rem;font-weight:700;animation:.4s cubic-bezier(.16,1,.3,1) badgePop;display:flex;position:absolute;top:-4px;right:-4px;box-shadow:0 0 8px #ef444480}@keyframes badgePop{0%{transform:scale(0)}50%{transform:scale(1.3)}to{transform:scale(1)}}.sparkline-container{align-items:flex-end;gap:2px;height:32px;padding:4px 0;display:inline-flex}.sparkline-bar{background:linear-gradient(#6ee7ffcc,#6ee7ff4d);border-radius:2px;width:4px;transition:height .6s cubic-bezier(.16,1,.3,1);animation:.8s cubic-bezier(.16,1,.3,1) both sparklineGrow}.sparkline-bar:nth-child(odd){background:linear-gradient(#8b5cf6cc,#8b5cf64d)}@keyframes sparklineGrow{0%{height:0!important}}.glass-input{color:#fff!important;background:#ffffff0a!important;border:1px solid #ffffff14!important;border-radius:12px!important;outline:none!important;padding:12px 16px!important;font-size:.9rem!important;transition:all .4s cubic-bezier(.16,1,.3,1)!important}.glass-input:focus{background:#ffffff12!important;border-color:#6ee7ff66!important;box-shadow:0 0 0 3px #6ee7ff14,0 0 20px #6ee7ff14!important}.reveal-section{opacity:0;animation:.6s cubic-bezier(.16,1,.3,1) both revealSection;transform:translateY(20px)}.reveal-section:nth-child(2){animation-delay:.1s}.reveal-section:nth-child(3){animation-delay:.2s}.reveal-section:nth-child(4){animation-delay:.3s}.reveal-section:nth-child(5){animation-delay:.4s}@keyframes revealSection{to{opacity:1;transform:translateY(0)}}.toast-container{z-index:10000;pointer-events:none;flex-direction:column;gap:8px;max-width:360px;display:flex;position:fixed;top:16px;right:16px}@media (max-width:640px){.toast-container{max-width:none;top:8px;left:8px;right:8px}}.toast{pointer-events:auto;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);color:var(--text-primary);cursor:pointer;background:#0f1423eb;border:1px solid #ffffff14;border-radius:14px;align-items:flex-start;gap:10px;padding:12px 14px;animation:.4s cubic-bezier(.16,1,.3,1) both toastIn;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 32px #0006,0 0 0 1px #ffffff0a}.toast-exit{animation:.35s cubic-bezier(.7,0,.84,0) both toastOut}.toast-icon{flex-shrink:0;margin-top:1px;font-size:1.1rem}.toast-success{border-left:3px solid #10b981}.toast-error{border-left:3px solid #ef4444}.toast-info{border-left:3px solid var(--accent-cyan)}.toast-progress{height:2px;animation:toastProgress var(--toast-duration,3.5s) linear both;border-radius:0 0 14px 14px;position:absolute;bottom:0;left:0}.toast-success .toast-progress{background:#10b981}.toast-error .toast-progress{background:#ef4444}.toast-info .toast-progress{background:var(--accent-cyan)}@keyframes toastIn{0%{opacity:0;transform:translate(100%)scale(.9)}to{opacity:1;transform:translate(0)scale(1)}}@keyframes toastOut{0%{opacity:1;transform:translate(0)scale(1)}to{opacity:0;transform:translate(100%)scale(.8)}}.avatar-status{border:2px solid var(--bg-dark,#07090f);z-index:2;border-radius:50%;width:12px;height:12px;position:absolute;bottom:-1px;right:-1px}.avatar-status.online{background:#22c55e;animation:2s ease-in-out infinite statusPulse;box-shadow:0 0 6px #22c55e99}.avatar-status.offline{background:#6b7280}.animated-number{display:inline-block}.counter-highlight{animation:.35s cubic-bezier(.16,1,.3,1) counterPop}