body{color:#fff;margin:0;position:relative}::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-track{border-radius:5px}::-webkit-scrollbar-thumb{border:2px solid #ffffff1a;border-radius:5px;-webkit-transition:all .3s cubic-bezier(.4,0,.2,1);transition:all .3s cubic-bezier(.4,0,.2,1)}::-webkit-scrollbar-thumb:hover{box-shadow:0 0 15px #e5091480}::-webkit-scrollbar-corner{background:#ffffff1a;border-radius:5px}::-moz-selection{background:#e509144d;color:#fff}:focus{outline:none}:focus-visible{border-radius:4px;outline:2px solid #e50914;outline-offset:2px}code{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:4px;color:#ff6b6b;font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace;font-size:.9em;padding:.2rem .4rem}a{color:#e50914;position:relative;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}a:hover{color:#ff6b6b;text-shadow:0 0 10px #e5091480}a:after{background:linear-gradient(90deg,#e50914,#ff6b6b);bottom:-2px;content:"";height:2px;left:0;position:absolute;transition:width .3s cubic-bezier(.4,0,.2,1);width:0}a:hover:after{width:100%}*{-webkit-tap-highlight-color:transparent;transition:color .3s cubic-bezier(.4,0,.2,1),background-color .3s cubic-bezier(.4,0,.2,1),border-color .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1)}img{transition:opacity .3s cubic-bezier(.4,0,.2,1)}img[loading]{opacity:0}img.loaded{opacity:1}button{cursor:pointer}button,input,select,textarea{background:none;border:none;font-family:inherit;margin:0;outline:none;padding:0}input,select,textarea{color:inherit;font-size:inherit}ol,ul{list-style:none;margin:0;padding:0}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit;margin:0}p{margin:0}table{border-collapse:collapse;border-spacing:0}@media (max-width:1200px){body{font-size:.95rem}}@media (max-width:768px){body{font-size:.9rem}::-webkit-scrollbar{height:6px;width:6px}}@media (max-width:480px){body{font-size:.85rem}}@media (prefers-contrast:high){body{background:#000;color:#fff}::-webkit-scrollbar-thumb{background:#e50914;border:1px solid #fff}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}@media (prefers-color-scheme:dark){body{background:linear-gradient(135deg,#000,#1a1a1a 50%,#2d2d2d)}}@media print{body{background:#fff!important;color:#000!important}*{box-shadow:none!important;text-shadow:none!important}}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.focus-visible{border-radius:4px;outline:2px solid #e50914;outline-offset:2px}.skip-link{background:#e50914;border-radius:4px;color:#fff;left:6px;padding:8px;position:absolute;text-decoration:none;top:-40px;transition:top .3s cubic-bezier(.4,0,.2,1);z-index:10000}.skip-link:focus{top:6px}.loading:after{border:2px solid #ffffff4d;height:20px;width:20px}.error{border-color:#dc3545!important;box-shadow:0 0 0 2px #dc354533!important}.error-message{animation:errorShake .5s ease-in-out;color:#dc3545;font-size:.875rem;margin-top:.25rem}.success{border-color:#28a745!important;box-shadow:0 0 0 2px #28a74533!important}.success-message{animation:successFadeIn .5s ease-in-out;color:#28a745;font-size:.875rem;margin-top:.25rem}@keyframes successFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.warning{border-color:#ffc107!important;box-shadow:0 0 0 2px #ffc10733!important}.warning-message{animation:warningPulse 2s ease-in-out infinite;color:#ffc107;font-size:.875rem;margin-top:.25rem}@keyframes warningPulse{0%,to{opacity:1}50%{opacity:.7}}.auth-page{align-items:center;background:linear-gradient(135deg,#0f0f23,#1a1a2e 50%,#16213e);display:flex;justify-content:center;min-height:100vh;overflow:hidden;position:relative}.auth-page:before{animation:backgroundPulse 8s ease-in-out infinite;background:radial-gradient(circle at 20% 80%,#e509141a 0,#0000 50%),radial-gradient(circle at 80% 20%,#e509141a 0,#0000 50%),radial-gradient(circle at 40% 40%,#e509140d 0,#0000 50%);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.auth-container{animation:authSlideIn .8s cubic-bezier(.25,.46,.45,.94);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;box-shadow:0 25px 50px #0000004d,0 0 0 1px #ffffff1a,inset 0 1px 0 #ffffff1a;max-width:450px;padding:3rem;position:relative;width:100%;z-index:10}@keyframes authSlideIn{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.auth-header{animation:headerFadeIn 1s ease-out .2s both;margin-bottom:2.5rem;text-align:center}@keyframes headerFadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.auth-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#e50914);-webkit-background-clip:text;background-clip:text;color:#fff;font-size:2.5rem;font-weight:700;margin-bottom:.5rem;text-shadow:0 0 30px #e509144d}.auth-header p{color:#fffc;font-size:1.1rem;font-weight:400;line-height:1.6}.auth-form{animation:formFadeIn 1s ease-out .4s both}@keyframes formFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.form-group{animation:formGroupSlideIn .6s ease-out both}.form-group:first-child{animation-delay:.5s}.form-group:nth-child(2){animation-delay:.6s}.form-group:nth-child(3){animation-delay:.7s}.form-group:nth-child(4){animation-delay:.8s}@keyframes formGroupSlideIn{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.form-group label{letter-spacing:.5px;margin-bottom:.5rem;text-transform:uppercase}.input-wrapper{align-items:center;display:flex;position:relative}.input-icon{color:#fff9;font-size:1.1rem;left:1rem;position:absolute;transition:all .3s ease;z-index:2}.auth-input{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff14;border:2px solid #ffffff1a;border-radius:12px;color:#fff;font-size:1rem;font-weight:500;padding:1rem 1rem 1rem 3rem;transition:all .3s cubic-bezier(.25,.46,.45,.94);width:100%}.auth-input::placeholder{color:#ffffff80;font-weight:400}.auth-input:focus{background:#ffffff1f;border-color:#e50914;box-shadow:0 0 0 4px #e509141a,0 8px 25px #0003;outline:none;transform:translateY(-2px)}.auth-input:focus+.input-icon{color:#e50914;transform:scale(1.1)}.auth-input.error{animation:errorShake .6s ease-in-out;background:#ff47571a;border-color:#ff4757}.field-error{animation:errorFadeIn .3s ease-out;color:#ff4757;display:block;font-size:.85rem;font-weight:500;margin-top:.5rem}@keyframes errorFadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.password-toggle{background:none;border:none;border-radius:8px;color:#fff9;cursor:pointer;padding:.5rem;position:absolute;right:1rem;transition:all .3s ease;z-index:2}.password-toggle:hover{background:#ffffff1a;color:#fff;transform:scale(1.1)}.auth-button{animation:buttonFadeIn 1s ease-out .9s both;background:linear-gradient(135deg,#e50914,#b2070f);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;margin-top:1rem;overflow:hidden;padding:1rem 2rem;position:relative;transition:all .3s cubic-bezier(.25,.46,.45,.94);width:100%}@keyframes buttonFadeIn{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.auth-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.auth-button:hover:before{left:100%}.auth-button:hover{box-shadow:0 15px 35px #e5091466,0 0 0 1px #e5091433;transform:translateY(-3px)}.auth-button:active{transform:translateY(-1px)}.auth-button.disabled{cursor:not-allowed;opacity:.6;transform:none}.auth-button.disabled:hover{box-shadow:none;transform:none}.button-loading{align-items:center;display:flex;gap:.75rem;justify-content:center}.spinner{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-top-color:#fff;height:20px;width:20px}.error-message{align-items:center;animation:errorSlideIn .4s ease-out;background:#ff47571a;border:1px solid #ff47574d;border-radius:12px;color:#ff4757;display:flex;font-weight:500;gap:.75rem;margin-bottom:1.5rem;padding:1rem}@keyframes errorSlideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.error-message i{font-size:1.1rem}.auth-footer{animation:footerFadeIn 1s ease-out 1s both;margin-top:2rem;text-align:center}@keyframes footerFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.auth-footer p{color:#ffffffb3;font-size:.95rem}.auth-link{background:none;border:none;color:#e50914;cursor:pointer;font-weight:600;text-decoration:underline;text-underline-offset:2px;transition:all .3s ease}.auth-link:hover{color:#fff;text-shadow:0 0 10px #e5091480}.auth-decoration{bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:1}.floating-icon{animation:float 6s ease-in-out infinite;font-size:2rem;opacity:.1;position:absolute}.floating-icon:first-child{animation-delay:0s;left:10%;top:10%}.floating-icon:nth-child(2){animation-delay:2s;right:15%;top:20%}.floating-icon:nth-child(3){animation-delay:4s;bottom:20%;left:15%}.floating-icon:nth-child(4){animation-delay:1s;bottom:10%;right:10%}@keyframes float{0%,to{transform:translateY(0) rotate(0deg)}33%{transform:translateY(-20px) rotate(5deg)}66%{transform:translateY(10px) rotate(-5deg)}}@media (max-width:768px){.auth-container{margin:1rem;max-width:100%;padding:2rem}.auth-header h1{font-size:2rem}.auth-header p{font-size:1rem}.auth-input{padding:.875rem .875rem .875rem 2.5rem}.password-toggle{right:.75rem}}@media (max-width:480px){.auth-container{padding:1.5rem}.auth-header h1{font-size:1.75rem}.floating-icon{font-size:1.5rem}}@media (prefers-contrast:high){.auth-input{border-width:3px}.auth-button{border:2px solid #fff}}@media (prefers-reduced-motion:reduce){.auth-button,.auth-container,.auth-footer,.auth-form,.auth-header,.floating-icon,.form-group{animation:none}.auth-button:hover,.auth-input:focus{transform:none}}.loading-overlay{align-items:center;animation:loadingFadeIn .4s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#000000e6;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}@keyframes loadingFadeIn{0%{-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);opacity:0}to{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);opacity:1}}.loading-content{animation:loadingContentSlideIn .6s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:#ffffff1a;border:1px solid #fff3;border-radius:20px;box-shadow:0 30px 60px #00000080,0 0 50px #ffffff1a;max-width:400px;padding:3rem 4rem;position:relative;text-align:center;width:90vw}@keyframes loadingContentSlideIn{0%{opacity:0;transform:scale(.8) translateY(40px)}to{opacity:1;transform:scale(1) translateY(0)}}.loading-content:before{background:linear-gradient(135deg,#ffffff1a,#ffffff0d 50%,#ffffff1a);border-radius:19px;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.spinner{animation:spin 1.2s linear infinite;border:4px solid #fff3;border-radius:50%;border-top-color:#e50914;box-shadow:0 0 20px #e509144d,inset 0 0 20px #ffffff1a;height:60px;margin:0 auto 2rem;position:relative;width:60px;z-index:1}.spinner:after{animation:pulse 2s ease-in-out infinite;border:2px solid #e509144d;border-radius:50%;bottom:-8px;content:"";left:-8px;position:absolute;right:-8px;top:-8px}@keyframes pulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}.loading-content h3{animation:textGlow 3s ease-in-out infinite alternate;color:#fff;font-size:1.5rem;font-weight:700;margin:0 0 1rem;position:relative;text-shadow:0 2px 4px #0000004d;z-index:1}.loading-content p{animation:messageFade 2s ease-in-out infinite alternate;color:#fffc;font-size:1.1rem;line-height:1.5;margin:0;position:relative;text-shadow:0 1px 2px #0000004d;z-index:1}@keyframes messageFade{0%{opacity:.7;transform:translateY(0)}to{opacity:1;transform:translateY(-2px)}}.loading-progress{background:#ffffff1a;height:6px;margin-top:2rem;width:100%;z-index:1}.loading-progress,.loading-progress-bar{border-radius:3px;overflow:hidden;position:relative}.loading-progress-bar{animation:progressFill 3s ease-in-out infinite;background:linear-gradient(90deg,#e50914,#ff6b6b);height:100%}.loading-progress-bar:before{animation:progressShimmer 2s ease-in-out infinite;background:linear-gradient(90deg,#0000,#fff6,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}@keyframes progressFill{0%{width:0}50%{width:70%}to{width:100%}}@keyframes progressShimmer{0%{left:-100%}to{left:100%}}.loading-dots{display:inline-block;margin-left:.5rem}.loading-dots:after{animation:dots 1.5s steps(4) infinite;content:""}@keyframes dots{0%,20%{content:""}40%{content:"."}60%{content:".."}80%,to{content:"..."}}@media (max-width:768px){.loading-content{max-width:350px;padding:2rem 2.5rem}.spinner{border-width:3px;height:50px;margin-bottom:1.5rem;width:50px}.loading-content h3{font-size:1.3rem}.loading-content p{font-size:1rem}.loading-progress{margin-top:1.5rem}}.loading-overlay.success .spinner{animation:successSpin .8s ease-in-out;border-top-color:#28a745}@keyframes successSpin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading-overlay.success .loading-content h3{animation:successGlow 2s ease-in-out infinite;color:#28a745}@keyframes successGlow{0%,to{text-shadow:0 2px 4px #0000004d}50%{text-shadow:0 2px 4px #0000004d,0 0 20px #28a74566}}.loading-overlay.error .spinner{animation:errorShake .5s ease-in-out;border-top-color:#dc3545}.loading-overlay.error .loading-content h3{animation:errorGlow 2s ease-in-out infinite;color:#dc3545}@keyframes errorGlow{0%,to{text-shadow:0 2px 4px #0000004d}50%{text-shadow:0 2px 4px #0000004d,0 0 20px #dc354566}}.loading-overlay:before{animation:loadingBackground 10s ease-in-out infinite;background:radial-gradient(circle at 20% 80%,#e509141a 0,#0000 50%),radial-gradient(circle at 80% 20%,#ff6b6b1a 0,#0000 50%),radial-gradient(circle at 40% 40%,#7877c60d 0,#0000 50%);bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:-1}@keyframes loadingBackground{0%,to{transform:scale(1) rotate(0deg)}25%{transform:scale(1.1) rotate(1deg)}50%{transform:scale(.9) rotate(-1deg)}75%{transform:scale(1.05) rotate(.5deg)}}.header{animation:headerGlow 3s ease-in-out infinite;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0f0f23f2;border-bottom:1px solid #ffffff1a;box-shadow:0 4px 20px #0000004d;padding:1rem 0;position:-webkit-sticky;position:sticky;top:0;z-index:1000}@keyframes headerGlow{0%,to{box-shadow:0 4px 20px #0000004d}50%{box-shadow:0 4px 30px #e5091433}}.header-content{align-items:center;display:flex;gap:2rem;justify-content:space-between;margin:0 auto;max-width:1400px;padding:0 2rem}.header-left{align-items:flex-start;animation:logoFloat 2s ease-in-out infinite;display:flex;flex-direction:column;gap:.5rem}@keyframes logoFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}.logo{align-items:center;color:#fff;display:flex;font-size:1.5rem;font-weight:700;gap:.75rem}.logo i{animation:iconPulse 2s ease-in-out infinite;color:#e50914;font-size:2rem}.logo-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#e50914);-webkit-background-clip:text;background-clip:text}.tagline{animation:taglineFade 2s ease-in-out infinite;color:#ffffffb3;font-size:.9rem;font-weight:400;margin:0}@keyframes taglineFade{0%,to{opacity:.7}50%{opacity:1}}.header-center,.header-right{align-items:center;display:flex;gap:1rem}.header-right{animation:slideInRight .8s ease-out}.user-info{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;display:flex;gap:1rem;padding:.75rem 1rem;transition:all .3s ease}.user-info:hover{background:#ffffff14;border-color:#e509144d;box-shadow:0 8px 25px #0003;transform:translateY(-2px)}.user-avatar{align-items:center;background:linear-gradient(135deg,#e50914,#b2070f);border-radius:50%;box-shadow:0 4px 15px #e509144d;color:#fff;display:flex;font-size:1.2rem;height:40px;justify-content:center;width:40px}.user-details{display:flex;flex-direction:column;gap:.25rem}.user-name{color:#fff;font-size:.95rem;font-weight:600}.user-email{color:#ffffffb3;font-size:.8rem;font-weight:400}.logout-btn{background:#ffffff1a;border:1px solid #fff3;color:#ffffffe6;font-size:.9rem;padding:.5rem 1rem;transition:all .3s ease}.logout-btn:hover{background:#e5091433;border-color:#e50914;color:#fff;transform:scale(1.05)}@media (max-width:1024px){.header-content{gap:1rem;padding:0 1rem}.tagline{display:none}}@media (max-width:768px){.header-content{flex-direction:column;gap:1rem;text-align:center}.header-left{align-items:center}.user-info{flex-direction:column;gap:.75rem;text-align:center}.user-details{align-items:center}}@media (max-width:480px){.header{padding:.75rem 0}.header-content{padding:0 .75rem}.logo{font-size:1.25rem}.logo i{font-size:1.5rem}.user-info{padding:.5rem .75rem}.user-avatar{font-size:1rem;height:35px;width:35px}}.sidebar{animation:sidebarSlideIn .8s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0d;border-right:1px solid #ffffff1a;height:calc(100vh - 100px);overflow-y:auto;padding:1.5rem;position:relative;width:320px}@keyframes sidebarSlideIn{0%{opacity:0;transform:translateX(-50px)}to{opacity:1;transform:translateX(0)}}.sidebar:before{background:linear-gradient(135deg,#ffffff1a,#ffffff0d 50%,#ffffff1a);border-radius:0 20px 20px 0;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.sidebar-section{animation:fadeInUp .6s cubic-bezier(.4,0,.2,1);margin-bottom:2.5rem;position:relative}.sidebar-section:first-child{animation-delay:.1s}.sidebar-section:nth-child(2){animation-delay:.2s}.sidebar-section:nth-child(3){animation-delay:.3s}.sidebar-section:nth-child(4){animation-delay:.4s}.sidebar-section h3{align-items:center;border-bottom:2px solid #e509144d;color:#fff;display:flex;font-size:1.1rem;font-weight:600;gap:.75rem;margin-bottom:1.2rem;padding-bottom:.75rem;position:relative;text-shadow:0 1px 2px #0000004d}.sidebar-section h3:after{animation:borderExpand 2s ease-in-out infinite;background:linear-gradient(90deg,#e50914,#ff6b6b);bottom:-2px;content:"";height:2px;left:0;position:absolute;width:0}@keyframes borderExpand{0%,to{width:0}50%{width:100%}}.workflow-list{display:flex;flex-direction:column;gap:.75rem}.workflow-item{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff14;border:1px solid #ffffff1a;border-radius:12px;cursor:pointer;display:flex;gap:.75rem;overflow:hidden;padding:1rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.workflow-item:before{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.workflow-item:hover:before{left:100%}.workflow-item:hover{background:#ffffff26;border-color:#e509144d;box-shadow:0 8px 25px #0003,0 0 20px #e509141a;transform:translateX(8px) translateY(-2px)}.workflow-item.active{background:linear-gradient(135deg,#e5091433,#ff6b6b26);border-color:#e5091480;box-shadow:0 8px 25px #e5091433,0 0 20px #e509141a;color:#fff;transform:translateX(8px)}.workflow-icon{animation:iconFloat 3s ease-in-out infinite;font-size:1.4rem}.workflow-name{flex:1 1;text-shadow:0 1px 2px #0000004d}.workflow-status{animation:statusPulse 2s ease-in-out infinite;border-radius:20px;font-size:.8rem;font-weight:600;padding:.4rem .8rem;text-shadow:none;text-transform:capitalize}.workflow-status.draft{background:linear-gradient(135deg,#6c757d,#495057);color:#fff}.workflow-status.running{animation:runningPulse 1.5s ease-in-out infinite;background:linear-gradient(135deg,#ffc107,#ff8c00);color:#212529}@keyframes runningPulse{0%,to{box-shadow:0 0 5px #ffc10780}50%{box-shadow:0 0 15px #ffc107cc}}.workflow-status.completed{background:linear-gradient(135deg,#28a745,#20c997);color:#fff}.workflow-status.failed{background:linear-gradient(135deg,#dc3545,#e74c3c);color:#fff}.empty-state{animation:fadeInScale .6s cubic-bezier(.4,0,.2,1);color:#ffffffb3;padding:2rem 1rem;text-align:center}.empty-state p{font-size:1.1rem;margin-bottom:1.5rem;text-shadow:0 1px 2px #0000004d}.node-list{flex-direction:column}.node-item,.node-list{display:flex;gap:.75rem}.node-item{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff14;border:1px solid #ffffff1a;border-radius:12px;cursor:grab;overflow:hidden;padding:1rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-user-select:none;user-select:none}.node-item:before{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.node-item:hover:before{left:100%}.node-item:hover{background:#ffffff26;border-color:#e509144d;box-shadow:0 8px 25px #0003,0 0 20px #e509141a;transform:translateX(8px) translateY(-2px)}.node-item:active{cursor:grabbing;transform:translateX(8px) translateY(-1px) scale(.98)}.node-icon{animation:iconBounce 2s ease-in-out infinite}@keyframes iconBounce{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.node-item span{color:#fff;font-weight:500;text-shadow:0 1px 2px #0000004d}.btn{display:flex;justify-content:center;padding:.75rem 1rem}.btn:hover{background:#fff3;border-color:#fff6;box-shadow:0 8px 25px #0003;transform:translateY(-2px)}@media (max-width:768px){.sidebar{border-bottom:1px solid #ffffff1a;border-right:none;height:auto;padding:1rem;width:100%}.sidebar:before{border-radius:0 0 20px 20px}.node-item,.workflow-item{padding:.75rem}.btn{font-size:.85rem;padding:.75rem 1rem}}.sidebar::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-track{background:#ffffff1a;border-radius:3px}.sidebar::-webkit-scrollbar-thumb{background:linear-gradient(45deg,#e50914,#ff6b6b);border-radius:3px;-webkit-transition:all .3s ease;transition:all .3s ease}.sidebar::-webkit-scrollbar-thumb:hover{background:linear-gradient(45deg,#ff6b6b,#e50914);transform:scale(1.1)}.workflow-node{animation:nodeFadeIn .6s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffff1a;border:2px solid #fff3;border-radius:12px;box-shadow:0 8px 25px #0003,0 0 20px #ffffff1a;cursor:move;overflow:hidden;position:absolute;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-user-select:none;user-select:none;width:220px;z-index:2}@keyframes nodeFadeIn{0%{opacity:0;transform:scale(.8) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.workflow-node:before{background:linear-gradient(135deg,#ffffff1a,#ffffff0d 50%,#ffffff1a);border-radius:10px;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.workflow-node:hover{border-color:#fff6;box-shadow:0 15px 40px #0000004d,0 0 30px #fff3;transform:translateY(-4px) scale(1.02)}.workflow-node.selected{animation:selectedPulse 2s ease-in-out infinite;border-color:#e50914;box-shadow:0 0 0 3px #e509144d,0 15px 40px #e5091433,0 0 30px #e509141a}@keyframes selectedPulse{0%,to{box-shadow:0 0 0 3px #e509144d,0 15px 40px #e5091433,0 0 30px #e509141a}50%{box-shadow:0 0 0 3px #e5091480,0 15px 40px #e509144d,0 0 30px #e5091433}}.workflow-node.can-connect{animation:canConnectPulse 1s ease-in-out infinite;border-color:#28a745;box-shadow:0 0 0 3px #28a7454d,0 15px 40px #28a74533,0 0 30px #28a7451a}@keyframes canConnectPulse{0%,to{box-shadow:0 0 0 3px #28a7454d,0 15px 40px #28a74533,0 0 30px #28a7451a}50%{box-shadow:0 0 0 3px #28a74580,0 15px 40px #28a7454d,0 0 30px #28a74533}}.node-header{background:#ffffff1a;border-bottom:1px solid #ffffff1a;border-radius:10px 10px 0 0;gap:.75rem;padding:1rem;position:relative}.node-header,.node-icon{align-items:center;display:flex}.node-icon{animation:iconFloat 3s ease-in-out infinite;border-radius:50%;box-shadow:0 4px 15px #0003;color:#fff;flex-shrink:0;font-size:1.4rem;height:40px;justify-content:center;width:40px}@keyframes iconFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}.node-title{color:#fff;flex:1 1;font-size:1rem;font-weight:700;text-shadow:0 1px 2px #0000004d;text-transform:capitalize}.node-actions{display:flex;gap:.5rem}.node-action-btn{align-items:center;background:#ffffff1a;border:none;border-radius:6px;color:#fffc;cursor:pointer;display:flex;height:28px;justify-content:center;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:28px}.node-action-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.node-action-btn:hover:before{left:100%}.node-action-btn:hover{background:#fff3;box-shadow:0 4px 12px #0003;color:#fff;transform:translateY(-1px) scale(1.05)}.node-status{align-items:center;border-bottom:1px solid #ffffff1a;color:#fff;display:flex;font-size:.85rem;font-weight:600;gap:.75rem;padding:.75rem 1rem;text-shadow:0 1px 2px #0000004d;text-transform:capitalize}.status-indicator{animation:statusPulse 2s ease-in-out infinite;background:#6c757d;border-radius:50%;height:10px;width:10px}@keyframes statusPulse{0%,to{opacity:1}50%{opacity:.6}}.node-status.pending .status-indicator{animation:pendingPulse 1.5s ease-in-out infinite;background:linear-gradient(135deg,#ffc107,#ff8c00)}@keyframes pendingPulse{0%,to{box-shadow:0 0 5px #ffc10780;transform:scale(1)}50%{box-shadow:0 0 15px #ffc107cc;transform:scale(1.1)}}.node-status.processing .status-indicator{animation:processingSpin 1.5s linear infinite;background:linear-gradient(135deg,#007bff,#0056b3)}@keyframes processingSpin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.node-status.completed .status-indicator{animation:completedGlow 2s ease-in-out infinite;background:linear-gradient(135deg,#28a745,#20c997)}@keyframes completedGlow{0%,to{box-shadow:0 0 5px #28a74580;transform:scale(1)}50%{box-shadow:0 0 15px #28a745cc;transform:scale(1.1)}}.node-status.failed .status-indicator{animation:failedShake .5s ease-in-out infinite;background:linear-gradient(135deg,#dc3545,#e74c3c)}@keyframes failedShake{0%,to{transform:translateX(0)}25%{transform:translateX(-2px)}75%{transform:translateX(2px)}}.node-inputs{border-bottom:1px solid #ffffff1a;padding:.75rem 1rem}.node-input{align-items:center;border-radius:6px;cursor:pointer;display:flex;gap:.75rem;overflow:hidden;padding:.5rem 0;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.node-input:before{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.node-input:hover:before{left:100%}.node-input:hover{background:#ffffff1a;border-radius:6px;padding-left:.75rem;transform:translateX(4px)}.node-input.can-connect{animation:canConnectInput 1s ease-in-out infinite;background:#28a74533;border-radius:6px}@keyframes canConnectInput{0%,to{background:#28a74533;box-shadow:0 0 5px #28a7454d}50%{background:#28a7454d;box-shadow:0 0 15px #28a74580}}.input-connector{background:#6c757d;border:2px solid #fffc;border-radius:50%;box-shadow:0 0 0 2px #6c757d;flex-shrink:0;height:14px;transition:all .3s cubic-bezier(.4,0,.2,1);width:14px}.node-input:hover .input-connector{box-shadow:0 0 0 3px #6c757d,0 0 10px #6c757d80;transform:scale(1.2)}.input-label{color:#ffffffe6;font-size:.85rem;font-weight:500;text-shadow:0 1px 2px #0000004d}.node-body{min-height:100px;padding:1rem}.node-content{width:100%}.node-content textarea{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:8px;color:#fff;font-size:.85rem;min-height:80px;padding:.75rem;resize:vertical;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.node-content textarea:focus{background:#ffffff26;border-color:#e50914;box-shadow:0 0 0 3px #e5091433,0 5px 15px #0003;outline:none;transform:translateY(-1px)}.node-content textarea::placeholder{color:#fff9}.audio-placeholder,.image-placeholder,.video-placeholder{align-items:center;animation:placeholderFloat 3s ease-in-out infinite;background:#ffffff0d;border:2px dashed #ffffff4d;border-radius:8px;color:#ffffffb3;display:flex;flex-direction:column;font-size:.85rem;height:80px;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1)}.audio-placeholder:hover,.image-placeholder:hover,.video-placeholder:hover{background:#ffffff1a;border-color:#ffffff80;transform:translateY(-2px)}.audio-placeholder i,.image-placeholder i,.video-placeholder i{animation:iconPulse 2s ease-in-out infinite;font-size:2rem;margin-bottom:.5rem;opacity:.7}.ai-provider-info{color:#fffc;padding:1rem;text-align:center}.ai-provider-info span{color:#fff;display:block;font-weight:600;margin-bottom:.5rem;text-shadow:0 1px 2px #0000004d}.ai-provider-info small{font-size:.8rem;opacity:.7}.node-outputs{border-top:1px solid #ffffff1a;padding:.75rem 1rem}.node-output{align-items:center;border-radius:6px;cursor:pointer;display:flex;justify-content:space-between;overflow:hidden;padding:.5rem 0;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.node-output:before{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.node-output:hover:before{left:100%}.node-output:hover{background:#ffffff1a;border-radius:6px;padding-left:.75rem;transform:translateX(-4px)}.node-output.can-connect{animation:canConnectOutput 1s ease-in-out infinite;background:#28a74533;border-radius:6px}@keyframes canConnectOutput{0%,to{background:#28a74533;box-shadow:0 0 5px #28a7454d}50%{background:#28a7454d;box-shadow:0 0 15px #28a74580}}.output-label{color:#ffffffe6;font-size:.85rem;font-weight:500;text-shadow:0 1px 2px #0000004d}.output-connector{animation:outputConnectorGlow 2s ease-in-out infinite;background:linear-gradient(135deg,#007bff,#0056b3);border:2px solid #fffc;border-radius:50%;box-shadow:0 0 0 2px #007bff;flex-shrink:0;height:14px;transition:all .3s cubic-bezier(.4,0,.2,1);width:14px}@keyframes outputConnectorGlow{0%,to{box-shadow:0 0 0 2px #007bff;transform:scale(1)}50%{box-shadow:0 0 0 3px #007bff,0 0 10px #007bff80;transform:scale(1.1)}}.node-output:hover .output-connector{box-shadow:0 0 0 3px #007bff,0 0 15px #007bffb3;transform:scale(1.2)}@media (max-width:768px){.workflow-node{width:200px}.node-header{padding:.75rem}.node-icon{font-size:1.2rem;height:35px;width:35px}.node-title{font-size:.9rem}.node-action-btn{height:24px;width:24px}}.workflow-node.dragging{opacity:.8;transform:rotate(5deg) scale(1.05);transition:none;z-index:1000}.workflow-node.drag-over{border-color:#e50914;box-shadow:0 20px 50px #e509144d,0 0 40px #e5091433;transform:scale(1.1)}.node-action-btn.delete-btn{background:#e5091433;border-color:#e5091466;color:#ff6b6b}.node-action-btn.delete-btn:hover{background:#e509144d;border-color:#e5091499;color:#ff4757;transform:scale(1.1)}.context-menu{animation:contextMenuFadeIn .2s ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0f0f23f2;border:1px solid #fff3;border-radius:8px;box-shadow:0 8px 25px #0006;min-width:150px;padding:.5rem 0}@keyframes contextMenuFadeIn{0%{opacity:0;transform:scale(.9) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.context-menu-item{align-items:center;background:#0000;border:none;color:#fff;cursor:pointer;display:flex;font-size:.9rem;gap:.5rem;padding:.75rem 1rem;text-align:left;transition:all .2s ease;width:100%}.context-menu-item:hover{background:#ffffff1a}.context-menu-item.delete-item{color:#ff6b6b}.context-menu-item.delete-item:hover{background:#e5091433;color:#ff4757}.canvas-area{background:linear-gradient(135deg,#0f0f23,#1a1a2e 50%,#16213e);display:flex;flex:1 1;flex-direction:column;height:100vh;margin-top:0;overflow:hidden;padding-top:0;position:relative}.canvas-area:before{animation:canvasBackground 15s ease-in-out infinite;background:radial-gradient(circle at 25% 25%,#e509141a 0,#0000 50%),radial-gradient(circle at 75% 75%,#ff6b6b1a 0,#0000 50%),radial-gradient(circle at 50% 50%,#7877c60d 0,#0000 50%);bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:-1}@keyframes canvasBackground{0%,to{transform:scale(1) rotate(0deg)}25%{transform:scale(1.1) rotate(1deg)}50%{transform:scale(.9) rotate(-1deg)}75%{transform:scale(1.05) rotate(.5deg)}}.toolbar{align-items:center;animation:toolbarSlideDown .5s ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0f0f23f2;border-bottom:1px solid #ffffff1a;box-shadow:0 4px 20px #0000004d;display:flex;flex-shrink:0;gap:2rem;height:80px;justify-content:space-between;min-height:80px;padding:1rem 2rem;z-index:100}@keyframes toolbarSlideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.toolbar:before{background:linear-gradient(135deg,#ffffff1a,#ffffff0d 50%,#ffffff1a);border-radius:0 0 20px 20px;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.toolbar-left,.toolbar-right{align-items:center;display:flex;gap:1rem}.toolbar-center{flex:1 1;text-align:center}.workflow-name{animation:textGlow 2s ease-in-out infinite;color:#fff;font-size:1.2rem;font-weight:600;text-shadow:0 0 10px #e509144d}.canvas{background:linear-gradient(135deg,#0f0f23,#1a1a2e 50%,#16213e);cursor:grab;flex:1 1;height:calc(100vh - 80px);margin:0;overflow:hidden;padding:0;position:relative}@keyframes canvasFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.canvas:active{cursor:grabbing}.canvas-container{background:linear-gradient(135deg,#0f0f23,#1a1a2e 50%,#16213e);border:2px solid #0000;left:0;min-height:5000px;min-width:5000px;position:relative;top:0;transform-origin:0 0;transition:transform .1s ease-out}.canvas-container.drag-over{background:#e509140d;border:2px dashed #e50914}.canvas-grid{background-image:linear-gradient(#ffffff0d 1px,#0000 0),linear-gradient(90deg,#ffffff0d 1px,#0000 0);background-size:50px 50px;z-index:1}.canvas-grid,.canvas-grid:before{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.canvas-grid:before{background-image:linear-gradient(#ffffff05 1px,#0000 0),linear-gradient(90deg,#ffffff05 1px,#0000 0);background-size:10px 10px;content:""}.canvas-placeholder{animation:placeholderFloat 3s ease-in-out infinite;color:#ffffffb3;left:50%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);z-index:10}@keyframes placeholderFloat{0%,to{transform:translate(-50%,-50%) translateY(0)}50%{transform:translate(-50%,-50%) translateY(-10px)}}.canvas-placeholder i{animation:iconPulse 2s ease-in-out infinite;color:#e50914;font-size:4rem;margin-bottom:1rem}@keyframes iconPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.canvas-placeholder h3{color:#fff;font-size:2rem;font-weight:600;margin-bottom:1rem}.canvas-placeholder p{font-size:1.1rem;margin-bottom:.5rem;opacity:.8}.debug-info{background:#e509141a;border:1px solid #e509144d;border-radius:8px;font-size:.9rem;margin-top:2rem;padding:1rem}.debug-info p{font-family:Courier New,monospace;margin:.25rem 0}.debug-info strong{color:#e50914}.zoom-controls{align-items:center;animation:zoomControlsSlideIn .6s ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0f0f23f2;border:1px solid #ffffff1a;border-radius:12px;bottom:2rem;box-shadow:0 8px 25px #0000004d;display:flex;flex-direction:column;gap:.75rem;padding:1rem;position:absolute;right:2rem;z-index:100}@keyframes zoomControlsSlideIn{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}.zoom-btn{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:1rem;height:40px;justify-content:center;transition:all .3s ease;width:40px}.zoom-btn:hover{background:#e5091433;border-color:#e50914;transform:scale(1.1)}.zoom-btn:active{transform:scale(.95)}.zoom-level{color:#fff;font-size:.9rem;font-weight:600;min-width:50px;text-align:center}.canvas-info{animation:canvasInfoSlideIn .6s ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0f0f23f2;border:1px solid #ffffff1a;border-radius:12px;bottom:2rem;box-shadow:0 8px 25px #0000004d;display:flex;flex-direction:column;gap:.5rem;left:2rem;padding:1rem;position:absolute;z-index:100}@keyframes canvasInfoSlideIn{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}.canvas-info span{color:#fffc;font-size:.85rem;font-weight:500}.connection-line{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:5}.connection-line line{stroke:#e50914;stroke-width:3;stroke-linecap:round;animation:connectionGlow 2s ease-in-out infinite;filter:drop-shadow(0 0 5px rgba(229,9,20,.5))}@keyframes connectionGlow{0%,to{filter:drop-shadow(0 0 5px rgba(229,9,20,.5))}50%{filter:drop-shadow(0 0 10px rgba(229,9,20,.8))}}.btn{padding:.75rem 1.25rem}.btn:hover{box-shadow:0 8px 25px #0000004d,0 0 20px #ffffff1a}.btn-primary:hover{box-shadow:0 8px 25px #e5091466,0 0 20px #e5091433}@media (max-width:768px){.toolbar{flex-direction:column;gap:1rem;height:auto;min-height:80px;padding:1rem}.toolbar-left,.toolbar-right{justify-content:center;width:100%}.workflow-name{font-size:1.1rem}.zoom-controls{bottom:1rem;padding:.75rem;right:1rem}.zoom-btn{font-size:1rem;height:35px;width:35px}.zoom-level{font-size:.8rem;min-width:40px}.canvas-placeholder i{font-size:4rem}.canvas-placeholder h3{font-size:1.5rem}.canvas-placeholder p{font-size:1rem}}@media (max-width:480px){.toolbar{padding:.75rem}.zoom-controls{bottom:.75rem;right:.75rem}.canvas-info{bottom:.75rem;left:.75rem}}.canvas.loading{opacity:.7;pointer-events:none}.canvas.loading:after{animation:spin 1s linear infinite;border:3px solid #ffffff4d;border-radius:50%;border-top-color:#e50914;content:"";height:50px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:50px;z-index:100}.modal-overlay{align-items:center;animation:modalFadeIn .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}@keyframes modalFadeIn{0%{-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);opacity:0}to{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:1}}.modal-content{animation:modalSlideIn .4s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;border:1px solid #fff3;border-radius:16px;box-shadow:0 25px 50px #00000080,0 0 40px #ffffff1a;max-height:90vh;max-width:90vw;overflow:hidden;position:relative}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.9) translateY(30px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-content:before{background:linear-gradient(135deg,#ffffff1a,#ffffff0d 50%,#ffffff1a);border-radius:15px;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.modal-header{align-items:center;background:#ffffff1a;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:1.5rem 2rem;position:relative;z-index:1}.modal-header h3{animation:textGlow 3s ease-in-out infinite alternate;color:#fff;font-size:1.4rem;font-weight:700;margin:0;text-shadow:0 2px 4px #0000004d}@keyframes textGlow{0%{text-shadow:0 2px 4px #0000004d}to{text-shadow:0 2px 4px #0000004d,0 0 20px #e509144d}}.close-btn{align-items:center;background:#ffffff1a;border:none;border-radius:50%;color:#fffc;cursor:pointer;display:flex;font-size:1.2rem;height:40px;justify-content:center;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:40px}.close-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.close-btn:hover:before{left:100%}.close-btn:hover{background:#fff3;box-shadow:0 8px 25px #0000004d;color:#fff;transform:rotate(90deg) scale(1.1)}.close-btn:active{transform:rotate(90deg) scale(.95);transition:all .1s ease}.modal-body{max-height:60vh;overflow-y:auto;padding:2rem;position:relative;z-index:1}.modal-body::-webkit-scrollbar{width:6px}.modal-body::-webkit-scrollbar-track{background:#ffffff1a;border-radius:3px}.modal-body::-webkit-scrollbar-thumb{background:linear-gradient(45deg,#e50914,#ff6b6b);border-radius:3px;-webkit-transition:all .3s ease;transition:all .3s ease}.modal-body::-webkit-scrollbar-thumb:hover{background:linear-gradient(45deg,#ff6b6b,#e50914);transform:scale(1.1)}.modal-footer{align-items:center;background:#ffffff0d;border-top:1px solid #ffffff1a;display:flex;gap:1rem;justify-content:flex-end;padding:1.5rem 2rem;position:relative;z-index:1}.form-group{animation:formGroupFadeIn .6s cubic-bezier(.4,0,.2,1)}@keyframes formGroupFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.form-group:first-child{animation-delay:.1s}.form-group:nth-child(2){animation-delay:.2s}.form-group:nth-child(3){animation-delay:.3s}.form-group:nth-child(4){animation-delay:.4s}.form-group label{font-size:1rem;position:relative}.form-group label:after{animation:labelUnderline 2s ease-in-out infinite;background:linear-gradient(90deg,#e50914,#ff6b6b);bottom:-2px;content:"";height:2px;left:0;position:absolute;width:0}@keyframes labelUnderline{0%,to{width:0}50%{width:100%}}.form-group input,.form-group select,.form-group textarea{border-radius:12px;font-size:1rem;padding:1rem 1.25rem;position:relative}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{box-shadow:0 0 0 4px #e5091433,0 8px 25px #0000004d;transform:translateY(-2px)}.form-group textarea{min-height:120px}.btn{border:2px solid #fff3;border-radius:10px;font-size:1rem;gap:.75rem;padding:.875rem 1.75rem}.btn:hover{border-color:#ffffff4d;box-shadow:0 12px 30px #0006,0 0 25px #ffffff1a;transform:translateY(-3px) scale(1.02)}.btn:active{transform:translateY(-1px) scale(.98)}.btn-primary{background:linear-gradient(135deg,#e50914cc,#ff6b6b99);border-color:#e5091480;box-shadow:0 6px 20px #e509144d}.btn-primary:hover{background:linear-gradient(135deg,#ff6b6bcc,#e5091499);border-color:#e50914b3;box-shadow:0 12px 30px #e5091466,0 0 25px #e5091433}.output-modal{max-width:800px;width:90vw}.output-content{animation:outputContentFadeIn .8s cubic-bezier(.4,0,.2,1);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;margin-bottom:1.5rem;padding:1.5rem}@keyframes outputContentFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.output-text{color:#fff;font-size:1rem;line-height:1.6;max-height:400px;overflow-y:auto;text-shadow:0 1px 2px #0000004d;white-space:pre-wrap}.output-text::-webkit-scrollbar{width:6px}.output-text::-webkit-scrollbar-track{background:#ffffff1a;border-radius:3px}.output-text::-webkit-scrollbar-thumb{background:linear-gradient(45deg,#e50914,#ff6b6b);border-radius:3px}.output-media{margin:1rem 0;text-align:center}.output-media audio,.output-media img,.output-media video{animation:mediaFadeIn 1s cubic-bezier(.4,0,.2,1);border-radius:12px;box-shadow:0 10px 30px #0000004d;max-width:100%}@keyframes mediaFadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.output-info{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;display:flex;justify-content:space-between;margin-bottom:1rem;padding:1rem}.output-info span{color:#fffc;font-size:.9rem;font-weight:500}.output-info strong{color:#fff;font-weight:600;text-shadow:0 1px 2px #0000004d}@media (max-width:768px){.modal-overlay{padding:.5rem}.modal-content{border-radius:12px;max-height:95vh;max-width:95vw}.modal-header{padding:1rem 1.5rem}.modal-header h3{font-size:1.2rem}.close-btn{font-size:1rem;height:35px;width:35px}.modal-body{max-height:50vh;padding:1.5rem}.modal-footer{flex-direction:column;gap:.75rem}.btn,.modal-footer{padding:1rem 1.5rem}.btn{justify-content:center;width:100%}.form-group input,.form-group select,.form-group textarea{font-size:.95rem;padding:.875rem 1rem}.output-modal{max-width:95vw}.output-content{padding:1rem}.output-text{font-size:.95rem;max-height:300px}}.modal-content.loading{opacity:.7;pointer-events:none}.modal-content.loading:after{animation:spin 1s linear infinite;border:3px solid #ffffff4d;border-radius:50%;border-top-color:#e50914;content:"";height:50px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:50px;z-index:100}@keyframes spin{0%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(1turn)}}.modal-content.success{border-color:#28a74580;box-shadow:0 25px 50px #00000080,0 0 40px #28a74533}.modal-content.error{border-color:#dc354580;box-shadow:0 25px 50px #00000080,0 0 40px #dc354533}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#0f0f23,#1a1a2e 50%,#16213e);color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;overflow-x:hidden}html{scroll-behavior:smooth}::-webkit-scrollbar-thumb{background:linear-gradient(45deg,#e50914,#ff6b6b);-webkit-transition:all .3s ease;transition:all .3s ease}::-webkit-scrollbar-thumb:hover{background:linear-gradient(45deg,#ff6b6b,#e50914);transform:scale(1.1)}.App{background:linear-gradient(135deg,#0f0f23,#1a1a2e 50%,#16213e);color:#fff;display:flex;flex-direction:column;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0;min-height:100vh;overflow:hidden;padding:0;text-align:center}.App:before{animation:backgroundPulse 15s ease-in-out infinite;background:radial-gradient(circle at 25% 25%,#e509141a 0,#0000 50%),radial-gradient(circle at 75% 75%,#ff6b6b1a 0,#0000 50%),radial-gradient(circle at 50% 50%,#7877c60d 0,#0000 50%);bottom:0;content:"";left:0;position:fixed;right:0;top:0;z-index:-1}@keyframes backgroundPulse{0%,to{opacity:.8;transform:scale(1) rotate(0deg)}25%{opacity:1;transform:scale(1.1) rotate(1deg)}50%{opacity:.9;transform:scale(.9) rotate(-1deg)}75%{opacity:1;transform:scale(1.05) rotate(.5deg)}}.main-content{display:flex;flex:1 1;height:calc(100vh - 80px);margin:0;overflow:hidden;padding:0}.glass-effect{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid #fff3;border-radius:12px}.btn,.glass-effect{background:#ffffff1a}.btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #fff3;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:600;gap:.5rem;overflow:hidden;padding:.75rem 1.5rem;position:relative;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.btn:hover:before{left:100%}.btn:hover{background:#ffffff26;box-shadow:0 10px 25px #0000004d,0 0 20px #ffffff1a;transform:translateY(-2px) scale(1.02)}.btn:active{transform:translateY(0) scale(.98);transition:all .1s ease}.btn-primary{background:linear-gradient(135deg,#e50914,#ff6b6b);border:none;box-shadow:0 4px 15px #e509144d;color:#fff}.btn-primary:hover{background:linear-gradient(135deg,#ff6b6b,#e50914);box-shadow:0 10px 25px #e5091466,0 0 20px #e5091433}.btn-secondary{background:#ffffff1a;border:1px solid #ffffff4d;color:#fff}.btn-secondary:hover{background:#fff3;border-color:#ffffff80}.form-group{margin-bottom:1.5rem;position:relative}.form-group label{color:#fff;display:block;font-size:.95rem;font-weight:600;margin-bottom:.75rem;text-shadow:0 1px 2px #0000004d}.form-group input,.form-group select,.form-group textarea{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:2px solid #fff3;border-radius:8px;color:#fff;font-size:.9rem;padding:.75rem 1rem;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.form-group input::placeholder,.form-group textarea::placeholder{color:#fff9}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{background:#ffffff26;border-color:#e50914;box-shadow:0 0 0 3px #e5091433,0 5px 15px #0003;outline:none;transform:translateY(-1px)}.form-group textarea{min-height:100px;resize:vertical}.text-center{text-align:center}.mt-2{margin-top:.75rem}.mb-2{margin-bottom:.75rem}.p-2{padding:.75rem}@keyframes shimmer{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}.loading-shimmer{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#ffffff1a 25%,#fff3 50%,#ffffff1a 75%);background-size:200px 100%}.hover-lift{transition:all .3s cubic-bezier(.4,0,.2,1)}.hover-lift:hover{box-shadow:0 15px 30px #0000004d;transform:translateY(-4px)}.focus-ring:focus{box-shadow:0 0 0 3px #e509144d;outline:none}@media (max-width:768px){.main-content{flex-direction:column;height:calc(100vh - 120px)}.btn{font-size:1rem;padding:1rem 1.5rem}.form-group input,.form-group select,.form-group textarea{font-size:1rem;padding:1rem}}.glass{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:12px}.text-glow{text-shadow:0 0 10px #ffffff80}.text-shadow{text-shadow:0 2px 4px #0000004d}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}.animate-fade-in-up{animation:fadeInUp .6s cubic-bezier(.4,0,.2,1)}.animate-fade-in-scale{animation:fadeInScale .5s cubic-bezier(.4,0,.2,1)}.animate-slide-in-left{animation:slideInLeft .5s cubic-bezier(.4,0,.2,1)}.animate-slide-in-right{animation:slideInRight .5s cubic-bezier(.4,0,.2,1)}.transition-all{transition:all .3s cubic-bezier(.4,0,.2,1)}.transition-transform{transition:transform .3s cubic-bezier(.4,0,.2,1)}.transition-opacity{transition:opacity .3s cubic-bezier(.4,0,.2,1)}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#ffffff1a;border-radius:4px}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#e50914,#ff6b6b);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#ff6b6b,#e50914)}:focus{outline:2px solid #e50914;outline-offset:2px}::selection{background:#e509144d;color:#fff}.loading{opacity:.7;pointer-events:none}.loading:after{animation:spin 1s linear infinite;border:3px solid #ffffff4d;border-radius:50%;border-top-color:#e50914;content:"";height:40px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:40px;z-index:1000}.error{animation:errorShake .5s ease-in-out;background:#e509141a;border:1px solid #e509144d;color:#ff6b6b}@keyframes errorShake{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}.success{animation:successPulse .5s ease-in-out;background:#4caf501a;border:1px solid #4caf504d;color:#4caf50}@keyframes successPulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.tooltip{position:relative}.tooltip:after{background:#000000e6;border-radius:6px;bottom:100%;color:#fff;content:attr(data-tooltip);font-size:.8rem;left:50%;opacity:0;padding:.5rem 1rem;pointer-events:none;position:absolute;transform:translateX(-50%);transition:opacity .3s ease;white-space:nowrap;z-index:1000}.tooltip:hover:after{opacity:1}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (prefers-contrast:high){.App{background:#000;color:#fff}.glass-effect{background:#fff3;border:2px solid #ffffff80}}
/*# sourceMappingURL=main.ec6d5645.css.map*/