:root{--sidebar-bg:#fff9f5;--sidebar-hover:#fff0ea;--sidebar-active:#f8eee8;--sidebar-text:#473c36;--sidebar-text-muted:#74645d;--bg-main:#fff9f5;--bg-card:#fff;--border-color:#ebd8ce;--primary-color:#f0846a;--primary-hover:#d4755f;--kakao-color:#fee500;--naver-color:#03c75a;--text-main:#473c36;--text-muted:#74645d}.dashboard-container{background-color:var(--bg-main);width:100vw;height:100vh;color:var(--text-main);font-family:var(--font-sinapi-sans);display:flex;overflow:hidden}.sidebar{background-color:var(--sidebar-bg);width:195px;color:var(--sidebar-text);z-index:50;border-right:1px solid var(--border-color);flex-direction:column;transition:all .3s;display:flex}.sidebar.collapsed{width:80px}.sidebar.collapsed .sidebar-text,.sidebar.collapsed .sidebar-footer-content{display:none}.sidebar.collapsed .nav-item{justify-content:center;padding:12px 0}.sidebar.collapsed .sidebar-footer{justify-content:center;padding:16px 0;display:flex}.sidebar.collapsed .sidebar-header{flex-direction:row;justify-content:center;gap:0;height:64px;padding:0}.sidebar-header{border-bottom:1px solid var(--border-color);flex-shrink:0;align-items:center;gap:12px;height:64px;padding:0 24px;display:flex}.logo-icon{object-fit:contain;border-radius:8px;width:32px;height:32px}.sidebar-nav{flex:1;padding:14px 0}.nav-item{cursor:pointer;color:var(--sidebar-text-muted);align-items:center;gap:10px;padding:11px 18px;text-decoration:none;transition:all .2s;display:flex}.nav-item .sidebar-text{letter-spacing:-.01em;white-space:nowrap;font-size:14px;line-height:1.2}.nav-item:hover{background-color:var(--sidebar-hover);color:var(--text-main)}.nav-item.active{background-color:var(--sidebar-active);color:var(--primary-color);border-left:4px solid var(--primary-color)}.sidebar-footer{border-top:1px solid var(--border-color);padding:16px 24px}.main-content{flex-direction:column;flex:1;display:flex;overflow:hidden}.top-bar{background-color:var(--bg-card);border-bottom:1px solid var(--border-color);flex-shrink:0;justify-content:space-between;align-items:center;height:64px;min-height:64px;max-height:64px;padding:0 24px;display:flex;box-shadow:0 1px 2px #5a47400d}.content-body{flex:1;display:flex;overflow:hidden}.chat-list-pane{background-color:var(--bg-card);border-right:1px solid var(--border-color);flex-direction:column;width:224px;display:flex}.chat-view-pane{background-color:#fff;flex-direction:column;flex:1;display:flex}.memo-pane{background-color:#fafafa;border-left:1px solid #e5e7eb;width:300px;padding:20px}.message-bubble{word-break:break-word;white-space:pre-wrap;border-radius:20px;max-width:80%;padding:12px 18px;font-size:14px;line-height:1.5;position:relative}.message-user{color:var(--text-main);background-color:#fff;border:1px solid #e5e7eb;border-bottom-left-radius:4px;align-self:flex-start;box-shadow:0 1px 2px #0f172a0d}.message-agent{color:#473c36;background-color:#fff0ea;border:1px solid #f3d8ce;border-bottom-right-radius:4px;align-self:flex-end;box-shadow:0 1px 2px #c4523d14}.message-bot{color:#163f73;background-color:#eaf4ff;border:1px solid #c9def8;border-bottom-right-radius:4px;align-self:flex-end;box-shadow:0 1px 2px #2b83f614}.ai-typing-bubble{border:1px solid var(--border-color);background-color:#fff;border-radius:22px 22px 22px 6px;justify-content:center;align-items:center;gap:5px;width:92px;height:48px;display:flex;box-shadow:0 1px 3px #5a47400f,0 1px 2px #5a47400a}.ai-typing-dot{background-color:var(--primary-color);border-radius:999px;width:7px;height:7px;animation:1.2s ease-in-out infinite ai-typing-pulse}.ai-typing-dot:nth-child(2){animation-delay:.16s}.ai-typing-dot:nth-child(3){animation-delay:.32s}.bot-manage-sortable-row{transform-origin:50%;transition:transform .18s,opacity .18s,filter .18s}.bot-manage-sortable-row.is-dragging{opacity:.82;filter:drop-shadow(0 14px 28px #473c3629);transform:scale(1.01)rotate(.2deg)}.bot-manage-sortable-row.is-drop-target-before{transform:translateY(6px)}.bot-manage-sortable-row.is-drop-target-after{transform:translateY(-6px)}.bot-manage-sortable-handle{cursor:grab;transition:transform .18s,border-color .18s,box-shadow .18s,background-color .18s}.bot-manage-sortable-handle:active{cursor:grabbing}.bot-manage-sortable-row.is-dragging .bot-manage-sortable-handle{border-color:#e0b7a6;transform:scale(1.04);box-shadow:0 8px 18px #e0b7a647}@keyframes ai-typing-pulse{0%,80%,to{opacity:.35;transform:translateY(0)}40%{opacity:1;transform:translateY(-4px)}}.channel-tag{text-transform:uppercase;border-radius:4px;padding:2px 6px;font-size:10px;font-weight:700}.tag-kakao{background-color:var(--kakao-color);color:#3c1e1e}.tag-naver{background-color:var(--naver-color);color:#fff}.toggle-container{align-items:center;gap:8px;display:flex}.toggle-label{color:var(--text-muted);flex-direction:column;font-size:13px;font-weight:700;line-height:1;display:flex}.toggle-label .ai-tag{color:#6b7280;margin-bottom:2px;font-size:10px}.switch{width:44px;height:24px;display:inline-block;position:relative}.switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;background-color:#cbd5e0;border-radius:24px;transition:all .4s;position:absolute;inset:0}.slider:before{content:"";background-color:#fff;border-radius:50%;width:18px;height:18px;transition:all .4s;position:absolute;bottom:3px;left:3px;box-shadow:0 1px 3px #0000001a}input:checked+.slider{background-color:#6b7280}input:checked+.slider:before{transform:translate(20px)}.toast-container{z-index:9999;animation:.4s cubic-bezier(.175,.885,.32,1.275) toast-in;position:fixed;top:32px;left:50%;transform:translate(-50%)}.toast{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;background-color:#473c36f0;border-radius:16px;align-items:center;gap:12px;min-width:300px;padding:12px 24px;display:flex;box-shadow:0 10px 15px -3px #5a474024,0 4px 6px -2px #5a474014,0 0 0 1px #ffffff24}.toast-icon{color:#f0846a;flex-shrink:0}.toast-message{font-size:14px;font-weight:500}.chat-alert{z-index:9998;text-align:left;background:#fffcfaf5;border:1px solid #f0846a38;border-radius:22px;flex-direction:column;align-items:flex-start;gap:6px;width:min(360px,100vw - 32px);padding:16px 18px;animation:.28s ease-out chat-alert-in;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 20px 48px #4f342929}.chat-alert-kakao{border-color:#fee500d9}.chat-alert-naver{border-color:#03c75ab8}.chat-alert-online,.chat-alert-homepage{border-color:#f0846a80}.chat-alert-phone{border-color:#4971ff73}.chat-alert-platform{color:#f0846a;letter-spacing:.08em;background:#fff0ea;border-radius:999px;justify-content:center;align-items:center;min-height:24px;padding:0 10px;font-size:11px;font-weight:800;display:inline-flex}.chat-alert-kakao .chat-alert-platform{color:#7a5c00;background:#fee50038}.chat-alert-naver .chat-alert-platform{color:#03a94d;background:#03c75a1f}.chat-alert-online .chat-alert-platform,.chat-alert-homepage .chat-alert-platform{color:#f0846a;background:#fff0ea}.chat-alert-phone .chat-alert-platform{color:#4971ff;background:#4971ff1f}.chat-alert-user{color:#2f2622;font-size:18px;font-weight:800;line-height:1.2}.chat-alert-preview{color:#6f625b;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:14px;line-height:1.5;display:-webkit-box;overflow:hidden}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,-20px)scale(.95)}to{opacity:1;transform:translate(-50%)scale(1)}}@keyframes chat-alert-in{0%{opacity:0;transform:translateY(12px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}