html,body{position:relative!important}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border-radius:10px}::-webkit-scrollbar-thumb{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#fff3 0%,#ffffff1a 50%,#ffffff26 100%);border:1px solid #ffffff1a;border-radius:10px;transition:all .3s}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#ffffff59 0%,#ffffff40 50%,#ffffff4d 100%);transform:scaleY(1.1);box-shadow:0 0 10px #fff3,inset 0 0 5px #ffffff1a}::-webkit-scrollbar-thumb:active{background:linear-gradient(135deg,#ffffff73 0%,#ffffff59 50%,#fff6 100%);box-shadow:0 0 15px #ffffff4d,inset 0 0 8px #ffffff26}*{scrollbar-width:thin;scrollbar-color:#fff3 #ffffff0d}.splash-page{background:linear-gradient(135deg,#0a0a0a 0%,#1a1a1a 100%);justify-content:center;align-items:flex-start;width:100vw;height:100vh;padding-top:2rem;padding-bottom:4rem;display:flex;position:fixed;top:0;left:0;overflow:hidden auto}.laser-flow-background{z-index:1;pointer-events:none;opacity:0;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);width:50vw;height:50vh;animation:1s ease-out forwards laserFlowFadeIn;position:fixed;top:25%;left:25%}@keyframes laserFlowFadeIn{0%{opacity:0;transform:scale(.8)}to{opacity:.4;transform:scale(1)}}.splash-content{z-index:100;text-align:center;pointer-events:none;width:100%;max-width:1400px;padding:2rem;position:relative}.splash-title{color:#0000;letter-spacing:-.02em;background:linear-gradient(135deg,#fff 0%,#e5e5e5 25%,#ccc 50%,#e5e5e5 75%,#fff 100%) 0 0/300% 300%;-webkit-background-clip:text;background-clip:text;margin:0 0 1rem;font-size:clamp(3rem,8vw,6rem);font-weight:700;animation:5s ease-in-out infinite shimmer}.splash-description{color:#ffffffb3;margin:0;font-size:clamp(1rem,2.5vw,1.5rem);font-weight:400;line-height:1.5}@keyframes shimmer{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.chat-interface{z-index:100;flex-direction:column;align-items:center;gap:.5rem;width:100%;max-width:1200px;min-height:100vh;padding:.5rem 2rem 12rem;display:flex;position:relative}.chat-header{flex-shrink:0;justify-content:center;align-items:center;width:100%;margin-bottom:0;padding:1rem 1.5rem;display:flex;position:relative}.header-left{flex-direction:column;align-items:center;gap:.5rem;width:100%;display:flex}.header-action-btn{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff26;border-radius:8px;align-items:center;gap:6px;padding:4px 10px;font-size:11px;font-weight:500;transition:all .3s;display:flex}.header-action-btn:hover{background:#ffffff1a;border-color:#ffffff40;transform:translateY(-2px);box-shadow:0 4px 12px #8a2be24d}.header-btn-icon{font-size:12px}.header-btn-text{font-size:11px}.new-conversation-btn{color:#fff;background:linear-gradient(135deg,#ffffff1a 0%,#ffffff0d 100%);border:1px solid #fff3;justify-content:center;width:32px;height:32px;padding:0;position:relative;overflow:hidden}.new-conversation-btn:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;transition:left .6s;position:absolute;top:0;left:-100%}.new-conversation-btn:hover:before{left:100%}.new-conversation-btn:hover{background:linear-gradient(135deg,#fff3 0%,#ffffff1a 100%);border-color:#fff6;transform:translateY(-1px);box-shadow:0 0 15px #fff3}.new-conversation-btn .header-btn-icon{font-size:16px;font-weight:600}.account-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ffffff1a 0%,#ffffff0d 100%);border:1px solid #fff3;border-radius:8px;justify-content:center;align-items:center;gap:6px;width:32px;height:32px;padding:0;font-size:11px;font-weight:500;transition:all .2s;display:flex}.account-btn:hover{background:linear-gradient(135deg,#fff3 0%,#ffffff1a 100%);border-color:#fff6;transform:translateY(-1px);box-shadow:0 0 15px #fff3}.account-btn .header-btn-icon{font-size:16px}.guest-mode-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ffffff1a 0%,#ffffff0d 100%);border:1px solid #fff3;border-radius:8px;justify-content:center;align-items:center;gap:6px;width:32px;height:32px;padding:0;font-size:11px;font-weight:500;transition:all .2s;display:flex}.guest-mode-btn:hover{background:linear-gradient(135deg,#fff3 0%,#ffffff1a 100%);border-color:#fff6;transform:translateY(-1px);box-shadow:0 0 15px #fff3}.guest-mode-btn:active{transform:translateY(0)}.guest-mode-btn .header-btn-icon{font-size:16px}.music-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ffffff1a 0%,#ffffff0d 100%);border:1px solid #fff3;border-radius:8px;justify-content:center;align-items:center;gap:6px;width:32px;height:32px;padding:0;font-size:11px;font-weight:500;transition:all .2s;display:flex}.music-btn:hover{background:linear-gradient(135deg,#fff3 0%,#ffffff1a 100%);border-color:#fff6;transform:translateY(-1px);box-shadow:0 0 15px #fff3}.music-btn:active{transform:translateY(0)}.music-btn .header-btn-icon{font-size:16px}.header-guest-indicator{color:#ffd700e6;background:#ffd7001a;border:1px solid #ffd7004d;border-radius:12px;padding:10px 16px;font-size:14px;font-weight:500}.header-top{align-items:center;gap:.75rem;display:flex}.conversations-btn{color:#fffc;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:200;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.5rem;font-weight:300;transition:all .3s;display:flex;position:fixed;top:1.5rem;left:1.5rem}.conversations-btn:hover{color:#fff;background:#ffffff1a;border-color:#fff3;transform:translate(-2px)}.top-right-actions{z-index:200;align-items:center;gap:6px;display:flex;position:fixed;top:1rem;right:1.5rem}.mobile-header-toggle{display:none}.header-buttons-group{align-items:center;gap:6px;display:flex}.account-tier-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#00ffaaf2;letter-spacing:.3px;text-transform:uppercase;background:#00ffaa14;border:1px solid #00ffaa40;border-radius:6px;align-items:center;gap:3px;padding:3px 8px;font-size:.55rem;font-weight:600;transition:all .3s;display:flex;box-shadow:0 0 6px #00ffaa26}.account-tier-badge.pro-badge{color:gold;background:linear-gradient(135deg,#ffd70026 0%,#ffdf001a 100%);border:1px solid #ffd70066;box-shadow:0 0 10px #ffd7004d,0 4px 10px #ffd70033}.account-tier-badge-fixed{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#00ffaaf2;letter-spacing:.3px;text-transform:uppercase;z-index:9998;background:#00ffaa14;border:1px solid #00ffaa40;border-radius:6px;align-items:center;gap:3px;padding:3px 8px;font-size:.55rem;font-weight:600;animation:.5s ease-out slideInLeft;display:flex;position:fixed;bottom:52px;left:20px;box-shadow:0 0 6px #00ffaa26}@keyframes slideInLeft{0%{opacity:0;transform:translate(-100%)}to{opacity:1;transform:translate(0)}}.tier-icon{font-size:.65rem;line-height:1}.tier-text{white-space:nowrap;font-size:.55rem}.upgrade-btn{background:linear-gradient(135deg,#dcdcdc40 0%,#fff3 50%,#dcdcdc40 100%);border:1px solid #ffffff59;position:relative;overflow:hidden}.upgrade-btn:before{content:"";background:linear-gradient(90deg,#0000,#fff6,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.upgrade-btn:hover:before{left:100%}.upgrade-btn:hover{background:linear-gradient(135deg,#f0f0f059 0%,#ffffff40 50%,#f0f0f059 100%);border-color:#ffffff80;transform:translateY(-2px);box-shadow:0 4px 20px #ffffff4d,inset 0 1px #fff6}.chat-title{margin:0;font-size:1.5rem}.selected-model{color:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;align-items:center;gap:.5rem;width:fit-content;margin-top:0;padding:.4rem .8rem;font-size:.85rem;transition:all .2s;display:flex}.selected-model:hover{background:#ffffff1a;border-color:#ffffff4d;transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.model-label{opacity:.7}.model-name{color:#ffffffe6;font-weight:600}.model-change-icon{background:#ffffff1a;border:1px solid #fff3;border-radius:6px;justify-content:center;align-items:center;padding:4px 6px;font-size:.8rem;transition:all .2s;display:flex}.selected-model:hover .model-change-icon{background:#fff3;transform:rotate(45deg)}.feature-buttons-horizontal{flex-wrap:wrap;flex-shrink:0;justify-content:center;gap:.5rem;margin:0;padding:.25rem .5rem;display:flex;position:relative}.feature-button-horizontal{cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:0 0;border:2px solid #fff3;border-radius:10px;padding:8px 16px;font-family:inherit;font-size:.9rem;transition:all .3s;animation:.6s ease-out both featureButtonSlideIn;position:relative}.feature-button-horizontal.selected{background:#ffffff0d;border-color:#fff6;box-shadow:0 4px 16px #ffffff1a}.feature-button-horizontal.selected:hover{border-color:#fff9;transform:translateY(-2px);box-shadow:0 8px 32px #ffffff26}.feature-button-horizontal.unselected{background:#8080801a;border-color:#8080804d}.feature-button-horizontal.unselected:hover{background:#80808026;border-color:#80808080;transform:translateY(-1px);box-shadow:0 4px 16px #8080801a}.feature-button-horizontal:active{transform:translateY(-1px)}.feature-button-selected-text{color:#fffffff2;text-shadow:0 0 10px #fff6,0 0 20px #fff3,0 0 30px #ffffff1a;font-size:.9rem;font-weight:300;transition:all .3s}.feature-button-static-text{color:#808080cc;font-size:.9rem;font-weight:300;transition:color .3s}.feature-button-horizontal.unselected:hover .feature-button-static-text{color:#a0a0a0e6}.pro-badge-inline{letter-spacing:.5px;color:#fffffff2;text-transform:uppercase;background:linear-gradient(135deg,#e0e0e026,#c0c0c033);border:1px solid #e0e0e066;border-radius:4px;margin-left:6px;padding:2px 6px;font-size:.65rem;font-weight:600;animation:2s ease-in-out infinite proBadgePulse;display:inline-block;box-shadow:0 0 10px #c0c0c04d}@keyframes proBadgePulse{0%,to{box-shadow:0 0 10px #c0c0c04d}50%{box-shadow:0 0 15px #e0e0e080}}.feature-button-horizontal.selected .pro-badge-inline{background:linear-gradient(135deg,#8a2be280,#4b008299);border-color:#8a2be2b3}.feature-button-tooltip{color:#fffffff2;white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);z-index:99999;background:#000000f2;border:1px solid #fff3;border-radius:8px;min-width:max-content;padding:8px 12px;font-size:.8rem;font-weight:400;transition:opacity .25s ease-out,visibility .25s ease-out,transform .25s ease-out;position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%);box-shadow:0 4px 20px #0006,0 0 0 1px #ffffff1a}.feature-button-tooltip:before{content:"";border:5px solid #0000;border-top-color:#000000e6;position:absolute;top:100%;left:50%;transform:translate(-50%)}.feature-button-horizontal:hover .feature-button-tooltip{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #ffffff0d;border-radius:12px}.chat-container{flex-direction:column;flex:1;width:100%;max-height:100vh;padding-bottom:2rem;padding-left:6rem;padding-right:1rem;transition:all .5s cubic-bezier(.4,0,.2,1);display:flex;overflow:hidden auto}.chat-wrapper{flex-direction:column;width:100%;height:100%;transition:all .5s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.chat-wrapper.fullscreen{z-index:9999;-webkit-backdrop-filter:blur(30px)saturate(180%);background:#0f0f0fbf;flex-direction:column;width:100vw;height:100vh;margin:0;padding:0;animation:.4s cubic-bezier(.16,1,.3,1) fullscreenExpand;display:flex;position:fixed;top:0;left:0}.chat-wrapper.fullscreen .chat-container{flex:1;width:100%;max-width:1000px;height:auto;margin:0 auto;padding:4rem 2rem 10rem;overflow-y:auto;-webkit-mask-image:linear-gradient(#0000,#000 5% 95%,#0000);mask-image:linear-gradient(#0000,#000 5% 95%,#0000)}.chat-wrapper.fullscreen .chat-form{-webkit-backdrop-filter:blur(25px);z-index:10000;background:#28282899;border:1px solid #ffffff1f;border-radius:24px;width:90%;max-width:800px;padding:1.25rem;transition:all .3s;position:absolute;bottom:3rem;left:50%;transform:translate(-50%);box-shadow:0 20px 40px -10px #00000080,inset 0 0 0 1px #ffffff0d}.chat-wrapper.fullscreen .chat-form:focus-within{background:#323232b3;border-color:#fff3;transform:translate(-50%)translateY(-2px);box-shadow:0 25px 50px -12px #0009,inset 0 0 0 1px #ffffff1a}.chat-wrapper.fullscreen .chat-input-container{box-shadow:none;background:0 0;border:none;padding:0}.chat-wrapper.fullscreen .chat-input{background:0 0;font-size:1.1rem}@keyframes fullscreenExpand{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.chat-container.compare-mode{flex-direction:row;gap:1.5rem;display:flex}.chat-panel{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffff05;border:1px solid #ffffff14;border-radius:16px;flex-direction:column;flex:1;transition:all .6s cubic-bezier(.4,0,.2,1);animation:.6s ease-out panelSlideIn;display:flex;position:relative;overflow:hidden}@keyframes panelSlideIn{0%{opacity:0;transform:translate(-30px)scale(.95)}to{opacity:1;transform:translate(0)scale(1)}}.secondary-panel{animation:.6s ease-out .2s both panelSlideIn}.empty-chat-message{text-align:center;justify-content:center;align-items:center;height:100%;padding:2rem;display:flex}.empty-chat-message p{color:#ffffff80;max-width:400px;font-size:1rem;line-height:1.6;animation:.5s ease-out fadeInUp}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.panel-header{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#ffffff1a 0%,#ffffff0d 100%);border-bottom:1px solid #ffffff1a;justify-content:center;align-items:center;padding:1rem 1.5rem;display:flex;position:relative}.panel-header h3{color:#ffffffe6;text-align:center;text-shadow:0 0 10px #ffffff4d;flex:1;margin:0;font-size:1.1rem;font-weight:600}.panel-controls{gap:8px;display:flex;position:absolute;right:1rem}.panel-control-btn{color:#fffc;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.2rem;transition:all .3s;display:flex}.panel-control-btn:hover{color:#fff;background:#ffffff26;border-color:#ffffff4d;transform:scale(1.05);box-shadow:0 0 15px #fff3}.panel-control-btn:active{transform:scale(.95)}.chat-wrapper.hidden{opacity:0;pointer-events:none;transform:translateY(20px)}.show-chat-btn{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;background:#8a2be233;border:1px solid #8a2be266;border-radius:24px;padding:12px 24px;font-weight:600;transition:all .3s;animation:.3s ease-out fadeIn;position:fixed;bottom:6rem;right:2rem;box-shadow:0 4px 20px #0000004d}.show-chat-btn:hover{background:#8a2be24d;border-color:#8a2be299;transform:translateY(-2px);box-shadow:0 8px 25px #8a2be266}.model-selector{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;background:#ffffff1a;border:1px solid #fff3;border-radius:8px;width:100%;padding:8px 12px;font-family:inherit;font-size:.95rem;transition:all .3s}.model-selector:hover{background:#ffffff26;border-color:#ffffff4d;box-shadow:0 0 15px #fff3}.model-selector option{color:#fff;background:#1a1a1a}.chat-panel .chat-messages{background:0 0;border:none;border-radius:0;flex:1;min-height:0;margin:0;padding:1.5rem;overflow-y:auto}.chat-messages::-webkit-scrollbar{width:6px}.chat-messages::-webkit-scrollbar-track{background:#ffffff08;border-radius:6px;margin:8px 0}.chat-messages::-webkit-scrollbar-thumb{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(#ffffff40 0%,#ffffff26 50%,#fff3 100%);border:1px solid #ffffff0d;border-radius:6px;box-shadow:inset 0 0 3px #ffffff1a}.chat-messages::-webkit-scrollbar-thumb:hover{background:linear-gradient(#fff6 0%,#ffffff4d 50%,#ffffff59 100%);box-shadow:inset 0 0 5px #ffffff26,0 0 8px #ffffff1a}.message{flex-direction:column;max-width:80%;animation:.3s ease-out messageSlideIn;display:flex}.message.user{align-self:flex-end;align-items:flex-end}.message.assistant{align-self:flex-start;align-items:flex-start}.message-content{-webkit-backdrop-filter:blur(12px);color:#fffffff2;letter-spacing:.01em;word-wrap:break-word;overflow-wrap:break-word;white-space:pre-wrap;word-break:break-word;background:#ffffff08;border:1px solid #ffffff14;border-radius:20px;width:100%;padding:14px 22px;font-size:1.05rem;line-height:1.6;transition:all .3s;box-shadow:0 2px 8px #0000000d}.message.user .message-content{background:linear-gradient(135deg,#ffffff1a 0%,#ffffff0d 100%);border:1px solid #ffffff26;border-radius:20px 20px 4px;box-shadow:0 4px 15px #0000001a,inset 0 1px #ffffff1a}.message.assistant .message-content{background:#14141466;border:1px solid #ffffff0f;border-radius:20px 20px 20px 4px;box-shadow:0 4px 15px #0000001a}.message-actions{opacity:0;gap:8px;margin-top:8px;transition:all .3s;animation:.3s ease-out .5s forwards fadeIn;display:flex;transform:translateY(-5px)}.message:hover .message-actions,.message-actions:hover{opacity:1;transform:translateY(0)}.msg-action-btn{color:#ffffffb3;cursor:pointer;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;padding:4px 10px;font-size:.75rem;font-weight:500;transition:all .2s}.msg-action-btn:hover{color:#fff;background:#ffffff26;border-color:#ffffff4d;transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.message.assistant .message-content span{display:inline-block}.message-content p{margin:.75em 0}.message-content p:first-child{margin-top:0}.message-content p:last-child{margin-bottom:0}.message-content ul,.message-content ol{margin:.75em 0;padding-left:1.5em}.message-content li{margin:.5em 0}.message-content code{background:#ffffff1a;border-radius:4px;padding:.2em .4em;font-family:Courier New,monospace;font-size:.9em}.message-content pre{background:#ffffff0d;border-radius:8px;margin:.75em 0;padding:1em;overflow-x:auto}.message-content pre code{background:0 0;padding:0}.message-content a{color:#60a5fa;border-bottom:1px solid #0000;text-decoration:none;transition:all .2s}.message-content a:hover{border-bottom-color:#60a5fa}.message-time{color:#ffffff80;margin-top:.25rem;font-size:.75rem}.typing-indicator{align-items:center;gap:4px;height:20px;display:flex}.typing-indicator span{background:#fff9;border-radius:50%;width:6px;height:6px;animation:1.4s ease-in-out infinite typing}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}.chat-title{-webkit-text-fill-color:transparent;text-shadow:0 0 30px #c8c8c84d;letter-spacing:-.02em;background:linear-gradient(135deg,#f5f5f5,#e0e0e0,silver,#a8a8a8);-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(2.5rem,6vw,4rem);font-weight:100}.chat-form{z-index:200;flex-shrink:0;width:100%;position:relative}.chat-input-container{-webkit-backdrop-filter:blur(25px);background:#14141499;border:1px solid #ffffff1f;border-radius:24px;flex-shrink:0;align-items:center;width:100%;max-width:750px;margin:0 auto;padding:6px 8px;transition:all .3s cubic-bezier(.25,.8,.25,1);display:flex;position:relative;box-shadow:0 10px 30px -10px #00000080,inset 0 1px #ffffff0d}.chat-input-container:focus-within{background:#1e1e1ecc;border-color:#ffffff40;transform:translateY(-2px);box-shadow:0 15px 40px -10px #0009,0 0 0 1px #ffffff1a,0 0 20px #ffffff0d}.chat-input-container.synthesize-active{border:2px solid #e5e5e566;position:relative;overflow:visible}.electric-border-overlay{pointer-events:none;z-index:1;position:absolute;inset:-4px}.electric-border-svg{filter:drop-shadow(0 0 6px #e5e5e599);width:100%;height:100%;position:absolute;top:0;left:0}.chat-input-container.synthesize-active:before{content:"";filter:blur(8px);opacity:.8;z-index:-1;background:linear-gradient(45deg,#e5e5e51a,#e5e5e54d,#e5e5e51a);border-radius:20px;animation:3s ease-in-out infinite electricPulse;position:absolute;inset:-6px}.chat-input-container.synthesize-active:after{content:"";z-index:-1;border:1px solid #e5e5e599;border-radius:18px;animation:2s linear infinite electricBorder;position:absolute;inset:-2px}@keyframes electricPulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.02)}}@keyframes electricBorder{0%{box-shadow:0 0 5px #e5e5e580}25%{box-shadow:0 0 20px #e5e5e5cc,0 0 30px #e5e5e566}50%{box-shadow:0 0 15px #e5e5e5e6,0 0 25px #e5e5e599}75%{box-shadow:0 0 25px #e5e5e5b3,0 0 35px #e5e5e54d}to{box-shadow:0 0 5px #e5e5e580}}.chat-input{color:#fff;background:0 0;border:none;outline:none;flex:1;padding:16px 20px;font-family:inherit;font-size:1.1rem;font-weight:300}.chat-input::placeholder{color:#ffffff80}.attached-files{flex-wrap:wrap;gap:8px;margin-bottom:12px;padding:0 4px;display:flex}.attached-file{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:8px;align-items:center;gap:6px;padding:6px 10px;font-size:.9rem;display:flex}.file-icon{font-size:1rem}.file-name{text-overflow:ellipsis;white-space:nowrap;max-width:150px;overflow:hidden}.remove-file{color:#ffffffb3;cursor:pointer;background:0 0;border:none;margin-left:4px;padding:0;font-size:1.2rem;line-height:1;transition:color .2s}.remove-file:hover{color:#ff6b6b}.attach-file-btn{cursor:pointer;color:#ffffffb3;background:0 0;border:1px solid #0000;border-radius:50%;justify-content:center;align-items:center;min-width:40px;height:40px;margin-left:4px;margin-right:8px;padding:0;font-size:1.2rem;transition:all .3s;display:flex}.attach-file-btn:hover:not(:disabled){color:#fff;background:#ffffff1a;transform:scale(1.1)}.attach-file-btn:disabled{opacity:.4;cursor:not-allowed}.voice-mode-btn{cursor:pointer;color:#ffffffb3;background:0 0;border:1px solid #0000;border-radius:50%;justify-content:center;align-items:center;min-width:40px;height:40px;margin-right:8px;padding:0;transition:all .3s;display:flex}.voice-mode-btn:hover:not(:disabled){background:#ffffff1a;transform:scale(1.1)}.voice-mode-btn:disabled{opacity:.4;cursor:not-allowed}.sound-wave-icon{justify-content:center;align-items:center;gap:3px;height:20px;display:flex}.sound-wave-icon span{background-color:#ffffffb3;border-radius:3px;width:3px;height:4px;transition:all .3s;display:block}.voice-mode-btn.active .sound-wave-icon span{background-color:#fff;box-shadow:0 0 8px #fff9}.voice-mode-btn.active .sound-wave-icon span:first-child{animation:1s ease-in-out infinite waveActive}.voice-mode-btn.active .sound-wave-icon span:nth-child(2){animation:1s ease-in-out .1s infinite waveActive}.voice-mode-btn.active .sound-wave-icon span:nth-child(3){animation:1s ease-in-out .2s infinite waveActive}.voice-mode-btn.active .sound-wave-icon span:nth-child(4){animation:1s ease-in-out .3s infinite waveActive}.voice-mode-btn.active .sound-wave-icon span:nth-child(5){animation:1s ease-in-out .4s infinite waveActive}@keyframes waveActive{0%,to{height:6px}50%{height:18px}}.voice-mode-btn:hover:not(.active) .sound-wave-icon span{background-color:#ffffffe6}.file-input{display:none!important}.chat-submit{cursor:pointer;color:#fff;background:linear-gradient(135deg,#ffffff26,#ffffff0d);border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;margin-right:4px;padding:0;transition:all .3s cubic-bezier(.25,.8,.25,1);display:flex;box-shadow:0 4px 10px #0000001a}.chat-submit:hover:not(:disabled){background:linear-gradient(135deg,#ffffff40,#ffffff1a);border-color:#ffffff4d;transform:translateY(-1px)scale(1.05);box-shadow:0 6px 15px #0003}.chat-submit:disabled{opacity:.4;cursor:not-allowed}.chat-submit svg{width:20px;height:20px}.loading-spinner svg{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@keyframes typing{0%,60%,to{opacity:.4;transform:translateY(0)}30%{opacity:1;transform:translateY(-10px)}}@keyframes messageSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-out{opacity:0;transition:all .8s ease-in-out;transform:translateY(-20px)}.fade-in{opacity:0;animation:.8s ease-out forwards fadeInUp;transform:translateY(20px)}.mobile-mode-selector-container{display:none}@media (max-width:768px){.splash-content{padding:.5rem}.splash-title{margin-bottom:.25rem}.chat-interface{max-width:100vw;min-height:100vh;padding:.5rem .25rem 8rem}.chat-messages{min-height:200px;max-height:calc(85vh - 160px);padding:.5rem .25rem}.message-content{border-radius:16px;padding:10px 14px;font-size:.95rem}.chat-header{margin-top:50px;margin-bottom:1rem;padding:.25rem .5rem}.chat-title{margin-bottom:.25rem;font-size:1.75rem}.feature-buttons-horizontal{display:none}.mobile-mode-selector-container{z-index:150;width:100%;max-width:100%;margin:0 auto .75rem;padding:0 .5rem;display:block;position:relative}.mobile-mode-trigger{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;justify-content:space-between;align-items:center;width:100%;padding:12px 16px;font-size:.95rem;transition:all .2s;display:flex}.mobile-mode-trigger:active{background:#ffffff1a;transform:scale(.98)}.mobile-mode-dropdown{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#141414f2;border:1px solid #ffffff1a;border-radius:12px;width:calc(100% - 1rem);margin-top:8px;left:.5rem;overflow:hidden;box-shadow:0 4px 20px #00000080}.chat-container{padding-bottom:4rem;padding-left:.5rem;padding-right:.5rem}.chat-input-container{border-radius:18px;margin:0 4px;padding:4px 6px}.chat-input{padding:10px 12px;font-size:.95rem}.chat-submit{width:36px;height:36px}.chat-submit svg{width:18px;height:18px}.instant-gen-indicator,.video-gen-indicator{margin:6px auto;padding:4px 10px;font-size:.7rem}.account-tier-badge-fixed{padding:4px 8px;font-size:.7rem;bottom:50px;left:50%;transform:translate(-50%)}.generated-image-container,.generated-video-container{min-height:200px;margin:.5rem auto 5rem;padding:.75rem}.generated-image-header h3,.generated-video-header h3{font-size:1rem}.placeholder-icon{margin-bottom:1rem;font-size:3rem}.placeholder-text{font-size:1rem}.placeholder-subtext{font-size:.85rem}}.text-bold{color:#fffffffa;text-shadow:0 0 10px #ffffff4d;font-weight:700}.text-italic{color:#ffffffd9;font-style:italic;font-weight:400}.text-code{color:#ffffffeb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff14;border:1px solid #ffffff26;border-radius:6px;padding:3px 8px;font-family:JetBrains Mono,Consolas,Monaco,Courier New,monospace;font-size:.9em;box-shadow:inset 0 1px 2px #0000004d}.bullet-point{align-items:flex-start;margin:.75em 0;padding-left:.5em;line-height:1.5;display:flex}.bullet{color:#fffc;text-align:center;text-shadow:0 0 8px #fff6;min-width:1.2em;margin-right:.75em;font-weight:600}.text-link{background:linear-gradient(135deg,#fff 0%,silver 50%,gray 100%);-webkit-text-fill-color:transparent;cursor:pointer;-webkit-background-clip:text;background-clip:text;font-weight:500;text-decoration:none;transition:all .3s;position:relative}.text-link:after{content:"";opacity:.4;transform-origin:100%;background:linear-gradient(135deg,#fff 0%,silver 50%,gray 100%);width:100%;height:1px;transition:transform .3s;position:absolute;bottom:-2px;left:0;transform:scaleX(0)}.text-link:hover{filter:brightness(1.2)}.text-link:hover:after{transform-origin:0;opacity:.8;transform:scaleX(1)}.bullet-text{color:#ffffffe6;flex:1;line-height:1.5}.ai-models-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:999;background:#000000b3;justify-content:center;align-items:center;width:100%;height:100vh;padding:2rem;animation:.3s ease-out overlayFadeIn;display:flex;position:fixed;top:0;left:0}@keyframes overlayFadeIn{0%{opacity:0;-webkit-backdrop-filter:blur();backdrop-filter:blur()}to{opacity:1;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}}.ai-models-section{z-index:1000;opacity:0;pointer-events:none;background:linear-gradient(#000c 0%,#000000e6 50%,#000000f2 100%);flex-direction:column;justify-content:center;align-items:center;width:100%;height:100vh;padding:4rem 2rem;transition:opacity .3s;display:flex;position:fixed;top:0;left:0}.ai-models-section.show{opacity:1;pointer-events:all}.ai-models-title{-webkit-text-fill-color:transparent;text-align:center;letter-spacing:-.02em;background:linear-gradient(135deg,#f5f5f5,#e0e0e0,silver);-webkit-background-clip:text;background-clip:text;margin-bottom:3rem;font-size:clamp(2rem,5vw,3.5rem);font-weight:100}.ai-models-container{width:100%;max-width:1200px;margin:0 auto}.infinite-scroll-container{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff05;border:1px solid #ffffff1a;border-radius:20px;height:400px;overflow:hidden}.ai-model-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);text-align:center;color:#ffffffe6;letter-spacing:.02em;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;justify-content:center;align-items:center;min-width:280px;margin:1rem;padding:2rem 3rem;font-size:1.2rem;font-weight:500;transition:all .3s;display:flex}.ai-model-card:hover{background:#ffffff14;border-color:#fff3;transform:translateY(-2px);box-shadow:0 10px 30px #ffffff1a}.ai-model-card.clickable{cursor:pointer;transition:all .3s}.ai-model-card.clickable:hover{background:#ffffff1f;border-color:#ffffff4d;transform:translateY(-3px)scale(1.02);box-shadow:0 15px 40px #ffffff26}.ai-model-card.clickable:active{background:#ffffff26;transform:translateY(-1px)scale(.98)}@media (max-width:768px){.ai-models-section{padding:2rem 1rem}.ai-model-card{min-width:250px;margin:.5rem;padding:1.5rem}.ai-models-title{margin-bottom:2rem}}.instant-gen-modal{z-index:10000;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#000000fa;flex-direction:column;animation:.3s ease-out modalFadeIn;display:flex;position:fixed;inset:0}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.instant-gen-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#8a2be233 0%,#4b008233 100%);border-bottom:1px solid #8a2be24d;justify-content:space-between;align-items:center;padding:1.5rem 2rem;display:flex}.instant-gen-header h2{color:#fff;text-shadow:0 0 20px #8a2be280;align-items:center;gap:.5rem;margin:0;font-size:1.5rem;font-weight:600;display:flex}.instant-gen-close{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.5rem;transition:all .3s;display:flex}.instant-gen-close:hover{background:#ff64644d;border-color:#ff646480;transform:scale(1.1);box-shadow:0 0 20px #ff64644d}.instant-gen-close:active{transform:scale(.95)}.instant-gen-iframe{background:#000;border:none;flex:1;width:100%;height:100%}.instant-gen-iframe:not([src]){justify-content:center;align-items:center;display:flex}.instant-gen-iframe:not([src]):before{content:"⚡ Loading Instant Gen...";color:#fff9;font-size:1.2rem;animation:2s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:.4}50%{opacity:1}}.instant-gen-indicator{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(135deg,#8a2be214 0%,#8a2be21f 100%);border:1px solid #8a2be240;border-radius:16px;justify-content:center;align-items:center;gap:.4rem;width:fit-content;margin:0 auto .65rem;padding:.4rem .9rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 2px 8px #8a2be21f,0 0 20px #8a2be214,inset 0 1px 1px #ffffff1a}.instant-gen-indicator:hover{background:linear-gradient(135deg,#8a2be21f 0%,#8a2be229 100%);border-color:#8a2be259;transform:translateY(-1px);box-shadow:0 4px 12px #8a2be22e,0 0 25px #8a2be21f,inset 0 1px 1px #ffffff26}.instant-gen-icon{filter:drop-shadow(0 0 4px #8a2be280);font-size:.85rem;animation:2s ease-in-out infinite subtlePulse}@keyframes subtlePulse{0%,to{opacity:.9}50%{opacity:1}}.instant-gen-text{color:#ffffffe6;text-shadow:0 1px 2px #0000004d;letter-spacing:.5px;font-size:.75rem;font-weight:500}.chat-input-container.instant-gen-active{border-color:#8a2be280;box-shadow:0 0 25px #8a2be240,inset 0 0 15px #8a2be214}.generated-image-container{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(135deg,#8a2be20a 0%,#4b00820f 50%,#8a2be20a 100%);border:1.5px solid #8a2be22e;border-radius:16px;justify-content:center;align-items:flex-start;max-width:700px;min-height:250px;margin:1.5rem auto 8rem;padding:1.75rem;display:flex;overflow:visible;box-shadow:0 8px 30px #8a2be226,inset 0 0 30px #8a2be20a}.generating-indicator{text-align:center;pointer-events:none;z-index:1}.generating-spinner{pointer-events:none;width:150px;height:150px;margin:0 auto 2rem;position:relative}.metallic-paint-loader{filter:drop-shadow(0 0 20px #c0c0c066);justify-content:center;align-items:center;width:100%;height:100%;display:flex}.spinner-ring{border:4px solid #fff;border-color:#fff silver #c0c0c026 #c0c0c026;border-radius:50%;animation:1s linear infinite spin;position:absolute;inset:0;box-shadow:0 0 20px #c0c0c04d,inset 0 0 15px #c0c0c01a}.generating-icon{filter:drop-shadow(0 0 10px #c0c0c0cc);font-size:2.5rem;animation:1s ease-in-out infinite lightningFlash;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.generating-text{color:#ffffffe6;text-shadow:0 0 8px #c0c0c066;margin:0;font-size:1rem;font-weight:500}.generated-image-wrapper{z-index:5;flex-direction:column;width:100%;max-width:650px;animation:.6s cubic-bezier(.16,1,.3,1) fadeInScale;display:flex;position:relative}@keyframes fadeInScale{0%{opacity:0;transform:scale(.92)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}.generated-image-header{z-index:10;border-bottom:1.5px solid #8a2be240;flex-direction:column;gap:1.25rem;width:100%;margin-bottom:1.5rem;padding-bottom:1rem;display:flex;position:relative}.generated-image-header h3{color:#fff;text-shadow:0 0 15px #8a2be299;justify-content:center;align-items:center;gap:.5rem;margin:0;font-size:1.15rem;font-weight:700;display:flex}.generated-image-actions{z-index:15;flex-wrap:wrap;justify-content:center;gap:.65rem;display:flex;position:relative}.image-action-btn{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10;pointer-events:auto;background:linear-gradient(135deg,#8a2be22e 0%,#4b008238 100%);border:1.5px solid #8a2be259;border-radius:10px;align-items:center;gap:.5rem;padding:.6rem 1.25rem;font-size:.875rem;font-weight:600;text-decoration:none;transition:all .3s cubic-bezier(.16,1,.3,1);display:inline-flex;position:relative;box-shadow:0 4px 15px #8a2be233}.image-action-btn:hover{background:linear-gradient(135deg,#8a2be266 0%,#4b008273 100%);border-color:#8a2be2b3;transform:translateY(-3px);box-shadow:0 8px 25px #8a2be266,0 0 20px #8a2be24d}.image-action-btn:active{transform:translateY(-1px);box-shadow:0 4px 15px #8a2be24d,0 0 15px #8a2be233}.percify-btn{color:#fff;text-shadow:0 0 10px #ffd70080;letter-spacing:.5px;background:linear-gradient(135deg,#ffd70040 0%,#ffa5004d 50%,#ff8c0040 100%);border:2px solid #ffd70080;font-weight:700;position:relative;overflow:hidden;box-shadow:0 4px 20px #ffd7004d,0 0 30px #ffa50033}.percify-btn:before{content:"";background:linear-gradient(45deg,#0000,#ffffff1a,#0000);width:200%;height:200%;animation:3s infinite percifyShine;position:absolute;top:-50%;left:-50%;transform:rotate(45deg)}@keyframes percifyShine{0%,to{transform:translate(-100%)translateY(-100%)rotate(45deg)}50%{transform:translate(100%)translateY(100%)rotate(45deg)}}.percify-btn:hover{text-shadow:0 0 15px #ffd700cc;background:linear-gradient(135deg,#ffd70066 0%,#ffa50080 50%,#ff8c0066 100%);border-color:#ffd700cc;transform:translateY(-4px)scale(1.05);box-shadow:0 10px 35px #ffd70080,0 0 50px #ffa50066,inset 0 0 20px #ffd70033}.percify-btn:active{transform:translateY(-2px)scale(1.02);box-shadow:0 6px 25px #ffd70066,0 0 40px #ffa5004d}.generated-image{-o-object-fit:contain;object-fit:contain;border:2px solid #8a2be24d;border-radius:12px;width:100%;height:auto;max-height:55vh;margin-bottom:0;transition:all .3s;box-shadow:0 10px 40px #8a2be240,0 0 30px #8a2be226,inset 0 0 20px #8a2be20a}.generated-image:hover{border-color:#8a2be280;transform:scale(1.01);box-shadow:0 15px 50px #8a2be259,0 0 45px #8a2be240,inset 0 0 25px #8a2be20f}.instant-gen-placeholder{text-align:center;padding:4rem 2rem}.placeholder-icon{opacity:.2;filter:drop-shadow(0 0 20px #8a2be24d);margin-bottom:2rem;font-size:5rem;animation:3s ease-in-out infinite placeholderPulse}@keyframes placeholderPulse{0%,to{opacity:.2;transform:scale(1)}50%{opacity:.35;transform:scale(1.05)}}.placeholder-text{color:#ffffffb3;text-shadow:0 0 10px #8a2be24d;margin:0 0 .75rem;font-size:1.3rem;font-weight:500}.placeholder-subtext{color:#ffffff80;margin:0;font-size:1rem}.video-gen-indicator{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(135deg,#00bfff14 0%,#00bfff1f 100%);border:1px solid #00bfff40;border-radius:16px;justify-content:center;align-items:center;gap:.4rem;width:fit-content;margin:0 auto .65rem;padding:.4rem .9rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 2px 8px #00bfff1f,0 0 20px #00bfff14,inset 0 1px 1px #ffffff1a}.video-gen-indicator:hover{background:linear-gradient(135deg,#00bfff1f 0%,#00bfff29 100%);border-color:#00bfff59;transform:translateY(-1px);box-shadow:0 4px 12px #00bfff2e,0 0 25px #00bfff1f,inset 0 1px 1px #ffffff26}.video-gen-icon{filter:drop-shadow(0 0 4px #00bfff80);font-size:.85rem;animation:2s ease-in-out infinite subtlePulse}.video-gen-text{color:#ffffffe6;text-shadow:0 1px 2px #0000004d;letter-spacing:.5px;font-size:.75rem;font-weight:500}.chat-input-container.video-gen-active{border-color:#00bfff80;box-shadow:0 0 25px #00bfff40,inset 0 0 15px #00bfff14}.generated-video-container{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(135deg,#00bfff0a 0%,#0080ff0f 50%,#00bfff0a 100%);border:1.5px solid #00bfff2e;border-radius:16px;justify-content:center;align-items:center;max-width:800px;min-height:250px;margin:1.5rem auto 6rem;padding:1.75rem;display:flex;box-shadow:0 8px 30px #00bfff26,inset 0 0 30px #00bfff0a}.generated-video-wrapper{width:100%;max-width:750px;animation:.6s cubic-bezier(.16,1,.3,1) fadeInScale}.generated-video-header{border-bottom:1.5px solid #00bfff40;flex-direction:column;gap:1.25rem;margin-bottom:1.5rem;padding-bottom:1rem;display:flex}.generated-video-header h3{color:#fff;text-shadow:0 0 15px #00bfff99;justify-content:center;align-items:center;gap:.5rem;margin:0;font-size:1.15rem;font-weight:700;display:flex}.generated-video-actions{flex-wrap:wrap;justify-content:center;gap:.65rem;display:flex}.video-action-btn{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);white-space:nowrap;background:linear-gradient(135deg,#00bfff2e 0%,#0080ff38 100%);border:1.5px solid #00bfff59;border-radius:10px;justify-content:center;align-items:center;gap:.5rem;min-width:120px;padding:.6rem 1.25rem;font-size:.875rem;font-weight:600;text-decoration:none;transition:all .3s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 4px 15px #00bfff33}.video-action-btn:hover{background:linear-gradient(135deg,#00bfff59 0%,#0080ff66 100%);border-color:#00bfffb3;transform:translateY(-3px);box-shadow:0 8px 25px #00bfff66,0 0 20px #00bfff4d}.video-action-btn:active{transform:translateY(-1px);box-shadow:0 4px 15px #00bfff4d,0 0 15px #00bfff33}.generated-video{-o-object-fit:contain;object-fit:contain;border:2px solid #00bfff4d;border-radius:12px;width:100%;height:auto;max-height:60vh;transition:all .3s;box-shadow:0 10px 40px #00bfff40,0 0 30px #00bfff26,inset 0 0 20px #00bfff0a}.generated-video:hover{border-color:#00bfff80;box-shadow:0 15px 50px #00bfff59,0 0 45px #00bfff40,inset 0 0 25px #00bfff0f}.video-gen-placeholder{text-align:center;padding:4rem 2rem}
.dock-outer{align-items:center;max-width:100%;margin:0 .5rem;display:flex}.dock-panel{z-index:9999;pointer-events:all;background-color:#0000;border:none;border-radius:1rem;flex-direction:column;align-items:center;gap:1rem;height:fit-content;padding:.5rem;display:flex;position:fixed;top:50%;left:1rem;transform:translateY(-50%)}.dock-item{cursor:pointer;background-color:#060010e6;border:1px solid #222;border-radius:10px;outline:none;justify-content:center;align-items:center;transition:all .3s;display:inline-flex;position:relative;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.dock-item:hover{border-color:#8a2be280;transform:scale(1.1);box-shadow:0 8px 12px -1px #8a2be24d,0 4px 8px -1px #0000001a}.dock-icon{justify-content:center;align-items:center;display:flex}.dock-label{white-space:pre;color:#fff;pointer-events:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#060010f2;border:1px solid #222;border-radius:.375rem;width:fit-content;padding:.25rem .75rem;font-size:.75rem;position:absolute;top:50%;left:calc(100% + 1rem);transform:translateY(-50%)}@media (max-width:768px){.dock-panel{display:none!important}}
.infinite-scroll-wrapper{overscroll-behavior:none;justify-content:center;align-items:center;width:100%;display:flex;position:relative;overflow:hidden}.infinite-scroll-wrapper:before,.infinite-scroll-wrapper:after{content:"";background:linear-gradient(var(--dir,to bottom),#060010,transparent);z-index:1;pointer-events:none;width:100%;height:25%;position:absolute}.infinite-scroll-wrapper:before{top:0}.infinite-scroll-wrapper:after{--dir:to top;bottom:0}.infinite-scroll-container{overscroll-behavior:contain;cursor:grab;transform-origin:50%;flex-direction:column;padding-inline:1rem;display:flex}.infinite-scroll-item{--accent-color:#fff;text-align:center;border:2px solid var(--accent-color);-webkit-user-select:none;user-select:none;box-sizing:border-box;border-radius:15px;justify-content:center;align-items:center;padding:1rem;font-size:1.25rem;font-weight:600;display:flex;position:relative}
#infinite-grid-menu-canvas{cursor:grab;outline:none;width:100%;height:100%;position:relative;overflow:hidden}#infinite-grid-menu-canvas:active{cursor:grabbing}.action-button{z-index:10;cursor:pointer;background:silver;border:5px solid #000;border-radius:50%;place-items:center;width:60px;height:60px;display:grid;position:absolute;left:50%}.face-title{-webkit-user-select:none;user-select:none;font-size:4rem;font-weight:900;position:absolute;top:50%;left:1.6em}.action-button-icon{-webkit-user-select:none;user-select:none;color:#fff;font-size:26px;position:relative;top:2px}.face-title{position:absolute;top:50%;transform:translate(20%,-50%)}.face-title.active{opacity:1;pointer-events:auto;transition:all .5s;transform:translate(20%,-50%)}.face-title.inactive{pointer-events:none;opacity:0;transition:all .1s}.face-description{-webkit-user-select:none;user-select:none;max-width:10ch;font-size:1.5rem;position:absolute;top:50%;right:1%;transform:translateY(-50%)}.face-description.active{opacity:1;pointer-events:auto;transition:all .5s;transform:translate(-90%,-50%)}.face-description.inactive{pointer-events:none;opacity:0;transition:all .1s;transform:translate(-60%,-50%)}.action-button{position:absolute;left:50%}.action-button.active{opacity:1;pointer-events:auto;transition:all .5s;bottom:3.8em;transform:translate(-50%)scale(1)}.action-button.inactive{opacity:0;pointer-events:none;transition:all .1s;bottom:-80px;transform:translate(-50%)scale(0)}@media (max-width:1500px){.face-title,.face-description{display:none}}.infinite-menu-close{cursor:pointer;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10001;background:#ffffff1a;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.5rem;transition:all .3s;display:flex;position:absolute;top:2rem;right:2rem}.infinite-menu-close:hover{background:#fff3;transform:scale(1.08)rotate(90deg)}
.news-ticker{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:9999;background:#0a0a0ff2;border-top:1px solid #c0c0c033;height:42px;position:fixed;bottom:0;left:0;right:0;overflow:hidden}.news-ticker-container{align-items:center;max-width:100%;height:100%;display:flex}.news-ticker-label{letter-spacing:1.5px;color:silver;white-space:nowrap;background:linear-gradient(135deg,#c0c0c026,#a0a0a026);border-right:1px solid #c0c0c04d;flex-shrink:0;align-items:center;gap:8px;height:100%;padding:0 20px;font-size:11px;font-weight:700;display:flex}.ticker-icon{font-size:14px;animation:2s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}.news-ticker-content{flex:1;height:100%;position:relative;overflow:hidden}.news-ticker-content.loading{color:#ffffff80;align-items:center;padding:0 20px;font-size:13px;display:flex}.news-ticker-track{will-change:transform;align-items:center;height:100%;animation:10s linear infinite scroll;display:flex}@keyframes scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.news-ticker-track:hover{animation-play-state:paused}.news-item{white-space:nowrap;color:#ffffffe6;flex-shrink:0;align-items:center;gap:8px;padding:0 24px;font-size:13px;text-decoration:none;transition:all .3s;display:flex}.news-item:hover{color:silver;transform:translateY(-1px)}.news-bullet{color:#c0c0c099;font-size:8px}.activity-username{color:silver;letter-spacing:.3px;font-weight:700}.activity-action{color:#ffffffd9;font-weight:400}.news-title{color:#fffffff2;font-weight:500;transition:color .3s}.news-meta{color:#fff6;align-items:center;gap:10px;margin-left:6px;font-size:11px;display:flex}.news-source{text-transform:uppercase;letter-spacing:.5px;background:#c0c0c01a;border-radius:4px;padding:2px 8px;font-weight:600}.news-time{color:#ffffff59;font-size:10px}@media (max-width:768px){.news-ticker{height:38px}.news-ticker-label{padding:0 12px;font-size:10px}.news-item{padding:0 16px;font-size:12px}.news-meta{display:none}}.news-ticker{animation:.5s ease-out slideUp}@keyframes slideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}
.custom-omis-container{color:#ffffffe6;z-index:9999;background:#000;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;display:flex;position:fixed;inset:0;overflow:hidden}.custom-omis-header{-webkit-backdrop-filter:blur(20px);background:#0a0a0af2;border-bottom:1px solid #c0c0c026;justify-content:space-between;align-items:center;padding:12px 24px;display:flex}.header-left{align-items:center;gap:32px;display:flex}.logo{letter-spacing:2px;align-items:center;gap:8px;font-size:20px;font-weight:300;display:flex}.logo-icon{font-size:24px}.logo-text{color:#ffffffe6}.header-tabs{background:#10101099;border:1px solid #c0c0c01a;border-radius:10px;gap:4px;padding:4px;display:flex}.header-tab{color:#ffffff80;letter-spacing:.5px;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:14px;font-weight:300;transition:all .3s;display:flex}.header-tab:hover{color:#fffc;background:#c0c0c01a}.header-tab.active{color:#fffffff2;background:#c0c0c040}.tab-icon{font-size:16px}.header-right{align-items:center;gap:8px;display:flex}.close-btn{color:#fff9;cursor:pointer;background:0 0;border:1px solid #c0c0c033;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;transition:all .3s;display:flex}.close-btn:hover{color:#ffffffe6;background:#c0c0c033;border-color:#c0c0c066}.custom-omis-main{flex:1;padding:24px;overflow-y:auto}.tab-header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:24px;display:flex}.tab-title{color:#fffffff2;letter-spacing:1px;margin:0 0 8px;font-size:28px;font-weight:300}.tab-subtitle{color:#ffffff80;margin:0;font-size:14px;font-weight:300}.bots-tab{max-width:1400px;margin:0 auto}.create-bot-btn{color:#ffffffe6;cursor:pointer;white-space:nowrap;background:#c0c0c026;border:1px solid #c0c0c04d;border-radius:12px;align-items:center;gap:8px;padding:12px 24px;font-size:15px;font-weight:400;transition:all .3s;display:flex}.create-bot-btn:hover{background:#c0c0c040;border-color:#c0c0c080;transform:translateY(-1px);box-shadow:0 4px 12px #c0c0c033}.btn-icon{font-size:18px}.bots-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;display:grid}.bot-card{cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#10101099;border:1px solid #c0c0c026;border-radius:16px;padding:24px;transition:all .3s}.bot-card:hover{border-color:#c0c0c04d;transform:translateY(-4px);box-shadow:0 8px 32px #00000080}.bot-card.selected{border-color:#c0c0c099;box-shadow:0 0 0 2px #c0c0c033,0 8px 32px #c0c0c04d}.bot-card-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.bot-icon{font-size:36px}.bot-status-badge{text-transform:uppercase;letter-spacing:.5px;color:#000000e6;border-radius:12px;padding:4px 12px;font-size:11px;font-weight:500}.bot-name{color:#fffffff2;margin:0 0 8px;font-size:18px;font-weight:400}.bot-description{color:#fff9;margin:0 0 20px;font-size:13px;line-height:1.5}.bot-stats{border-top:1px solid #c0c0c01a;border-bottom:1px solid #c0c0c01a;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:16px;padding:16px 0;display:grid}.bot-stat{text-align:center;flex-direction:column;gap:4px;display:flex}.stat-label{color:#ffffff80;text-transform:uppercase;letter-spacing:.5px;font-size:11px}.stat-value{color:#fffffff2;font-size:18px;font-weight:500}.bot-card-actions{gap:8px;display:flex}.bot-action-btn{color:#fffc;cursor:pointer;background:#c0c0c01a;border:1px solid #c0c0c033;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:6px;padding:10px 16px;font-size:13px;transition:all .3s;display:flex}.bot-action-btn:hover{color:#fffffff2;background:#c0c0c033;border-color:#c0c0c066}.documents-tab{max-width:1600px;margin:0 auto}.header-actions{align-items:center;gap:12px;display:flex}.search-box{background:#10101099;border:1px solid #c0c0c033;border-radius:10px;align-items:center;gap:8px;padding:10px 16px;transition:all .3s;display:flex}.search-box:focus-within{background:#181818cc;border-color:#c0c0c066}.search-icon{color:#ffffff80;font-size:16px}.search-box input{color:#ffffffe6;background:0 0;border:none;outline:none;width:200px;font-size:14px}.search-box input::placeholder{color:#ffffff4d}.upload-btn{color:#ffffffe6;cursor:pointer;white-space:nowrap;background:#c0c0c026;border:1px solid #c0c0c04d;border-radius:10px;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:400;transition:all .3s;display:flex}.upload-btn:hover:not(:disabled){background:#c0c0c040;border-color:#c0c0c080;transform:translateY(-1px)}.upload-btn:disabled{opacity:.5;cursor:not-allowed}.spinner-small{border:2px solid #fff3;border-top-color:#ffffffe6;border-radius:50%;width:14px;height:14px;animation:.6s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.documents-table-container{background:#10101099;border:1px solid #c0c0c026;border-radius:16px;margin-bottom:24px;overflow:hidden}.documents-table{border-collapse:collapse;width:100%}.documents-table thead{background:#c0c0c01a}.documents-table th{text-align:left;color:#ffffffb3;text-transform:uppercase;letter-spacing:.5px;padding:14px 16px;font-size:12px;font-weight:500}.documents-table tbody tr{border-top:1px solid #c0c0c01a;transition:background .2s}.documents-table tbody tr:hover{background:#c0c0c00d}.documents-table td{color:#fffc;padding:16px;font-size:14px}.doc-name-cell{align-items:center;gap:10px;display:flex}.doc-icon{font-size:18px}.doc-type-badge{color:#ffffffe6;background:#c0c0c033;border-radius:6px;padding:4px 10px;font-size:11px;font-weight:500;display:inline-block}.status-badge{text-transform:uppercase;letter-spacing:.5px;color:#000000e6;border-radius:8px;padding:4px 10px;font-size:11px;font-weight:500;display:inline-block}.table-actions{gap:8px;display:flex}.action-btn{cursor:pointer;background:#c0c0c01a;border:1px solid #c0c0c033;border-radius:6px;padding:6px 10px;font-size:14px;transition:all .2s}.action-btn:hover{background:#c0c0c033;transform:scale(1.1)}.action-btn.delete:hover{background:#f8717133;border-color:#f8717166}.upload-instructions{background:#10101066;border:1px solid #c0c0c01a;border-radius:12px;padding:20px}.upload-instructions h4{color:#fffc;margin:0 0 12px;font-size:14px;font-weight:400}.file-types{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.file-type{color:#fffc;background:#c0c0c026;border:1px solid #c0c0c033;border-radius:8px;padding:6px 12px;font-size:12px;font-weight:500}.instructions-text{color:#fff9;margin:0;font-size:13px;line-height:1.6}.training-tab{max-width:1400px;margin:0 auto}.training-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-bottom:32px;display:grid}.training-card{background:#10101099;border:1px solid #c0c0c026;border-radius:16px;padding:24px;transition:all .3s}.training-card:hover{border-color:#c0c0c04d;transform:translateY(-2px)}.card-icon{margin-bottom:12px;font-size:32px}.training-card h3{color:#fffffff2;margin:0 0 16px;font-size:18px;font-weight:400}.training-stats{flex-direction:column;gap:12px;margin-bottom:20px;display:flex}.stat-row{color:#ffffffb3;justify-content:space-between;align-items:center;font-size:14px;display:flex}.stat-row .stat-value{color:#fffffff2;font-size:16px;font-weight:500}.stat-row .stat-value.ready{color:#4ade80}.training-action-btn{color:#ffffffe6;cursor:pointer;background:#c0c0c026;border:1px solid #c0c0c04d;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;padding:12px 20px;font-size:14px;font-weight:400;transition:all .3s;display:flex}.training-action-btn:hover{background:#c0c0c040;border-color:#c0c0c080;transform:translateY(-1px)}.rag-config-section{background:#10101099;border:1px solid #c0c0c026;border-radius:16px;padding:24px}.rag-config-section h3{color:#fffffff2;margin:0 0 20px;font-size:18px;font-weight:400}.config-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-bottom:24px;display:grid}.config-item{flex-direction:column;gap:8px;display:flex}.config-item label{color:#fffc;font-size:13px;font-weight:400}.config-item input{color:#ffffffe6;background:#18181899;border:1px solid #c0c0c033;border-radius:8px;padding:10px 14px;font-size:14px;transition:all .3s}.config-item input:focus{background:#202020cc;border-color:#c0c0c066;outline:none}.config-hint{color:#ffffff80;font-size:11px}.save-config-btn{color:#ffffffe6;cursor:pointer;background:#c0c0c026;border:1px solid #c0c0c04d;border-radius:10px;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:400;transition:all .3s;display:inline-flex}.save-config-btn:hover{background:#c0c0c040;border-color:#c0c0c080;transform:translateY(-1px)}.modal-overlay{z-index:10000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{background:#101010f2;border:1px solid #c0c0c033;border-radius:20px;width:90%;max-width:500px;padding:32px;box-shadow:0 20px 60px #000c}.modal-content h2{color:#fffffff2;margin:0 0 24px;font-size:24px;font-weight:300}.modal-form{flex-direction:column;gap:20px;display:flex}.form-group{flex-direction:column;gap:8px;display:flex}.form-group label{color:#fffc;font-size:13px;font-weight:400}.form-group input,.form-group textarea{color:#ffffffe6;background:#18181899;border:1px solid #c0c0c033;border-radius:10px;padding:12px 16px;font-family:inherit;font-size:14px;transition:all .3s}.form-group input:focus,.form-group textarea:focus{background:#202020cc;border-color:#c0c0c066;outline:none}.form-group textarea{resize:vertical;min-height:100px}.modal-actions{gap:12px;margin-top:8px;display:flex}.modal-btn{cursor:pointer;border-radius:10px;flex:1;padding:12px 24px;font-size:14px;font-weight:400;transition:all .3s}.modal-btn.cancel{color:#fffc;background:#80808026;border:1px solid #8080804d}.modal-btn.cancel:hover{background:#80808040}.modal-btn.create{color:#fffffff2;background:#c0c0c040;border:1px solid #c0c0c066}.modal-btn.create:hover:not(:disabled){background:#c0c0c059;transform:translateY(-1px)}.modal-btn.create:disabled{opacity:.4;cursor:not-allowed}@media (max-width:768px){.search-box,.search-box input{width:100%}.custom-omis-main{padding:16px}.tab-header{flex-direction:column}.header-actions{flex-direction:column;width:100%}.search-box,.search-box input{width:100%}.bots-grid,.training-grid{grid-template-columns:1fr}.documents-table-container{overflow-x:auto}.config-grid{grid-template-columns:1fr}}
@keyframes neonPulse{0%,to{opacity:.5;filter:drop-shadow(0 0 8px)}50%{opacity:1;filter:drop-shadow(0 0 16px)}}@keyframes gridScan{0%{background-position:0 0}to{background-position:50px 50px}}@keyframes floatGlow{0%,to{transform:translateY(0);box-shadow:0 0 20px #dcdcdc4d}50%{transform:translateY(-5px);box-shadow:0 0 40px #dcdcdc80}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes borderGlow{0%,to{border-color:#dcdcdc4d;box-shadow:0 0 10px #dcdcdc33}50%{border-color:#c8c8c880;box-shadow:0 0 20px #c8c8c84d}}.workflow-builder{z-index:1000;background:#000;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;display:flex;position:fixed;inset:0;overflow:hidden}.workflow-builder:before{content:"";pointer-events:none;z-index:0;background-color:#0000;background-image:linear-gradient(90deg,#dcdcdc0d 1px,#0000 1px),linear-gradient(#dcdcdc0d 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:50px 50px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;animation:20s linear infinite gridScan;position:absolute;inset:0}.workflow-builder:after{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle at 30%,#c8c8c81a 0%,#0000 50%),radial-gradient(circle at 70%,#dcdcdc1a 0%,#0000 50%);position:absolute;inset:0}.workflow-close-btn{color:#dcdcdc;cursor:pointer;z-index:2000;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0009;border:1px solid #dcdcdc4d;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.5rem;font-weight:300;transition:all .3s cubic-bezier(.34,1.56,.64,1);display:flex;position:fixed;top:24px;right:32px;box-shadow:0 0 20px #dcdcdc33,inset 0 1px #dcdcdc1a}.workflow-close-btn:hover{background:#dcdcdc1a;border-color:#dcdcdc99;transform:scale(1.1)rotate(90deg);box-shadow:0 0 40px #dcdcdc80,inset 0 0 20px #dcdcdc1a}.workflow-sidebar{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);z-index:10;background:#0a0a0fb3;border-right:1px solid #dcdcdc26;flex-direction:column;width:380px;display:flex;overflow:hidden;box-shadow:4px 0 40px #dcdcdc1a,inset -1px 0 #dcdcdc0d}.workflow-sidebar-header{background:linear-gradient(135deg,#c8c8c80d,#0000);border-bottom:1px solid #dcdcdc1a;justify-content:space-between;align-items:center;padding:24px;display:flex}.workflow-logo{align-items:center;gap:12px;display:flex}.workflow-logo-icon{color:#dcdcdc;filter:drop-shadow(0 0 12px #dcdcdc);font-size:1.8rem;animation:2s ease-in-out infinite neonPulse}.workflow-logo-text{background:linear-gradient(135deg,#dcdcdc 0%,#c8c8c8 100%);-webkit-text-fill-color:transparent;letter-spacing:-.03em;-webkit-background-clip:text;background-clip:text;font-size:1.3rem;font-weight:700}.workflow-search-container{border-bottom:1px solid #dcdcdc1a;padding:20px 24px;position:relative}.workflow-search{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#00141e66;border:1px solid #dcdcdc33;border-radius:12px;width:100%;padding:14px 44px 14px 16px;font-size:.9rem;transition:all .3s}.workflow-search::placeholder{color:#dcdcdc66}.workflow-search:focus{background:#001e2899;border-color:#dcdcdc99;outline:none;box-shadow:0 0 0 3px #dcdcdc1a,0 0 30px #dcdcdc33}.workflow-search-icon{color:#dcdcdc80;pointer-events:none;font-size:1.1rem;position:absolute;top:50%;right:40px;transform:translateY(-50%)}.workflow-categories{flex:1;padding:12px 0;overflow-y:auto}.workflow-categories::-webkit-scrollbar{width:6px}.workflow-categories::-webkit-scrollbar-track{background:0 0}.workflow-categories::-webkit-scrollbar-thumb{background:#dcdcdc33;border-radius:3px}.workflow-categories::-webkit-scrollbar-thumb:hover{background:#dcdcdc66}.workflow-category{margin-bottom:6px}.workflow-category-header{color:#dcdcdc;cursor:pointer;text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;width:100%;padding:14px 24px;font-size:.95rem;font-weight:600;transition:all .3s;display:flex;position:relative}.workflow-category-header:before{content:"";background:linear-gradient(90deg,#dcdcdc26,#0000);width:0;transition:width .3s;position:absolute;top:0;bottom:0;left:0}.workflow-category-header:hover:before{width:100%}.workflow-category-header:hover{color:#fff;text-shadow:0 0 15px #dcdcdc80}.workflow-category-arrow{color:#dcdcdc99;font-size:1.3rem;transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.workflow-category-header.expanded .workflow-category-arrow{color:#c8c8c8;transform:rotate(90deg)}.workflow-category-items{padding:4px 12px 12px 24px;animation:.3s ease-out slideDown}.workflow-component-item{color:#fffffff2;cursor:grab;background:#00141e4d;border:1px solid #dcdcdc26;border-radius:10px;align-items:center;gap:12px;width:100%;margin-bottom:8px;padding:12px 14px;font-size:.9rem;transition:all .3s cubic-bezier(.34,1.56,.64,1);display:flex;position:relative;overflow:hidden}.workflow-component-item:before{content:"";background:linear-gradient(90deg,#0000,#dcdcdc1a,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.workflow-component-item:hover:before{left:100%}.workflow-component-item:hover{background:#dcdcdc14;border-color:#dcdcdc66;transform:translate(6px);box-shadow:0 4px 20px #dcdcdc33,inset 0 1px #dcdcdc1a}.workflow-component-item:active{cursor:grabbing;transform:scale(.98)}.workflow-component-icon{filter:drop-shadow(0 0 8px #dcdcdc80);flex-shrink:0;font-size:1.2rem}.workflow-component-name{flex:1;font-weight:500}.workflow-empty-category{justify-content:center;padding:12px;display:flex}.workflow-add-button{color:#dcdcdc99;cursor:pointer;background:#dcdcdc0d;border:1px solid #dcdcdc33;border-radius:8px;width:40px;height:40px;font-size:1.4rem;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.workflow-add-button:hover{color:#dcdcdc;background:#dcdcdc26;border-color:#dcdcdc80;transform:scale(1.1)rotate(90deg);box-shadow:0 0 20px #dcdcdc4d}.workflow-canvas{z-index:1;background:0 0;flex-direction:column;flex:1;display:flex;overflow:hidden}.workflow-header{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0006;border-bottom:1px solid #dcdcdc26;justify-content:space-between;align-items:center;padding:56px 32px 20px;display:flex;box-shadow:0 4px 30px #0000004d}.workflow-header-left{align-items:center;gap:16px;display:flex}.workflow-auto-save{color:#dcdcdcb3;align-items:center;gap:8px;font-size:.85rem;font-weight:500;display:flex}.workflow-save-icon{font-size:1.1rem;animation:3s ease-in-out infinite neonPulse}.workflow-header-right{align-items:center;gap:12px;display:flex}.workflow-btn{cursor:pointer;border:none;border-radius:10px;align-items:center;gap:8px;padding:10px 20px;font-size:.9rem;font-weight:600;transition:all .3s cubic-bezier(.34,1.56,.64,1);display:flex;position:relative;overflow:hidden}.workflow-btn:before{content:"";background:linear-gradient(90deg,#0000,#ffffff1a,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.workflow-btn:hover:before{left:100%}.workflow-btn-primary{color:#fff;background:linear-gradient(135deg,#dcdcdc33,#c8c8c833);border:1px solid #dcdcdc66;box-shadow:0 0 20px #dcdcdc33}.workflow-btn-primary:hover{background:linear-gradient(135deg,#dcdcdc4d,#c8c8c84d);border-color:#dcdcdc99;transform:translateY(-2px);box-shadow:0 0 30px #dcdcdc66}.workflow-btn-secondary{color:#dcdcdce6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#00141e66;border:1px solid #dcdcdc33}.workflow-btn-secondary:hover{background:#dcdcdc1a;border-color:#dcdcdc66;transform:translateY(-2px);box-shadow:0 0 20px #dcdcdc33}.workflow-btn-icon{font-size:1.1rem}.workflow-canvas-content{background:#000;flex:1;position:relative;overflow:hidden}.drag-drop-area:before{content:"";z-index:0;pointer-events:none;background:linear-gradient(90deg,#dcdcdc08 2px,#0000 2px) -2px -2px/100px 100px,linear-gradient(#dcdcdc08 2px,#0000 2px) -2px -2px/100px 100px,linear-gradient(90deg,#c8c8c805 1px,#0000 1px) -1px -1px/20px 20px,linear-gradient(#c8c8c805 1px,#0000 1px) -1px -1px/20px 20px;animation:30s linear infinite gridScan;position:absolute;inset:0}.drag-drop-area:after{content:"";z-index:1;pointer-events:none;background:radial-gradient(circle,#0000 30%,#0006 100%);position:absolute;inset:0}.workflow-overlay{z-index:10;text-align:center;width:90%;max-width:600px;height:500px;max-height:70vh;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.workflow-overlay-title{color:#fff;letter-spacing:-.02em;background:linear-gradient(135deg,#fff 0%,#dcdcdc 100%);-webkit-text-fill-color:transparent;text-shadow:0 0 30px #dcdcdc4d;-webkit-background-clip:text;background-clip:text;margin-bottom:.75rem;font-size:2.2rem;font-weight:700}.workflow-overlay-desc{color:#ffffffb3;margin-bottom:2.5rem;font-size:1.1rem;line-height:1.6}.workflow-overlay-actions{flex-wrap:wrap;justify-content:center;gap:1.25rem;display:flex}.workflow-overlay-btn{color:#dcdcdc;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#00141e66;border:1px solid #dcdcdc4d;border-radius:10px;padding:14px 28px;font-size:1rem;font-weight:600;transition:all .3s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden}.workflow-overlay-btn:before{content:"";background:linear-gradient(90deg,#0000,#dcdcdc33,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.workflow-overlay-btn:hover:before{left:100%}.workflow-overlay-btn.primary{color:#fff;background:linear-gradient(135deg,#dcdcdc4d,#c8c8c84d);border-color:#dcdcdc80;box-shadow:0 0 30px #dcdcdc4d}.workflow-overlay-btn:hover{background:#dcdcdc26;border-color:#dcdcdc99;transform:translateY(-3px);box-shadow:0 8px 30px #dcdcdc4d}.workflow-overlay-btn.primary:hover{background:linear-gradient(135deg,#dcdcdc66,#c8c8c866);transform:translateY(-3px)scale(1.05);box-shadow:0 8px 40px #dcdcdc66}.workflow-footer{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0009;border-top:1px solid #dcdcdc26;padding:16px 32px}.workflow-footer-actions{flex-wrap:wrap;gap:16px;display:flex}.workflow-footer-btn{color:#dcdcdccc;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#00141e4d;border:1px solid #dcdcdc33;border-radius:8px;align-items:center;gap:8px;padding:10px 18px;font-size:.85rem;font-weight:500;transition:all .3s;display:flex}.workflow-footer-btn:hover{color:#dcdcdc;background:#dcdcdc1a;border-color:#dcdcdc66;transform:translateY(-2px);box-shadow:0 0 15px #dcdcdc33}.workflow-footer-icon{font-size:1rem}@media (max-width:1024px){.workflow-sidebar{width:320px}.workflow-header{padding:48px 24px 16px}}@media (max-width:768px){.workflow-sidebar{z-index:100;height:100vh;transition:left .3s;position:fixed;left:-100%}.workflow-header{flex-direction:column;align-items:stretch;gap:16px;padding:64px 20px 16px}.workflow-header-left,.workflow-header-right{justify-content:center}.workflow-header-right{flex-wrap:wrap}.workflow-overlay{padding:2rem 1.5rem}.workflow-overlay-title{font-size:1.75rem}.workflow-overlay-actions{flex-direction:column}.workflow-footer-actions{justify-content:center}}
.admin-dashboard{color:#fff;background:linear-gradient(135deg,#0a0a0a 0%,#1a1a1a 100%);min-height:100vh;padding:2rem;position:relative;overflow-x:hidden}.admin-loading{flex-direction:column;justify-content:center;align-items:center;gap:1rem;min-height:100vh;display:flex}.loading-spinner{border:4px solid #ffffff1a;border-top-color:#fff;border-radius:50%;width:50px;height:50px;animation:1s linear infinite spin}.admin-header{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1.5rem;display:flex}.header-left{align-items:center;gap:1.5rem;display:flex}.back-btn{color:#fff;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;padding:.5rem 1rem;font-size:.9rem;transition:all .3s}.back-btn:hover{background:#ffffff26;transform:translate(-5px)}.admin-title{flex-direction:column;gap:.5rem;display:flex}.admin-title h1{background:linear-gradient(135deg,#fff 0%,#e5e5e5 100%);-webkit-text-fill-color:transparent;letter-spacing:-.5px;-webkit-background-clip:text;background-clip:text;margin:0;font-size:2rem;font-weight:700}.admin-badge{letter-spacing:1px;background:#ffffff1a;border:1px solid #fff3;border-radius:20px;padding:.25rem .75rem;font-size:.7rem;font-weight:700;animation:2s ease-in-out infinite pulse;display:inline-block}.header-right{align-items:center;gap:1rem;display:flex}.refresh-toggle{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;align-items:center;gap:.5rem;padding:.5rem 1rem;display:flex}.refresh-toggle input[type=checkbox]{cursor:pointer;accent-color:#fff;width:18px;height:18px}.refresh-toggle label{cursor:pointer;font-size:.85rem}.refresh-btn{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #fff3;border-radius:8px;padding:.6rem 1.2rem;font-size:.9rem;font-weight:600;transition:all .3s}.refresh-btn:hover{background:#fff3;transform:translateY(-2px);box-shadow:0 5px 20px #0003}.metrics-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:2rem;display:grid}.metric-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;align-items:center;gap:1rem;padding:1.5rem;transition:all .3s;display:flex;position:relative;overflow:hidden}.metric-card:before{content:"";opacity:0;background:linear-gradient(135deg,#ffffff0d 0%,#0000 100%);width:100%;height:100%;transition:opacity .3s;position:absolute;top:0;left:0}.metric-card:hover:before{opacity:1}.metric-card:hover{border-color:#ffffff4d;box-shadow:0 8px 32px #0003}.metric-card.revenue{background:linear-gradient(135deg,#ffd7000d 0%,#ffffff0d 100%);border-color:#ffd70080}.metric-icon{filter:drop-shadow(0 0 10px);font-size:2.5rem}.metric-content{flex-direction:column;flex:1;gap:.5rem;display:flex}.metric-label{color:#ffffffb3;text-transform:uppercase;letter-spacing:.5px;font-size:.85rem;font-weight:500}.metric-value{color:#fff;font-size:2rem;font-weight:700;line-height:1}.metric-breakdown{flex-wrap:wrap;gap:.5rem;display:flex}.metric-detail{color:#fff9;font-size:.75rem}.tier-badge{text-transform:uppercase;letter-spacing:.5px;border-radius:12px;padding:.25rem .6rem;font-size:.7rem;font-weight:600;display:inline-block}.tier-badge.free{color:#b0b0b0;background:#8080804d;border:1px solid #80808080}.tier-badge.pro{color:#60a5fa;background:#3b82f64d;border:1px solid #3b82f680}.tier-badge.ultra{color:#fff;background:#ffffff1a;border:1px solid #ffffff4d}.admin-tabs{background:#ffffff08;border:1px solid #ffffff1a;border-radius:12px;gap:1rem;margin-bottom:2rem;padding:.5rem;display:flex;overflow-x:auto}.tab-btn{color:#fff9;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:8px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.95rem;font-weight:600;transition:all .3s;display:flex}.tab-btn:hover{color:#fff;background:#ffffff1a}.tab-btn.active{color:#fff;background:#ffffff26;box-shadow:0 4px 15px #0003}.tab-icon{font-size:1.2rem}.admin-content{background:#ffffff08;border:1px solid #ffffff1a;border-radius:16px;min-height:500px;padding:2rem}.tab-content h2{background:linear-gradient(135deg,#fff 0%,#e5e5e5 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0 0 1.5rem;font-size:1.8rem}.content-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.search-input{color:#fff;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;min-width:250px;padding:.6rem 1rem;font-size:.9rem;transition:all .3s}.search-input:focus{border-color:#fff;outline:none;box-shadow:0 0 20px #ffffff1a}.search-input::placeholder{color:#fff6}.section-card{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;margin-bottom:1.5rem;padding:1.5rem}.section-card h3{color:#fff;margin:0 0 1rem;font-size:1.2rem}.activity-list{flex-direction:column;gap:.75rem;display:flex}.activity-item{background:#ffffff08;border:1px solid #ffffff1a;border-radius:8px;align-items:center;gap:1rem;padding:.75rem;transition:all .3s;display:flex}.activity-item:hover{background:#ffffff0d;border-color:#fff3}.activity-icon{font-size:1.5rem}.activity-details{flex:1}.activity-user{color:#fff;font-size:.9rem;font-weight:600}.activity-action{color:#fff9;font-size:.8rem}.activity-time{color:#ffffff80;font-size:.8rem}.top-users-list{flex-direction:column;gap:1rem;display:flex}.top-user-item{background:#ffffff08;border:1px solid #ffffff1a;border-radius:8px;flex-direction:column;gap:.5rem;padding:1rem;display:flex}.user-info{justify-content:space-between;align-items:center;display:flex}.user-email{color:#fff;font-weight:600}.user-activity{align-items:center;gap:.5rem;display:flex}.activity-bar{background:linear-gradient(90deg,#fff 0%,#e5e5e5 100%);border-radius:4px;height:8px;transition:width .5s}.activity-count{color:#fff9;white-space:nowrap;font-size:.8rem}.users-table-container{border:1px solid #ffffff1a;border-radius:12px;overflow-x:auto}.users-table{border-collapse:collapse;background:#ffffff08;width:100%}.users-table thead{background:#ffffff1a}.users-table th{text-align:left;color:#fff;text-transform:uppercase;letter-spacing:.5px;padding:1rem;font-size:.85rem;font-weight:600}.users-table tbody tr{cursor:pointer;border-bottom:1px solid #ffffff0d;transition:all .3s}.users-table tbody tr:hover{background:#ffffff0d}.users-table td{color:#ffffffe6;padding:.75rem 1rem;font-size:.9rem}.email-cell{color:#fff;font-weight:500}.actions-cell{text-align:center}.action-btn{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #fff3;border-radius:6px;padding:.4rem .8rem;font-size:.8rem;font-weight:600;transition:all .3s}.action-btn:hover{background:#fff3;transform:translateY(-2px)}.log-filters{gap:.5rem;display:flex}.filter-btn{color:#ffffffb3;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;padding:.5rem 1rem;font-size:.85rem;font-weight:600;transition:all .3s}.filter-btn:hover{color:#fff;background:#ffffff1a}.filter-btn.active{color:#fff;background:#fff3;border-color:#ffffff4d}.logs-container{flex-direction:column;gap:1rem;max-height:600px;padding-right:.5rem;display:flex;overflow-y:auto}.logs-container::-webkit-scrollbar{width:8px}.logs-container::-webkit-scrollbar-track{background:#ffffff0d;border-radius:4px}.logs-container::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}.log-item{background:#ffffff08;border:1px solid #ffffff1a;border-radius:8px;padding:1rem;transition:all .3s}.log-item.error{background:#ef44440d;border-color:#ef444480}.log-item.success{background:#22c55e0d;border-color:#22c55e80}.log-header{flex-wrap:wrap;align-items:center;gap:1rem;margin-bottom:.5rem;display:flex}.log-status{background:#ffffff1a;border-radius:12px;padding:.25rem .6rem;font-family:monospace;font-size:.75rem;font-weight:700}.log-item.error .log-status{color:#fca5a5;background:#ef44444d}.log-item.success .log-status{color:#86efac;background:#22c55e4d}.log-endpoint{background:#ffffff1a;border-radius:12px;padding:.25rem .6rem;font-family:monospace;font-size:.75rem;font-weight:600}.log-user{color:#fff;font-size:.85rem;font-weight:500}.log-time{color:#ffffff80;margin-left:auto;font-size:.75rem}.log-details summary{cursor:pointer;color:#fff;-webkit-user-select:none;user-select:none;padding:.5rem 0;font-size:.85rem;font-weight:600}.log-details summary:hover{color:#fffc}.log-data{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem;margin-top:.5rem;display:grid}.log-section h4{color:#fff;margin:0 0 .5rem;font-size:.85rem}.log-section pre{color:#22c55e;background:#0000004d;border:1px solid #ffffff1a;border-radius:8px;max-height:300px;padding:1rem;font-size:.75rem;overflow:auto}.analytics-grid{grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:1.5rem;display:grid}.analytics-card{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;padding:1.5rem}.analytics-card h3{color:#fff;margin:0 0 1rem;font-size:1.2rem}.chart-placeholder{background:#0003;border:2px dashed #ffffff1a;border-radius:8px;justify-content:center;align-items:center;height:300px;display:flex}.coming-soon{color:#ffffff80;font-style:italic}.usage-breakdown{flex-direction:column;gap:1rem;display:flex}.usage-item{grid-template-columns:140px 1fr auto;align-items:center;gap:1rem;display:grid}.usage-label{color:#ffffffe6;font-size:.9rem;font-weight:500}.usage-bar-container{background:#ffffff1a;border-radius:12px;height:24px;position:relative;overflow:hidden}.usage-bar{background:linear-gradient(90deg,#fff 0%,#e5e5e5 100%);border-radius:12px;justify-content:flex-end;align-items:center;height:100%;padding-right:.5rem;transition:width .5s;display:flex}.usage-percent{color:#fff;text-align:right;min-width:50px;font-size:.85rem;font-weight:600}.funnel-chart{flex-direction:column;gap:.75rem;padding:1rem 0;display:flex}.funnel-stage{justify-content:center;display:flex}.funnel-bar{color:#fff;background:#ffffff1a;border-radius:8px;padding:.75rem 1rem;font-size:.9rem;font-weight:600;transition:all .3s;box-shadow:0 4px 15px #0003}.funnel-bar:hover{transform:scale(1.05);box-shadow:0 6px 20px #0000004d}.control-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;display:grid}.control-card{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;flex-direction:column;gap:1rem;padding:1.5rem;display:flex}.control-card.danger{background:#ef44440d;border-color:#ef444480}.control-card h3{color:#fff;margin:0;font-size:1.1rem}.control-card.danger h3{color:#fca5a5}.control-btn{color:#fff;cursor:pointer;text-align:left;background:#ffffff1a;border:1px solid #fff3;border-radius:8px;padding:.75rem 1rem;font-size:.9rem;font-weight:600;transition:all .3s}.control-btn:hover{background:#fff3;transform:translate(5px)}.control-btn.danger{background:#ef44444d;border-color:#ef444480}.control-btn.danger:hover{background:#ef444480}.alerts-list{flex-direction:column;gap:.5rem;display:flex}.alert-item{border-radius:8px;padding:.75rem;font-size:.85rem;font-weight:500}.alert-item.success{color:#86efac;background:#22c55e33;border:1px solid #22c55e4d}.alert-item.info{color:#93c5fd;background:#3b82f633;border:1px solid #3b82f64d}.modal-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;background:#000c;justify-content:center;align-items:center;width:100%;height:100%;padding:1rem;display:flex;position:fixed;top:0;left:0}.user-detail-modal{background:linear-gradient(135deg,#0a0a0a 0%,#1a1a1a 100%);border:2px solid #ffffff1a;border-radius:16px;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #00000080}.modal-header{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:1.5rem;display:flex}.modal-header h2{background:linear-gradient(135deg,#fff 0%,#e5e5e5 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;font-size:1.5rem}.close-btn{color:#fff;cursor:pointer;background:#ef44444d;border:1px solid #ef444480;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.2rem;transition:all .3s;display:flex}.close-btn:hover{background:#ef444480;transform:rotate(90deg)}.modal-body{flex-direction:column;gap:1.5rem;padding:1.5rem;display:flex}.detail-row{border-bottom:1px solid #ffffff1a;grid-template-columns:180px 1fr;gap:1rem;padding:.75rem 0;display:grid}.detail-label{color:#fff;font-weight:600}.detail-value{color:#ffffffe6}.detail-value.code{background:#0000004d;border-radius:4px;padding:.25rem .5rem;font-family:monospace;font-size:.85rem}.usage-summary{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;padding:1rem}.usage-summary h3{color:#fff;margin:0 0 1rem;font-size:1.1rem}.usage-grid{grid-template-columns:repeat(2,1fr);gap:1rem;display:grid}.usage-stat{text-align:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;padding:1rem}.stat-value{color:#fff;margin-bottom:.25rem;font-size:2rem;font-weight:700}.stat-label{color:#ffffffb3;text-transform:uppercase;letter-spacing:.5px;font-size:.85rem}.modal-actions{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;padding:1rem}.modal-actions h3{color:#fff;margin:0 0 1rem;font-size:1.1rem}.action-buttons{grid-template-columns:repeat(2,1fr);gap:.75rem;display:grid}.action-btn.upgrade{background:#22c55e4d;border-color:#22c55e80}.action-btn.upgrade:hover{background:#22c55e80}.action-btn.reset{background:#eab3084d;border-color:#eab30880}.action-btn.reset:hover{background:#eab30880}.action-btn.delete{background:#ef44444d;border-color:#ef444480}.action-btn.delete:hover{background:#ef444480}.admin-particles{pointer-events:none;z-index:-1;width:100%;height:100%;position:fixed;top:0;left:0}.particle{background:#ffffff4d;border-radius:50%;width:4px;height:4px;animation:10s ease-in-out infinite particleFloat;position:absolute;box-shadow:0 0 10px #ffffff80}@keyframes particleFloat{0%,to{opacity:0;transform:translate(0)scale(1)}10%{opacity:1}90%{opacity:1}50%{transform:translate(50px,-100vh)scale(1.5)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@media (max-width:1024px){.admin-dashboard{padding:1rem}.metrics-grid{grid-template-columns:repeat(2,1fr)}.analytics-grid,.control-grid{grid-template-columns:1fr}}@media (max-width:768px){.admin-header{flex-direction:column;align-items:flex-start;gap:1rem}.header-left,.header-right{width:100%}.header-right{flex-direction:column}.admin-title h1{font-size:1.5rem}.metrics-grid{grid-template-columns:1fr}.admin-tabs{overflow-x:auto}.users-table-container{font-size:.85rem}.users-table th,.users-table td{padding:.5rem}.action-buttons,.usage-grid,.log-data{grid-template-columns:1fr}.detail-row,.usage-item{grid-template-columns:1fr;gap:.5rem}}@media (max-width:480px){.admin-dashboard{padding:.5rem}.admin-content{padding:1rem}.metric-card{text-align:center;flex-direction:column}.tab-btn{padding:.5rem 1rem;font-size:.85rem}}@media (max-width:768px){.admin-dashboard{padding:1rem}.admin-header{flex-direction:column;align-items:flex-start;gap:1rem}.header-left{justify-content:space-between;width:100%}.header-right{flex-wrap:wrap;justify-content:space-between;width:100%}.admin-title h1{font-size:1.5rem}.stats-grid,.charts-grid{grid-template-columns:1fr}}