:root{--bg-color:#f0f4f8;--bg-color-transparent:rgba(240,244,248,0);--text-color:#1e293b;--text-color-muted:#475569;--primary-color:#0ea5e9;--primary-color-glow:rgba(14,165,233,.7);--secondary-color:#a855f7;--secondary-color-glow:rgba(168,85,247,.6);--panel-bg-color:rgba(255,255,255,.75);--panel-border-color:rgba(56,189,248,.4);--input-bg-color:rgba(226,232,240,.8);--input-border-color:rgba(148,163,184,.4);--input-placeholder-color:#94a3b8;--scrollbar-track-color:#e2e8f0;--scrollbar-thumb-color:#94a3b8;--scrollbar-thumb-hover-color:#64748b;--button-primary-bg:#0ea5e9;--button-primary-text:#fff;--button-secondary-bg:#a855f7;--button-secondary-text:#fff;--tag-bg:rgba(203,213,225,.7);--tag-text:#334155;--tag-hover-bg:#0ea5e9;--tag-hover-text:#fff}html.dark{--bg-color:#020617;--bg-color-transparent:rgba(2,6,23,0);--text-color:#e2e8f0;--text-color-muted:#94a3b8;--primary-color:#06b6d4;--primary-color-glow:rgba(6,182,212,.6);--secondary-color:#c084fc;--secondary-color-glow:rgba(192,132,252,.5);--panel-bg-color:rgba(2,32,71,.7);--panel-border-color:rgba(6,182,212,.4);--input-bg-color:rgba(8,29,63,.5);--input-border-color:rgba(6,182,212,.3);--input-placeholder-color:rgba(148,224,236,.4);--scrollbar-track-color:#083344;--scrollbar-thumb-color:#06b6d4;--scrollbar-thumb-hover-color:#67e8f9;--button-primary-bg:#06b6d4;--button-primary-text:#082f49;--button-secondary-bg:#9333ea;--button-secondary-text:#fff;--tag-bg:rgba(8,47,73,.7);--tag-text:#a5f3fc;--tag-hover-bg:#a855f7;--tag-hover-text:#fff}body{background-color:var(--bg-color);color:var(--text-color);transition:background-color .5s,color .5s;overflow-x:hidden}#background-wrapper{z-index:0;width:100%;height:100%;transition:opacity .5s;position:fixed;top:0;bottom:0;left:0;right:0}.background-layer{will-change:background-position;background-repeat:repeat;position:absolute;top:0;bottom:0;left:0;right:0}.background-logo{opacity:.03;background-image:url(https://i.postimg.cc/Jh3ty7s7/LOGO-TONERX-CHU-NEW.png);background-position:50%;background-repeat:no-repeat;background-size:contain;width:100%;height:100%;transition:opacity .5s;position:absolute;top:0;bottom:0;left:0;right:0}html.dark .background-logo{opacity:.05}@keyframes grid-pan{0%{background-position:0 0}to{background-position:100% 100%}}@keyframes stars-pulse{0%,to{opacity:.3}50%{opacity:.8}}@keyframes data-stream{0%{background-position:-200% -200%}to{background-position:200% 200%}}#dark-bg{opacity:0}html.dark #dark-bg{opacity:1}#dark-bg .stars{background-image:radial-gradient(var(--primary-color).5px,transparent .5px);opacity:.3;background-size:200px 200px;animation:15s ease-in-out infinite stars-pulse}#dark-bg .grid{background-image:linear-gradient(var(--primary-color,#06b6d4)1px,transparent 1px),linear-gradient(90deg,var(--primary-color,#06b6d4)1px,transparent 1px);opacity:.1;background-size:40px 40px;animation:60s linear infinite grid-pan}#dark-bg .streams{background-image:repeating-linear-gradient(135deg,transparent,transparent 10px,var(--secondary-color,#c084fc)10px,var(--secondary-color,#c084fc)12px);opacity:.05;background-size:200% 200%;animation:20s linear infinite data-stream}@keyframes blueprint-pan-slow{0%{background-position:0 0}to{background-position:50px 50px}}@keyframes blueprint-pan-fast{0%{background-position:0 0}to{background-position:-50px -50px}}@keyframes nodes-fade{0%,to{opacity:.2}50%{opacity:.6}}#light-bg{opacity:0}html:not(.dark) #light-bg{opacity:1}#light-bg .grid{background-image:linear-gradient(var(--panel-border-color)1px,transparent 1px),linear-gradient(90deg,var(--panel-border-color)1px,transparent 1px);opacity:.3;background-size:50px 50px;animation:90s linear infinite blueprint-pan-slow}#light-bg .nodes{background-image:radial-gradient(var(--primary-color)1.5px,transparent 1.5px);opacity:.2;background-size:50px 50px;animation:60s linear infinite blueprint-pan-fast,8s ease-in-out infinite nodes-fade}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--scrollbar-track-color)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb-color);border:1px solid var(--scrollbar-track-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover-color)}@keyframes scan-in{0%{opacity:0;transform:translateY(30px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.animate-scan-in{animation:.6s cubic-bezier(.25,1,.5,1) forwards scan-in}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes text-glow{0%,to{text-shadow:0 0 5px var(--primary-color-glow),0 0 10px var(--primary-color-glow),0 0 15px var(--primary-color-glow)}50%{text-shadow:0 0 10px var(--primary-color-glow),0 0 20px var(--primary-color-glow),0 0 30px var(--primary-color-glow)}}.animate-text-glow{animation:3s ease-in-out infinite text-glow}@keyframes title-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes button-pulse-glow{0%,to{box-shadow:0 0 15px var(--primary-color-glow),0 0 5px var(--secondary-color-glow);transform:scale(1)}50%{box-shadow:0 0 30px var(--primary-color-glow),0 0 10px var(--secondary-color-glow),0 4px 30px rgba(0,0,0,.2);transform:scale(1.03)}}.animate-title-float{animation:6s ease-in-out infinite title-float,3s ease-in-out infinite text-glow}.animate-button-pulse{animation:4s ease-in-out infinite button-pulse-glow}@keyframes logo-pulse-glow{0%,to{filter:drop-shadow(0 0 8px var(--primary-color-glow));transform:scale(1)}50%{filter:drop-shadow(0 0 16px var(--primary-color-glow))drop-shadow(0 0 8px var(--secondary-color-glow));transform:scale(1.03)}}.animate-logo-pulse{animation:5s ease-in-out infinite logo-pulse-glow}.hud-border{background-color:var(--panel-bg-color);-webkit-backdrop-filter:blur(16px)saturate(1.2);backdrop-filter:blur(16px)saturate(1.2);border:1px solid var(--panel-border-color);box-shadow:0 0 8px var(--primary-color-glow),0 4px 30px rgba(0,0,0,.2),inset 0 0 15px rgba(0,0,0,.3);border-radius:.75rem;transition:all .4s cubic-bezier(.25,1,.5,1);position:relative;transform:perspective(1000px)}.hud-border:hover{box-shadow:0 0 12px var(--primary-color-glow),0 0 24px var(--secondary-color-glow),0 8px 40px rgba(0,0,0,.3),inset 0 0 15px rgba(0,0,0,.3);border-color:var(--primary-color);transform:perspective(1000px)rotateX(1deg)rotateY(-1deg)scale(1.01)}.btn-hover-effect:hover:not(:disabled){box-shadow:0 0 8px var(--primary-color-glow);filter:brightness(1.15);transform:translateY(-2px)scale(1.05)}@keyframes pulse-border{0%,to{border-color:var(--primary-color);box-shadow:0 0 10px var(--primary-color-glow)}50%{border-color:var(--secondary-color);box-shadow:0 0 15px var(--secondary-color-glow)}}.dropzone-active{animation:1.5s infinite pulse-border;transform:scale(1.02)}.btn-preset-neon{background-color:var(--panel-bg-color);color:var(--neon-color,var(--text-color-muted));border-width:2px;border-color:var(--neon-color,var(--panel-border-color));border-radius:.5rem;transition:all .3s}.btn-preset-neon:hover:not(.active){background-color:color-mix(in srgb,var(--neon-color)15%,transparent);box-shadow:0 0 8px var(--neon-glow-color,transparent);color:var(--neon-color,var(--text-color))}.btn-preset-neon.active{background-color:var(--neon-color);border-color:var(--neon-color);color:#020617;text-shadow:0 0 2px rgba(255,255,255,.7);box-shadow:0 0 5px var(--neon-glow-color),0 0 10px var(--neon-glow-color),0 0 15px var(--neon-glow-color);transform:scale(1.05)}.btn-neon-restore{--neon-color:#ffbf00;--neon-glow-color:rgba(255,191,0,.6)}.btn-neon-relight{--neon-color:#ff0;--neon-glow-color:rgba(255,255,0,.6)}.btn-neon-style{--neon-color:#f0f;--neon-glow-color:rgba(255,0,255,.6)}.btn-neon-background{--neon-color:#39ff14;--neon-glow-color:rgba(57,255,20,.6)}.btn-neon-clothing{--neon-color:#0ff;--neon-glow-color:rgba(0,255,255,.6)}.btn-neon-passport{--neon-color:#4d4dff;--neon-glow-color:rgba(77,77,255,.6)}.btn-neon-edit{--neon-color:#ff1b1b;--neon-glow-color:rgba(255,27,27,.6)}.btn-neon-color_match{--neon-color:#ff69b4;--neon-glow-color:rgba(255,105,180,.6)}.btn-neon-relight.active,.btn-neon-clothing.active,.btn-neon-background.active{color:#0c2929}.logo-mask{background-color:currentColor;-webkit-mask-image:url(https://i.postimg.cc/Jh3ty7s7/LOGO-TONERX-CHU-NEW.png);mask-image:url(https://i.postimg.cc/Jh3ty7s7/LOGO-TONERX-CHU-NEW.png);-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}