*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--primary:#2563eb;--primary-50:#eff6ff;--primary-100:#dbeafe;--primary-600:#2563eb;--primary-700:#1d4ed8;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-700:#374151;--gray-900:#111827;--surface:var(--gray-50);--card:#ffffff;--border:var(--gray-200);--text-primary:var(--gray-900);--text-secondary:var(--gray-500);--text-muted:var(--gray-400);--green:#16a34a;--green-50:#f0fdf4;--green-100:#dcfce7;--amber:#d97706;--amber-50:#fffbeb;--amber-100:#fef3c7;--red:#dc2626;--red-50:#fef2f2;--purple:#7c3aed;--purple-50:#f5f3ff;--sidebar-w:240px;--r-sm:6px;--r-md:8px;--r-lg:10px;--r-xl:12px;--shadow-sm:0 1px 2px rgba(0,0,0,0.05);--shadow:0 1px 3px rgba(0,0,0,0.1),0 1px 2px rgba(0,0,0,0.06);--shadow-md:0 4px 6px rgba(0,0,0,0.07),0 2px 4px rgba(0,0,0,0.06);font-size:13px;--font-kr:var(--font-family-default);--font-mono:ui-monospace,"SF Mono",monospace}body{font-family:var(--font-kr);background:var(--surface);color:var(--text-primary);height:100vh;display:flex;flex-direction:column;overflow:hidden;line-height:1.5;-webkit-font-smoothing:antialiased}.layout-row{display:flex;flex:1;min-height:0}.sidebar{width:var(--sidebar-w);height:100%;position:relative;background:#0d1117;border-right:1px solid rgba(255,255,255,.06);flex-direction:column;overflow:hidden;z-index:20}.sidebar,.sidebar-logo{display:flex;flex-shrink:0}.sidebar-logo{height:60px;padding:0 16px;align-items:center;gap:10px;border-bottom:1px solid rgba(255,255,255,.06)}.logo-icon{width:30px;height:30px;background:linear-gradient(135deg,#388bfd,#1f6feb);border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.logo-icon svg{color:#fff}.logo-text{flex:1;min-width:0}.logo-title{font-size:13px;font-weight:700;color:#f0f6ff;letter-spacing:-.01em;line-height:1.2}.logo-ws{font-size:11px;color:#8b949e;font-weight:400;margin-top:1px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-nav{flex:1;min-height:0;padding:10px 8px;overflow-y:auto;display:flex;flex-direction:column;gap:1px}.sidebar-nav::-webkit-scrollbar{width:3px}.sidebar-nav::-webkit-scrollbar-track{background:transparent}.sidebar-nav::-webkit-scrollbar-thumb{background:rgba(255,255,255,.08);border-radius:2px}.nav-section{font-size:10px;font-weight:600;color:#484f58;letter-spacing:.06em;text-transform:uppercase;padding:12px 10px 4px}.nav-item,.nav-section{flex-shrink:0;user-select:none}.nav-item{height:36px;display:flex;align-items:center;gap:10px;padding:0 10px;border-radius:8px;cursor:pointer;transition:background .12s,color .12s;color:#8b949e;font-size:13px;font-weight:400;position:relative}.nav-item:hover{background:rgba(255,255,255,.05);color:#c9d1d9}.nav-item.active{background:rgba(56,139,253,.15);color:#f0f6ff;font-weight:500}.nav-item.active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:18px;background:#388bfd;border-radius:0 2px 2px 0}.nav-icon{width:18px;height:18px;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:inherit;opacity:.7}.nav-item.active .nav-icon,.nav-item:hover .nav-icon{opacity:1}.nav-badge{margin-left:auto;background:#cf222e;color:#fff;font-size:10px;font-weight:600;padding:1px 5px;border-radius:10px;min-width:18px;text-align:center}.nav-divider{flex-shrink:0;height:1px;background:rgba(255,255,255,.06);margin:6px 4px}.sidebar-footer{padding:10px 8px;border-top:1px solid rgba(255,255,255,.06);flex-shrink:0}.user-card{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;cursor:pointer;transition:background .12s}.user-card:hover{background:rgba(255,255,255,.05)}.user-avatar{width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,#388bfd,#6e40c9);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#fff;flex-shrink:0;position:relative}.user-avatar:after{content:"";position:absolute;bottom:0;right:0;width:8px;height:8px;background:#16a34a;border-radius:50%;border:1.5px solid #0d1117}.user-info{flex:1;min-width:0}.user-name{font-size:12px;font-weight:500;color:#c9d1d9;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-role{font-size:11px;color:#8b949e}.sidebar-logo{cursor:pointer;transition:background .12s;border-radius:0;position:relative}.sidebar-logo.open,.sidebar-logo:hover{background:rgba(255,255,255,.04)}.ws-chevron{color:#484f58;flex-shrink:0;transition:transform .2s ease;display:flex;align-items:center}.sidebar-logo.open .ws-chevron{transform:rotate(180deg);color:#8b949e}.ws-dropdown{position:absolute;top:60px;left:0;width:var(--sidebar-w);background:#1c2128;border:1px solid rgba(255,255,255,.1);border-top:none;border-radius:0 0 10px 10px;z-index:50;overflow:hidden;display:none;flex-direction:column;box-shadow:0 12px 28px rgba(0,0,0,.6);max-height:280px;overflow-y:auto}.ws-dropdown.open{display:flex}.ws-dropdown-header{padding:10px 16px 6px;font-size:10px;font-weight:600;color:#484f58;letter-spacing:.06em;text-transform:uppercase}.ws-item{display:flex;align-items:center;gap:10px;padding:9px 16px;cursor:pointer;transition:background .1s}.ws-item:hover{background:rgba(255,255,255,.05)}.ws-icon{width:26px;height:26px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:#fff;flex-shrink:0}.ws-item-info{flex:1;min-width:0}.ws-item-name{font-size:12px;font-weight:500;color:#c9d1d9}.ws-item-plan{font-size:10px;color:#8b949e}.ws-check{color:#388bfd;flex-shrink:0}.ws-add{display:flex;align-items:center;gap:8px;padding:9px 16px 12px;cursor:pointer;font-size:12px;color:#8b949e;transition:color .1s;border-top:1px solid rgba(255,255,255,.06);margin-top:4px}.ws-add:hover{color:#c9d1d9}.nav-acc{flex-shrink:0;display:flex;flex-direction:column}.nav-acc-trigger{height:36px;display:flex;align-items:center;gap:10px;padding:0 10px;border-radius:8px;cursor:pointer;transition:background .12s,color .12s;color:#8b949e;font-size:13px;font-weight:400;user-select:none;position:relative}.nav-acc-trigger:hover{background:rgba(255,255,255,.05);color:#c9d1d9}.nav-acc-trigger.open{background:rgba(56,139,253,.12);color:#c9d1d9;border-radius:8px 8px 0 0}.nav-acc-trigger.open .nav-icon,.nav-acc-trigger:hover .nav-icon{opacity:1}.nav-acc-chevron{margin-left:auto;color:#484f58;display:flex;align-items:center;transition:transform .2s ease,color .12s}.nav-acc-trigger.open .nav-acc-chevron{transform:rotate(180deg);color:#8b949e}.nav-acc-content{display:none;flex-direction:column;background:rgba(255,255,255,.04);border-radius:0 0 8px 8px;border-left:2px solid rgba(56,139,253,.25);padding:4px 0 6px;margin-bottom:2px;overflow:hidden}.nav-acc-content.open{display:flex}.nav-acc-item{height:33px;display:flex;align-items:center;gap:8px;padding:0 10px 0 20px;cursor:pointer;transition:background .1s,color .1s;color:#6e7681;font-size:12px;font-weight:400;user-select:none;position:relative}.nav-acc-item:hover{background:rgba(255,255,255,.04);color:#c9d1d9}.nav-acc-item.active{color:#a5c8ff;font-weight:500}.nav-acc-item.active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:2px;height:14px;background:#388bfd;border-radius:0 2px 2px 0}.nav-acc-item.disabled{opacity:.35;cursor:not-allowed}.nav-acc-item.disabled:hover{background:transparent;color:#6e7681}.nav-acc-dot{width:4px;height:4px;border-radius:50%;background:#484f58;flex-shrink:0}.nav-acc-item.active .nav-acc-dot{background:#388bfd}.main{flex:1;display:flex;flex-direction:column;min-width:0;overflow:hidden}.topbar{height:56px;background:var(--card);border-bottom:1px solid var(--border);padding:0 24px;gap:0;flex-shrink:0}.breadcrumb,.topbar{display:flex;align-items:center}.breadcrumb{gap:6px;flex:1}.breadcrumb-item{font-size:13px;color:var(--text-muted);font-weight:400}.breadcrumb-sep{color:var(--gray-300);font-size:12px}.breadcrumb-current{font-size:14px;font-weight:600;color:var(--text-primary)}.topbar-right{gap:4px}.topbar-right,.topbar-tabs{display:flex;align-items:center}.topbar-tabs{gap:2px;margin-right:12px}.topbar-tab{height:28px;padding:0 12px;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;transition:all .12s;color:var(--text-secondary);border:1px solid var(--border);background:transparent;display:flex;align-items:center;gap:5px}.topbar-tab.active{background:var(--primary);border-color:var(--primary);color:#fff}.topbar-stat,.topbar-tab:not(.active):hover{background:var(--gray-50)}.topbar-stat{display:flex;align-items:center;gap:5px;padding:4px 10px;border-radius:6px;border:1px solid var(--border);font-size:12px;margin-right:8px}.stat-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.stat-label{color:var(--text-muted)}.stat-val{font-weight:600;color:var(--text-primary);font-variant-numeric:tabular-nums}.icon-btn{width:34px;height:34px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-secondary);transition:background .12s,color .12s;position:relative}.icon-btn:hover{background:var(--gray-100);color:var(--text-primary)}.notif-dot{width:7px;height:7px;background:var(--red);border-radius:50%;position:absolute;top:5px;right:5px;border:1.5px solid var(--card)}.content,.prototype-fragment-root{flex:1;display:flex;overflow:hidden}.prototype-fragment-root{min-width:0;min-height:0}.data-table{border-collapse:collapse;font-size:13px;table-layout:fixed}.data-table thead tr{background:var(--gray-50)}.data-table th{padding:10px 16px;font-weight:500;color:var(--text-secondary);font-size:12px}.data-table td{padding:13px 16px;border-bottom:1px solid var(--border)}.data-table tbody tr:last-child td{border-bottom:none}.data-table tbody tr:hover{background:var(--gray-50)}.user-av{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600;flex-shrink:0}.role-badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:4px;font-size:11px;font-weight:500}.role-leader{background:var(--primary-50);color:var(--primary)}.role-manager{background:var(--amber-50);color:var(--amber)}.role-viewer{background:var(--gray-100);color:var(--gray-500)}.status-online-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:4px;font-size:11px;font-weight:500;background:var(--green-100);color:var(--green)}.status-online-badge:before{content:"";width:5px;height:5px;border-radius:50%;background:var(--green)}.status-inactive-badge{padding:2px 8px;border-radius:4px;font-size:11px;font-weight:500;color:var(--gray-500)}.invite-code-disp,.status-inactive-badge{display:inline-flex;align-items:center;background:var(--gray-100)}.invite-code-disp{gap:6px;font-family:monospace;font-size:12px;padding:3px 10px;border-radius:5px}.copy-btn{background:none;border:none;cursor:pointer;color:var(--text-muted);display:flex;align-items:center;padding:2px;border-radius:3px}.copy-btn:hover{color:var(--primary);background:var(--primary-50)}.inv-badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:4px;font-size:11px;font-weight:500}.inv-active{background:var(--green-100);color:var(--green)}.inv-expired{background:var(--gray-100);color:var(--gray-500)}.inv-revoked{background:var(--red-50);color:var(--red)}.perm-chevron{color:var(--text-muted)}.sec-pill-tab{background:var(--gray-100);border:none;border-radius:6px;padding:6px 14px;font-size:12px;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all .12s}.sec-pill-tab:hover{background:var(--gray-200);color:var(--text-primary)}.sec-pill-tab.active{background:var(--primary);color:#fff}.page{display:none}.page.active{display:flex;flex:1;overflow:hidden}.dashboard-page{flex-direction:column;padding:24px;gap:16px;overflow-y:auto;background:var(--surface)}.kpi-row{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.kpi-card{background:var(--card);border:1px solid var(--border);border-radius:var(--r-xl);padding:16px 18px;display:flex;flex-direction:column;gap:6px;box-shadow:var(--shadow-sm)}.kpi-label{font-size:12px;font-weight:500;color:var(--text-secondary);display:flex;align-items:center;gap:6px}.kpi-value{font-size:28px;font-weight:700;color:var(--text-primary);line-height:1.1;font-variant-numeric:tabular-nums;letter-spacing:-.02em}.kpi-sub{font-size:11px;color:var(--text-muted);display:flex;align-items:center;gap:4px}.kpi-up{color:var(--red);font-weight:500}.kpi-down{color:var(--green);font-weight:500}.section-row{display:grid;grid-template-columns:1fr 340px;gap:12px;flex:1}.panel{background:var(--card);border:1px solid var(--border);border-radius:var(--r-xl);display:flex;flex-direction:column;overflow:hidden;box-shadow:var(--shadow-sm)}.panel-header{padding:14px 18px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:8px}.panel-title{font-size:13px;font-weight:600;color:var(--text-primary)}.panel-badge{font-size:11px;background:var(--gray-100);border:1px solid var(--border);color:var(--text-secondary);padding:1px 8px;border-radius:20px;font-variant-numeric:tabular-nums}.panel-action{margin-left:auto;font-size:12px;color:var(--primary);cursor:pointer;font-weight:500}.panel-action:hover{text-decoration:underline}.data-table{width:100%;overflow:auto;flex:1}.data-table table{width:100%;border-collapse:collapse}.data-table th{text-align:left;font-size:11px;font-weight:600;color:var(--text-muted);padding:8px 18px;background:var(--gray-50);border-bottom:1px solid var(--border);letter-spacing:.02em;text-transform:uppercase;white-space:nowrap}.data-table td{padding:10px 18px;border-bottom:1px solid var(--gray-100);font-size:12px;vertical-align:middle;color:var(--text-primary)}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover td{background:var(--gray-50)}.badge{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:500;padding:2px 7px;border-radius:4px;white-space:nowrap}.badge-blue{background:var(--primary-50);color:var(--primary)}.badge-purple{background:var(--purple-50);color:var(--purple)}.badge-green{background:var(--green-100);color:var(--green)}.badge-amber{background:var(--amber-100);color:var(--amber)}.badge-gray{background:var(--gray-100);color:var(--gray-500)}.status-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0;display:inline-block}.elapsed{font-variant-numeric:tabular-nums;font-size:12px}.elapsed.over{color:var(--red);font-weight:600}.agent-list{padding:12px 14px;display:flex;flex-direction:column;gap:6px}.agent-row{display:flex;align-items:center;gap:10px;padding:7px 8px;border-radius:var(--r-md);transition:background .1s}.agent-row:hover{background:var(--gray-50)}.a-avatar{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;color:#fff;flex-shrink:0;position:relative}.a-avatar:after{content:"";position:absolute;bottom:0;right:0;width:8px;height:8px;border-radius:50%;border:1.5px solid var(--card)}.a-avatar.online{background:#0ea5e9}.a-avatar.online:after{background:var(--green)}.a-avatar.away{background:#f59e0b}.a-avatar.away:after{background:var(--amber)}.a-avatar.offline{background:var(--gray-300)}.a-avatar.offline:after{background:var(--gray-400)}.a-info{flex:1;min-width:0}.a-name{font-size:12px;font-weight:500;color:var(--text-primary)}.a-status-text{font-size:11px;color:var(--text-muted)}.a-count{font-size:11px;font-weight:500;padding:2px 8px;border-radius:6px;background:var(--gray-100);color:var(--text-secondary);font-variant-numeric:tabular-nums}.inbox-nav,.inbox-page{overflow:hidden}.inbox-nav{width:200px;flex-shrink:0;border-right:1px solid var(--border);background:var(--card);display:flex;flex-direction:column}.inbox-nav-head{padding:14px 16px 10px;font-size:14px;font-weight:700;color:var(--text-primary);border-bottom:1px solid var(--gray-100);flex-shrink:0}.inbox-nav-scroll{flex:1;overflow-y:auto;padding:6px 8px 16px}.inbox-nav-scroll::-webkit-scrollbar{width:3px}.inbox-nav-scroll::-webkit-scrollbar-thumb{background:var(--gray-200)}.inbox-nav-sec{margin-bottom:4px}.inbox-nav-sec-title{font-size:10px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;padding:10px 8px 4px}.inbox-nav-item{display:flex;align-items:center;gap:7px;padding:6px 8px;border-radius:var(--r-md);font-size:12px;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all .1s;user-select:none}.inbox-nav-item:hover{background:var(--gray-100);color:var(--text-primary)}.inbox-nav-item.active{background:var(--primary-50);color:var(--primary);font-weight:600}.inb-icon{color:var(--text-muted);flex-shrink:0}.inbox-nav-item.active .inb-icon{color:var(--primary)}.inb-label{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.inb-cnt{font-size:10px;font-weight:600;background:var(--gray-100);color:var(--text-muted);padding:1px 6px;border-radius:10px;flex-shrink:0}.inbox-nav-item.active .inb-cnt{background:var(--primary-100);color:var(--primary-700)}.inb-cnt.red{background:#fee2e2;color:var(--red)}.inb-agent-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.conv-list{width:260px;flex-shrink:0;border-right:1px solid var(--border);background:var(--card);display:flex;flex-direction:column;overflow:hidden}.conv-search{padding:10px 12px;border-bottom:1px solid var(--gray-100)}.search-wrap{position:relative}.search-input{width:100%;height:32px;background:var(--gray-50);border:1px solid var(--border);border-radius:var(--r-md);padding:0 10px 0 32px;font-size:12px;font-family:var(--font-kr);outline:none;color:var(--text-primary);transition:border-color .15s,background .15s}.search-input:focus{border-color:var(--primary);background:var(--card);box-shadow:0 0 0 3px var(--primary-50)}.search-input::placeholder{color:var(--gray-400)}.search-icon{position:absolute;left:9px;top:50%;transform:translateY(-50%);color:var(--gray-400);pointer-events:none}.conv-filters{padding:8px 12px;display:flex;gap:4px;border-bottom:1px solid var(--gray-100)}.filter-chip{height:26px;padding:0 10px;border-radius:20px;font-size:11px;font-weight:500;cursor:pointer;transition:all .12s;display:flex;align-items:center;gap:4px;white-space:nowrap}.filter-chip.active{background:var(--primary);color:#fff}.filter-chip:not(.active){background:var(--gray-100);color:var(--text-secondary)}.filter-chip:not(.active):hover{background:var(--gray-200)}.filter-count{font-variant-numeric:tabular-nums;background:rgba(255,255,255,.2);padding:0 4px;border-radius:4px;font-size:10px}.filter-chip:not(.active) .filter-count{background:var(--gray-200);color:var(--gray-500)}.conv-items{flex:1;overflow-y:auto}.conv-items::-webkit-scrollbar{width:4px}.conv-items::-webkit-scrollbar-thumb{background:var(--gray-200);border-radius:2px}.conv-item{padding:12px 14px;border-bottom:1px solid var(--gray-100);cursor:pointer;transition:background .1s;position:relative}.conv-item:hover{background:var(--gray-50)}.conv-item.selected{background:var(--primary-50)}.conv-item.selected:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--primary);border-radius:0 2px 2px 0}.conv-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:3px}.conv-name{font-size:13px;font-weight:500;color:var(--text-primary)}.conv-meta{display:flex;align-items:center;gap:5px}.conv-time{font-size:10px;color:var(--text-muted);font-variant-numeric:tabular-nums}.unread-dot{width:6px;height:6px;background:var(--primary);border-radius:50%;flex-shrink:0}.conv-mid{display:flex;align-items:center;gap:6px;margin-bottom:4px}.ch-tag{font-size:10px;font-weight:500;padding:1px 5px;border-radius:3px;flex-shrink:0}.ch-tag.chatbot{background:var(--primary-50);color:var(--primary)}.ch-tag.callbot{background:var(--purple-50);color:var(--purple)}.conv-preview{font-size:12px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.conv-bot{display:flex;align-items:center;gap:6px}.wait-chip{font-size:10px;font-weight:600;color:#92400e;background:#fef3c7;padding:1px 6px;border-radius:4px;font-variant-numeric:tabular-nums}.active-chip{font-size:10px;font-weight:500;color:var(--green)}.chat-window{flex:1;display:flex;flex-direction:column;min-width:0;background:var(--surface)}.chat-header{background:var(--card);border-bottom:1px solid var(--border);padding:0 20px;height:56px;gap:12px}.chat-avatar,.chat-header{display:flex;align-items:center;flex-shrink:0}.chat-avatar{width:34px;height:34px;border-radius:50%;background:#94a3b8;justify-content:center;font-size:13px;font-weight:700;color:#fff}.chat-cust-info{flex:1}.chat-cust-name{font-size:14px;font-weight:600;color:var(--text-primary);line-height:1.2}.chat-cust-sub{font-size:11px;color:var(--text-muted)}.chat-actions{display:flex;gap:6px}.btn{height:32px;padding:0 14px;border-radius:var(--r-md);font-size:12px;font-weight:500;cursor:pointer;transition:all .12s;font-family:var(--font-kr);border:1px solid var(--border);background:var(--card);color:var(--text-secondary);display:flex;align-items:center;gap:5px}.btn:hover{background:var(--gray-50);color:var(--text-primary)}.btn-primary{background:var(--primary);border-color:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-700);border-color:var(--primary-700);color:#fff}.chat-msgs{flex:1;overflow-y:auto;padding:20px 20px 28px;display:flex;flex-direction:column;gap:14px}.chat-msgs::-webkit-scrollbar{width:4px}.chat-msgs::-webkit-scrollbar-thumb{background:var(--gray-200);border-radius:2px}.msg-system{text-align:center;font-size:11px;color:var(--text-muted);display:flex;align-items:center;gap:10px}.msg-system:after,.msg-system:before{content:"";flex:1;height:1px;background:var(--gray-200)}.msg-row{display:flex;gap:8px}.msg-row.agent,.msg-row.bot{flex-direction:row-reverse}.msg-av{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;color:#fff;flex-shrink:0;align-self:flex-end}.msg-av.cust{background:#94a3b8}.msg-av.bot{background:#fff url(/prototypes/total-solution/mrt-mark.jpg) no-repeat 50%;background-size:72%;border:1px solid var(--gray-200);color:transparent;position:relative}.msg-av.bot:after{content:"AI";position:absolute;top:-4px;right:-5px;background:var(--primary);color:#fff;font-size:7px;font-weight:700;padding:1px 3px;border-radius:3px;line-height:1.5;letter-spacing:.02em}.msg-av.agent{background:#fff url(/prototypes/total-solution/mrt-mark.jpg) no-repeat 50%;background-size:72%;border:1px solid var(--gray-200);color:transparent}.msg-body{display:flex;flex-direction:column;gap:3px;max-width:420px}.msg-row.agent .msg-body,.msg-row.bot .msg-body{align-items:flex-end}.msg-sender{font-size:10px;color:var(--text-muted);padding:0 2px}.msg-bubble{padding:8px 12px;border-radius:12px;font-size:12px;line-height:1.55;word-break:break-word}.msg-bubble.cust{background:var(--card);color:var(--text-primary)}.msg-bubble.bot,.msg-bubble.cust{border:1px solid var(--border);border-bottom-left-radius:4px}.msg-bubble.bot{background:var(--gray-100);color:var(--text-secondary)}.msg-bubble.agent{background:var(--primary);color:#fff;border-bottom-right-radius:4px}.msg-bubble.note{background:#fffbeb;border:1px solid #fde68a;color:#78350f;border-bottom-right-radius:4px}.msg-time{font-size:10px;color:var(--text-muted);padding:0 2px;font-variant-numeric:tabular-nums}.ai-summary-card{background:linear-gradient(135deg,#eff6ff,#f0fdf4);border:1px solid #bfdbfe;border-radius:var(--r-lg);padding:14px 16px;display:flex;flex-direction:column;gap:8px}.ai-summary-card-head{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:700;color:var(--primary);text-transform:uppercase;letter-spacing:.06em}.ai-summary-card-head svg{flex-shrink:0}.ai-summary-card-body{font-size:12px;color:var(--text-primary);line-height:1.65;background:rgba(255,255,255,.75);border-radius:8px;padding:9px 12px;border:1px solid rgba(191,219,254,.5)}.chat-input{background:var(--card);border-top:1px solid var(--border);padding:14px 20px;flex-shrink:0}.input-tabs{display:flex;gap:2px;margin-bottom:8px;border-bottom:1px solid var(--border);padding-bottom:0}.input-tab{height:30px;padding:0 12px;font-size:12px;font-weight:500;cursor:pointer;border-radius:6px 6px 0 0;transition:all .12s;color:var(--text-muted);margin-bottom:-1px;border:1px solid transparent;border-bottom:none;display:flex;align-items:center;gap:5px}.input-tab.active{background:var(--card);color:var(--text-primary);border-color:var(--border);border-bottom-color:var(--card)}.input-tab.internal.active{color:#d97706}.msg-textarea{width:100%;background:var(--gray-50);border:1px solid var(--border);border-radius:var(--r-lg);padding:10px 12px;min-height:72px;font-size:13px;font-family:var(--font-kr);color:var(--text-primary);resize:none;outline:none;transition:border-color .15s,box-shadow .15s;line-height:1.6}.msg-textarea:focus{border-color:var(--primary);background:var(--card);box-shadow:0 0 0 3px var(--primary-50)}.msg-textarea::placeholder{color:var(--gray-400)}.input-actions{display:flex;align-items:center;justify-content:space-between;margin-top:8px}.input-tools{display:flex;gap:2px}.tool-btn{width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:var(--r-md);cursor:pointer;color:var(--text-muted);font-size:15px;transition:all .12s}.tool-btn:hover{background:var(--gray-100);color:var(--text-primary)}.send-btn{padding:6px 16px;background:var(--primary);color:#fff;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;transition:background .12s;font-family:var(--font-kr);border:none;display:flex;align-items:center;gap:6px}.send-btn:hover{background:var(--primary-700)}.cust-panel{width:264px;flex-shrink:0;border-left:1px solid var(--border);background:var(--card);display:flex;flex-direction:column;overflow:hidden}.cp-tabs{display:flex;border-bottom:1px solid var(--border);padding:0 14px}.cp-tab{height:40px;flex:1;text-align:center;font-size:12px;font-weight:500;color:var(--text-muted);cursor:pointer;border-bottom:2px solid transparent;transition:all .12s;display:flex;align-items:center;justify-content:center}.cp-tab.active{color:var(--primary);border-bottom-color:var(--primary)}.cp-body{flex:1;overflow-y:auto;padding:16px 14px}.cp-body::-webkit-scrollbar{width:3px}.cp-body::-webkit-scrollbar-thumb{background:var(--gray-200);border-radius:2px}.cust-profile{flex-direction:column;gap:6px;padding-bottom:16px;border-bottom:1px solid var(--border);margin-bottom:16px}.cust-big-av,.cust-profile{display:flex;align-items:center}.cust-big-av{width:44px;height:44px;border-radius:50%;background:#94a3b8;justify-content:center;font-size:17px;font-weight:700;color:#fff}.cust-profile-name{font-size:14px;font-weight:600;color:var(--text-primary)}.cust-profile-id{font-size:11px;color:var(--text-muted);font-variant-numeric:tabular-nums}.cp-section{margin-bottom:16px}.cp-section-title{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-bottom:8px}.cp-row{display:flex;justify-content:space-between;padding:5px 0;font-size:12px;border-bottom:1px solid var(--gray-100)}.cp-row:last-child{border-bottom:none}.cp-key{color:var(--text-muted)}.cp-val{color:var(--text-primary);font-weight:500;text-align:right}.ai-summary-box{background:var(--purple-50);border:1px solid #ddd6fe;border-radius:var(--r-md);padding:10px 12px;font-size:12px;line-height:1.6;color:#4c1d95}.ai-summary-label{font-size:10px;font-weight:700;color:var(--purple);text-transform:uppercase;letter-spacing:.05em;display:flex;align-items:center;gap:4px;margin-bottom:5px}.agent-load-bar{display:flex;align-items:center;gap:6px;padding:10px 14px 8px;border-bottom:1px solid var(--border);flex-shrink:0}.agent-load-unassigned{display:flex;align-items:center;gap:5px;background:#fef2f2;border:1px solid #fecaca;border-radius:6px;padding:5px 10px;margin-right:2px}.agent-load-unassigned-num{font-size:15px;font-weight:700;color:var(--red);line-height:1}.agent-load-unassigned-lbl{font-size:10px;font-weight:600;color:var(--red)}.agent-load-divider{width:1px;height:28px;background:var(--border);flex-shrink:0;margin:0 2px}.agent-load-item{display:flex;flex-direction:column;align-items:center;gap:2px;padding:3px 6px;border-radius:5px;cursor:default;transition:background .1s}.agent-load-item:hover{background:var(--gray-100)}.agent-av-sm{width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:700;color:#fff}.agent-load-cnt{font-size:10px;font-weight:600;color:var(--text-secondary)}.agent-load-name{font-size:9px;color:var(--text-muted)}.conv-section-hd{gap:6px;padding:6px 14px 5px;background:var(--gray-50);border-top:1px solid var(--gray-100);border-bottom:1px solid var(--gray-100);position:sticky;top:0;z-index:2}.agent-av-xs,.conv-section-hd{display:flex;align-items:center}.agent-av-xs{width:16px;height:16px;justify-content:center;font-size:8px;font-weight:700;color:#fff}.agent-av-xs,.section-dot{border-radius:50%;flex-shrink:0}.section-dot{width:7px;height:7px}.section-dot.red{background:var(--red)}.section-dot.blue{background:var(--primary)}.section-dot.green{background:var(--green)}.conv-section-lbl{font-size:11px;font-weight:600;color:var(--text-secondary);flex:1}.conv-section-cnt{font-size:10px;font-weight:600;color:var(--text-muted);background:var(--gray-200);padding:1px 7px;border-radius:10px}.assign-self-btn{height:22px;padding:0 8px;background:var(--primary);color:#fff;border:none;border-radius:4px;font-size:10px;font-weight:600;cursor:pointer;font-family:var(--font-kr);transition:background .12s;flex-shrink:0;white-space:nowrap}.assign-self-btn:hover{background:var(--primary-700)}.conv-bot2{gap:5px;margin-top:3px}.conv-bot2,.conv-list-header{display:flex;align-items:center}.conv-list-header{justify-content:space-between;padding:12px 14px 8px;flex-shrink:0}.conv-list-title{font-size:13px;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:6px}.conv-list-total{font-size:11px;font-weight:500;background:var(--primary-50);color:var(--primary);padding:1px 7px;border-radius:10px}.conv-bulk-toggle{font-size:11px;font-weight:500;cursor:pointer;color:var(--text-muted);padding:4px 10px;border-radius:5px;border:1px solid var(--border);background:var(--card);transition:all .12s}.conv-bulk-toggle.active,.conv-bulk-toggle:hover{color:var(--primary);border-color:var(--primary);background:var(--primary-50)}.conv-item-check{position:absolute;left:10px;top:50%;transform:translateY(-50%);width:15px;height:15px;border-radius:4px;border:1.5px solid var(--gray-300);background:var(--card);cursor:pointer;display:none;align-items:center;justify-content:center;transition:all .1s;flex-shrink:0}.conv-item-check.show{display:flex}.conv-item-check.checked{background:var(--primary);border-color:var(--primary)}.bulk-mode .conv-item{padding-left:32px}.bulk-mode .conv-item-check{display:flex}.conv-vertical{font-size:9px;font-weight:600;padding:1px 5px;border-radius:3px;flex-shrink:0}.conv-vertical.air{background:#eff6ff;color:#1d4ed8}.conv-vertical.stay{background:#f0fdf4;color:#15803d}.conv-vertical.activity{background:#fff7ed;color:#c2410c}.conv-vertical.etc{background:var(--gray-100);color:var(--gray-600)}.conv-assignee{font-size:10px;color:var(--text-muted);margin-left:auto}.hold-chip{font-size:10px;font-weight:600;color:#c2410c;background:#fef3c7;padding:1px 6px;border-radius:4px}.bulk-action-bar{position:absolute;bottom:0;left:0;right:0;background:var(--gray-900);color:#fff;padding:10px 14px;display:none;align-items:center;gap:8px;z-index:10;border-top:2px solid var(--primary)}.bulk-action-bar.show{display:flex}.bulk-selected-count{font-size:12px;font-weight:600;flex:1}.bulk-btn{height:28px;padding:0 12px;border-radius:5px;font-size:11px;font-weight:500;cursor:pointer;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.1);color:#fff;transition:all .12s;font-family:var(--font-kr)}.bulk-btn:hover{background:rgba(255,255,255,.2)}.bulk-btn.primary{background:var(--primary);border-color:var(--primary)}.bulk-btn.cancel{background:transparent;border-color:transparent;color:var(--gray-400)}.chat-assignee-chip{display:flex;align-items:center;gap:4px;font-size:11px;font-weight:500;color:var(--text-secondary);background:var(--gray-100);border:1px solid var(--gray-300);padding:3px 9px;border-radius:6px}.btn-hold,.chat-assignee-chip svg{flex-shrink:0}.btn-hold{height:30px;padding:0 12px;border-radius:var(--r-md);font-size:12px;font-weight:500;cursor:pointer;font-family:var(--font-kr);border:1px solid #d97706;background:#fef3c7;color:#92400e;display:flex;align-items:center;gap:4px;transition:all .12s}.btn-hold:hover{background:#fde68a}.btn-reassign{height:30px;padding:0 12px;border-radius:var(--r-md);font-size:12px;font-weight:500;cursor:pointer;font-family:var(--font-kr);border:1px solid var(--border);background:var(--card);color:var(--text-secondary);display:flex;align-items:center;gap:4px;transition:all .12s;flex-shrink:0}.btn-reassign:hover{background:var(--gray-50)}.btn-end{padding:3px 9px;border-radius:6px;font-size:11px;font-weight:500;cursor:pointer;font-family:var(--font-kr);border:1px solid #16a34a;background:#dcfce7;color:#166534;display:flex;align-items:center;gap:4px;transition:all .12s;flex-shrink:0}.btn-end:hover{background:#bbf7d0}.no-reply-card{display:flex;align-items:flex-start;gap:10px;background:#fffbeb;border:1px solid #fde68a;border-radius:var(--r-lg);padding:10px 14px;font-size:12px;color:#92400e;line-height:1.5}.no-reply-card-actions{display:flex;gap:6px;margin-top:6px}.no-reply-btn{height:26px;padding:0 10px;border-radius:5px;font-size:11px;font-weight:500;cursor:pointer;font-family:var(--font-kr);transition:all .12s}.no-reply-btn.hold{border:1px solid #d97706;background:#fde68a;color:#92400e}.no-reply-btn.close{color:var(--text-secondary)}.macro-panel,.no-reply-btn.close{border:1px solid var(--border);background:var(--card)}.macro-panel{border-radius:var(--r-lg);box-shadow:0 -4px 16px rgba(0,0,0,.08);max-height:0;overflow:hidden;transition:max-height .2s ease;margin-bottom:0}.macro-panel.open{max-height:280px;margin-bottom:10px}.macro-panel-head{display:flex;align-items:center;justify-content:space-between;padding:10px 12px 6px;border-bottom:1px solid var(--gray-100)}.macro-panel-title{font-size:11px;font-weight:700;color:var(--text-secondary)}.macro-search-wrap{padding:8px 12px}.macro-search-input{width:100%;height:28px;background:var(--gray-50);border:1px solid var(--border);border-radius:var(--r-md);padding:0 10px 0 28px;font-size:12px;font-family:var(--font-kr);outline:none;color:var(--text-primary)}.macro-search-input:focus{border-color:var(--primary);background:var(--card)}.macro-items{overflow-y:auto;max-height:160px;padding:0 8px 8px}.macro-item{padding:7px 10px;border-radius:var(--r-md);cursor:pointer;transition:background .1s;border:1px solid transparent}.macro-item:hover{background:var(--primary-50);border-color:var(--primary-100)}.macro-item-title{font-size:12px;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:5px}.macro-keyword{font-size:10px;color:var(--primary);font-weight:700}.macro-item-preview{font-size:11px;color:var(--text-muted);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.res-lookup{background:var(--gray-50);border:1px solid var(--border);border-radius:var(--r-md);padding:10px;margin-top:4px}.res-lookup-label{font-size:10px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px}.res-lookup-row{display:flex;gap:6px}.res-lookup-input{flex:1;height:28px;background:var(--card);border:1px solid var(--border);border-radius:var(--r-md);padding:0 8px;font-size:11px;font-family:var(--font-kr);outline:none;color:var(--text-primary)}.res-lookup-input:focus{border-color:var(--primary)}.res-lookup-btn{height:28px;padding:0 10px;background:var(--primary);color:#fff;border:none;border-radius:var(--r-md);font-size:11px;font-weight:500;cursor:pointer;font-family:var(--font-kr);transition:background .12s;flex-shrink:0}.res-lookup-btn:hover{background:var(--primary-700)}.res-result{margin-top:8px;background:var(--card);border:1px solid var(--primary-100);border-radius:var(--r-md);padding:8px 10px;display:none}.res-result.show{display:block}.res-result-title{font-size:10px;font-weight:700;color:var(--primary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:5px}.res-result-row{display:flex;justify-content:space-between;padding:3px 0;font-size:11px;border-bottom:1px solid var(--gray-100)}.res-result-row:last-child{border-bottom:none}.res-result-key{color:var(--text-muted)}.res-result-val{color:var(--text-primary);font-weight:500}.conv-tag-section{margin-top:12px}.conv-tag-list{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}.conv-tag-chip{display:flex;align-items:center;gap:3px;height:22px;padding:0 8px;background:var(--primary-50);border:1px solid var(--primary-100);border-radius:20px;font-size:10px;font-weight:500;color:var(--primary-700);cursor:default}.conv-tag-chip .tag-x{cursor:pointer;color:var(--primary);opacity:.6;font-size:10px}.conv-tag-chip .tag-x:hover{opacity:1}.conv-tag-add{height:22px;padding:0 8px;background:var(--card);border:1px dashed var(--border);border-radius:20px;font-size:10px;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;gap:3px;transition:all .12s}.conv-tag-add:hover{border-color:var(--primary);color:var(--primary)}.hist-item{padding:10px 0;border-bottom:1px solid var(--gray-100);cursor:pointer;transition:.1s}.hist-item:last-child{border-bottom:none}.hist-item-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:3px}.hist-item-date{font-size:10px;color:var(--text-muted)}.hist-item-preview{font-size:11px;color:var(--text-secondary);line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.assign-dropdown{position:absolute;top:calc(100% + 4px);right:0;width:180px;background:var(--card);border:1px solid var(--border);border-radius:var(--r-md);box-shadow:0 6px 20px rgba(0,0,0,.12);z-index:50;padding:4px 0;display:none}.assign-dropdown.show{display:block}.assign-dropdown-item{display:flex;align-items:center;gap:8px;padding:8px 14px;font-size:12px;cursor:pointer;transition:background .1s}.assign-dropdown-item:hover{background:var(--gray-50)}.assign-av{width:22px;height:22px;border-radius:50%;background:var(--primary);display:flex;font-size:9px;font-weight:700;color:#fff;flex-shrink:0}.assign-av,.placeholder-page{align-items:center;justify-content:center}.placeholder-page{flex-direction:column;gap:12px;background:var(--surface)}.placeholder-icon{width:52px;height:52px;border-radius:14px;background:var(--card);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:22px}.placeholder-title{font-size:15px;font-weight:600;color:var(--text-primary)}.placeholder-desc{font-size:13px;color:var(--text-muted)}.coming-badge{background:var(--card);border:1px solid var(--border);border-radius:20px;padding:3px 12px;font-size:11px;color:var(--text-muted)}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.kpi-card{animation:fadeIn .25s ease both}.kpi-card:first-child{animation-delay:.05s}.kpi-card:nth-child(2){animation-delay:.1s}.kpi-card:nth-child(3){animation-delay:.15s}.kpi-card:nth-child(4){animation-delay:.2s}.pg-tabs{background:var(--card);border-bottom:1px solid var(--border);align-items:flex-end;padding:0 24px;flex-shrink:0;gap:0}.pg-tab,.pg-tabs{display:flex;height:44px}.pg-tab{padding:0 14px;font-size:13px;font-weight:500;color:var(--text-muted);cursor:pointer;border-bottom:2px solid transparent;align-items:center;white-space:nowrap;transition:color .12s;margin-bottom:-1px}.pg-tab:hover:not(.disabled){color:var(--text-primary)}.pg-tab.active{color:var(--primary);border-bottom-color:var(--primary);font-weight:600}.pg-tab.disabled{opacity:.4;cursor:not-allowed}.pg-body{flex:1;overflow-y:auto;padding:24px;background:var(--surface);min-height:0}.pg-body::-webkit-scrollbar{width:5px}.pg-body::-webkit-scrollbar-thumb{background:var(--gray-200);border-radius:3px}.c-card{background:var(--card);border:1px solid var(--border);border-radius:var(--r-xl);box-shadow:var(--shadow-sm);overflow:hidden;margin-bottom:16px}.c-card:last-child{margin-bottom:0}.c-card-header{padding:14px 20px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:10px}.c-card-title{font-size:13px;font-weight:600;color:var(--text-primary)}.c-card-sub{font-size:12px;color:var(--text-muted)}.c-card-body{padding:20px}.form-field{margin-bottom:18px}.form-field:last-child{margin-bottom:0}.form-label{display:block;font-size:12px;font-weight:600;color:var(--gray-700);margin-bottom:6px}.form-input{width:100%;height:38px;background:var(--card);border:1px solid var(--border);border-radius:var(--r-md);padding:0 12px;font-size:13px;font-family:var(--font-kr);color:var(--text-primary);outline:none;transition:border-color .15s,box-shadow .15s}.form-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-50)}.form-input::placeholder{color:var(--gray-400)}.form-hint{font-size:11px;color:var(--text-muted);margin-top:4px}.form-textarea{width:100%;background:var(--card);border:1px solid var(--border);border-radius:var(--r-md);padding:10px 12px;font-size:13px;font-family:var(--font-kr);color:var(--text-primary);outline:none;resize:vertical;min-height:110px;line-height:1.65;transition:border-color .15s,box-shadow .15s}.form-textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-50)}.form-textarea::placeholder{color:var(--gray-400)}.form-char-count{font-size:11px;color:var(--text-muted);text-align:right;margin-top:3px}.c-btn{height:36px;padding:0 18px;border-radius:var(--r-md);font-size:13px;font-weight:500;cursor:pointer;font-family:var(--font-kr);border:none;transition:all .12s;display:inline-flex;align-items:center;gap:6px}.c-btn-primary{background:var(--primary);color:#fff}.c-btn-primary:hover{background:var(--primary-700)}.c-btn-primary:disabled{opacity:.4;cursor:not-allowed}.c-btn-outline{background:var(--card);color:var(--text-secondary);border:1px solid var(--border)}.c-btn-outline:hover{background:var(--gray-50)}.c-btn-ghost{background:transparent;color:var(--text-secondary)}.c-btn-ghost:hover{background:var(--gray-100);color:var(--text-primary)}.notice{display:flex;gap:10px;padding:12px 14px;border-radius:var(--r-md);font-size:12px;line-height:1.6;margin-bottom:16px}.notice-icon{flex-shrink:0;margin-top:1px}.notice.info{background:var(--primary-50);border:1px solid var(--primary-100);color:#1d4ed8}.notice.warning{background:var(--amber-50);border:1px solid var(--amber-100);color:#92400e}.notice.success{background:#f0fdf4;border:1px solid #bbf7d0;color:#166534}.guide-banner{background:var(--primary-50);border:1px solid var(--primary-100);border-radius:var(--r-xl);margin-bottom:16px}.guide-banner-trigger{padding:14px 16px;display:flex;align-items:center;gap:10px;cursor:pointer;user-select:none}.guide-banner-title{font-size:13px;font-weight:600;color:#1d4ed8;flex:1}.guide-banner-body{border-top:1px solid var(--primary-100);padding:14px 16px;font-size:12px;color:#1d4ed8;display:none}.guide-banner-body.open{display:block}.guide-table{width:100%;border-collapse:collapse;font-size:12px}.guide-table th{text-align:left;font-weight:600;background:rgba(37,99,235,.08);border-radius:4px}.guide-table td,.guide-table th{padding:6px 12px}.toggle-group{display:flex;border:1px solid var(--border);border-radius:var(--r-md);overflow:hidden;width:fit-content}.toggle-btn{height:34px;padding:0 16px;font-size:13px;font-weight:500;cursor:pointer;transition:all .12s;color:var(--text-secondary);background:var(--card);border:none;font-family:var(--font-kr)}.toggle-btn+.toggle-btn{border-left:1px solid var(--border)}.toggle-btn.active{background:var(--primary);color:#fff}.toggle-btn:hover:not(.active){background:var(--gray-50)}.day-selector{display:flex;gap:4px}.day-btn{width:36px;height:36px;border-radius:50%;border:1px solid var(--border);background:var(--card);color:var(--text-secondary);font-size:12px;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .12s;font-family:var(--font-kr)}.day-btn:hover{border-color:var(--primary);color:var(--primary)}.day-btn.active{background:var(--primary);border-color:var(--primary);color:#fff}.schedule-item{display:flex;align-items:center;gap:10px;padding:10px 14px;border:1px solid var(--border);border-radius:var(--r-md);background:var(--gray-50);margin-bottom:8px}.schedule-days{font-size:13px;font-weight:500;color:var(--text-primary);flex:1}.schedule-time{font-size:12px;color:var(--text-secondary);font-variant-numeric:tabular-nums}.meta-row{gap:16px;font-size:11px;color:var(--text-muted);margin-bottom:16px}.meta-item,.meta-row{display:flex;align-items:center}.meta-item{gap:4px}.status-info-box{display:flex;align-items:center;gap:16px;padding:14px 16px;background:var(--gray-50);border:1px solid var(--border);border-radius:var(--r-md);margin-bottom:20px}.status-info-label{font-size:11px;color:var(--text-muted);margin-bottom:3px}.status-info-val{font-size:13px;font-weight:600;color:var(--text-primary)}.time-input-row{display:flex;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid var(--gray-100)}.time-input-row:last-child{border-bottom:none}.time-input-label{width:60px;font-size:13px;color:var(--text-secondary);flex-shrink:0}.time-input-num{width:72px;height:36px;border:1px solid var(--border);border-radius:var(--r-md);padding:0 10px;font-size:13px;font-family:var(--font-kr);color:var(--text-primary);outline:none;text-align:right}.time-input-num:focus{border-color:var(--primary)}.time-input-unit{height:36px;padding:0 10px;border:1px solid var(--border);border-radius:var(--r-md);font-size:12px;font-family:var(--font-kr);color:var(--text-primary);outline:none;background:var(--card);cursor:pointer}.ch-filter-bar{display:flex;align-items:center;gap:10px;padding:10px 16px;background:var(--card);border-bottom:1px solid var(--border);flex-shrink:0}.ch-date-tabs{display:flex;gap:4px;flex-shrink:0;margin-left:auto;position:relative}.ch-date-tab{height:30px;padding:0 10px;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;border:1px solid var(--border);color:var(--text-secondary);background:var(--card);font-family:var(--font-kr);transition:all .12s;white-space:nowrap}.ch-date-tab.active{background:var(--primary);border-color:var(--primary);color:#fff}.ch-date-tab:hover:not(.active){background:var(--gray-50)}.ch-cal-popup{display:none;position:absolute;top:calc(100% + 6px);right:0;z-index:200;background:var(--card);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-md);padding:14px;width:284px}.ch-cal-popup.open{display:block}.ch-cal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.ch-cal-title{font-size:13px;font-weight:600;color:var(--text-primary)}.ch-cal-nav{width:26px;height:26px;display:flex;align-items:center;justify-content:center;border-radius:6px;cursor:pointer;color:var(--text-secondary);border:none;background:transparent;font-family:var(--font-kr);font-size:14px;transition:background .1s}.ch-cal-nav:hover{background:var(--gray-100)}.ch-cal-weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;margin-bottom:4px}.ch-cal-wd{text-align:center;font-size:10px;font-weight:600;color:var(--text-muted);padding:3px 0}.ch-cal-days{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.ch-cal-day{height:30px;display:flex;align-items:center;justify-content:center;font-size:12px;border-radius:6px;cursor:pointer;transition:background .1s;color:var(--text-primary);border:none;background:transparent;font-family:var(--font-kr);width:100%}.ch-cal-day:hover:not(.empty):not(.selected){background:var(--gray-100)}.ch-cal-day.empty{cursor:default;color:transparent;pointer-events:none}.ch-cal-day.selected{background:var(--primary);color:#fff;font-weight:600}.ch-cal-day.in-range{background:var(--primary-50);color:var(--primary)}.ch-cal-day.today:not(.selected){font-weight:700;color:var(--primary)}.ch-cal-footer{display:flex;justify-content:flex-end;gap:6px;margin-top:10px;padding-top:10px;border-top:1px solid var(--border)}.ch-cal-btn{height:28px;padding:0 12px;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;border:1px solid var(--border);background:transparent;font-family:var(--font-kr);color:var(--text-secondary)}.ch-cal-btn.primary{background:var(--primary);border-color:var(--primary);color:#fff}.ch-status-bar{display:flex;align-items:center;justify-content:space-between;padding:0 16px;background:var(--card);border-bottom:1px solid var(--border);flex-shrink:0}.ch-status-tabs{display:flex;overflow-x:auto}.ch-status-tabs::-webkit-scrollbar{height:0}.ch-status-tab{height:38px;padding:0 12px;font-size:12px;font-weight:500;color:var(--text-muted);cursor:pointer;border-bottom:2px solid transparent;white-space:nowrap;display:flex;align-items:center;gap:5px;flex-shrink:0;transition:color .12s}.ch-status-tab.active{color:var(--primary);border-bottom-color:var(--primary);font-weight:600}.ch-status-tab:hover{color:var(--text-primary)}.ch-status-count{font-size:11px;background:var(--gray-100);color:var(--text-muted);padding:1px 6px;border-radius:10px;font-variant-numeric:tabular-nums}.ch-status-tab.active .ch-status-count{background:var(--primary-50);color:var(--primary)}.ch-total-count{font-size:12px;color:var(--text-muted);flex-shrink:0}.ch-content{display:flex;flex:1;min-height:0}.ch-list-panel{width:260px;flex-shrink:0;background:var(--card);border-right:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden}.ch-list-scroll{flex:1;overflow-y:auto}.ch-list-scroll::-webkit-scrollbar{width:4px}.ch-list-scroll::-webkit-scrollbar-thumb{background:var(--gray-200);border-radius:2px}.ch-row{display:flex;align-items:flex-start;gap:9px;padding:10px 12px;border-bottom:1px solid var(--gray-100);cursor:pointer;transition:background .1s}.ch-row:hover{background:var(--gray-50)}.ch-row.selected{background:var(--primary-50);border-left:2px solid var(--primary);padding-left:10px}.ch-av{width:30px;height:30px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:#fff;background:#94a3b8}.ch-row-body{flex:1;min-width:0}.ch-row-top{display:flex;align-items:center;gap:5px;margin-bottom:2px}.ch-row-name{font-size:12px;font-weight:600;color:var(--text-primary);flex:1;min-width:0}.ch-row-name,.ch-row-preview{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ch-row-preview{font-size:11px;color:var(--text-secondary)}.ch-row-time{font-size:10px;color:var(--text-muted);flex-shrink:0;padding-top:2px}.ch-status-badge{font-size:10px;font-weight:500;padding:1px 5px;border-radius:4px;white-space:nowrap;flex-shrink:0}.ch-status-badge.active-chat{background:#dbeafe;color:#1d4ed8}.ch-status-badge.resolved{background:#dcfce7;color:#166534}.ch-status-badge.closed{background:var(--gray-100);color:var(--gray-500)}.ch-status-badge.ticket{background:#ede9fe;color:#6d28d9}.ch-status-badge.failed{background:#fee2e2;color:#b91c1c}.ch-chat-panel{flex:1;display:flex;flex-direction:column;background:var(--gray-50);overflow:hidden;min-width:0}.ch-chat-header{height:48px;display:flex;align-items:center;padding:0 16px;background:var(--card);border-bottom:1px solid var(--border);gap:10px;flex-shrink:0}.ch-chat-name{font-size:13px;font-weight:600;color:var(--text-primary)}.ch-chat-sub{font-size:11px;color:var(--text-muted)}.ch-chat-msgs{flex:1;overflow-y:auto;padding:14px 16px;display:flex;flex-direction:column;gap:10px}.ch-chat-msgs::-webkit-scrollbar{width:4px}.ch-chat-msgs::-webkit-scrollbar-thumb{background:var(--gray-200);border-radius:2px}.ch-info-panel{width:252px;flex-shrink:0;background:var(--card);border-left:1px solid var(--border);overflow-y:auto}.ch-info-panel::-webkit-scrollbar{width:4px}.ch-info-panel::-webkit-scrollbar-thumb{background:var(--gray-200);border-radius:2px}.tk-list-panel{width:300px;flex-shrink:0;background:var(--card);border-right:1px solid var(--border);overflow:hidden}.tk-list-panel,.tk-row{display:flex;flex-direction:column}.tk-row{gap:4px;padding:10px 12px;border-bottom:1px solid var(--gray-100);cursor:pointer;transition:background .1s}.tk-row:hover{background:var(--gray-50)}.tk-row.selected{background:var(--primary-50);position:relative}.tk-row.selected:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--primary)}.tk-meta-strip{gap:6px 10px;padding:8px 16px;background:var(--card);border-bottom:1px solid var(--border);flex-wrap:wrap}.tk-meta-field,.tk-meta-strip{display:flex;align-items:center;flex-shrink:0}.tk-meta-field{gap:4px}.tk-meta-label{font-size:10px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em;white-space:nowrap}.tk-meta-select{height:26px;padding:0 20px 0 8px;border:1px solid var(--border);border-radius:6px;font-size:11px;font-family:var(--font-kr);color:var(--text-primary);background:var(--card);outline:none;cursor:pointer}.tk-meta-select:focus{border-color:var(--primary)}.tk-row-top{display:flex;align-items:center;gap:6px}.tk-row-id{font-size:10px;font-weight:600;color:var(--text-muted);font-variant-numeric:tabular-nums}.tk-row-subject{font-size:12px;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tk-row-meta{display:flex;align-items:center;gap:6px;font-size:10px;color:var(--text-muted)}.tk-row-preview{font-size:11px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tk-pri{font-size:10px;font-weight:600;padding:1px 6px;border-radius:4px;white-space:nowrap;display:inline-flex;align-items:center;gap:3px}.tk-pri.urgent{background:#fee2e2;color:#b91c1c}.tk-pri.high{background:#ffedd5;color:#9a3412}.tk-pri.normal{background:var(--gray-100);color:var(--gray-500)}.tk-stat{font-size:10px;font-weight:500;padding:1px 6px;border-radius:4px;white-space:nowrap}.tk-stat.new{background:#dbeafe;color:#1d4ed8}.tk-stat.open{background:#fef3c7;color:#92400e}.tk-stat.hold{background:#ede9fe;color:#6d28d9}.tk-stat.pending{background:#fce7f3;color:#9d174d}.tk-stat.solved{background:#dcfce7;color:#166534}.tk-stat.closed{background:var(--gray-100);color:var(--gray-500)}.tk-detail-panel{flex:1;display:flex;flex-direction:column;background:var(--gray-50);overflow:hidden;min-width:0}.tk-detail-header{padding:10px 16px;background:var(--card);border-bottom:1px solid var(--border);flex-shrink:0;display:flex;flex-direction:column;gap:4px}.tk-detail-subject{font-size:14px;font-weight:700;color:var(--text-primary)}.tk-detail-meta{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--text-muted)}.tk-thread{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:12px}.tk-thread::-webkit-scrollbar{width:4px}.tk-thread::-webkit-scrollbar-thumb{background:var(--gray-200);border-radius:2px}.tk-evt{display:flex;gap:10px}.tk-evt-av{width:28px;height:28px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;color:#fff}.tk-evt-av.cust{background:#94a3b8}.tk-evt-av.agent{background:var(--primary)}.tk-evt-av.bot{background:var(--purple)}.tk-evt-body{flex:1;min-width:0}.tk-evt-head{display:flex;align-items:center;gap:6px;margin-bottom:4px}.tk-evt-name{font-size:12px;font-weight:600;color:var(--text-primary)}.tk-evt-role,.tk-evt-time{font-size:10px;color:var(--text-muted)}.tk-evt-time{margin-left:auto}.tk-evt-bubble{background:var(--card);border:1px solid var(--border);border-radius:8px;padding:10px 12px;font-size:12px;color:var(--text-primary);line-height:1.55}.tk-evt-bubble.note{background:#fffbeb;border-color:#fde68a}.tk-evt-bubble.bot{background:var(--primary-50);border-color:#bfdbfe}.tk-evt-sys{font-size:11px;color:var(--text-muted);font-style:italic;padding:4px 0;text-align:center}.tk-compose{background:var(--card);border-top:1px solid var(--border);padding:10px 16px 12px;flex-shrink:0;display:flex;flex-direction:column;gap:8px}.tk-compose-tabs{display:flex;gap:0;border-bottom:1px solid var(--border);margin:-10px -16px 0;padding:0 16px}.tk-compose-tab{height:32px;padding:0 12px;font-size:11px;font-weight:500;color:var(--text-muted);cursor:pointer;background:transparent;border:none;border-bottom:2px solid transparent;font-family:var(--font-kr)}.tk-compose-tab.active.reply{color:var(--primary);border-bottom-color:var(--primary);font-weight:600}.tk-compose-tab.active.note{color:#b45309;border-bottom-color:#b45309;font-weight:600}.tk-compose-area{border:1px solid var(--border);border-radius:8px;padding:10px;background:var(--card)}.tk-compose-area.note{background:#fffbeb;border-color:#fde68a}.tk-compose-input{width:100%;min-height:60px;border:none;outline:none;background:transparent;font-family:var(--font-kr);font-size:12px;color:var(--text-primary);resize:vertical}.tk-compose-toolbar{display:flex;align-items:center;gap:6px;margin-top:6px;padding-top:6px;border-top:1px dashed var(--border)}.tk-compose-icon{width:26px;height:26px;border-radius:6px;display:flex;align-items:center;justify-content:center;color:var(--text-muted);cursor:pointer;background:transparent;border:none;transition:background .1s}.tk-compose-icon:hover{background:var(--gray-100);color:var(--text-primary)}.tk-compose-macro{height:26px;padding:0 8px;border-radius:6px;border:1px solid var(--border);background:var(--card);font-size:11px;font-family:var(--font-kr);color:var(--text-secondary);cursor:pointer}.tk-compose-submit{margin-left:auto;display:flex;gap:6px}.tk-info-panel{width:280px;flex-shrink:0;background:var(--card);border-left:1px solid var(--border);overflow-y:auto}.tk-info-panel::-webkit-scrollbar{width:4px}.tk-info-panel::-webkit-scrollbar-thumb{background:var(--gray-200);border-radius:2px}.tk-field{margin-bottom:12px}.tk-field-label{font-size:10px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em;margin-bottom:4px}.tk-field-input,.tk-field-select{width:100%;height:32px;padding:0 10px;border:1px solid var(--border);border-radius:6px;font-size:12px;font-family:var(--font-kr);color:var(--text-primary);background:var(--card);outline:none;cursor:pointer}.tk-field-input:focus,.tk-field-select:focus{border-color:var(--primary)}.tk-tags{display:flex;flex-wrap:wrap;gap:4px}.tk-tag{display:inline-flex;align-items:center;gap:4px;font-size:11px;padding:2px 7px;border-radius:4px;background:var(--gray-100);color:var(--text-secondary)}.tk-tag .x{cursor:pointer;color:var(--text-muted)}.tk-info-section{padding:14px 16px;border-bottom:1px solid var(--gray-100)}.tk-info-section:last-child{border-bottom:none}.tk-info-section-title{font-size:11px;font-weight:700;color:var(--text-primary);margin-bottom:10px;text-transform:uppercase;letter-spacing:.03em}.tk-hist-item{display:flex;flex-direction:column;gap:3px;padding:8px 10px;border:1px solid var(--border);border-radius:6px;background:var(--gray-50);margin-bottom:6px;cursor:pointer;transition:all .12s}.tk-hist-item:hover{border-color:var(--primary);background:var(--primary-50)}.tk-hist-top{display:flex;align-items:center;gap:6px}.tk-hist-subject{font-size:11px;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tk-hist-meta{font-size:10px;color:var(--text-muted)}.tk-hist-more{font-size:11px;color:var(--primary);cursor:pointer;padding:4px 0;text-align:center}.tk-hist-more:hover{text-decoration:underline}.upload-zone{border:2px dashed var(--border);border-radius:var(--r-xl);padding:36px 20px;text-align:center;cursor:pointer;transition:border-color .15s,background .15s;background:var(--gray-50);margin-bottom:20px}.upload-zone:hover{border-color:var(--primary);background:var(--primary-50)}.upload-zone-title{font-size:13px;font-weight:600;color:var(--text-primary);margin-bottom:4px;margin-top:10px}.upload-zone-sub{font-size:11px;color:var(--text-muted)}.doc-table{width:100%;border-collapse:collapse}.doc-table th{text-align:left;font-size:11px;font-weight:600;color:var(--text-muted);padding:8px 14px;background:var(--gray-50);border-bottom:1px solid var(--border);text-transform:uppercase;letter-spacing:.03em;white-space:nowrap}.doc-table td{padding:11px 14px;border-bottom:1px solid var(--gray-100);font-size:12px;color:var(--text-primary);vertical-align:middle}.doc-table tr:last-child td{border-bottom:none}.doc-table tr:hover td{background:var(--gray-50)}.doc-name{font-weight:500}.doc-type-badge{display:inline-flex;align-items:center;font-size:10px;font-weight:600;padding:2px 6px;border-radius:4px;background:var(--gray-100);color:var(--gray-500)}.doc-type-badge.pdf{background:#fee2e2;color:#b91c1c}.doc-type-badge.docx{background:#dbeafe;color:#1d4ed8}.doc-type-badge.txt{background:var(--gray-100);color:var(--gray-500)}.doc-type-badge.md{background:#f0fdf4;color:#166534}.toggle-switch{position:relative;width:36px;height:20px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-track{position:absolute;cursor:pointer;inset:0;background:var(--gray-200);border-radius:20px;transition:.2s}.toggle-track:after{content:"";position:absolute;left:3px;top:3px;width:14px;height:14px;border-radius:50%;background:#fff;transition:.2s}.toggle-switch input:checked+.toggle-track{background:var(--primary)}.toggle-switch input:checked+.toggle-track:after{transform:translateX(16px)}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%) translateY(20px);background:var(--gray-900);color:#fff;padding:8px 16px;border-radius:8px;font-size:12px;font-weight:500;opacity:0;transition:all .2s;pointer-events:none;z-index:100;white-space:nowrap}.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}.sidebar{transition:width .2s ease}.collapse-btn{display:flex;align-items:center;gap:10px;padding:0 10px;height:32px;border-radius:8px;cursor:pointer;color:#484f58;font-size:12px;transition:background .12s,color .12s;user-select:none;margin:2px 0}.collapse-btn:hover{background:rgba(255,255,255,.05);color:#8b949e}.collapse-btn-icon{width:18px;height:18px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform .2s}.sidebar.collapsed .collapse-btn-icon{transform:rotate(180deg)}.sidebar.collapsed{width:56px}.sidebar.collapsed .collapse-label,.sidebar.collapsed .logo-text,.sidebar.collapsed .nav-acc-chevron,.sidebar.collapsed .nav-acc-content,.sidebar.collapsed .nav-badge,.sidebar.collapsed .nav-section,.sidebar.collapsed .user-info,.sidebar.collapsed .ws-chevron{display:none!important}.sidebar.collapsed .sidebar-logo{padding:0;justify-content:center;cursor:default;pointer-events:none}.sidebar.collapsed .sidebar-nav{padding:10px 4px}.sidebar.collapsed .sidebar-footer{padding:10px 0}.sidebar.collapsed .collapse-btn,.sidebar.collapsed .nav-item{width:36px;margin:0 auto;padding:0 9px;justify-content:flex-start;overflow:hidden}.sidebar.collapsed .nav-item.active:before{display:none}.sidebar.collapsed .nav-acc-trigger{width:36px;margin:0 auto;padding:0 9px;justify-content:flex-start;overflow:hidden}.sidebar.collapsed .user-card{width:36px;margin:0 auto;padding:0 3px;overflow:hidden}.sidebar.collapsed .nav-divider{margin:4px 8px}.sidebar.collapsed .nav-acc-item,.user-popup{display:none}.user-popup{position:absolute;bottom:calc(100% + 6px);left:8px;right:8px;background:#1c2128;border:1px solid rgba(255,255,255,.12);border-radius:10px;overflow:hidden;box-shadow:0 -8px 24px rgba(0,0,0,.5);z-index:100}.user-popup.open{display:block}.user-popup-profile{padding:12px 14px 10px;border-bottom:1px solid rgba(255,255,255,.06)}.user-popup-profile-name{font-size:13px;font-weight:600;color:#f0f6ff}.user-popup-profile-email{font-size:11px;color:#8b949e;margin-top:2px}.user-popup-profile-role{display:inline-flex;align-items:center;padding:2px 7px;border-radius:4px;font-size:10px;font-weight:600;background:rgba(56,139,253,.15);color:#388bfd;margin-top:6px}.user-popup-items{padding:4px 0}.user-popup-item{display:flex;align-items:center;gap:10px;padding:9px 14px;font-size:13px;color:#c9d1d9;cursor:pointer;transition:background .12s}.user-popup-item:hover{background:rgba(255,255,255,.05)}.user-popup-item.danger{color:#f85149}.user-popup-divider{height:1px;background:rgba(255,255,255,.06);margin:2px 0}.user-card-active{background:rgba(255,255,255,.05)}.main-footer{flex-shrink:0;height:36px;display:flex;align-items:stretch;font-size:11px}.footer-sidebar-part{width:var(--sidebar-w);flex-shrink:0;background:#0d1117;border-top:1px solid rgba(255,255,255,.06);display:flex;align-items:center;padding:0 16px;color:#484f58;transition:width .2s ease;overflow:hidden;white-space:nowrap}.footer-content-part{flex:1;background:var(--card);border-top:1px solid var(--border);display:flex;align-items:center;justify-content:flex-end;padding:0 24px;color:var(--text-muted)}.main-footer-links{display:flex;gap:10px;align-items:center}.main-footer-links a{color:var(--text-muted);text-decoration:none;cursor:pointer;transition:color .1s}.main-footer-links a:hover{color:var(--primary)}.main-footer-sep{color:var(--gray-300)}.dash-filter-bar{display:flex;align-items:center;gap:6px;flex-shrink:0}.dash-filter-btn{height:30px;padding:0 12px;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;border:1px solid var(--border);background:var(--card);color:var(--text-secondary);transition:all .12s}.dash-filter-btn:hover{border-color:var(--primary);color:var(--primary)}.dash-filter-btn.active{background:var(--primary);border-color:var(--primary);color:#fff}.dash-filter-custom{display:none;align-items:center;gap:6px;margin-left:4px}.dash-filter-custom.show{display:flex}.dash-date-input{height:30px;padding:0 8px;border-radius:6px;border:1px solid var(--border);background:var(--card);font-size:12px;color:var(--text-primary);cursor:pointer}.dash-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.dash-section-title{font-size:13px;font-weight:700;color:var(--text-primary);display:flex;align-items:center;gap:7px}.dash-metric-grid{display:grid;gap:1px;background:var(--border);border-radius:0 0 var(--r-lg) var(--r-lg);overflow:hidden}.dash-metric-cell{background:var(--card);padding:14px 18px;display:flex;flex-direction:column;gap:6px}.dash-metric-label{font-size:11px}.dash-metric-label,.dm-unit{color:var(--text-muted);font-weight:400}.dm-unit{font-size:13px}.dash-metric-value{font-size:20px;font-weight:700;color:var(--text-primary);line-height:1;display:flex;align-items:baseline;gap:5px}.dash-metric-pct{font-size:12px;font-weight:500;color:var(--text-secondary)}.dash-metric-trend{font-size:11px;color:var(--text-muted)}.dash-metric-trend.up{color:var(--green)}.dash-metric-trend.down{color:var(--red)}.dash-metric-trend.neutral{color:var(--amber)}.dash-card{border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden;background:var(--card)}.dash-card-header{display:flex;align-items:center;justify-content:space-between;padding:12px 18px;border-bottom:1px solid var(--border);background:var(--gray-50)}.dash-card-title{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--text-primary)}.active-code-box{background:var(--primary-50);border:1.5px solid var(--primary-100);border-radius:var(--r-xl);padding:20px 24px;display:flex;align-items:center;gap:16px;margin-bottom:16px}.active-code-val{font-family:monospace;font-size:20px;font-weight:700;color:var(--primary);letter-spacing:.06em;flex:1}.call-tr-item{display:flex;flex-direction:column;gap:3px;max-width:70%;padding:8px 12px;border-radius:var(--r-md)}.call-tr-item.bot{align-self:flex-end;background:var(--primary-50);border:1px solid #bfdbfe}.call-tr-item.cust{align-self:flex-start;background:var(--card);border:1px solid var(--border);box-shadow:var(--shadow-sm)}.call-tr-label{font-size:10px;font-weight:700;color:var(--text-muted)}.call-tr-item.bot .call-tr-label{color:var(--primary)}.call-tr-text{font-size:12px;color:var(--text-primary);line-height:1.5}.call-tr-time{font-size:10px;color:var(--text-muted)}.voc-badge{font-size:10px;font-weight:600;padding:2px 7px;border-radius:4px;white-space:nowrap}.voc-badge.ticket{background:#ede9fe;color:#6d28d9}.voc-badge.call{background:#fef3c7;color:#92400e}.voc-badge.chat{background:#dbeafe;color:#1d4ed8}.voc-badge.review{background:#dcfce7;color:#166534}.kpi-bar{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:20px}.kpi-bar.col3{grid-template-columns:repeat(3,1fr)}.kpi-cell{background:var(--card);border:1px solid var(--border);border-radius:var(--r-lg);padding:14px 16px}.kpi-cell-label{font-size:11px;color:var(--text-muted);margin-bottom:6px}.kpi-cell-val{font-size:22px;font-weight:700;color:var(--text-primary)}.kpi-cell-sub{font-size:11px;color:var(--text-muted);margin-top:3px}.kpi-cell-up{color:var(--green)}.kpi-cell-down{color:var(--red)}.alert-item{display:flex;gap:12px;padding:12px 16px;background:var(--card);border-radius:var(--r-lg);margin-bottom:8px;border:1px solid var(--border);border-left-width:3px}.alert-item.critical{border-left-color:var(--red)}.alert-item.warning{border-left-color:var(--amber)}.alert-item.info{border-left-color:var(--primary)}.alert-item-body{flex:1;min-width:0}.alert-item-title{font-size:13px;font-weight:600;color:var(--text-primary);margin-bottom:3px}.alert-item-desc{font-size:12px;color:var(--text-secondary)}.alert-item-meta{font-size:11px;color:var(--text-muted);margin-top:4px}.alert-item-actions{flex-shrink:0}.alert-item-actions,.chart-placeholder{display:flex;flex-direction:column;gap:6px;justify-content:center}.chart-placeholder{height:180px;background:linear-gradient(135deg,var(--primary-50) 0,#f0fdf4 100%);border:1px solid var(--border);border-radius:var(--r-lg);align-items:center;color:var(--text-muted);font-size:12px}