@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:rgba(11,16,32,0.6);--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:#ffffff;--text-secondary:rgba(255,255,255,0.65);--text-muted:rgba(255,255,255,0.35);--border-glass:rgba(255,255,255,0.08);--glass-bg:rgba(11,16,32,0.4);--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:rgba(255,255,255,0.06);--glass-reflection:linear-gradient(135deg,rgba(255,255,255,0.08),rgba(255,255,255,0));--shadow-premium:0 10px 40px -10px rgba(0,0,0,0.5),0 0 20px rgba(110,231,255,0.05)}::selection{background-color:var(--accent-pink);color:#ffffff}html[data-card-style=transparent]{--card-blur:0px}html[data-theme=sakura_pastel]{--bg-dark:#090915;--bg-card:rgba(15,12,28,0.6);--accent-cyan:#ff85c8;--accent-pink:#f472b6;--accent-purple:#c084fc;--accent-orange:#fb923c;--text-primary:#ffffff;--text-secondary:rgba(255,255,255,0.85);--text-muted:rgba(255,255,255,0.6);--border-glass:rgba(244,114,182,0.15);--glass-bg:rgba(20,16,35,0.5);--glass-border:rgba(244,114,182,0.22);--glass-reflection:linear-gradient(135deg,rgba(255,255,255,0.15),rgba(255,255,255,0))}.glass-card{background:var(--bg-card);backdrop-filter:blur(var(--card-blur,24px));-webkit-backdrop-filter:blur(var(--card-blur,24px));border:1px solid var(--glass-border);position:relative;overflow:hidden;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 ease}.glass-card:hover{transform:translateY(-4px);box-shadow:0 15px 50px -10px rgba(0,0,0,.6),0 0 30px rgba(110,231,255,.1);border-color:rgba(255,255,255,.15)}.glass-card:before{content:"";position:absolute;inset:0;background:var(--glass-reflection);pointer-events:none}.neon-text-cyan{text-shadow:0 0 10px rgba(110,231,255,.6),0 0 20px rgba(110,231,255,.2)}.neon-text-pink{text-shadow:0 0 10px rgba(255,79,216,.6),0 0 20px rgba(255,79,216,.2)}.neon-border-cyan{border-color:var(--accent-cyan);box-shadow:0 0 15px rgba(110,231,255,.2)}.neon-border-pink{border-color:var(--accent-pink);box-shadow:0 0 15px rgba(255,79,216,.2)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg-dark)}body{font-family:var(--font-base);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}select option{background-color:var(--bg-dark,#07090f);color:var(--text-primary,#ffffff)}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}.cyber-button,.cyber-button-danger,.cyber-button-ghost,a,button{min-height:36px}@media (max-width:480px){:root{--glass-blur:12px}}.iridescent-synced{background:linear-gradient(90deg,#fff,#00d9ff 25%,#8b5cf6 50%,#ff9b3d 75%,#fff);background-size:200% auto;-webkit-background-clip:text;background-clip:text;color:transparent;animation:syncedShimmer 6s linear infinite}.iridescent-pink{background:linear-gradient(90deg,#ffb3d9,#ff4fd8 25%,#ff80bf 50%,#ff4fd8 75%,#ffb3d9);background-size:200% auto;-webkit-background-clip:text;background-clip:text}.iridescent-pink,.iridescent-pink-white{color:transparent;animation:syncedShimmer 4s linear infinite}.iridescent-pink-white{background:linear-gradient(90deg,#ffffff,#ff4fd8 25%,#ffffff 50%,#ff4fd8 75%,#ffffff);background-size:200% auto;-webkit-background-clip:text;background-clip:text}@keyframes syncedShimmer{to{background-position:200%}}.grain-overlay{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:999;opacity:.03;background:url(https://grainy-gradients.vercel.app/noise.svg);filter:contrast(150%) brightness(100%)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-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;transform:translateY(30px);transition:all 1.2s cubic-bezier(.14,1,.34,1)}.reveal-visible{opacity:1;transform:translateY(0)}:root{--btn-radius:14px;--btn-clip:none;--btn-border:none;--btn-shadow:0 4px 20px rgba(110,231,255,0.15),0 0 40px rgba(139,92,246,0.08);--btn-hover-shadow:0 8px 32px rgba(110,231,255,0.3),0 0 60px rgba(139,92,246,0.15),0 0 12px rgba(255,79,216,0.1);--btn-bg:linear-gradient(135deg,#6ee7ff,#8b5cf6 50%,#ff4fd8);--btn-hover-transform:translateY(-2px);--btn-active-transform:translateY(1px) scale(0.98);--btn-font:var(--font-base);--btn-color:#fff;--btn-text-shadow:0 1px 2px rgba(0,0,0,0.3);--btn-ghost-border:1px solid rgba(255,255,255,0.12);--btn-ghost-bg-hover:rgba(255,255,255,0.08);--btn-danger-bg:rgba(239,68,68,0.06);--btn-danger-bg-hover:linear-gradient(135deg,#dc2626,#b91c1c);--btn-padding:11px 28px}html[data-button-style=rounded]{--btn-radius:999px;--btn-bg:linear-gradient(135deg,#e0c3fc,#8ec5fc 50%,#c4b5fd);--btn-shadow:0 4px 20px rgba(142,197,252,0.25);--btn-hover-shadow:0 8px 32px rgba(142,197,252,0.4),0 0 20px rgba(224,195,252,0.3);--btn-color:#111;--btn-text-shadow:none;--btn-ghost-border:1px solid rgba(255,255,255,0.2)}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,#ff6b9d 40%,#ff9b54);--btn-shadow:0 0 15px rgba(255,79,216,0.3),inset 0 1px 0 rgba(255,255,255,0.15);--btn-hover-shadow:0 0 25px rgba(255,79,216,0.5),0 0 50px rgba(255,155,84,0.2);--btn-color:#fff;--btn-text-shadow:0 0 8px rgba(255,255,255,0.4);--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,#0f0f1e);--btn-color:var(--accent-cyan);--btn-border:2px solid var(--accent-cyan);--btn-shadow:4px 4px 0 var(--accent-pink),0 0 10px rgba(110,231,255,0.1);--btn-hover-shadow:6px 6px 0 var(--accent-pink),0 0 20px rgba(110,231,255,0.2);--btn-hover-transform:translate(-2px,-2px);--btn-active-transform:translate(2px,2px);--btn-font:"JetBrains Mono",monospace;--btn-text-shadow:0 0 6px rgba(110,231,255,0.4);--btn-ghost-border:2px solid var(--border-glass)}.cyber-button{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:var(--btn-padding);background:var(--btn-bg);background-size:200% 200%;color:var(--btn-color);font-family:var(--btn-font);font-weight:700;border:var(--btn-border);border-radius:var(--btn-radius);clip-path:var(--btn-clip);cursor:pointer;transition:all .35s cubic-bezier(.16,1,.3,1);text-decoration:none;white-space:nowrap;font-size:.9rem;letter-spacing:.02em;box-shadow:var(--btn-shadow);text-shadow:var(--btn-text-shadow);overflow:hidden;animation:btnGradientShift 4s ease infinite}@keyframes btnGradientShift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.cyber-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.25) 50%,transparent);transition:left .5s cubic-bezier(.16,1,.3,1)}.cyber-button:after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(180deg,rgba(255,255,255,.15),transparent 50%);pointer-events:none}.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;transform:none;filter:saturate(.3);box-shadow:none;animation:none}.cyber-button-ghost{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:var(--btn-padding);background:rgba(255,255,255,.03);backdrop-filter:blur(12px);-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);font-weight:600;cursor:pointer;transition:all .35s cubic-bezier(.16,1,.3,1);text-decoration:none;white-space:nowrap;font-size:.88rem;letter-spacing:.01em;overflow:hidden}.cyber-button-ghost:before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(135deg,rgba(110,231,255,.03),transparent 50%,rgba(139,92,246,.03));pointer-events:none;opacity:0;transition:opacity .35s ease}.cyber-button-ghost:hover{transform:var(--btn-hover-transform);background:var(--btn-ghost-bg-hover);color:#fff;border-color:rgba(110,231,255,.3);box-shadow:0 4px 24px rgba(0,0,0,.2),0 0 20px rgba(110,231,255,.06)}.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;transform:none;filter:saturate(.3)}.cyber-button-danger{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:8px 20px;background:var(--btn-danger-bg);color:#f87171;font-family:var(--btn-font);font-weight:700;text-transform:uppercase;letter-spacing:.06em;border:1px solid rgba(239,68,68,.15);border-radius:var(--btn-radius);clip-path:var(--btn-clip);cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1);text-decoration:none;white-space:nowrap;font-size:.75rem;overflow:hidden}.cyber-button-danger:before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(135deg,rgba(239,68,68,.1),transparent);opacity:0;transition:opacity .3s ease;pointer-events:none}.cyber-button-danger:hover{transform:var(--btn-hover-transform);background:var(--btn-danger-bg-hover);color:#fff;border-color:rgba(239,68,68,.5);text-shadow:0 0 8px rgba(255,255,255,.4);box-shadow:0 4px 24px rgba(239,68,68,.25),0 0 40px rgba(239,68,68,.1)}.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;transform:none;filter:saturate(.3);box-shadow:none}@keyframes pulse-glow{0%,to{box-shadow:0 0 0 0 rgba(34,197,94,.4)}50%{box-shadow:0 0 0 6px rgba(34,197,94,0)}}@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(0deg)}50%{transform:translateY(-8px) rotate(2deg)}to{transform:translateY(0) rotate(0deg)}}@keyframes bgPan{0%{transform:scale(1.05) translate(0)}to{transform:scale(1.05) translate(-2%,-1%)}}@keyframes orbSpin{to{transform:rotate(1turn)}}.gradient-text{background:linear-gradient(135deg,#fff,var(--accent-cyan));-webkit-background-clip:text;background-clip:text;color:transparent}: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(0deg)}25%{transform:translateY(-3px) rotate(-4deg)}50%{transform:translateY(0) rotate(0deg)}75%{transform:translateY(3px) rotate(4deg)}to{transform:translateY(0) rotate(0deg)}}.flex{display:flex!important}.flex-col{flex-direction:column!important}.flex-row{flex-direction:row!important}.flex-1{flex:1 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{top:0!important;right:0!important;left:0!important}.bottom-0,.inset-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{background:transparent!important;border:none!important;box-shadow:none!important;outline:none!important;padding:0!important;cursor:pointer!important}.relative input,.relative input[type=text]{background:rgba(255,255,255,.05)!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:12px!important;color:#fff!important;padding:10px 16px!important;height:42px!important;width:100%!important;box-sizing:border-box!important;font-size:14px!important;outline:none!important;box-shadow:none!important;transition:all .25s ease!important}.search-input-reset{padding-left:40px!important}.relative input:focus,.relative input[type=text]:focus{border-color:rgba(110,231,255,.5)!important;background:rgba(255,255,255,.1)!important;box-shadow:0 0 10px rgba(110,231,255,.15)!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:fadeUp .35s cubic-bezier(.16,1,.3,1) both!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 rgba(255,255,255,.1)!important}.md\:border-r{border-right:1px solid rgba(255,255,255,.1)!important}.md\:rounded-2xl{border-radius:1rem!important}.md\:bg-black\/40{background-color:rgba(0,0,0,.4)!important}.md\:bg-\[\#0a0c12\]\/80{background-color:rgba(10,12,18,.8)!important}.md\:bg-transparent{background-color:transparent!important}.md\:overflow-visible{overflow:visible!important}.md\:z-auto{z-index:auto!important}.md\:w-\[320px\]{width:320px!important}}@keyframes floatUp{0%{transform:translateY(0) scale(1);opacity:.6}80%{opacity:.4}to{transform:translateY(-100vh) scale(.3);opacity:0}}@keyframes pulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.15)}}@keyframes spin{to{transform:rotate(1turn)}}.premium-input,input.premium-input,select.premium-input,textarea.premium-input{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:12px;color:#fff;padding:12px 16px;font-size:.9rem;font-family:var(--font-base);outline:none;transition:all .4s cubic-bezier(.16,1,.3,1);width:100%;position:relative}.premium-input::placeholder{color:rgba(255,255,255,.3);transition:color .3s ease}.premium-input:hover{border-color:rgba(255,255,255,.15);background:rgba(255,255,255,.06)}.premium-input:focus{border-color:rgba(110,231,255,.5);background:rgba(255,255,255,.08);box-shadow:0 0 0 3px rgba(110,231,255,.08),0 0 20px rgba(110,231,255,.1),inset 0 1px 0 rgba(255,255,255,.05)}.premium-input:focus::placeholder{color:rgba(255,255,255,.2)}.input-glow-wrap{position:relative;border-radius:13px}.input-glow-wrap:before{content:"";position:absolute;inset:-1px;border-radius:13px;background:linear-gradient(135deg,rgba(110,231,255,.3),rgba(139,92,246,.3),rgba(255,79,216,.3));opacity:0;transition:opacity .4s ease;z-index:-1}.input-glow-wrap:focus-within:before{opacity:1;animation:inputBorderGlow 3s linear infinite}@keyframes inputBorderGlow{0%{filter:hue-rotate(0deg)}to{filter:hue-rotate(1turn)}}.skeleton{background:linear-gradient(90deg,rgba(255,255,255,.04),rgba(255,255,255,.08) 40%,rgba(255,255,255,.04) 80%);background-size:200% 100%;animation:skeletonShimmer 1.8s ease-in-out infinite;border-radius:8px;position:relative;overflow:hidden}.skeleton:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(110,231,255,.03) 50%,transparent);animation:skeletonGlow 1.8s ease-in-out infinite}@keyframes skeletonShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes skeletonGlow{0%,to{opacity:0}50%{opacity:1}}.skeleton-text{height:14px;margin-bottom:8px;width:80%}.skeleton-text-sm{height:10px;margin-bottom:6px;width:60%}.skeleton-title{height:20px;margin-bottom:12px;width:50%}.skeleton-avatar{width:48px;height:48px;border-radius:50%}.skeleton-card{height:120px;border-radius:var(--radius-md)}.skeleton-button{height:42px;width:140px;border-radius:var(--btn-radius)}.avatar-glow{position:relative;display:inline-flex;border-radius:50%}.avatar-glow:before{z-index:-1}.avatar-glow:after,.avatar-glow:before{content:"";position:absolute;inset:-3px;border-radius:50%;background:conic-gradient(from 0deg,var(--accent-cyan),var(--accent-purple),var(--accent-pink),var(--accent-cyan));animation:avatarGlowSpin 4s linear infinite}.avatar-glow:after{filter:blur(8px);opacity:.5;z-index:-2}@keyframes avatarGlowSpin{to{transform:rotate(1turn)}}.avatar-status{bottom:2px;right:2px;border:2px solid var(--bg-dark)}.avatar-status.online{background:#10b981;box-shadow:0 0 8px rgba(16,185,129,.6)}.tilt-card{transition:transform .5s cubic-bezier(.16,1,.3,1),box-shadow .5s ease;transform-style:preserve-3d;perspective:1000px}.tilt-card:hover{box-shadow:0 20px 60px rgba(0,0,0,.4),0 0 30px rgba(110,231,255,.05)}.tilt-card:after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(135deg,rgba(255,255,255,.1),transparent 50%,rgba(255,255,255,.02));opacity:0;transition:opacity .5s ease;pointer-events:none}.tilt-card:hover:after{opacity:1}.animated-number{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;transition:all .6s cubic-bezier(.16,1,.3,1)}.counter-highlight{animation:counterPop .6s cubic-bezier(.16,1,.3,1)}.toast-container{top:20px;right:20px;gap:10px}.toast{pointer-events:all;align-items:center;gap:12px;padding:14px 20px;background:rgba(11,16,32,.85);border:1px solid rgba(255,255,255,.1);border-radius:16px;color:#fff;font-size:.88rem;font-family:var(--font-base);box-shadow:0 10px 40px rgba(0,0,0,.4),0 0 20px rgba(0,0,0,.2);animation:toastSlideIn .5s cubic-bezier(.16,1,.3,1) both;max-width:380px;min-width:280px}.toast.toast-exit{animation:toastSlideOut .4s cubic-bezier(.7,0,.84,0) both}.toast-success{border-color:rgba(16,185,129,.3);box-shadow:0 10px 40px rgba(0,0,0,.4),0 0 20px rgba(16,185,129,.08)}.toast-error{border-color:rgba(239,68,68,.3);box-shadow:0 10px 40px rgba(0,0,0,.4),0 0 20px rgba(239,68,68,.08)}.toast-info{border-color:rgba(110,231,255,.3);box-shadow:0 10px 40px rgba(0,0,0,.4),0 0 20px rgba(110,231,255,.08)}.toast-icon{font-size:1.2rem}.toast-progress{left:16px;right:16px;border-radius:2px;background:rgba(255,255,255,.1);overflow:hidden}.toast-progress:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--accent-cyan),var(--accent-purple));animation:toastProgress var(--toast-duration,4s) linear both;transform-origin:left}@keyframes toastSlideIn{0%{transform:translateX(120%) scale(.9);opacity:0}to{transform:translateX(0) scale(1);opacity:1}}@keyframes toastSlideOut{0%{transform:translateX(0) scale(1);opacity:1}to{transform:translateX(120%) scale(.8);opacity:0}}.page-enter{animation:pageEnter .5s cubic-bezier(.16,1,.3,1) both}@keyframes pageEnter{0%{opacity:0;transform:translateY(16px);filter:blur(4px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}.bell-ring{animation:bellRing .6s cubic-bezier(.16,1,.3,1);transform-origin:top center}@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{position:absolute;top:-4px;right:-4px;width:18px;height:18px;background:linear-gradient(135deg,#ef4444,#dc2626);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.6rem;font-weight:700;color:#fff;border:2px solid var(--bg-dark);animation:badgePop .4s cubic-bezier(.16,1,.3,1);box-shadow:0 0 8px rgba(239,68,68,.5)}@keyframes badgePop{0%{transform:scale(0)}50%{transform:scale(1.3)}to{transform:scale(1)}}.sparkline-container{display:inline-flex;align-items:flex-end;gap:2px;height:32px;padding:4px 0}.sparkline-bar{width:4px;border-radius:2px;background:linear-gradient(0deg,rgba(110,231,255,.3),rgba(110,231,255,.8));transition:height .6s cubic-bezier(.16,1,.3,1);animation:sparklineGrow .8s cubic-bezier(.16,1,.3,1) both}.sparkline-bar:nth-child(odd){background:linear-gradient(0deg,rgba(139,92,246,.3),rgba(139,92,246,.8))}@keyframes sparklineGrow{0%{height:0!important}}.glass-input{background:rgba(255,255,255,.04)!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:12px!important;color:#fff!important;padding:12px 16px!important;font-size:.9rem!important;outline:none!important;transition:all .4s cubic-bezier(.16,1,.3,1)!important}.glass-input:focus{border-color:rgba(110,231,255,.4)!important;background:rgba(255,255,255,.07)!important;box-shadow:0 0 0 3px rgba(110,231,255,.08),0 0 20px rgba(110,231,255,.08)!important}.reveal-section{opacity:0;transform:translateY(20px);animation:revealSection .6s cubic-bezier(.16,1,.3,1) both}.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{position:fixed;top:16px;right:16px;z-index:10000;display:flex;flex-direction:column;gap:8px;pointer-events:none;max-width:360px}@media (max-width:640px){.toast-container{right:8px;left:8px;max-width:none;top:8px}}.toast{pointer-events:auto;display:flex;align-items:flex-start;gap:10px;padding:12px 14px;border-radius:14px;background:rgba(15,20,35,.92);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.08);color:var(--text-primary);cursor:pointer;position:relative;overflow:hidden;animation:toastIn .4s cubic-bezier(.16,1,.3,1) both;box-shadow:0 8px 32px rgba(0,0,0,.4),0 0 0 1px rgba(255,255,255,.04)}.toast-exit{animation:toastOut .35s cubic-bezier(.7,0,.84,0) both}.toast-icon{font-size:1.1rem;flex-shrink:0;margin-top:1px}.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{position:absolute;bottom:0;left:0;height:2px;border-radius:0 0 14px 14px;animation:toastProgress var(--toast-duration,3.5s) linear both}.toast-success .toast-progress{background:#10b981}.toast-error .toast-progress{background:#ef4444}.toast-info .toast-progress{background:var(--accent-cyan)}@keyframes toastIn{0%{transform:translateX(100%) scale(.9);opacity:0}to{transform:translateX(0) scale(1);opacity:1}}@keyframes toastOut{0%{transform:translateX(0) scale(1);opacity:1}to{transform:translateX(100%) scale(.8);opacity:0}}@keyframes toastProgress{0%{width:100%}to{width:0}}.avatar-status{position:absolute;bottom:-1px;right:-1px;width:12px;height:12px;border-radius:50%;border:2px solid var(--bg-dark,#07090f);z-index:2}.avatar-status.online{background:#22c55e;box-shadow:0 0 6px rgba(34,197,94,.6);animation:statusPulse 2s ease-in-out infinite}.avatar-status.offline{background:#6b7280}@keyframes statusPulse{0%,to{box-shadow:0 0 4px rgba(34,197,94,.4)}50%{box-shadow:0 0 10px rgba(34,197,94,.8)}}.animated-number{display:inline-block}.counter-highlight{animation:counterPop .35s cubic-bezier(.16,1,.3,1)}@keyframes counterPop{0%{transform:scale(1)}40%{transform:scale(1.15);color:var(--accent-cyan)}to{transform:scale(1)}}@media (max-width:768px){.ticket-detail-grid{grid-template-columns:1fr!important}}