:root{--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--shadow-xs:0 1px 2px #0003;--shadow-sm:0 2px 6px #00000040;--shadow-md:0 6px 16px #0000004d;--shadow-lg:0 12px 28px #00000059;--shadow-xl:0 20px 50px #00000073;--shadow-glow-cyan:0 0 24px #00d4ff59;--shadow-glow-green:0 0 24px #40e88859;--shadow-glow-amber:0 0 24px #fdbb2d4d;--shadow-glow-red:0 0 24px #ff45604d;--ease-smooth:cubic-bezier(.4, 0, .2, 1);--ease-bounce:cubic-bezier(.68, -.55, .265, 1.55);--ease-out:cubic-bezier(.16, 1, .3, 1);--dur-fast:.15s;--dur-normal:.22s;--dur-slow:.38s}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important}}.btn{justify-content:center;align-items:center;gap:var(--space-2);letter-spacing:.04em;text-transform:uppercase;cursor:pointer;transition:transform var(--dur-fast) var(--ease-smooth), box-shadow var(--dur-normal) var(--ease-smooth), background var(--dur-normal) var(--ease-smooth), border-color var(--dur-normal) var(--ease-smooth);-webkit-tap-highlight-color:transparent;border:1px solid #0000;border-radius:10px;padding:10px 18px;font-family:Rajdhani,sans-serif;font-size:13px;font-weight:700;display:inline-flex;position:relative;overflow:hidden}.btn:focus-visible{outline:none;box-shadow:0 0 0 3px #00d4ff73}.btn:active:not(:disabled){transform:scale(.97)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn:after{content:"";opacity:0;transition:opacity var(--dur-fast), transform var(--dur-slow);pointer-events:none;background:radial-gradient(circle,#fff6 0%,#0000 60%);position:absolute;inset:0;transform:scale(.5)}.btn:active:after{opacity:1;transition:opacity;transform:scale(1)}.btn:before{content:"";pointer-events:none;opacity:0;transition:opacity var(--dur-normal);background:linear-gradient(#ffffff1f 0%,#0000 50%);position:absolute;inset:0}.btn:hover:not(:disabled):before{opacity:1}.btn-primary{color:#050b18;box-shadow:var(--shadow-md), var(--shadow-glow-cyan);background:linear-gradient(135deg,#00d4ff 0%,#40e888 100%)}.btn-primary:hover:not(:disabled){box-shadow:var(--shadow-lg), 0 0 36px #00d4ff8c;transform:translateY(-2px)}.btn-secondary{color:#e2e8f0;box-shadow:var(--shadow-sm);background:#ffffff0f;border-color:#ffffff1f}.btn-secondary:hover:not(:disabled){color:#fff;box-shadow:var(--shadow-md);background:#ffffff1a;border-color:#00d4ff66;transform:translateY(-1px)}.btn-ghost{color:#94a3b8;background:0 0}.btn-ghost:hover:not(:disabled){color:#00d4ff;background:#00d4ff14}.btn-danger{color:#fff;box-shadow:var(--shadow-md), var(--shadow-glow-red);background:linear-gradient(135deg,#ff4560 0%,#ff7e5f 100%)}.btn-danger:hover:not(:disabled){box-shadow:var(--shadow-lg), 0 0 36px #ff45608c;transform:translateY(-2px)}.btn-accent{color:#050b18;box-shadow:var(--shadow-md), var(--shadow-glow-amber);background:linear-gradient(135deg,#fdbb2d 0%,#ff7e5f 100%)}.btn-accent:hover:not(:disabled){box-shadow:var(--shadow-lg), 0 0 36px #fdbb2d8c;transform:translateY(-2px)}.btn-sm{border-radius:8px;padding:6px 12px;font-size:11px}.btn-xs{letter-spacing:.06em;border-radius:6px;padding:4px 8px;font-size:10px}.btn-lg{border-radius:12px;padding:14px 28px;font-size:15px}button[style*=linear-gradient]{transition:transform var(--dur-fast) var(--ease-smooth), box-shadow var(--dur-normal) var(--ease-smooth), filter var(--dur-normal) var(--ease-smooth)}button[style*=linear-gradient]:hover:not(:disabled){filter:brightness(1.08)saturate(1.1);box-shadow:var(--shadow-md);transform:translateY(-1px)}button[style*=linear-gradient]:active:not(:disabled){transform:scale(.97)}.card,.card-compact{-webkit-backdrop-filter:blur(12px);border:1px solid #ffffff0f;position:relative;transition:transform var(--dur-normal) var(--ease-smooth), box-shadow var(--dur-normal) var(--ease-smooth), border-color var(--dur-normal) var(--ease-smooth)!important}.card:before,.card-compact:before{content:"";border-radius:inherit;-webkit-mask-composite:xor;pointer-events:none;opacity:.6;transition:opacity var(--dur-normal);background:linear-gradient(135deg,#00d4ff26,#40e88800 40%,#b488ff1a);padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.card:hover:before,.card-compact:hover:before{opacity:1}.card:hover,.card-compact:hover{transform:translateY(-2px);border-color:#00d4ff2e!important}.card-highlight{box-shadow:var(--shadow-lg), var(--shadow-glow-cyan)!important;background:linear-gradient(135deg,#00d4ff0f,#40e8880a)!important;border-color:#00d4ff33!important}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg,#ffffff0a 25%,#ffffff1a 50%,#ffffff0a 75%) 0 0/200% 100%;border-radius:6px;animation:1.4s linear infinite shimmer}@keyframes float-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.animate-float-in{animation:float-in var(--dur-slow) var(--ease-out) both}@keyframes scale-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.animate-scale-in{animation:scale-in var(--dur-normal) var(--ease-out) both}.stagger-children>*{animation:float-in var(--dur-slow) var(--ease-out) both}.stagger-children>:first-child{animation-delay:0s}.stagger-children>:nth-child(2){animation-delay:60ms}.stagger-children>:nth-child(3){animation-delay:.12s}.stagger-children>:nth-child(4){animation-delay:.18s}.stagger-children>:nth-child(5){animation-delay:.24s}.stagger-children>:nth-child(6){animation-delay:.3s}.stagger-children>:nth-child(7){animation-delay:.36s}@keyframes glow-pulse{0%,to{box-shadow:var(--shadow-md), var(--shadow-glow-cyan)}50%{box-shadow:var(--shadow-md), 0 0 40px #00d4ffb3}}.animate-glow-pulse{animation:glow-pulse 2.5s var(--ease-smooth) infinite}table tbody tr{transition:background var(--dur-fast) var(--ease-smooth)}table tbody tr:hover{background:#00d4ff0a}input:not([type=checkbox]):not([type=radio]):not([type=range]):focus,select:focus,textarea:focus{transition:box-shadow var(--dur-normal) var(--ease-smooth), border-color var(--dur-normal) var(--ease-smooth)}aside,.sidebar{-webkit-backdrop-filter:blur(16px)saturate(1.1)}.sidebar button{transition:color var(--dur-normal) var(--ease-smooth), background var(--dur-normal) var(--ease-smooth), padding-left var(--dur-normal) var(--ease-smooth);position:relative}.sidebar button:before{content:"";width:0;transition:width var(--dur-normal) var(--ease-out);background:linear-gradient(#00d4ff,#40e888);border-radius:0 2px 2px 0;position:absolute;top:25%;bottom:25%;left:0;box-shadow:0 0 12px #00d4ff80}.sidebar button:hover:before,.sidebar button[style*="rgb(0, 212, 255)"]:before{width:3px}.sidebar button:hover{padding-left:calc(var(--space-3) + 2px)}body:not(.dark) [style*="color: #fff"]:not([style*=background]),body:not(.dark) [style*="color: #ffffff"]:not([style*=background]){color:#0f172a!important}body:not(.dark) [style*="color: #cbd5e1"]:not([style*=background]){color:#475569!important}body:not(.dark) [style*="color: #94a3b8"]:not([style*=background]){color:#64748b!important}body:not(.dark) [style*="color: #64748b"]:not([style*=background]){color:#475569!important}body:not(.dark) [style*="color: #e2e8f0"]:not([style*=background]){color:#1e293b!important}.money-amount{font-variant-numeric:tabular-nums;letter-spacing:-.01em;transition:color var(--dur-normal) var(--ease-smooth)}.empty-state{padding:var(--space-7) var(--space-5);text-align:center;background:linear-gradient(135deg,#00d4ff08,#40e88805);border:1px dashed #00d4ff33;border-radius:16px;position:relative;overflow:hidden}.empty-state:before{content:"";pointer-events:none;background:radial-gradient(circle,#00d4ff0f 0%,#0000 50%);width:200%;height:200%;animation:1.2s ease-out both float-in;position:absolute;top:-50%;left:-50%}.empty-state-icon{margin-bottom:var(--space-4);filter:drop-shadow(0 0 20px #00d4ff66);animation:float-in var(--dur-slow) var(--ease-out) both, gentle-bob 3s ease-in-out infinite 1s;font-size:56px;display:inline-block}@keyframes gentle-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.empty-state-cta{margin-top:var(--space-4);color:#050b18;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;box-shadow:var(--shadow-md), var(--shadow-glow-cyan);transition:transform var(--dur-fast) var(--ease-smooth), box-shadow var(--dur-normal);background:linear-gradient(135deg,#00d4ff 0%,#40e888 100%);border:none;border-radius:10px;padding:12px 24px;font-family:Rajdhani,sans-serif;font-size:14px;font-weight:700}.empty-state-cta:hover{box-shadow:var(--shadow-lg), 0 0 40px #00d4ff99;transform:translateY(-2px)scale(1.02)}.tab-button{color:#94a3b8;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transition:all var(--dur-normal) var(--ease-smooth);white-space:nowrap;background:#ffffff0a;border:1px solid #ffffff0f;border-radius:10px;padding:8px 16px;font-family:Rajdhani,sans-serif;font-size:12px;font-weight:600;position:relative}.tab-button:hover{color:#cbd5e1;background:#00d4ff14;border-color:#00d4ff33}.tab-button.active{color:#00d4ff;background:linear-gradient(135deg,#00d4ff26,#40e8881a);border-color:#00d4ff66;box-shadow:0 0 16px #00d4ff40}.hq-logo-gradient{background:linear-gradient(135deg,#00d4ff 0%,#40e888 50%,#b488ff 100%) 0 0/200% 200%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;animation:6s ease-in-out infinite gradient-shift}@keyframes gradient-shift{0%,to{background-position:0%}50%{background-position:100%}}*{scrollbar-width:thin;scrollbar-color:#00d4ff4d transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#ffffff05;border-radius:6px}::-webkit-scrollbar-thumb{background:linear-gradient(#00d4ff4d,#40e8884d) padding-box padding-box;border:2px solid #0000;border-radius:6px;transition:background .2s}::-webkit-scrollbar-thumb:hover{background:linear-gradient(#00d4ff8c,#40e8888c) padding-box padding-box}::-webkit-scrollbar-corner{background:0 0}input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),select,textarea{transition:all var(--dur-normal) var(--ease-smooth)!important}input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]):focus,select:focus,textarea:focus{transform:translateY(-1px);border-color:#00d4ff!important;box-shadow:0 0 0 3px #00d4ff2e,0 0 16px #00d4ff26!important}input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]):hover:not(:focus),select:hover:not(:focus),textarea:hover:not(:focus){border-color:#00d4ff4d!important}@keyframes toast-in{0%{opacity:0;transform:translate(60px)scale(.95)}to{opacity:1;transform:translate(0)scale(1)}}@keyframes toast-out{to{opacity:0;transform:translate(60px)scale(.95)}}.toast,[class*=toast-]{animation:toast-in var(--dur-slow) var(--ease-out) both}[role=dialog],.modal-overlay{animation:scale-in var(--dur-normal) var(--ease-out) both}.engine-card{transition:transform var(--dur-normal) var(--ease-smooth), box-shadow var(--dur-normal) var(--ease-smooth);transform-style:preserve-3d;perspective:1000px}.engine-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-3px)rotateX(2deg)rotateY(-1deg)}.badge{letter-spacing:.08em;text-transform:uppercase;border-radius:999px;align-items:center;gap:4px;padding:2px 8px;font-family:Rajdhani,sans-serif;font-size:10px;font-weight:700;display:inline-flex}[style*=width\:][style*=\%][style*=background\:]:not(.no-anim){transition:width .6s var(--ease-out)!important}.animate-fade-in{animation:float-in var(--dur-slow) var(--ease-out) both!important}::selection{color:#fff;background:#00d4ff59}a{transition:color var(--dur-fast) var(--ease-smooth), text-shadow var(--dur-fast) var(--ease-smooth)}a:hover{text-shadow:0 0 8px}.tab-button.active:after,button[style*="rgb(0, 212, 255)"][style*=border]:after{content:"";height:2px;animation:glide-in var(--dur-normal) var(--ease-out) both;background:linear-gradient(90deg,#00d4ff,#40e888);border-radius:2px;position:absolute;bottom:-2px;left:12%;right:12%;box-shadow:0 0 8px #00d4ff80}@keyframes glide-in{0%{opacity:0;transform:scaleX(0)}to{opacity:1;transform:scaleX(1)}}@keyframes notif-pulse{0%,to{transform:scale(1);box-shadow:0 0 #40e88899}50%{transform:scale(1.15);box-shadow:0 0 0 8px #40e88800}}.notif-dot{width:8px;height:8px;animation:notif-pulse 1.8s var(--ease-smooth) infinite;vertical-align:middle;background:#40e888;border-radius:50%;display:inline-block}.notif-dot.urgent{background:#ff4560;animation-name:notif-pulse-urgent}@keyframes notif-pulse-urgent{0%,to{transform:scale(1);box-shadow:0 0 #ff456099}50%{transform:scale(1.2);box-shadow:0 0 0 10px #ff456000}}@keyframes achievement-burst{0%{opacity:0;filter:brightness(2);transform:scale(.7)rotate(-12deg)}40%{opacity:1;filter:brightness(1.5);transform:scale(1.15)rotate(3deg)}to{opacity:1;filter:brightness();transform:scale(1)rotate(0)}}.achievement-unlocked{animation:achievement-burst .7s var(--ease-bounce) both;filter:drop-shadow(0 0 16px #fdbb2d99)}@keyframes flash-up{0%{color:#40e888;transform:translateY(-2px)}to{color:inherit;transform:translateY(0)}}@keyframes flash-down{0%{color:#ff4560;transform:translateY(2px)}to{color:inherit;transform:translateY(0)}}.flash-up{animation:flash-up .6s var(--ease-out) both}.flash-down{animation:flash-down .6s var(--ease-out) both}.first-render-glow{animation:first-glow 1.6s var(--ease-out) both}@keyframes first-glow{0%{box-shadow:0 0 0 3px #00d4ff99, var(--shadow-md)}to{box-shadow:var(--shadow-md)}}[data-clickable=true]{cursor:pointer}[data-clickable=true]:hover{filter:brightness(1.15)}.print-only{display:none}@media print{.print-only{display:block}.print-hide{display:none!important}}.btn-magnetic{transition:transform var(--dur-normal) var(--ease-smooth), box-shadow var(--dur-normal) var(--ease-smooth);will-change:transform}.btn-magnetic:hover{transform:translateY(-3px)scale(1.04)}.btn-magnetic:active{transform:scale(.96)}.btn-magnetic.important{position:relative}.btn-magnetic.important:before{content:"";border-radius:inherit;opacity:0;filter:blur(8px);z-index:-1;transition:opacity var(--dur-normal);background:conic-gradient(#00d4ff,#40e888,#b488ff,#00d4ff);animation:6s linear infinite magnetic-spin;position:absolute;inset:-2px}.btn-magnetic.important:hover:before{opacity:.7}@keyframes magnetic-spin{to{transform:rotate(360deg)}}.nw-row{cursor:help;transition:background var(--dur-fast);border-radius:6px;margin:-4px;padding:4px}.nw-row:hover{background:#00d4ff0d}button[title*=dark\ mode],button[title*=light\ mode]{transition:transform var(--dur-normal) var(--ease-bounce), background var(--dur-normal) var(--ease-smooth)}button[title*=dark\ mode]:hover,button[title*=light\ mode]:hover{transform:rotate(20deg)scale(1.1);background:#fdbb2d26!important}body,.card,.card-compact,header,aside{transition:background-color .4s var(--ease-smooth), color .4s var(--ease-smooth)!important}@keyframes liquid-wave{0%{background-position:0%,0 0}to{background-position:100%,40px 0}}.bar-liquid{position:relative;overflow:hidden}.bar-liquid>div{background-blend-mode:overlay;background-image:linear-gradient(90deg,currentColor 0% 100%),repeating-linear-gradient(45deg,#ffffff26 0 10px,#0000 10px 20px);animation:1.6s linear infinite liquid-wave;position:relative}[style*="background: linear-gradient(90deg, #40e888"],[style*="background: linear-gradient(90deg, #00D4FF"]{background-blend-mode:overlay;background-image:linear-gradient(90deg,#40e888,#00d4ff),repeating-linear-gradient(45deg,#ffffff1a 0 8px,#0000 8px 16px);background-size:100% 100%,22px 22px;animation:1.8s linear infinite liquid-stripe}@keyframes liquid-stripe{to{background-position:0 0,-22px 0}}h1.shimmer-text,h2.shimmer-text,h3.shimmer-text,.shimmer-text{background:linear-gradient(110deg,#cbd5e1 25%,#fff 50%,#cbd5e1 75%) 0 0/220% 100%;-webkit-text-fill-color:transparent;transition:background-position .6s var(--ease-out);-webkit-background-clip:text;background-clip:text}.shimmer-text:hover{background-position:-50% 0}main h2{background:linear-gradient(110deg,currentColor 30%,#00d4ff 50%,currentColor 70%) 200% 0/220% 100%;transition:background-position 1.2s var(--ease-out), -webkit-text-fill-color 0s;cursor:default;-webkit-background-clip:text;background-clip:text}main h2:hover{-webkit-text-fill-color:transparent;background-position:-50% 0}@keyframes section-slide-in{0%{opacity:0;filter:blur(4px);transform:translate(20px)scale(.99)}to{opacity:1;filter:blur();transform:translate(0)scale(1)}}main>*{animation:section-slide-in var(--dur-slow) var(--ease-out) both}body.cursor-trail-active{cursor:none}body.cursor-trail-active *{cursor:none!important}.cursor-dot{pointer-events:none;z-index:100000;mix-blend-mode:screen;background:#00d4ff;border-radius:50%;width:8px;height:8px;transition:transform 50ms linear,width .2s,height .2s;position:fixed;transform:translate(-50%,-50%);box-shadow:0 0 12px #00d4ff,0 0 24px #00d4ff80}.cursor-trail{pointer-events:none;z-index:99999;mix-blend-mode:screen;width:32px;height:32px;transition:transform .18s var(--ease-smooth), width .2s, height .2s, border-color .2s;border:1.5px solid #00d4ff66;border-radius:50%;position:fixed;transform:translate(-50%,-50%)}.cursor-dot.hovering,.cursor-trail.hovering{border-color:#40e888;width:50px;height:50px}.parallax-card{transform-style:preserve-3d;transition:transform .15s var(--ease-smooth);will-change:transform}.parallax-card .parallax-content{transform:translateZ(20px)}.achievement-notif{z-index:9999;max-width:320px;box-shadow:var(--shadow-xl), 0 0 32px #fdbb2d59;-webkit-backdrop-filter:blur(16px);animation:achievement-slide var(--dur-slow) var(--ease-bounce) both;background:linear-gradient(135deg,#fdbb2d2e,#ff7e5f1f);border:1px solid #fdbb2d66;border-radius:14px;align-items:center;gap:12px;padding:14px 18px;display:flex;position:fixed;bottom:24px;left:24px}@keyframes achievement-slide{0%{opacity:0;transform:translate(-100%)scale(.9)}to{opacity:1;transform:translate(0)scale(1)}}.achievement-notif.exit{animation:achievement-slide-out .3s var(--ease-smooth) forwards}@keyframes achievement-slide-out{to{opacity:0;transform:translate(-100%)scale(.9)}}.achievement-notif-icon{filter:drop-shadow(0 0 10px #fdbb2db3);animation:achievement-burst .7s var(--ease-bounce) both;font-size:36px}.achievement-notif-text{flex:1;min-width:0}.achievement-notif-title{letter-spacing:.15em;text-transform:uppercase;color:#fdbb2d;margin-bottom:2px;font-family:Rajdhani,sans-serif;font-size:11px;font-weight:700}.achievement-notif-name{color:#fff;font-size:14px;font-weight:700;line-height:1.2}.achievement-notif-desc{color:#cbd5e1;margin-top:4px;font-size:11px}.card,.card-compact{cursor:default}.card:after,.card-compact:after{content:"";border-radius:inherit;background:conic-gradient(from var(--ripple-angle,0deg), transparent 0deg, #00d4ff1a 50deg, transparent 100deg, transparent 360deg);opacity:0;pointer-events:none;z-index:-1;filter:blur(6px);transition:opacity .4s var(--ease-smooth);position:absolute;inset:-2px}.card:hover:after,.card-compact:hover:after{opacity:1;animation:4s linear infinite ripple-spin}@keyframes ripple-spin{to{--ripple-angle:360deg}}@property --ripple-angle{syntax:"<angle>";inherits:false;initial-value:0deg}.achievement-badge,[class*=achievement] img,[class*=medal] img{transition:transform .5s var(--ease-bounce), filter .3s;transform-style:preserve-3d;cursor:pointer}.achievement-badge:hover,[class*=achievement] img:hover,[class*=medal] img:hover{filter:drop-shadow(0 0 16px #fdbb2d99)brightness(1.1);transform:rotateY(360deg)scale(1.15)}@keyframes page-wipe{0%{opacity:0;clip-path:inset(0 100% 0 0)}to{opacity:1;clip-path:inset(0)}}.page-wipe-enter{animation:page-wipe .6s var(--ease-out) both}input[type=range]{appearance:none;width:100%;height:6px;transition:all var(--dur-normal);background:linear-gradient(90deg,#00d4ff33,#40e88833);border-radius:999px;outline:none}input[type=range]::-webkit-slider-thumb{appearance:none;cursor:pointer;width:18px;height:18px;transition:transform var(--dur-fast) var(--ease-bounce), box-shadow var(--dur-normal);background:linear-gradient(135deg,#00d4ff,#40e888);border-radius:50%;box-shadow:0 0 10px #00d4ff99,0 2px 6px #0000004d}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.25);box-shadow:0 0 18px #00d4ffe6,0 4px 12px #0006}input[type=range]::-moz-range-thumb{cursor:pointer;background:linear-gradient(135deg,#00d4ff,#40e888);border:none;border-radius:50%;width:18px;height:18px;box-shadow:0 0 10px #00d4ff99}aside{position:relative}aside:after{content:"";width:4px;height:8px;transition:top .4s var(--ease-bounce);pointer-events:none;opacity:0;background:linear-gradient(#00d4ff,#40e888);border-radius:0 4px 4px 0;position:absolute;left:0;box-shadow:0 0 12px #00d4ffb3}aside:has(button[style*="rgb(0, 212, 255)"]):after{opacity:1}[title*=Annual]{transform-origin:50%;animation:6s linear infinite sub-badge-spin,2s ease-in-out infinite sub-badge-glow;display:inline-block}@keyframes sub-badge-spin{0%,90%,to{transform:rotate(0)}92%{transform:rotate(-15deg)}95%{transform:rotate(15deg)}}@keyframes sub-badge-glow{0%,to{filter:drop-shadow(0 0 6px #ffd70066)}50%{filter:drop-shadow(0 0 14px #ffd700cc)}}.breadcrumb{color:#94a3b8;letter-spacing:.05em;align-items:center;gap:8px;margin-bottom:12px;font-family:Rajdhani,sans-serif;font-size:11px;display:flex}.breadcrumb-item{transition:all var(--dur-fast);cursor:pointer;background:#ffffff0a;border:1px solid #0000;border-radius:6px;align-items:center;gap:4px;padding:2px 8px;display:inline-flex}.breadcrumb-item:hover{color:#00d4ff;background:#00d4ff1a;border-color:#00d4ff4d}.breadcrumb-item.current{color:#00d4ff;cursor:default;font-weight:600}.breadcrumb-separator{color:#475569;font-size:10px}[data-dragging=true]{opacity:.4;transition:opacity var(--dur-fast), transform var(--dur-fast);transform:scale(.98);cursor:grabbing!important}[data-drag-over=true]{transition:all var(--dur-fast);border-radius:8px;position:relative;transform:translateY(-1px);box-shadow:inset 0 0 0 2px #00d4ff80,0 0 16px #00d4ff4d;background:#00d4ff1a!important}[data-drag-over=true]:before{content:"";background:linear-gradient(90deg,#00d4ff,#40e888);border-radius:2px;height:3px;position:absolute;top:-2px;left:0;right:0;box-shadow:0 0 8px #00d4ffb3}.drag-handle{cursor:grab;opacity:.4;transition:opacity var(--dur-fast);-webkit-user-select:none;user-select:none;color:#94a3b8;align-items:center;padding:0 4px;font-size:14px;display:inline-flex}.drag-handle:hover,[draggable=true]:hover .drag-handle{opacity:1}.drag-handle:active{cursor:grabbing}[data-tooltip]{position:relative}[data-tooltip]:after{content:attr(data-tooltip);-webkit-backdrop-filter:blur(8px);color:#e2e8f0;letter-spacing:.04em;white-space:nowrap;pointer-events:none;opacity:0;z-index:9999;box-shadow:var(--shadow-lg), 0 0 12px #00d4ff4d;transition:opacity var(--dur-normal) var(--ease-smooth), transform var(--dur-normal) var(--ease-smooth);background:#0f172af2;border:1px solid #00d4ff4d;border-radius:8px;padding:6px 10px;font-family:Rajdhani,sans-serif;font-size:11px;font-weight:600;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)translateY(4px)}[data-tooltip]:hover:after{opacity:1;transform:translate(-50%)translateY(0)}[data-tooltip-bottom]:after{top:calc(100% + 8px);bottom:auto}[data-tooltip-left]:after{bottom:50%;left:auto;right:calc(100% + 8px);transform:translateY(50%)translate(4px)}[data-tooltip-left]:hover:after{transform:translateY(50%)translate(0)}main h2{position:relative}main h2:before{content:"";filter:blur(40px);pointer-events:none;z-index:-1;background:radial-gradient(#00d4ff1a,#0000 60%);width:60%;height:200%;animation:8s ease-in-out infinite blob-drift;position:absolute;top:-20%;left:-10%}@keyframes blob-drift{0%,to{transform:translate(0)scale(1)}50%{transform:translate(15%,-10%)scale(1.15)}}.press-hold{position:relative;overflow:hidden}.press-hold:before{content:"";transform-origin:0;transition:transform var(--dur-fast);pointer-events:none;background:linear-gradient(90deg,#ff456066 0% 100%);position:absolute;inset:0;transform:scaleX(0)}.press-hold:active:before{transition:transform 1.2s linear;transform:scaleX(1)}.toast-stack>.toast:nth-child(n+4){display:none}.toast-stack>.toast{transform-origin:100% 100%;margin-bottom:8px}.toast-stack>.toast:nth-child(2){opacity:.85;transform:scale(.95)}.toast-stack>.toast:nth-child(3){opacity:.7;transform:scale(.9)}.cmdk-overlay{-webkit-backdrop-filter:blur(8px);z-index:99998;animation:scale-in var(--dur-normal) var(--ease-out) both;background:#050b18b3;justify-content:center;align-items:flex-start;padding-top:15vh;display:flex;position:fixed;inset:0}.cmdk-modal{width:min(560px,92vw);box-shadow:var(--shadow-xl), 0 0 40px #00d4ff33;z-index:99999;background:#0f172af2;border:1px solid #00d4ff4d;border-radius:14px;overflow:hidden}.cmdk-input{color:#fff;background:0 0;border:none;border-bottom:1px solid #ffffff0f;outline:none;width:100%;padding:16px 20px;font-family:Inter,system-ui,sans-serif;font-size:15px}.cmdk-list{max-height:50vh;padding:8px;overflow-y:auto}.cmdk-item{cursor:pointer;color:#cbd5e1;transition:background var(--dur-fast);border-radius:8px;align-items:center;gap:12px;padding:10px 14px;font-size:13px;display:flex}.cmdk-item.active,.cmdk-item:hover{color:#fff;background:#00d4ff1f}.cmdk-item-icon{font-size:16px}.cmdk-item-shortcut{color:#64748b;letter-spacing:.1em;margin-left:auto;font-family:Rajdhani,sans-serif;font-size:10px}html{scroll-behavior:smooth;overflow-x:hidden;overflow-y:auto!important}body{min-height:100vh;overflow-x:hidden;overflow-y:auto!important}body.modal-open{overflow-y:hidden!important}main>*{will-change:auto}main>.animating{will-change:transform, opacity, filter}main{min-height:0;overflow:visible!important}canvas[aria-hidden=true]{pointer-events:none!important}footer{z-index:1;position:relative}
