/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-border-style:solid}}}.absolute{position:absolute}.relative{position:relative}.flex{display:flex}.h-full{height:100%}.h-screen{height:100vh}.flex-1{flex:1}.cursor-pointer{cursor:pointer}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-start{justify-content:flex-start}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.border{border-style:var(--tw-border-style);border-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-none{--tw-border-style:none;border-style:none}.bg-transparent{background-color:#0000}.bg-gradient-to-b{--tw-gradient-position:to bottom in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.text-center{text-align:center}.outline-none{--tw-outline-style:none;outline-style:none}#__next,body,html{background:linear-gradient(135deg,#f8fafc,#e0e7ef);height:100%}body{color:#0f172a;font-family:Kanit,Inter,Helvetica Neue,Arial,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto}*,body,html{font-family:Kanit,Inter,Helvetica Neue,Arial,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto!important}.chat-item-avatar{color:#2563eb;background:linear-gradient(135deg,#e0e7ef,#60a5fa);justify-content:center;align-items:center;width:44px;height:44px;font-size:1.1rem;font-weight:600;display:inline-flex}.chat-item-avatar,.sidebar-btn{border-radius:9999px;box-shadow:0 2px 8px #2563eb22}.sidebar-btn{color:#fff;background:linear-gradient(90deg,#2563eb 60%,#60a5fa);font-weight:500;transition:background .2s}.sidebar-btn:hover{background:linear-gradient(90deg,#1d4ed8 60%,#3b82f6)}.sidebar-list-item{border-radius:1rem;transition:background .15s}.sidebar-list-item:hover{background:#e0e7ef}.bubble-mine{color:#fff;background:linear-gradient(90deg,#2563eb 60%,#60a5fa);border-radius:1.5rem 1.5rem .5rem;box-shadow:0 2px 8px #2563eb22}.bubble-other{color:#0f172a;background:#f1f5f9;border-radius:1.5rem 1.5rem 1.5rem .5rem;box-shadow:0 2px 8px #64748b22}.chat-header-avatar{color:#2563eb;background:linear-gradient(135deg,#e0e7ef,#60a5fa);border-radius:9999px;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.2rem;font-weight:600;display:flex;box-shadow:0 2px 8px #2563eb22}.online-dot{background:#22c55e;border:2px solid #fff;border-radius:9999px;width:12px;height:12px;position:absolute;bottom:0;right:0}.input-area{background:#fff;border-radius:1.5rem;align-items:center;padding:.5rem 1rem;display:flex;box-shadow:0 2px 8px #2563eb11}.send-btn{color:#fff;background:linear-gradient(90deg,#2563eb 60%,#60a5fa);border-radius:9999px;margin-left:.5rem;padding:.75rem 1.5rem;font-weight:500;transition:background .2s;box-shadow:0 2px 8px #2563eb22}.send-btn:hover{background:linear-gradient(90deg,#1d4ed8 60%,#3b82f6)}.sidebar{background:linear-gradient(#fdfdfd 80%,#eaf3fc);box-shadow:2px 0 12px #4a90e21a}.btn-new-chat,.btn-send{color:#fff;background:linear-gradient(90deg,#4a90e2 60%,#357abd);border-radius:.75rem;font-weight:600;transition:background .2s,box-shadow .2s;box-shadow:0 2px 8px #4a90e22e}.btn-new-chat:hover,.btn-send:hover{background:linear-gradient(90deg,#357abd 60%,#4a90e2);box-shadow:0 4px 16px #4a90e247}.chat-item{border-radius:.5rem;transition:background .2s,box-shadow .2s}.chat-item:hover{background:linear-gradient(90deg,#eaf3fc 80%,#dbeafe);box-shadow:0 2px 8px #4a90e21a}.chat-item.active{background:linear-gradient(90deg,#dbeafe 80%,#b6d6f6);border-left:4px solid #4a90e2;box-shadow:0 4px 16px #4a90e22e}.message{border-radius:1.5rem;max-width:70%;padding:1rem 1.25rem;font-size:1rem;line-height:1.5;transition:background .2s,box-shadow .2s;box-shadow:0 2px 12px #4a90e21a}.message.received{color:#333;background:linear-gradient(90deg,#e4e6eb 80%,#f5f7fa);border-bottom-left-radius:.75rem}.message.sent{color:#fff;background:linear-gradient(90deg,#4a90e2 80%,#357abd);border-bottom-right-radius:.75rem}@media (max-width:900px){.app-container{border-radius:0;width:100vw;height:100vh}.sidebar{width:220px}}@media (max-width:600px){.app-container{width:100vw;height:100vh}.app-body,.app-container{flex-direction:column}.sidebar{border-bottom:2px solid #e0e0e0;border-right:none}.chat-area,.sidebar{width:100vw}}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}