.chat-wrapper{overflow:hidden;border-radius:1.5rem;border-width:1px;--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity,1));background:#fff;box-shadow:0 8px 32px -4px rgba(0,0,0,.15)}.chat-sidebar,.chat-wrapper{display:flex;height:100%;width:100%}.chat-sidebar{flex-direction:column;--tw-bg-opacity:1}.chat-sidebar,.chat-sidebar-header{background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.chat-sidebar-header{position:sticky;top:0;z-index:10;border-bottom-width:1px;--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity,1));--tw-bg-opacity:1;padding:1.25rem 1.5rem}.chat-sidebar-title{font-size:1.25rem;line-height:1.75rem;font-weight:700;--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity,1))}.chat-list{flex:1 1 0%;overflow-y:auto;padding-top:1rem;padding-bottom:1rem;height:calc(100% - 90px)}.chat-list-item{position:relative;display:flex;cursor:pointer;align-items:center;gap:1rem;padding:.875rem 1.5rem;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.chat-list-item:hover{background-color:rgba(239,246,255,.6)}.chat-list-item{width:100%}.chat-list-avatar{display:flex;height:3rem;width:3rem;flex-shrink:0;align-items:center;justify-content:center;border-radius:9999px;font-size:1.125rem;line-height:1.75rem;font-weight:600;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));background:linear-gradient(135deg,#3b82f6,#1d4ed8);box-shadow:0 4px 12px -2px rgba(59,130,246,.4)}.chat-list-content{min-width:0;flex:1 1 0%;padding-right:.75rem}.chat-list-header{margin-bottom:.25rem;display:flex;align-items:center;justify-content:space-between}.chat-list-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:600;--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity,1));max-width:calc(100% - 80px)}.chat-list-time{flex-shrink:0;font-size:.75rem;line-height:1rem;--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1))}.chat-list-message{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.875rem;line-height:1.25rem;line-height:1.625;--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity,1))}.chat-quick-actions{position:sticky;bottom:0;border-top-width:2px;--tw-border-opacity:1;border-color:rgb(243 244 246/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));padding:1.25rem}.quick-action-button{display:flex;width:100%;align-items:center;justify-content:center;gap:.5rem;border-radius:.75rem;padding:.875rem 1.25rem;font-size:.875rem;line-height:1.25rem;font-weight:500;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.quick-action-button:hover{--tw-translate-y:-0.125rem;--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);--tw-shadow-color:rgba(59,130,246,.3);--tw-shadow:var(--tw-shadow-colored)}.quick-action-button:active,.quick-action-button:hover{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.quick-action-button:active{--tw-translate-y:0px}.quick-action-button{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.chat-container{display:flex;flex:1 1 0%;flex-direction:column;background-color:rgba(249,250,251,.8);height:100%}.chat-header{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:.75rem;border-bottom-width:1px;--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));padding:1rem 1.5rem}.chat-header-back{border-radius:.5rem;padding:.5rem;--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.chat-header-back:hover{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity,1))}.chat-title{flex:1 1 0%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:1.125rem;line-height:1.75rem;font-weight:600;--tw-text-opacity:1;color:rgb(31 41 55/var(--tw-text-opacity,1))}.messages-container{flex:1 1 0%}.messages-container>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.messages-container{overflow-y:auto;padding:1.5rem;height:calc(100% - 130px);background:linear-gradient(180deg,#f8fafc,#f1f5f9)}.message{display:flex;max-width:85%;align-items:flex-end;gap:.75rem;animation:slideIn .3s ease-out forwards}.incoming{margin-left:0}.outgoing{margin-left:auto;flex-direction:row-reverse}.message-group{display:flex;width:100%;flex-direction:column}.message-group>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.message-date{margin-top:2rem;margin-bottom:2rem;display:flex;justify-content:center}.message-date-text{border-radius:9999px;background-color:hsla(0,0%,100%,.8);padding:.375rem 1rem;font-size:.75rem;line-height:1rem;font-weight:500;--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity,1));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 2px 8px -2px rgba(0,0,0,.05)}.message-bubble{position:relative;border-radius:1rem;padding:.75rem 1.25rem;font-size:.875rem;line-height:1.25rem;transition:all .2s ease}.message-bubble img{max-width:100%;border-radius:.75rem;box-shadow:0 4px 12px -4px rgba(0,0,0,.1)}.message-actions{position:absolute;top:-.75rem;right:0;display:flex;align-items:center;gap:.25rem;border-radius:9999px;border-width:1px;--tw-border-opacity:1;border-color:rgb(243 244 246/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));padding:.25rem;opacity:0;--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s;group-hover:opacity-100}.message-action-button{border-radius:9999px;padding:.375rem;--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.message-action-button:hover{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity,1))}.outgoing .message-actions{left:-3rem;right:auto;flex-direction:row-reverse}.incoming .message-bubble{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity,1));border-bottom-left-radius:8px;box-shadow:0 4px 12px -4px rgba(0,0,0,.08)}.outgoing .message-bubble{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));border-bottom-right-radius:8px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);box-shadow:0 4px 12px -4px rgba(59,130,246,.4)}.message-time{margin-top:.375rem;font-size:.75rem;line-height:1rem;--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1));opacity:0;transition:opacity .2s ease}.message:focus-within>.message-time,.message:hover>.message-time{opacity:1}.message-input{position:sticky;bottom:0;border-top-width:1px;--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity,1));padding:1rem;width:100%}.input-container,.message-input{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.input-container{display:flex;align-items:flex-end;gap:.75rem;border-radius:1rem;padding:.75rem;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.input-container:focus-within{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-color:rgba(59,130,246,.3)}.input-container{box-shadow:0 2px 12px -4px rgba(0,0,0,.08)}.input-textarea{max-height:8rem;min-height:44px;flex:1 1 0%;resize:none;border-width:0;background-color:transparent;padding:.5rem .25rem;font-size:.875rem;line-height:1.25rem;line-height:1.625;--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity,1))}.input-textarea::-moz-placeholder{--tw-placeholder-opacity:1;color:rgb(156 163 175/var(--tw-placeholder-opacity,1))}.input-textarea::placeholder{--tw-placeholder-opacity:1;color:rgb(156 163 175/var(--tw-placeholder-opacity,1))}.input-textarea:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.input-actions{display:flex;flex-shrink:0;align-items:center;gap:.5rem}.input-button{flex-shrink:0;border-radius:.5rem;padding:.5rem;--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.input-button:hover{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity,1))}.send-button{flex-shrink:0;border-radius:.75rem;padding:.75rem;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.send-button:hover{--tw-translate-y:-0.125rem;--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);--tw-shadow-color:rgba(59,130,246,.3);--tw-shadow:var(--tw-shadow-colored)}.send-button:active,.send-button:hover{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.send-button:active{--tw-translate-y:0px}.send-button{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.chat-list-badge{right:1.5rem;top:50%;display:flex;height:22px;min-width:22px;--tw-translate-y:-50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));align-items:center;justify-content:center;padding-left:.375rem;padding-right:.375rem;font-size:.75rem;line-height:1rem;font-weight:500;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));background:linear-gradient(135deg,#4f46e5,#3b82f6);box-shadow:0 4px 12px -2px rgba(79,70,229,.4)}.chat-list-badge,.status-indicator{position:absolute;border-radius:9999px}.status-indicator{bottom:-.125rem;right:-.125rem;height:.875rem;width:.875rem;border-width:2px;--tw-border-opacity:1;border-color:rgb(255 255 255/var(--tw-border-opacity,1));box-shadow:0 2px 4px -1px rgba(0,0,0,.1)}.status-online{background:linear-gradient(135deg,#22c55e,#16a34a)}.status-offline{background:linear-gradient(135deg,#94a3b8,#64748b)}@keyframes slideIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.typing-indicator{display:flex;width:-moz-fit-content;width:fit-content;align-items:center;gap:.375rem;border-radius:9999px;background-color:rgba(249,250,251,.8);padding:.5rem 1rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.typing-dot{height:.5rem;width:.5rem;border-radius:9999px;background:linear-gradient(135deg,#4f46e5,#3b82f6);animation:bounce 1.4s infinite}.image-preview{position:relative;max-width:240px;overflow:hidden;border-radius:.75rem;--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity,1))}.image-preview img{height:100%;width:100%;-o-object-fit:cover;object-fit:cover;box-shadow:0 4px 12px -4px rgba(0,0,0,.1)}.image-preview-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background-color:rgba(0,0,0,.4);opacity:0;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.image-preview:hover .image-preview-overlay{opacity:1}.file-preview{display:flex;align-items:center;gap:.75rem;border-radius:.75rem;border-width:1px;--tw-border-opacity:1;border-color:rgb(243 244 246/var(--tw-border-opacity,1));background-color:hsla(0,0%,100%,.9);padding:1rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.file-preview:hover{background-color:rgba(249,250,251,.9)}.file-preview{box-shadow:0 4px 12px -4px rgba(0,0,0,.05)}.file-preview-icon{display:flex;height:2.5rem;width:2.5rem;flex-shrink:0;align-items:center;justify-content:center;border-radius:.5rem;--tw-bg-opacity:1;background-color:rgb(239 246 255/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(37 99 235/var(--tw-text-opacity,1))}.file-preview-content{min-width:0;flex:1 1 0%}.file-preview-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.875rem;line-height:1.25rem;font-weight:500;--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity,1))}.file-preview-size{font-size:.75rem;line-height:1rem;--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity,1))}.file-preview-actions{display:flex;align-items:center;gap:.5rem}.file-preview-button{border-radius:.5rem;padding:.5rem;--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.file-preview-button:hover{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity,1))}@media (max-width:768px){.chat-wrapper{height:100vh;border-radius:0}.chat-sidebar{position:absolute;inset:0;z-index:20;width:100%}.chat-sidebar.hidden{--tw-translate-x:-100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}}@media (prefers-reduced-motion:reduce){.chat-list-avatar,.chat-list-item,.message,.quick-action-button,.send-button{transform:none;transition-property:none;animation:none}}.delete-chat-button{position:absolute;right:1rem;z-index:10}.delete-chat-button:hover{--tw-bg-opacity:1;background-color:rgb(254 242 242/var(--tw-bg-opacity,1));animation:shake .5s ease-in-out}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-2px)}75%{transform:translateX(2px)}}