*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background-color:#f5f7fa;color:#1a1a2e;line-height:1.6}.container{max-width:640px;margin:40px auto;padding:0 20px}.form-card{background:#fff;border-radius:12px;box-shadow:0 2px 16px rgba(0,0,0,.08);padding:32px}.form-header{text-align:center;margin-bottom:28px}.form-header h1{font-size:24px;font-weight:700;color:#1a1a2e;margin-bottom:8px}.form-header p{font-size:14px;color:#6b7280}.form-group{margin-bottom:20px}.form-group label{display:block;font-size:14px;font-weight:600;color:#374151;margin-bottom:6px}.form-group label .required{color:#ef4444;margin-left:2px}.form-group input,.form-group select,.form-group textarea{width:100%;padding:10px 14px;border:1.5px solid #d1d5db;border-radius:8px;font-size:14px;color:#1a1a2e;background:#fff;transition:border-color .2s,box-shadow .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.15)}.form-group textarea{min-height:120px;resize:vertical}.form-group .error-text{color:#ef4444;font-size:12px;margin-top:4px}.form-group.has-error input,.form-group.has-error select,.form-group.has-error textarea{border-color:#ef4444}.submit-btn{width:100%;padding:12px;background:#3b82f6;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:background .2s}.submit-btn:hover{background:#2563eb}.submit-btn:disabled{background:#93c5fd;cursor:not-allowed}.success-card{background:#fff;border-radius:12px;box-shadow:0 2px 16px rgba(0,0,0,.08);padding:40px 32px;text-align:center}.success-icon{font-size:48px;margin-bottom:16px}.success-card h2{font-size:22px;font-weight:700;color:#059669;margin-bottom:12px}.success-card p{font-size:14px;color:#6b7280;margin-bottom:8px}.ticket-id{display:inline-block;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;padding:8px 20px;font-size:18px;font-weight:700;color:#059669;margin:16px 0;font-family:monospace}.status-section{margin-top:28px;padding-top:20px;border-top:1px solid #e5e7eb}.status-badge{display:inline-block;padding:4px 14px;border-radius:20px;font-size:13px;font-weight:600;text-transform:uppercase}.status-badge.open{background:#fef3c7;color:#92400e}.status-badge.processing{background:#dbeafe;color:#1e40af}.status-badge.resolved{background:#d1fae5;color:#065f46}.status-badge.escalated{background:#fce7f3;color:#9d174d}.back-btn{margin-top:20px;padding:10px 24px;background:transparent;color:#3b82f6;border:1.5px solid #3b82f6;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:background .2s,color .2s}.back-btn:hover{background:#3b82f6;color:#fff}.lookup-section{margin-top:24px;padding-top:20px;border-top:1px solid #e5e7eb}.lookup-section h3{font-size:15px;font-weight:600;margin-bottom:12px;color:#374151}.lookup-row{display:flex;gap:10px}.lookup-row input{flex:1 1;padding:10px 14px;border:1.5px solid #d1d5db;border-radius:8px;font-size:14px}.lookup-row input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.15)}.lookup-btn{padding:10px 20px;background:#6b7280;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer}.lookup-btn:hover{background:#4b5563}.ai-response{margin-top:20px;padding:16px;background:#f0f9ff;border:1px solid #bae6fd;border-radius:8px;text-align:left}.ai-response h4{font-size:14px;font-weight:600;color:#0369a1;margin-bottom:8px}.ai-response p{font-size:14px;color:#374151;text-align:left}.dashboard-layout{display:flex;min-height:100vh}.dashboard-main{flex:1 1;margin-left:260px;background:#f0f2f5;min-height:100vh}.dashboard-content{padding:28px 32px;max-width:1400px}.sidebar{position:fixed;left:0;top:0;bottom:0;width:260px;background:linear-gradient(180deg,#0f172a,#1e293b);color:#e2e8f0;display:flex;flex-direction:column;z-index:100;overflow-y:auto}.sidebar-header{padding:20px 20px 16px;border-bottom:1px solid hsla(0,0%,100%,.08)}.sidebar-logo{display:flex;align-items:center;gap:12px}.sidebar-title{font-size:18px;font-weight:700;color:#fff;letter-spacing:-.3px}.sidebar-subtitle{font-size:12px;color:#64748b;margin-top:-2px}.sidebar-nav{flex:1 1;padding:12px;display:flex;flex-direction:column;gap:2px}.sidebar-link{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:8px;color:#94a3b8;text-decoration:none;font-size:14px;font-weight:500;transition:all .15s}.sidebar-link:hover{background:hsla(0,0%,100%,.06);color:#e2e8f0}.sidebar-link.active{background:rgba(59,130,246,.15);color:#60a5fa}.sidebar-link.active svg{color:#60a5fa}.sidebar-footer{padding:12px;border-top:1px solid hsla(0,0%,100%,.08);display:flex;flex-direction:column;gap:8px}.sidebar-status{display:flex;align-items:center;gap:8px;padding:8px 12px;font-size:12px;color:#64748b}.status-dot{width:8px;height:8px;border-radius:50%;display:inline-block}.status-dot.online{background:#22c55e;box-shadow:0 0 6px rgba(34,197,94,.5)}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px}.page-title{font-size:26px;font-weight:700;color:#111827;letter-spacing:-.5px}.page-subtitle{font-size:14px;color:#6b7280;margin-top:4px}.header-actions{display:flex;align-items:center;gap:12px}.live-indicator{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:#22c55e;background:#f0fdf4;padding:6px 14px;border-radius:20px;border:1px solid #bbf7d0}.live-dot{width:8px;height:8px;background:#22c55e;border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:16px;gap:16px;margin-bottom:24px}.stat-card{background:#fff;border-radius:12px;padding:20px;display:flex;align-items:flex-start;gap:16px;box-shadow:0 1px 3px rgba(0,0,0,.06);border:1px solid #e5e7eb;transition:transform .15s,box-shadow .15s}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.08)}.stat-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-icon.blue{background:#dbeafe;color:#2563eb}.stat-icon.yellow{background:#fef3c7;color:#d97706}.stat-icon.green{background:#d1fae5;color:#059669}.stat-icon.red{background:#fee2e2;color:#dc2626}.stat-label{font-size:13px;color:#6b7280;font-weight:500}.stat-value{font-size:28px;font-weight:700;color:#111827;line-height:1.2;margin:4px 0}.stat-change{font-size:12px;color:#6b7280}.stat-change.positive{color:#059669}.stat-change.negative{color:#dc2626}.card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 1px 3px rgba(0,0,0,.06);border:1px solid #e5e7eb;margin-bottom:16px}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #f3f4f6}.card-title{font-size:16px;font-weight:700;color:#111827}.card-link{font-size:13px;color:#3b82f6;text-decoration:none;font-weight:600}.card-link:hover{text-decoration:underline}.dashboard-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px;margin-bottom:16px}.channel-bars{gap:16px}.channel-bars,.channel-item{display:flex;flex-direction:column}.channel-item{gap:6px}.channel-info{display:flex;align-items:center;gap:8px;font-size:14px;color:#374151}.channel-count{margin-left:auto;font-weight:700;color:#111827}.channel-bar{height:8px;background:#f3f4f6;border-radius:4px;overflow:hidden}.channel-fill{height:100%;border-radius:4px;transition:width .5s ease}.channel-fill.blue{background:#3b82f6}.channel-fill.green{background:#22c55e}.channel-fill.purple{background:#a855f7}.metrics-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:16px;gap:16px}.metric-item{text-align:center;padding:12px 8px;background:#f9fafb;border-radius:8px}.metric-value{font-size:22px;font-weight:700;color:#111827}.metric-label{font-size:12px;color:#6b7280;margin-top:4px}.mini-table{display:flex;flex-direction:column}.mini-row{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid #f3f4f6;gap:12px}.mini-row:last-child{border-bottom:none}.mini-row-left{gap:12px;flex:1 1;min-width:0}.mini-row-left,.mini-row-right{display:flex;align-items:center}.mini-row-right{gap:6px;flex-shrink:0}.mini-id{font-size:12px;color:#6b7280;font-family:SF Mono,Monaco,monospace;flex-shrink:0}.mini-subject{font-size:14px;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mini-meta{font-size:12px;color:#9ca3af}.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.3px;white-space:nowrap}.badge.status-open{background:#fef3c7;color:#92400e}.badge.status-in-progress{background:#dbeafe;color:#1e40af}.badge.status-resolved{background:#d1fae5;color:#065f46}.badge.status-closed{background:#f3f4f6;color:#4b5563}.badge.priority-critical{background:#fee2e2;color:#991b1b}.badge.priority-high{background:#ffedd5;color:#9a3412}.badge.priority-medium{background:#fef3c7;color:#92400e}.badge.priority-low{background:#f0fdf4;color:#166534}.badge.channel-email{background:#dbeafe;color:#1e40af}.badge.channel-whatsapp{background:#d1fae5;color:#065f46}.badge.channel-webform{background:#f3e8ff;color:#6b21a8}.badge.direction-in{background:#dbeafe;color:#1e40af}.badge.direction-out{background:#d1fae5;color:#065f46}.msg-avatar{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;flex-shrink:0}.msg-avatar.customer{background:#dbeafe;color:#1e40af}.msg-avatar.agent{background:linear-gradient(135deg,#8b5cf6,#6366f1);color:#fff}.msg-avatar.system{background:#f3f4f6;color:#6b7280}.data-table{width:100%;border-collapse:collapse}.data-table th{text-align:left;padding:10px 12px;font-size:12px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid #f3f4f6}.data-table td{padding:12px;font-size:14px;border-bottom:1px solid #f3f4f6;vertical-align:middle}.data-table tr:last-child td{border-bottom:none}.clickable-row{cursor:pointer;transition:background .15s}.clickable-row:hover{background:#f9fafb}.table-id{font-family:SF Mono,Monaco,monospace;font-size:12px;color:#3b82f6;font-weight:600}.table-subject{max-width:280px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.table-date{color:#6b7280;font-size:13px;white-space:nowrap}.text-center{text-align:center}.text-muted{color:#9ca3af;font-size:12px}.filters-bar{gap:16px;margin-bottom:16px;flex-wrap:wrap}.filters-bar,.search-box{display:flex;align-items:center}.search-box{gap:8px;background:#fff;border:1.5px solid #d1d5db;border-radius:8px;padding:8px 12px;flex:1 1;max-width:320px}.search-box input{border:none;outline:none;font-size:14px;width:100%;background:transparent}.search-box:focus-within{border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.15)}.filter-group{display:flex;align-items:center;gap:8px}.filter-group label{font-size:13px;color:#6b7280;font-weight:500}.filter-group select{padding:8px 12px;border:1.5px solid #d1d5db;border-radius:8px;font-size:14px;background:#fff;cursor:pointer;outline:none}.filter-group select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.15)}.btn-back{display:inline-flex;align-items:center;gap:6px;background:none;border:none;color:#3b82f6;font-size:14px;font-weight:600;cursor:pointer;padding:0}.btn-back:hover{color:#2563eb;text-decoration:underline}.detail-list{display:flex;flex-direction:column;gap:12px}.detail-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #f3f4f6;font-size:14px}.detail-item:last-child{border-bottom:none}.detail-label{color:#6b7280;font-weight:500}.detail-email{color:#3b82f6;font-size:13px}.detail-description{margin-top:20px;padding-top:16px;border-top:1px solid #f3f4f6}.detail-description h3{font-size:14px;font-weight:600;color:#374151;margin-bottom:8px}.detail-description p{font-size:14px;color:#4b5563;line-height:1.6}.conversation{display:flex;flex-direction:column;gap:16px}.chat-bubble{padding:16px;border-radius:12px;background:#f9fafb}.chat-bubble.agent{background:#f0f5ff;border-left:3px solid #6366f1}.chat-bubble.customer{background:#f9fafb;border-left:3px solid #3b82f6}.chat-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.chat-header strong{font-size:14px;color:#111827}.chat-time{font-size:12px;color:#9ca3af;margin-left:auto}.chat-text{font-size:14px;color:#374151;line-height:1.6}.customer-cell{display:flex;align-items:center;gap:10px}.customer-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#6366f1);color:#fff;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;flex-shrink:0}.customer-stats-row{display:flex;gap:12px;margin-top:20px;padding-top:16px;border-top:1px solid #f3f4f6}.customer-stat{flex:1 1;text-align:center;padding:12px 8px;background:#f9fafb;border-radius:8px}.customer-stat-value{display:block;font-size:22px;font-weight:700;color:#111827}.customer-stat-label{display:block;font-size:12px;color:#6b7280;margin-top:4px}.messages-list{display:flex;flex-direction:column;gap:12px}.message-card{padding:16px;border-radius:10px;border:1px solid #f3f4f6;transition:background .15s}.message-card:hover{background:#f9fafb}.message-card.inbound{border-left:3px solid #3b82f6}.message-card.outbound{border-left:3px solid #22c55e}.message-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:10px}.message-sender{display:flex;align-items:center;gap:10px}.message-sender strong{font-size:14px;color:#111827}.message-meta{display:flex;align-items:center;gap:6px;margin-top:2px}.message-time{font-size:12px;color:#9ca3af;white-space:nowrap}.message-content{font-size:14px;color:#374151;line-height:1.6;padding-left:42px}.system-status-badge{padding:8px 16px;border-radius:20px;font-size:13px;font-weight:600}.system-status-badge.all-good{background:#d1fae5;color:#065f46;border:1px solid #a7f3d0}.system-status-badge.has-issues{background:#fef3c7;color:#92400e;border:1px solid #fde68a}.health-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:16px;gap:16px;margin-bottom:16px}.health-card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 1px 3px rgba(0,0,0,.06);border:1px solid #e5e7eb}.health-card.healthy{border-top:3px solid #22c55e}.health-card.degraded{border-top:3px solid #f59e0b}.health-card.down{border-top:3px solid #ef4444}.health-header{display:flex;align-items:center;gap:8px;margin-bottom:16px}.health-header h3{font-size:14px;font-weight:600;color:#111827}.health-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.health-dot.healthy{background:#22c55e;box-shadow:0 0 6px rgba(34,197,94,.4)}.health-dot.degraded{background:#f59e0b;box-shadow:0 0 6px rgba(245,158,11,.4)}.health-dot.down{background:#ef4444;box-shadow:0 0 6px rgba(239,68,68,.4)}.health-metrics{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}.health-metric{text-align:center;padding:8px;background:#f9fafb;border-radius:6px}.health-metric-value{display:block;font-size:16px;font-weight:700;color:#111827}.health-metric-label{display:block;font-size:11px;color:#6b7280;margin-top:2px}.health-footer{margin-top:12px;padding-top:8px;border-top:1px solid #f3f4f6}.pipeline{justify-content:center;gap:0;padding:20px 0;overflow-x:auto}.pipeline,.pipeline-node,.pipeline-stage{display:flex;align-items:center}.pipeline-node{flex-direction:column;gap:6px;padding:16px 24px;border:2px solid #e5e7eb;border-radius:12px;background:#fff;min-width:140px;transition:transform .15s}.pipeline-node:hover{transform:translateY(-2px)}.pipeline-dot{width:12px;height:12px;border-radius:50%}.pipeline-name{font-size:14px;font-weight:700;color:#111827}.pipeline-desc{font-size:12px;color:#6b7280}.pipeline-phase{font-size:10px;font-weight:600;color:#9ca3af;text-transform:uppercase;letter-spacing:.5px}.pipeline-arrow{display:flex;align-items:center;padding:0 4px}.rate-limits{gap:20px}.rate-limit-item,.rate-limits{display:flex;flex-direction:column}.rate-limit-item{gap:8px}.rate-limit-header{display:flex;justify-content:space-between;align-items:center}.rate-limit-name{font-size:14px;font-weight:600;color:#374151}.rate-limit-usage{font-size:13px;color:#6b7280;font-family:SF Mono,Monaco,monospace}.rate-limit-bar{height:8px;background:#f3f4f6;border-radius:4px;overflow:hidden}.rate-limit-fill{height:100%;border-radius:4px;transition:width .5s ease}.empty-state{padding:40px 20px;font-size:14px}.empty-state,.refresh-info{text-align:center;color:#9ca3af}.refresh-info{padding:12px;font-size:12px}@media (max-width:1200px){.health-grid,.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:900px){.sidebar{width:60px;overflow:hidden}.sidebar-link span,.sidebar-logo div,.sidebar-status span,.sidebar-subtitle,.sidebar-title{display:none}.sidebar-header{padding:16px 12px}.sidebar-nav{padding:8px}.sidebar-link{justify-content:center;padding:10px}.dashboard-main{margin-left:60px}.dashboard-row{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.health-grid,.stats-grid{grid-template-columns:1fr}.dashboard-content{padding:16px}.filters-bar{flex-direction:column;align-items:stretch}.search-box{max-width:100%}.pipeline{flex-direction:column}.pipeline-arrow{transform:rotate(90deg)}}