.chat-wrapper{--tw-border-opacity:1;border-width:1px;border-color:rgb(229 231 235/var(--tw-border-opacity,1));background:#fff;border-radius:1.5rem;width:100%;height:100%;display:flex;overflow:hidden;box-shadow:0 8px 32px -4px #00000026}.chat-sidebar{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));flex-direction:column;width:100%;height:100%;display:flex;overflow:hidden}.chat-sidebar-header{z-index:10;--tw-border-opacity:1;border-bottom-width:1px;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));flex-shrink:0;min-height:fit-content;padding:1rem 1.25rem;position:sticky;top:0}.chat-sidebar-title{--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity,1));white-space:nowrap;margin-bottom:0;font-size:1.125rem;font-weight:700;line-height:1.75rem;overflow:visible}.chat-list{flex:1;height:auto;max-height:100%;padding-top:.5rem;padding-bottom:.5rem;overflow-y:auto}.chat-list-item{cursor:pointer;align-items:center;gap:.75rem;padding:.75rem 1rem;transition-property:all;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);animation-duration:.2s;display:flex;position:relative}.chat-list-item:hover{background-color:#eff6ff99}.chat-list-item{width:100%}.chat-list-avatar{--tw-text-opacity:1;width:2.5rem;height:2.5rem;color:rgb(255 255 255/var(--tw-text-opacity,1));background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;font-size:1rem;font-weight:600;line-height:1.5rem;display:flex;box-shadow:0 4px 12px -2px #3b82f666}.chat-list-content{flex:1;min-width:0;padding-right:.5rem}.chat-list-header{justify-content:space-between;align-items:center;margin-bottom:.125rem;display:flex}.chat-list-name{text-overflow:ellipsis;white-space:nowrap;--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity,1));max-width:calc(100% - 60px);font-size:.875rem;font-weight:600;line-height:1.25rem;overflow:hidden}.chat-list-time{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1));flex-shrink:0;font-size:.75rem;line-height:1rem}.chat-list-message{text-overflow:ellipsis;white-space:nowrap;--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity,1));font-size:.75rem;line-height:1.625;overflow:hidden}.chat-quick-actions{--tw-border-opacity:1;border-top-width:1px;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));flex-shrink:0;padding:1rem;position:sticky;bottom:0}.quick-action-button{--tw-text-opacity:1;width:100%;color:rgb(255 255 255/var(--tw-text-opacity,1));border-radius:.75rem;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:.875rem;font-weight:500;line-height:1.25rem;transition-property:all;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);animation-duration:.2s;display:flex}.quick-action-button:hover{--tw-translate-y:-.125rem;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));--tw-shadow:var(--tw-shadow-colored);--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:#3b82f64d}.quick-action-button:active{--tw-translate-y:0px;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{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.chat-container{background-color:#f9fafbcc;flex-direction:column;flex:1;height:100%;display:flex}.chat-header{z-index:10;--tw-border-opacity:1;border-bottom-width:1px;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));align-items:center;gap:.75rem;padding:1rem 1.5rem;display:flex;position:sticky;top:0}.chat-header-back{border-radius:var(--radius);--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1));padding:.5rem;transition-property:all;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);animation-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{text-overflow:ellipsis;white-space:nowrap;--tw-text-opacity:1;color:rgb(31 41 55/var(--tw-text-opacity,1));flex:1;font-size:1.125rem;font-weight:600;line-height:1.75rem;overflow:hidden}.messages-container{flex:1}.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{background:linear-gradient(#f8fafc,#f1f5f9);height:calc(100% - 130px);padding:1.5rem;overflow-y:auto}.message{align-items:flex-end;gap:.75rem;max-width:85%;animation:.3s ease-out forwards slideIn;display:flex;overflow:hidden}.message-content{max-width:100%;overflow:hidden}.incoming{margin-left:0}.outgoing{flex-direction:row-reverse;margin-left:auto}.message-group{flex-direction:column;width:100%;display:flex}.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{justify-content:center;margin-top:2rem;margin-bottom:2rem;display:flex}.message-date-text{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity,1));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#fffc;border-radius:9999px;padding:.375rem 1rem;font-size:.75rem;font-weight:500;line-height:1rem;box-shadow:0 2px 8px -2px #0000000d}.message-bubble{word-wrap:break-word;overflow-wrap:break-word;word-break:break-word;border-radius:1rem;max-width:100%;padding:.75rem 1.25rem;font-size:.875rem;line-height:1.25rem;transition:all .2s;position:relative}.message-text{white-space:pre-wrap;word-wrap:break-word;overflow-wrap:break-word;word-break:break-word;margin:0}.message-bubble img{border-radius:.75rem;max-width:100%;box-shadow:0 4px 12px -4px #0000001a}.message-actions{--tw-border-opacity:1;border-width:1px;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));opacity:0;--tw-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--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);group-hover:opacity-100;border-radius:9999px;align-items:center;gap:.25rem;padding:.25rem;transition-property:opacity;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);animation-duration:.2s;display:flex;position:absolute;top:-.75rem;right:0}.message-action-button{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1));border-radius:9999px;padding:.375rem;transition-property:all;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);animation-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{flex-direction:row-reverse;left:-3rem;right:auto}.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 #00000014}.outgoing .message-bubble{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-bottom-right-radius:8px;box-shadow:0 4px 12px -4px #3b82f666}.message-time{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1));opacity:0;margin-top:.375rem;font-size:.75rem;line-height:1rem;transition:opacity .2s}.message:hover>.message-time,.message:focus-within>.message-time{opacity:1}.message-input{--tw-border-opacity:1;border-top-width:1px;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));width:100%;padding:1rem;position:sticky;bottom:0}.input-container{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));border-radius:1rem;align-items:flex-end;gap:.75rem;padding:.75rem;transition-property:all;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);animation-duration:.2s;display:flex}.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:#3b82f64d}.input-container{box-shadow:0 2px 12px -4px #00000014}.input-textarea{resize:none;--tw-text-opacity:1;min-height:44px;max-height:8rem;color:rgb(55 65 81/var(--tw-text-opacity,1));background-color:#0000;border-width:0;flex:1;padding:.5rem .25rem;font-size:.875rem;line-height:1.625}.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{flex-shrink:0;align-items:center;gap:.5rem;display:flex}.input-button{border-radius:var(--radius);--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1));flex-shrink:0;padding:.5rem;transition-property:all;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);animation-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{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));border-radius:.75rem;flex-shrink:0;padding:.75rem;transition-property:all;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);animation-duration:.2s}.send-button:hover{--tw-translate-y:-.125rem;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));--tw-shadow:var(--tw-shadow-colored);--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:#3b82f64d}.send-button:active{--tw-translate-y:0px;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{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.chat-list-badge{--tw-translate-y:-50%;min-width:20px;height:20px;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));--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));background:linear-gradient(135deg,#4f46e5,#3b82f6);border-radius:9999px;justify-content:center;align-items:center;padding-left:.375rem;padding-right:.375rem;font-size:.75rem;font-weight:500;line-height:1rem;display:flex;position:absolute;top:50%;right:1rem;box-shadow:0 4px 12px -2px #4f46e566}.status-indicator{--tw-border-opacity:1;border-width:2px;border-color:rgb(255 255 255/var(--tw-border-opacity,1));border-radius:9999px;width:.75rem;height:.75rem;position:absolute;bottom:-.125rem;right:-.125rem;box-shadow:0 2px 4px -1px #0000001a}.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{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#f9fafbcc;border-radius:9999px;align-items:center;gap:.375rem;width:fit-content;padding:.5rem 1rem;display:flex}.typing-dot{background:linear-gradient(135deg,#4f46e5,#3b82f6);border-radius:9999px;width:.5rem;height:.5rem;animation:1.4s infinite bounce}.image-preview{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity,1));border-radius:.75rem;max-width:240px;position:relative;overflow:hidden}.image-preview img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;box-shadow:0 4px 12px -4px #0000001a}.image-preview-overlay{opacity:0;background-color:#0006;justify-content:center;align-items:center;transition-property:opacity;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);animation-duration:.2s;display:flex;position:absolute;inset:0}.image-preview:hover .image-preview-overlay{opacity:1}.file-preview{--tw-border-opacity:1;border-width:1px;border-color:rgb(243 244 246/var(--tw-border-opacity,1));background-color:#ffffffe6;border-radius:.75rem;align-items:center;gap:.75rem;padding:1rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:flex}.file-preview:hover{background-color:#f9fafbe6}.file-preview{box-shadow:0 4px 12px -4px #0000000d}.file-preview-icon{border-radius:var(--radius);--tw-bg-opacity:1;background-color:rgb(239 246 255/var(--tw-bg-opacity,1));--tw-text-opacity:1;width:2.5rem;height:2.5rem;color:rgb(37 99 235/var(--tw-text-opacity,1));flex-shrink:0;justify-content:center;align-items:center;display:flex}.file-preview-content{flex:1;min-width:0}.file-preview-name{text-overflow:ellipsis;white-space:nowrap;--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity,1));font-size:.875rem;font-weight:500;line-height:1.25rem;overflow:hidden}.file-preview-size{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity,1));font-size:.75rem;line-height:1rem}.file-preview-actions{align-items:center;gap:.5rem;display:flex}.file-preview-button{border-radius:var(--radius);--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1));padding:.5rem;transition-property:all;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);animation-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{border-radius:0;height:100vh}.chat-sidebar{z-index:20;width:100%;position:absolute;inset:0}.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-item,.chat-list-avatar,.quick-action-button,.message,.send-button{transition-property:none;animation:none;transform:none}}.delete-chat-button{z-index:10;position:absolute;right:.5rem}.delete-chat-button:hover{--tw-bg-opacity:1;background-color:rgb(254 242 242/var(--tw-bg-opacity,1));animation:.5s ease-in-out shake}.delete-chat-button svg{width:18px;height:18px}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-2px)}75%{transform:translate(2px)}}.chat-search{width:100%;margin-top:.75rem;position:relative}.chat-search-icon{--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));--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1));width:16px;height:16px;position:absolute;top:50%;left:.75rem}.chat-search-input{border-radius:var(--radius);--tw-border-opacity:1;border-width:1px;border-color:rgb(229 231 235/var(--tw-border-opacity,1));width:100%;padding:.5rem .75rem .5rem 2.25rem;font-size:.875rem;line-height:1.25rem;transition-property:all;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);animation-duration:.2s}.chat-search-input:focus{outline-offset:2px;--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:#3b82f64d;outline:2px solid #0000}.chat-list-avatar-wrapper{flex-shrink:0;position:relative}.chat-list-preview{align-items:center;gap:.5rem;display:flex}.preview-image{-o-object-fit:cover;object-fit:cover;border-radius:.25rem;width:1rem;height:1rem}.preview-file{align-items:center;gap:.5rem;display:flex}.chat-list-badges{align-items:center;gap:.5rem;margin-top:.25rem;display:flex}.message-badge{border-radius:9999px;padding:.125rem .5rem;font-size:.75rem;font-weight:500;line-height:1rem}.badge-urgent{--tw-bg-opacity:1;background-color:rgb(254 226 226/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(185 28 28/var(--tw-text-opacity,1))}.badge-important{--tw-bg-opacity:1;background-color:rgb(254 249 195/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(161 98 7/var(--tw-text-opacity,1))}.refresh-indicator{justify-content:center;align-items:center;padding-top:1rem;padding-bottom:1rem;display:flex}.refresh-spinner{width:1.5rem;height:1.5rem}@keyframes spin{to{transform:rotate(360deg)}}.refresh-spinner{--tw-border-opacity:1;border-width:2px;border-color:rgb(59 130 246/var(--tw-border-opacity,1));border-top-color:#0000;border-radius:9999px;animation:1s linear infinite spin}.quick-action-primary{background-image:linear-gradient(to right,var(--tw-gradient-stops));--tw-gradient-from:#2563eb var(--tw-gradient-from-position);--tw-gradient-to:#1d4ed8 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.quick-action-primary:hover{--tw-gradient-from:#1d4ed8 var(--tw-gradient-from-position);--tw-gradient-to:#1e40af var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}