:root{--color-primary: #1a5276;--color-primary-light: #2980b9;--color-primary-dark: #0e3a54;--color-accent: #27ae60;--color-bg: #f0f4f8;--color-surface: #ffffff;--color-text: #2c3e50;--color-text-light: #7f8c8d;--color-text-inverse: #ffffff;--color-border: #dce3e8;--color-user-bubble: #1a5276;--color-user-text: #ffffff;--color-bot-bubble: #ffffff;--color-bot-text: #2c3e50;--color-escalation: #e67e22;--color-escalation-bg: #fef5e7;--radius-lg: 20px;--radius-md: 12px;--radius-sm: 8px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .08);--shadow-md: 0 4px 12px rgba(0, 0, 0, .1);--shadow-lg: 0 8px 30px rgba(0, 0, 0, .12);--font-family: "Segoe UI", "Hiragino Sans", "Noto Sans JP", sans-serif}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-family);background:var(--color-bg);color:var(--color-text);min-height:100vh}.dashboard{display:flex;flex-direction:column;min-height:100vh}.dash-header{background:var(--color-primary);color:#fff;padding:16px 24px;display:flex;justify-content:space-between;align-items:center}.dash-header-left{display:flex;align-items:center;gap:16px}.dash-home-link{color:#ffffffb3;text-decoration:none;font-size:13px;padding:4px 8px;border-radius:4px;transition:all .2s}.dash-home-link:hover{color:#fff;background:#ffffff26}.dash-header h1{font-size:18px;font-weight:600}.dash-nav{display:flex;gap:4px;margin-left:20px;padding-left:20px;border-left:1px solid rgba(255,255,255,.3)}.dash-nav-link{color:#fff9;text-decoration:none;font-size:14px;font-weight:500;padding:6px 14px;border-radius:var(--radius-sm);transition:all .2s}.dash-nav-link:hover{color:#fff;background:#ffffff1f}.dash-nav-link.active{color:#fff;background:#fff3;font-weight:600}.dash-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;padding:20px 24px}.stat-card{background:var(--color-surface);border-radius:var(--radius-md);padding:20px 24px;box-shadow:var(--shadow-sm);border-left:4px solid transparent}.stat-card.pending{border-left-color:#e67e22}.stat-card.resolved{border-left-color:#27ae60}.stat-card.ai{border-left-color:var(--color-primary-light)}.stat-card.total{border-left-color:var(--color-text-light)}.stat-number{font-size:32px;font-weight:700;color:var(--color-text);line-height:1;margin-bottom:6px}.stat-label{font-size:13px;color:var(--color-text-light);font-weight:500}.dash-body{flex:1;display:grid;grid-template-columns:380px 1fr;gap:0;padding:0 24px 24px;min-height:0}.dash-sidebar{background:var(--color-surface);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;overflow:hidden;max-height:calc(100vh - 220px)}.sidebar-tabs{display:flex;border-bottom:1px solid var(--color-border);padding:0;flex-shrink:0}.tab-btn{flex:1;padding:12px 8px;border:none;background:transparent;font-size:13px;font-weight:500;color:var(--color-text-light);cursor:pointer;transition:all .2s;border-bottom:2px solid transparent}.tab-btn.active{color:var(--color-primary);border-bottom-color:var(--color-primary);font-weight:600}.tab-btn:hover:not(.active){background:#f8f9fa}.session-list{flex:1;overflow-y:auto;padding:8px}.empty-state{text-align:center;padding:40px 16px;color:var(--color-text-light);font-size:14px}.session-card{padding:14px 16px;border-radius:var(--radius-sm);cursor:pointer;transition:all .15s;border:1px solid transparent;margin-bottom:4px}.session-card:hover{background:#f4f7fa}.session-card.active{background:#eaf2f8;border-color:var(--color-primary-light)}.session-card.resolved-card{opacity:.6}.session-message{font-size:14px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:6px}.session-meta{font-size:12px;color:var(--color-text-light);display:flex;gap:8px;align-items:center}.session-status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.session-status-dot.pending{background:#e67e22}.session-status-dot.resolved{background:#27ae60}.dash-main{background:var(--color-surface);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);margin-left:16px;display:flex;flex-direction:column;overflow:hidden;max-height:calc(100vh - 220px)}.detail-placeholder{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--color-text-light);gap:12px}.detail-placeholder svg{opacity:.3}.detail-placeholder p{font-size:14px}.session-detail{display:flex;flex-direction:column;height:100%}.detail-header{padding:16px 20px;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.detail-meta{font-size:13px;color:var(--color-text-light)}.detail-badge{padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600}.detail-badge.escalated{background:#fef5e7;color:#e67e22}.detail-badge.resolved{background:#eafaf1;color:#27ae60}.detail-messages{flex:1;padding:20px;overflow-y:auto;display:flex;flex-direction:column;gap:10px}.detail-msg{max-width:80%;padding:10px 14px;border-radius:var(--radius-md);font-size:14px;line-height:1.6;word-break:break-word}.detail-msg.user{align-self:flex-end;background:var(--color-user-bubble);color:var(--color-user-text);border-bottom-right-radius:4px}.detail-msg.assistant{align-self:flex-start;background:#f4f6f8;color:var(--color-text);border-bottom-left-radius:4px}.detail-msg .msg-time{font-size:11px;opacity:.6;margin-top:4px}.detail-actions{padding:16px 20px;border-top:1px solid var(--color-border);display:flex;gap:12px;align-items:flex-end;flex-shrink:0}.detail-actions textarea{flex:1;padding:10px 14px;border:1.5px solid var(--color-border);border-radius:var(--radius-sm);font-family:var(--font-family);font-size:14px;resize:vertical;min-height:44px;max-height:120px;outline:none}.detail-actions textarea:focus{border-color:var(--color-primary-light)}.resolve-btn{padding:10px 20px;background:var(--color-accent);color:#fff;border:none;border-radius:var(--radius-sm);font-size:14px;font-weight:600;cursor:pointer;white-space:nowrap;transition:background .2s}.resolve-btn:hover{background:#219a52}.resolve-btn:disabled{background:var(--color-border);cursor:not-allowed}.detail-contact-info{padding:12px 20px;background:#f0faf4;border-bottom:1px solid var(--color-border);display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center;font-size:13px;flex-shrink:0}.contact-info-badge{background:var(--color-accent);color:#fff;padding:2px 10px;border-radius:10px;font-size:11px;font-weight:600}.contact-info-row{display:flex;gap:4px;align-items:center}.contact-info-label{color:var(--color-text-light);font-weight:500}.detail-contact-info a{color:var(--color-primary-light);text-decoration:none}.detail-contact-info a:hover{text-decoration:underline}.detail-msg.admin{align-self:flex-start;background:#e8f0fe;color:#1a3c6e;border-bottom-left-radius:4px}.admin-reply-area{padding:12px 20px;border-top:1px solid var(--color-border);flex-shrink:0;display:none}.reply-input-wrapper{display:flex;gap:8px;align-items:flex-end}.reply-input-wrapper textarea{flex:1;padding:10px 14px;border:1.5px solid var(--color-border);border-radius:var(--radius-sm);font-family:var(--font-family);font-size:14px;resize:vertical;min-height:44px;max-height:120px;outline:none}.reply-input-wrapper textarea:focus{border-color:var(--color-primary-light)}.reply-send-btn{padding:10px 20px;background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-sm);font-size:14px;font-weight:600;cursor:pointer;white-space:nowrap;transition:background .2s}.reply-send-btn:hover{background:var(--color-primary-light)}.reply-send-btn:disabled{background:var(--color-border);cursor:not-allowed}.detail-badge.live-chat{background:#e8f0fe;color:#1a3c6e}.live-chat-indicator{background:#e8f0fe;color:#1a3c6e;padding:1px 6px;border-radius:4px;font-size:11px;font-weight:600}.session-status-dot.live{background:#2980b9}.new-badge{display:inline-block;background:#e74c3c;color:#fff;font-size:10px;font-weight:700;padding:1px 6px;border-radius:3px;margin-right:6px;letter-spacing:.5px;vertical-align:middle;animation:badge-pulse 1.5s ease-in-out 3}.session-card.new-card{border-color:#e67e22;background:#fef9f0;animation:card-highlight .5s ease-out}@keyframes badge-pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes card-highlight{0%{background:#fde8d0;transform:translate(-4px)}to{background:#fef9f0;transform:translate(0)}}.contact-indicator{background:#eafaf1;color:#27ae60;padding:1px 6px;border-radius:4px;font-size:11px;font-weight:600}@media(max-width:860px){.dash-stats{grid-template-columns:repeat(2,1fr)}.dash-body{grid-template-columns:1fr;padding:0 16px 16px}.dash-main{margin-left:0;margin-top:16px}.dash-sidebar,.dash-main{max-height:none}}@media(max-width:480px){.dash-stats{grid-template-columns:1fr 1fr;gap:8px;padding:12px 16px}.stat-card{padding:14px 16px}.stat-number{font-size:24px}}