.login-page[data-v-2f594d05]{justify-content:center;align-items:center;padding:24px;display:flex}.login-card[data-v-2f594d05]{width:100%;max-width:460px;padding:24px}.login-head[data-v-2f594d05]{margin-bottom:18px}.login-head h1[data-v-2f594d05]{margin:0 0 8px}.login-form[data-v-2f594d05]{gap:14px;display:grid}.label[data-v-2f594d05]{color:var(--muted);margin-bottom:8px;font-size:13px}.error-box[data-v-2f594d05]{color:var(--danger);background:#fff5f5;border:1px solid #fed7d7;border-radius:12px;padding:12px 14px}.layout[data-v-aee931ff]{grid-template-columns:var(--sidebar-width) minmax(0, 1fr) var(--aside-width);gap:16px;height:calc(100vh - 115px);min-height:620px;padding:16px;display:grid}.layout-sidebar[data-v-aee931ff],.layout-main[data-v-aee931ff],.layout-aside[data-v-aee931ff]{height:100%;min-height:0;overflow:hidden}@media (width<=960px){.layout[data-v-aee931ff]{grid-template-columns:var(--sidebar-width) minmax(0, 1fr)}}.sidebar[data-v-9784d3ad]{background:#fff;flex-direction:column;height:100%;display:flex}.sidebar-top[data-v-9784d3ad]{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;padding:18px 18px 12px;display:flex}.sidebar-title[data-v-9784d3ad]{margin:0 0 4px;font-size:20px}.socket[data-v-9784d3ad]{color:#4b5563;background:#f3f4f6;border-radius:999px;align-items:center;gap:6px;padding:6px 10px;font-size:12px;font-weight:600;display:inline-flex}.socket.connected[data-v-9784d3ad]{color:var(--success);background:#edfdf4}.socket.connecting[data-v-9784d3ad]{color:var(--warning);background:#fff8e1}.sidebar-controls[data-v-9784d3ad]{border-bottom:1px solid var(--line);padding:12px 18px}.filters[data-v-9784d3ad]{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.filter-btn[data-v-9784d3ad]{border:1px solid var(--line);background:#f8fafc;border-radius:10px;padding:8px 10px}.filter-btn.active[data-v-9784d3ad]{background:var(--brand-soft);color:var(--brand);border-color:#0000}.conversation-list[data-v-9784d3ad]{padding:10px;overflow:auto}.conversation-item[data-v-9784d3ad]{text-align:left;background:#fff;border:1px solid #0000;border-radius:14px;width:100%;margin-bottom:8px;padding:12px}.conversation-item[data-v-9784d3ad]:hover{background:#f8fafc}.conversation-item.active[data-v-9784d3ad]{background:#f6faff;border-color:#cfe0fb}.conversation-item-top[data-v-9784d3ad]{justify-content:space-between;gap:12px;display:flex}.conversation-name[data-v-9784d3ad]{font-weight:700}.conversation-phone[data-v-9784d3ad],.conversation-preview[data-v-9784d3ad],.assignee[data-v-9784d3ad],.conversation-time[data-v-9784d3ad]{color:var(--muted);font-size:13px}.conversation-preview[data-v-9784d3ad]{text-overflow:ellipsis;white-space:nowrap;margin-top:8px;overflow:hidden}.conversation-meta[data-v-9784d3ad]{align-items:center;gap:8px;margin-top:10px;display:flex}.assignee[data-v-9784d3ad]{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.unread[data-v-9784d3ad]{background:var(--brand);color:#fff;border-radius:999px;justify-content:center;align-items:center;min-width:22px;height:22px;margin-left:auto;font-size:12px;font-weight:700;display:inline-flex}.empty[data-v-9784d3ad]{color:var(--muted);text-align:center;padding:24px 12px}.chat-wrap[data-v-9a63bf63]{background:#fff;flex-direction:column;height:100%;display:flex}.chat-toolbar[data-v-9a63bf63]{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;padding:14px 16px;display:flex}.chat-title[data-v-9a63bf63]{margin-bottom:4px;font-size:18px;font-weight:700}.chat-toolbar-actions[data-v-9a63bf63]{align-items:center;gap:10px;display:flex}.template-select[data-v-9a63bf63]{width:220px}.chat-body[data-v-9a63bf63]{flex:1;min-height:0}@media (width<=1280px){.chat-toolbar[data-v-9a63bf63]{flex-direction:column;align-items:flex-start}.chat-toolbar-actions[data-v-9a63bf63]{flex-wrap:wrap;width:100%}.template-select[data-v-9a63bf63]{width:min(100%,280px)}}.panel[data-v-72ad1f0a]{background:#fff;flex-direction:column;gap:14px;height:100%;padding:18px;display:flex;overflow:auto}.panel-section[data-v-72ad1f0a]{border:1px solid var(--line);border-radius:14px;padding:14px}.panel-title[data-v-72ad1f0a]{margin:0 0 12px;font-size:16px}.info-grid[data-v-72ad1f0a]{gap:12px;display:grid}.info-item .label[data-v-72ad1f0a]{color:var(--muted);margin-bottom:4px;font-size:12px}.info-item .value[data-v-72ad1f0a]{font-size:14px;font-weight:600}.tags[data-v-72ad1f0a]{flex-wrap:wrap;gap:8px;display:flex}.tag[data-v-72ad1f0a]{color:#334155;background:#f3f6fb;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:600}.actions[data-v-72ad1f0a]{gap:10px;display:grid}.topbar[data-v-7a884336]{justify-content:space-between;align-items:center;margin:16px 16px 0;padding:14px 18px;display:flex}.topbar-title[data-v-7a884336]{margin-bottom:4px;font-size:20px;font-weight:700}.topbar-actions[data-v-7a884336]{align-items:center;gap:12px;display:flex}:root{--bg:#f3f5f8;--panel:#fff;--line:#e3e8ef;--text:#1f2937;--muted:#6b7280;--brand:#1f7ae0;--brand-soft:#e8f1fe;--success:#18794e;--warning:#b7791f;--danger:#c53030;--sidebar-width:320px;--aside-width:320px;color:var(--text);background:var(--bg);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:400;line-height:1.45}*{box-sizing:border-box}html,body,#app{background:var(--bg);min-height:100%;margin:0}body{color:var(--text)}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:var(--brand);text-decoration:none}.page-shell{background:var(--bg);min-height:100vh}.card{background:var(--panel);border:1px solid var(--line);border-radius:16px;box-shadow:0 4px 18px #1118270a}.input{border:1px solid var(--line);background:#fff;border-radius:12px;outline:none;width:100%;padding:12px 14px}.input:focus{border-color:var(--brand);box-shadow:0 0 0 3px #1f7ae01a}.btn{color:var(--text);background:#fff;border:1px solid #0000;border-radius:12px;padding:10px 14px;transition:all .15s}.btn:hover{transform:translateY(-1px)}.btn-primary{background:var(--brand);color:#fff}.btn-soft{background:var(--brand-soft);color:var(--brand)}.btn-danger{color:var(--danger);background:#fff5f5;border-color:#fed7d7}.btn-muted{border-color:var(--line)}.badge{border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.badge-open{color:var(--success);background:#edfdf4}.badge-closed{color:#4b5563;background:#f3f4f6}.badge-pending{color:var(--warning);background:#fff8e1}.badge-dot{background:currentColor;border-radius:50%;width:8px;height:8px}.muted{color:var(--muted)}.empty-state{min-height:320px;color:var(--muted);text-align:center;justify-content:center;align-items:center;padding:24px;display:flex}@media (width<=1320px){:root{--aside-width:280px}}@media (width<=1120px){:root{--sidebar-width:280px;--aside-width:260px}}@media (width<=960px){.mobile-hidden{display:none!important}}