@font-face{font-family:Bonzai;src:url(/fonts/bonzai.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}:root{--font-base:"Comfortaa", cursive, "Inter", sans-serif;--font-heading:"Comfortaa", cursive, "Exo 2", 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);-webkit-text-size-adjust:100%;max-width:100vw;overflow-x:hidden}body{font-family:var(--font-base);color:var(--text-primary);-webkit-font-smoothing:antialiased;max-width:100vw;min-height:100dvh;padding-bottom:env(safe-area-inset-bottom,0px);line-height:1.6;overflow-x:hidden}select option{background-color:var(--bg-dark,#07090f);color:var(--text-primary,#fff)}h1{font-size:clamp(1.8rem,7vw,4rem)}h2{font-size:clamp(1.4rem,5.5vw,2.5rem)}h3{font-size:clamp(1.2rem,4.5vw,2rem)}h4{font-size:clamp(1.05rem,3.8vw,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:768px){:root{--glass-blur:12px}button,a,.cyber-button,.cyber-button-ghost,.cyber-button-danger,input,select{touch-action:manipulation}.cyber-button,.cyber-button-ghost,.cyber-button-danger{min-height:44px}}.table-scroll-wrapper{-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;width:100%;overflow-x:auto}.iridescent-synced{background:linear-gradient(90deg,#fff 0%,#7dd3fc 28%,#c084fc 62%,#f472b6 82%,#fff 100%) 0 0/200%;color:#0000;-webkit-background-clip:text;background-clip:text;animation:7s linear infinite syncedShimmer}.iridescent-pink{background:linear-gradient(90deg,#fbcfe8 0%,#f472b6 30%,#e879f9 65%,#fbcfe8 100%) 0 0/200%;color:#0000;-webkit-background-clip:text;background-clip:text;animation:5s linear infinite syncedShimmer}.iridescent-pink-white{background:linear-gradient(90deg,#fff 0%,#f9a8d4 35%,#fff 70%,#f472b6 85%,#fff 100%) 0 0/200%;color:#0000;-webkit-background-clip:text;background-clip:text;animation:5s linear infinite syncedShimmer}@keyframes syncedShimmer{to{background-position:200%}}.grain-overlay{pointer-events:none;z-index:999;opacity:.025;filter:contrast(140%)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:opacity .7s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1);transform:translateY(24px)}.reveal-visible{opacity:1;transform:translateY(0)}:root{--btn-radius:14px;--btn-clip:none;--btn-border:1px solid #ffffff29;--btn-shadow:0 8px 24px -6px #6366f16b, 0 2px 8px #0ea5e92e, inset 0 1px 0 #ffffff47;--btn-hover-shadow:0 14px 32px -6px #6366f194, 0 4px 16px #38bdf847, inset 0 1px 0 #ffffff6b;--btn-bg:linear-gradient(135deg, #0ea5e9 0%, #6366f1 52%, #9333ea 100%);--btn-hover-transform:translateY(-2px);--btn-active-transform:translateY(.5px) scale(.98);--btn-font:var(--font-base);--btn-color:#fff;--btn-text-shadow:0 1px 2px #00000047;--btn-ghost-border:1px solid #ffffff1c;--btn-ghost-bg-hover:#ffffff16;--btn-danger-bg:#ef444414;--btn-danger-bg-hover:#ef44442e;--btn-padding:11px 26px}html[data-theme=sakura_pastel]{--btn-bg:linear-gradient(135deg, #ec4899 0%, #a855f7 54%, #6366f1 100%);--btn-shadow:0 8px 24px -6px #ec489966, 0 2px 10px #a855f738, inset 0 1px 0 #ffffff4d;--btn-hover-shadow:0 14px 32px -6px #ec48998c, 0 4px 18px #a855f752, inset 0 1px 0 #ffffff73}html[data-button-style=rounded]{--btn-radius:999px;--btn-bg:linear-gradient(135deg, #e0c3fc 0%, #8ec5fc 50%, #c4b5fd 100%);--btn-shadow:0 6px 22px -4px #8ec5fc52, inset 0 1px 0 #ffffffa6;--btn-hover-shadow:0 12px 30px -4px #8ec5fc7a, 0 0 20px #e0c3fc47, inset 0 1px 0 #ffffffd9;--btn-color:#0f172a;--btn-text-shadow:none;--btn-ghost-border:1px solid #ffffff2e}html[data-button-style=cyberpunk]{--btn-radius:4px;--btn-clip:polygon(10px 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0 100%, 0 10px);--btn-bg:linear-gradient(135deg, #ec4899 0%, #a855f7 55%, #06b6d4 100%);--btn-shadow:0 6px 20px -4px #ec489961, inset 0 1px 0 #ffffff40;--btn-hover-shadow:0 10px 28px -4px #ec48998c, 0 0 24px #06b6d440;--btn-color:#fff;--btn-text-shadow:0 1px 3px #00000059;--btn-hover-transform:translateY(-2px);--btn-font:"Exo 2", sans-serif}html[data-button-style=retro]{--btn-radius:4px;--btn-clip:none;--btn-bg:linear-gradient(180deg, #1a1a2e 0%, #0f0f1e 100%);--btn-color:var(--accent-cyan);--btn-border:1.5px solid var(--accent-cyan);--btn-shadow:3px 3px 0 var(--accent-pink), 0 0 12px #6ee7ff1f;--btn-hover-shadow:5px 5px 0 var(--accent-pink), 0 0 20px #6ee7ff38;--btn-hover-transform:translate(-1.5px, -1.5px);--btn-active-transform:translate(1.5px, 1.5px);--btn-font:"Space Grotesk", monospace;--btn-text-shadow:0 0 6px #6ee7ff59;--btn-ghost-border:1.5px 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:.015em;box-shadow:var(--btn-shadow);text-shadow:var(--btn-text-shadow);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;will-change:transform;background-position:0%;background-size:160% 160%;justify-content:center;align-items:center;gap:8px;font-size:.88rem;font-weight:700;text-decoration:none;transition:transform .28s cubic-bezier(.22,1,.36,1),box-shadow .28s cubic-bezier(.22,1,.36,1),background-position .45s cubic-bezier(.22,1,.36,1),filter .22s,border-color .22s;display:inline-flex;position:relative;overflow:hidden}.cyber-button:before{content:"";pointer-events:none;background:linear-gradient(90deg,#0000 0%,#ffffff47 50%,#0000 100%);width:45%;height:100%;transition:transform;position:absolute;top:0;left:0;transform:translate(-140%)skew(-20deg)}.cyber-button:after{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(#ffffff24 0%,#0000 45%);position:absolute;inset:0}.cyber-button:hover{transform:var(--btn-hover-transform);box-shadow:var(--btn-hover-shadow);filter:brightness(1.06);background-position:100%}.cyber-button:hover:before{transition:transform .65s cubic-bezier(.22,1,.36,1);transform:translate(300%)skew(-20deg)}.cyber-button:active{transform:var(--btn-active-transform);filter:brightness(.96);transition-duration:.1s}.cyber-button:focus-visible{outline:2px solid var(--accent-cyan);outline-offset:2px}.cyber-button:disabled{opacity:.42;cursor:not-allowed;filter:saturate(.35);box-shadow:none;transform:none}.cyber-button-ghost{padding:var(--btn-padding);-webkit-backdrop-filter:blur(14px);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;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:#ffffff0a;justify-content:center;align-items:center;gap:8px;font-size:.86rem;font-weight:600;text-decoration:none;transition:transform .28s cubic-bezier(.22,1,.36,1),background-color .22s,border-color .22s,box-shadow .28s cubic-bezier(.22,1,.36,1),color .2s;display:inline-flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff12}.cyber-button-ghost:before{content:"";border-radius:inherit;pointer-events:none;opacity:0;background:linear-gradient(135deg,#ffffff14 0%,#0000 55%);transition:opacity .25s;position:absolute;inset:0}.cyber-button-ghost:hover{transform:var(--btn-hover-transform);background:var(--btn-ghost-bg-hover);color:#fff;border-color:#6ee7ff52;box-shadow:0 8px 24px -6px #00000059,0 0 16px #6ee7ff14,inset 0 1px #ffffff24}.cyber-button-ghost:hover:before{opacity:1}.cyber-button-ghost:active{transform:var(--btn-active-transform);transition-duration:.1s}.cyber-button-ghost:focus-visible{outline:2px solid var(--accent-cyan);outline-offset:2px}.cyber-button-ghost:disabled{opacity:.4;cursor:not-allowed;filter:saturate(.3);transform:none}.cyber-button-danger{background:var(--btn-danger-bg);color:#fca5a5;font-family:var(--btn-font);letter-spacing:.03em;border-radius:var(--btn-radius);clip-path:var(--btn-clip);cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;border:1px solid #ef444438;justify-content:center;align-items:center;gap:8px;padding:9px 20px;font-size:.8rem;font-weight:700;text-decoration:none;transition:transform .26s cubic-bezier(.22,1,.36,1),background-color .22s,border-color .22s,box-shadow .26s cubic-bezier(.22,1,.36,1),color .2s;display:inline-flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff0d}.cyber-button-danger:hover{transform:var(--btn-hover-transform);background:var(--btn-danger-bg-hover);color:#fff;border-color:#ef44447a;box-shadow:0 8px 24px -6px #ef444452,inset 0 1px #ffffff1f}.cyber-button-danger:active{transform:var(--btn-active-transform);transition-duration:.1s}.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 fadeInUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(16px)scale(.975)}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)}.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}@media (max-width:768px){.ticket-detail-grid{grid-template-columns:1fr!important}}@keyframes gradientShine{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}
