.AgentWrapper{width:100%;height:100vh;display:flex;flex-direction:row;justify-content:center;padding-inline:30px;padding-block:20px}@media only screen and (max-width:767px){.AgentWrapper{padding:8px;height:100dvh}}.agentChatWrapper{border-radius:16px;border:1px solid rgba(34,197,94,.15);color:#e5e7eb;font-family:var(--font-manrope),sans-serif;height:100%;display:flex;flex-direction:column;width:100%;background:linear-gradient(135deg,#0a0a0a,#111111);overflow:hidden;box-sizing:border-box;box-shadow:0 20px 25px -5px rgba(0,0,0,.3),0 10px 10px -5px rgba(0,0,0,.1);backdrop-filter:blur(10px)}.chatHeader{justify-content:space-between;padding:20px 24px;border-bottom:1px solid rgba(34,197,94,.1);background:linear-gradient(135deg,#0f0f0f,#1a1a1a);backdrop-filter:blur(20px)}.chatHeader,.headerInfo{display:flex;align-items:center}.headerInfo{gap:16px}.agentAvatar{width:40px;height:40px;background:linear-gradient(135deg,rgba(34,197,94,.2),rgba(34,197,94,.1));border:1px solid rgba(34,197,94,.3);border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.agentAvatar:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at center,rgba(34,197,94,.1) 0,transparent 70%);animation:pulse 2s ease-in-out infinite}.avatarIcon{font-size:18px;z-index:1;filter:drop-shadow(0 0 8px rgba(34,197,94,.3))}.agentDetails{display:flex;flex-direction:column;gap:4px}.agentName{font-size:16px;font-weight:600;color:#f9fafb;letter-spacing:-.025em}.agentStatus{font-size:13px;font-weight:500;display:flex;align-items:center;gap:8px}.statusDot{width:8px;height:8px;border-radius:50%;animation:pulse 2s ease-in-out infinite}.agentStatus.online{color:rgba(34,197,94,.9)}.agentStatus.online .statusDot{background:#22c55e;box-shadow:0 0 8px rgba(34,197,94,.5)}.agentStatus.offline{color:rgba(239,68,68,.9)}.agentStatus.offline .statusDot{background:#ef4444;box-shadow:0 0 8px rgba(239,68,68,.5)}.chatMessages{flex:1;padding:24px;overflow-y:auto;display:flex;flex-direction:column;gap:20px;background:#0a0a0a}.chatMessages::-webkit-scrollbar{width:6px}.chatMessages::-webkit-scrollbar-track{background:rgba(0,0,0,0)}.chatMessages::-webkit-scrollbar-thumb{background:rgba(34,197,94,.2);border-radius:3px}.chatMessages::-webkit-scrollbar-thumb:hover{background:rgba(34,197,94,.3)}.message{display:flex;gap:12px;max-width:85%;animation:messageSlide .4s ease-out}@media only screen and (min-width:768px){.message{min-width:80%}}@media only screen and (min-width:1024px){.message{min-width:60%}}@media only screen and (min-width:1280px){.message{min-width:55%}}.message.user{align-self:flex-end;flex-direction:row-reverse}.message.user .messageContent{background:linear-gradient(135deg,rgba(34,197,94,.15),rgba(34,197,94,.08));border:1px solid rgba(34,197,94,.2);color:#f9fafb}.message.user .messageContent:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(34,197,94,.05),transparent);border-radius:inherit;pointer-events:none}.message.agent{align-self:flex-start}.message.agent .messageContent{background:linear-gradient(135deg,rgba(255,255,255,.03),rgba(255,255,255,.01));border:1px solid hsla(0,0%,100%,.08);color:#e5e7eb;position:relative}@media only screen and (min-width:1280px){.message.agent .messageContent{min-width:90%}}.message.agent .messageContent:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(34,197,94,.02),transparent);border-radius:inherit;pointer-events:none}.messageAvatar{height:100%;margin-top:4px}.messageAvatar,.messageAvatar .avatarIcon{display:flex;align-items:center;justify-content:center}.messageAvatar .avatarIcon{width:40px;border-radius:50%;height:40px;border:1px solid rgba(34,197,94,.2);font-size:14px;filter:drop-shadow(0 0 4px rgba(34,197,94,.3))}.messageContent{border-radius:16px;padding:8px 12px;position:relative;background-color:#0a0a0a;backdrop-filter:blur(10px);transition:all .2s ease}.messageContent:hover{transform:translateY(-1px);box-shadow:0 8px 25px -8px rgba(34,197,94,.1)}.messageText{font-size:15px;line-height:1.6;margin-bottom:8px;font-weight:400;letter-spacing:-.01em}.messageTime{font-size:11px;opacity:.6;text-align:right;font-weight:500;color:rgba(34,197,94,.7)}.typingIndicator{display:flex;gap:6px;align-items:center;padding:8px 0;width:100px}.typingIndicator span{width:8px;height:8px;background:linear-gradient(135deg,#22c55e,#16a34a);border-radius:50%;animation:typing 1.4s ease-in-out infinite;box-shadow:0 0 8px rgba(34,197,94,.3)}.typingIndicator span:nth-child(2){animation-delay:.2s}.typingIndicator span:nth-child(3){animation-delay:.4s}.chatInput{border-top:1px solid rgba(34,197,94,.1);padding:24px;background:linear-gradient(135deg,#0f0f0f,#1a1a1a);backdrop-filter:blur(20px)}.inputContainer{display:flex;gap:12px;align-items:flex-end;position:relative}.messageInput{flex:1;background:linear-gradient(135deg,rgba(255,255,255,.03),rgba(255,255,255,.01));border:1px solid rgba(34,197,94,.15);border-radius:12px;padding:16px 20px;color:#f9fafb;font-size:15px;font-weight:400;resize:none;min-height:20px;max-height:120px;transition:all .2s ease;backdrop-filter:blur(10px)}.messageInput:focus{outline:none;border-color:rgba(34,197,94,.4);box-shadow:0 0 0 3px rgba(34,197,94,.1),0 8px 25px -8px rgba(34,197,94,.2);transform:translateY(-1px)}.messageInput::placeholder{color:rgba(229,231,235,.5);font-weight:400}.messageInput:disabled{opacity:.5;cursor:not-allowed}.sendButton{background:linear-gradient(135deg,rgba(34,197,94,.2),rgba(34,197,94,.15));color:#22c55e;border:1px solid rgba(34,197,94,.3);border-radius:12px;padding:16px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;min-width:52px;height:52px;backdrop-filter:blur(10px);position:relative;overflow:hidden}.sendButton:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(34,197,94,.1),transparent);opacity:0;transition:opacity .2s ease}.sendButton:hover:not(:disabled){background:linear-gradient(135deg,rgba(34,197,94,.3),rgba(34,197,94,.2));border-color:rgba(34,197,94,.5);transform:translateY(-2px);box-shadow:0 8px 25px -8px rgba(34,197,94,.3)}.sendButton:hover:not(:disabled):before{opacity:1}.sendButton:active:not(:disabled){transform:translateY(-1px)}.sendButton:disabled{background:hsla(0,0%,100%,.05);color:rgba(229,231,235,.3);border-color:hsla(0,0%,100%,.1);cursor:not-allowed;transform:none}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes typing{0%,60%,to{transform:translateY(0);opacity:.4}30%{transform:translateY(-12px);opacity:1}}@keyframes messageSlide{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.agentChatWrapper{border-radius:12px}.chatHeader{padding:16px 20px}.agentAvatar{width:36px;height:36px}.agentAvatar .avatarIcon{font-size:16px}.chatMessages{padding:20px;gap:16px}.messageContent{padding:14px 16px}.messageText{font-size:14px}.chatInput{padding:20px}.messageInput{padding:14px 16px;font-size:14px}.sendButton{padding:14px;min-width:48px;height:48px}}.navbar-nav{display:flex;gap:2rem}.nav-link{position:relative;cursor:pointer;background-color:rgba(0,0,0,0);text-align:center;font-size:16px;font-style:normal;font-weight:500;border:0;line-height:175%;letter-spacing:.6px;display:flex;gap:5px;align-items:center;transition:.2s linear;height:100%;padding:15px 0;color:#787878}.nav-link.active,.nav-link:hover{color:#7bf179;text-decoration:none}@media(prefers-color-scheme:dark){.agentChatWrapper{box-shadow:0 20px 25px -5px rgba(0,0,0,.5),0 10px 10px -5px rgba(0,0,0,.2)}}.connectWalletButtonAgent{display:flex;flex-direction:row;padding:12px 20px;background-color:#7bf179;font-weight:900;color:#111;border:none;border-radius:14px}.connectedWallet{padding:12px 30px;font-weight:500;font-family:var(--font-manrope),sans-serif;color:#e5e7eb;background-color:#111;line-height:150%;border-radius:8px;font-size:14px;border:1px solid #1e1e1e}.connectedWallet,.crossIcon{display:flex;flex-direction:row;cursor:pointer}.crossIcon{justify-content:center;align-items:center;padding:8px;gap:8px;width:35px;height:35px;background:var(--paper-black-medium);border:1px solid var(--border-color);border-radius:6px;transform:scale(1);transition:all .2s ease-in-out;color:var(--text-white)}@media only screen and (min-width:768px){.crossIcon{width:30px;height:30px}}@media only screen and (min-width:1024px){.crossIcon{width:30px;height:30px}}@media only screen and (min-width:1280px){.crossIcon{width:35px;height:35px}}@media only screen and (min-width:1600px){.crossIcon{width:35px;height:35px}}.crossIcon:hover{transform:scale(.9);opacity:.8}.crossIcon:active{transform:scale(.8)}@media only screen and (max-width:767px){.chatHeader{flex-wrap:wrap;row-gap:6px;padding:12px}.chatHeader .headerInfo{gap:8px}.chatHeader .agentName{white-space:nowrap;font-size:15px}.chatHeader .navbar-nav{order:3;width:100%;display:flex;gap:1.25rem}.chatHeader .nav-link{padding:4px 0;font-size:14px}.chatHeader .connectWalletButtonAgent,.chatHeader .connectedWallet{padding:8px 12px;font-size:13px;white-space:nowrap}.chatMessages{padding:12px}.message{max-width:100%}.chatInput{padding:12px}}.positionCard{background:linear-gradient(135deg,rgba(255,255,255,.03),rgba(255,255,255,.01));border:1px solid rgba(123,241,121,.2);border-radius:16px;overflow:hidden;backdrop-filter:blur(10px);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;animation:cardSlideIn .5s ease-out}.positionCard:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(123,241,121,.05),transparent);opacity:0;transition:opacity .3s ease;pointer-events:none}.positionCard.hovered{transform:translateY(-4px);border-color:rgba(123,241,121,.4);box-shadow:0 20px 40px -12px rgba(123,241,121,.15)}.positionCard.hovered:before{opacity:1}.cardHeader{align-items:flex-start;padding:20px 24px 16px;border-bottom:1px solid rgba(123,241,121,.1);background:linear-gradient(135deg,rgba(15,15,15,.8),rgba(26,26,26,.8))}.cardHeader,.positionInfo{display:flex;justify-content:space-between}.positionInfo{width:100%;flex-direction:row;gap:8px}.positionInfo .userDepositBalance{display:flex;align-items:center}.positionInfo .userDepositBalance span{gap:5px;display:flex;flex-direction:row;font-size:18px;align-items:center}.positionInfo .userDepositBalance .perpIcon{border-radius:50%}.perpWrapper{display:flex;flex-direction:row;gap:10px}.perpName{display:flex;flex-direction:column;justify-content:center;font-size:18px;font-weight:600;color:#f9fafb;letter-spacing:-.025em;animation:textGlow .6s ease-out .2s both}.positionType{display:flex;align-items:center}.typeIndicator{padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;letter-spacing:.05em;animation:badgeSlide .6s ease-out .3s both}.typeIndicator.long{background:linear-gradient(135deg,rgba(34,197,94,.2),rgba(34,197,94,.1));color:#22c55e;border:1px solid rgba(34,197,94,.3)}.typeIndicator.short{background:linear-gradient(135deg,rgba(239,68,68,.2),rgba(239,68,68,.1));color:#ef4444;border:1px solid rgba(239,68,68,.3)}.chainInfo{display:flex;align-items:center;gap:8px;padding:8px 12px;background:rgba(123,241,121,.1);border:1px solid rgba(123,241,121,.2);border-radius:12px;animation:chainSlide .6s ease-out .4s both}.chainIcon{border-radius:50%;filter:drop-shadow(0 0 4px rgba(123,241,121,.3))}.chainName{font-size:12px;font-weight:600;color:#7bf179;letter-spacing:.05em}.cardBodyPosition{padding:12px 18px;display:flex;flex-direction:row;gap:8px;background:linear-gradient(135deg,rgba(255,255,255,.02),rgba(255,255,255,.01));border:1px solid hsla(0,0%,100%,.08);border-radius:12px;transition:all .3s ease;animation:parameterFade .6s ease-out both}.cardBodyPosition:first-child{animation-delay:.1s}.cardBodyPosition:nth-child(2){animation-delay:.2s}.cardBodyPosition:nth-child(3){animation-delay:.3s}.cardBodyPosition:nth-child(4){animation-delay:.4s}.cardBodyPosition:hover{border-color:rgba(123,241,121,.2);background:linear-gradient(135deg,rgba(123,241,121,.03),rgba(123,241,121,.01));transform:translateY(-2px)}.parameter{display:flex;flex-direction:column}.paramLabel{font-size:12px;font-weight:500;color:rgba(229,231,235,.7);text-transform:uppercase;letter-spacing:.05em}.paramValue{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:600;color:#f9fafb}.leverageValue{color:#7bf179;font-size:18px;text-shadow:0 0 8px rgba(123,241,121,.3)}.collateralValue{color:#f9fafb}.tokenValue .tokenIcon{border-radius:50%;filter:drop-shadow(0 0 4px rgba(123,241,121,.2))}.tokenValue .tokenName{color:#7bf179}.positionSize{color:#f9fafb;font-weight:700}.cardFooter{padding:8px 12px;border-top:1px solid rgba(123,241,121,.1);background:linear-gradient(135deg,rgba(10,10,10,.8),rgba(17,17,17,.8))}.openPositionBtn{width:100%;background:linear-gradient(135deg,#7bf179,#22c55e);color:#000;border:none;border-radius:12px;padding:16px 24px;font-size:16px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;animation:buttonSlide .6s ease-out .5s both}.openPositionBtn:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.2),transparent);opacity:0;transition:opacity .3s ease}.openPositionBtn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 30px -8px rgba(123,241,121,.4);background:linear-gradient(135deg,#8cf47a,#16a34a)}.openPositionBtn:hover:not(:disabled):before{opacity:1}.openPositionBtn:active:not(:disabled){transform:translateY(-1px)}.openPositionBtn.loading{cursor:not-allowed;background:linear-gradient(135deg,rgba(123,241,121,.6),rgba(34,197,94,.6))}.openPositionBtn:disabled{cursor:not-allowed;opacity:.6}.loadingSpinner{width:16px;height:16px;border:2px solid rgba(0,0,0,.3);border-top-color:#000;border-radius:50%;animation:spin 1s linear infinite}@keyframes cardSlideIn{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes textGlow{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@keyframes badgeSlide{0%{opacity:0;transform:translateX(-10px) scale(.8)}to{opacity:1;transform:translateX(0) scale(1)}}@keyframes chainSlide{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}@keyframes parameterFade{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes buttonSlide{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media(max-width:768px){.positionCard{margin:12px 0}.cardHeader{padding:16px 20px 12px;flex-direction:column;gap:12px;align-items:flex-start}.perpName{font-size:16px}.parameter{padding:12px}.paramValue{font-size:14px}.leverageValue{font-size:16px}.openPositionBtn{padding:14px 20px;font-size:15px}}