:root{--chat-bg-gray: var(--bg-dark);--chat-border-gray: var(--border);--chat-text-gray: var(--text-main);--chat-date-gray: var(--text-muted);--chat-blue: var(--primary);--chat-blue-hover: var(--primary-hover);--chat-blue-light: rgba(186, 74, 27, .1);--bubble-me-bg: var(--primary);--bubble-me-text: #ffffff;--bubble-other-bg: var(--bg-card);--bubble-other-text: var(--text-main)}.chat-container{height:100%;display:flex;gap:1.5rem;padding:1.5rem;background-color:var(--chat-bg-gray);color:var(--chat-text-gray);box-sizing:border-box}.chat-sidebar{width:20rem;background-color:var(--bg-card);border-radius:1rem;box-shadow:0 4px 12px #0003;border:1px solid var(--chat-border-gray);display:flex;flex-direction:column}.sidebar-header{padding:1.5rem;border-bottom:1px solid var(--chat-border-gray)}.sidebar-title{display:flex;align-items:center;gap:.5rem;font-size:1.25rem;font-weight:700;color:var(--chat-text-gray);margin:0}.conversations-list{flex:1;overflow-y:auto}.conversation-item{padding:1rem;cursor:pointer;transition:background-color .2s;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:.75rem}.conversation-item:hover{background-color:#ffffff0d}.conversation-item.active{background-color:var(--chat-blue-light);border-left:3px solid var(--chat-blue)}.avatar{width:2.5rem;height:2.5rem;border-radius:9999px;background-color:var(--chat-border-gray);display:flex;align-items:center;justify-content:center;color:var(--text-muted);flex-shrink:0}.conv-details{flex:1;min-width:0}.conv-name{font-weight:600;color:var(--chat-text-gray);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conv-last-msg{font-size:.875rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conv-time{font-size:.75rem;color:var(--chat-date-gray);white-space:nowrap}.chat-main{flex:1;background-color:var(--bg-card);border-radius:1rem;box-shadow:0 4px 12px #0003;border:1px solid var(--chat-border-gray);display:flex;flex-direction:column;overflow:hidden}.chat-header{padding:1.5rem;border-bottom:1px solid var(--chat-border-gray);display:flex;align-items:center;gap:1rem}.chat-header-name{font-weight:700;color:var(--chat-text-gray)}.chat-header-status{font-size:.75rem;color:var(--text-muted);display:flex;align-items:center;gap:.25rem}.back-button{padding:.5rem;border-radius:9999px;background:transparent;border:none;cursor:pointer;color:var(--text-main)}.back-button:hover{background-color:#ffffff1a}.messages-area{flex:1;overflow-y:auto;padding:1.5rem;display:flex;flex-direction:column;gap:1rem}.msg-row{display:flex;width:100%}.msg-row.start{justify-content:flex-start}.msg-row.end{justify-content:flex-end}.msg-bubble{max-width:70%;padding:.75rem;border-radius:1rem;box-shadow:0 2px 4px #0000001a;word-wrap:break-word}.msg-bubble.me{background-color:var(--bubble-me-bg);color:var(--bubble-me-text);border-bottom-right-radius:0}.msg-bubble.other{background-color:#3d3d3d;color:var(--bubble-other-text);border-bottom-left-radius:0;border:1px solid var(--border)}.msg-meta{font-size:.625rem;margin-top:.25rem;display:flex;align-items:center;justify-content:flex-end;gap:.25rem}.msg-bubble.me .msg-meta{color:#ffffffb3}.msg-bubble.other .msg-meta{color:var(--text-muted)}.input-area{padding:1.5rem;border-top:1px solid var(--chat-border-gray);display:flex;gap:.75rem;background-color:var(--bg-card)}.chat-input{flex:1;padding:.75rem;border-radius:9999px;border:1px solid var(--border);background-color:var(--bg-dark);color:var(--text-main);outline:none;transition:all .2s}.chat-input:focus{border-color:var(--chat-blue);box-shadow:0 0 0 1px var(--chat-blue)}.send-btn{width:3rem;height:3rem;border-radius:9999px;display:flex;align-items:center;justify-content:center;color:#fff;background-color:var(--chat-blue);border:none;cursor:pointer;transition:all .2s}.send-btn:hover:not(:disabled){background-color:var(--chat-blue-hover);transform:scale(1.05)}.send-btn:disabled{background-color:var(--border);color:var(--text-muted);cursor:not-allowed}.empty-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-muted);gap:1rem}.spinner{width:1.5rem;height:1.5rem;border:2px solid var(--chat-blue);border-top-color:transparent;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(min-width:1024px){.back-button{display:none}}@font-face{font-family:Caladea;src:url(/assets/Caladea-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Lalezar;src:url(/assets/Lalezar-Regular.ttf) format("truetype");font-weight:400;font-style:normal}:root{--primary: #BA4A1B;--primary-hover: #9e3d15;--secondary: #704214;--bg-dark: #1a1a1a;--bg-card: #2d2d2d;--text-main: #f8fafc;--text-muted: #94a3b8;--border: #4a4a4a;--success: #22c55e;--danger: #ef4444;--warning: #f59e0b;--info: #3b82f6}body{margin:0;font-family:Caladea,Lalezar,system-ui,-apple-system,sans-serif;background-color:var(--bg-dark);background-image:url(/assets/background_room_chat_time.png);color:var(--text-main);-webkit-font-smoothing:antialiased}.glass-panel{background:#2d2d2de6;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(186,74,27,.3);box-shadow:0 4px 30px #0006;border-radius:16px}.btn{padding:.75rem 1.5rem;border-radius:8px;border:none;font-weight:600;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;gap:.5rem;font-family:inherit}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;box-shadow:0 4px 12px #ba4a1b4d}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 16px #ba4a1b66}.btn-danger{background:#ef44441a;color:var(--danger);border:1px solid rgba(239,68,68,.2)}.btn-success{background:#22c55e1a;color:var(--success);border:1px solid rgba(34,197,94,.2)}input,select,textarea{background:var(--bg-card);border:1px solid var(--border);color:var(--text-main);padding:.75rem;border-radius:8px;width:100%;box-sizing:border-box;outline:none;transition:border-color .2s;font-family:inherit}input:focus,select:focus{border-color:var(--primary);box-shadow:0 0 0 2px #ba4a1b33}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}table{width:100%;border-collapse:collapse}th,td{padding:1rem;text-align:left;border-bottom:1px solid var(--border)}th{color:var(--text-muted);font-weight:500;font-size:.9rem}