:root{--bg: #f3f5f8;--surface: #ffffff;--surface-alt: #f8f9fc;--text: #1a2233;--muted: #6b7280;--border: #e4e7ec;--primary: #2d67d8;--primary-strong: #1f4fb7;--nav: #0b1735;--nav-alt: #0a142d;--danger: #b42318;--success: #039855;--warning: #d97706;--shadow-soft: 0 8px 24px rgba(16, 24, 40, .06)}*{box-sizing:border-box}body{margin:0;font-family:IBM Plex Sans,Segoe UI,sans-serif;color:var(--text);background:var(--bg)}a{color:#1f4fb7;text-decoration:none}a:hover{text-decoration:underline}button{border:0;border-radius:10px;padding:9px 13px;background:var(--primary);color:#fff;cursor:pointer;font-weight:600;line-height:1}button:hover{background:var(--primary-strong)}button.secondary,.sidebar-collapse,.notification-button,.tab-button{background:#fff;color:var(--text);border:1px solid var(--border)}input,textarea,select{width:100%;border:1px solid var(--border);border-radius:10px;padding:10px 12px;background:#fff;color:var(--text);font-size:14px}input:focus,textarea:focus,select:focus,button:focus{outline:2px solid rgba(45,103,216,.2);outline-offset:1px}.login-shell{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 10% 10%,#dae8ff,#f3f4f6 35%,#eef2f9)}.login-card{width:min(100%,430px);background:var(--surface);border-radius:18px;box-shadow:var(--shadow-soft);border:1px solid var(--border);padding:24px;display:grid;gap:12px}.login-card h1{margin:0;font-size:28px}.app-shell{display:grid;grid-template-columns:182px 1fr;min-height:100vh}.sidebar{background:linear-gradient(180deg,var(--nav) 0%,var(--nav-alt) 100%);color:#f8fbff;padding:10px 8px;display:flex;flex-direction:column;gap:10px}.sidebar-brand{padding:0 6px 10px;display:flex;align-items:center;gap:9px;border-bottom:1px solid rgba(255,255,255,.08)}.sidebar-brand-mark{width:28px;height:28px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:13px;background:#2f66de;box-shadow:0 4px 10px #2f66de59}.sidebar-brand h1{margin:0;font-size:22px;line-height:1}.sidebar-brand p{margin:2px 0 0;font-size:12px;opacity:.72}.sidebar-collapse{margin-left:auto;width:20px;height:20px;border-radius:999px;padding:0;color:#dbe4f7;border-color:#ffffff26;background:#ffffff0a;font-size:11px}.sidebar nav{display:grid;gap:2px}.nav-item{text-decoration:none;padding:9px 10px;border-radius:10px;color:#cfdbef;font-size:14px;font-weight:500}.nav-item-content{display:flex;align-items:center;gap:8px}.nav-item-icon{width:20px;height:20px;border-radius:7px;display:inline-flex;align-items:center;justify-content:center;font-size:9px;font-weight:700;color:#cfe0ff;border:1px solid rgba(255,255,255,.16);background:#ffffff0d}.nav-item.active,.nav-item:hover{background:#ffffff14;color:#fff;text-decoration:none}.nav-item.active .nav-item-icon,.nav-item:hover .nav-item-icon{border-color:#ffffff59;background:#ffffff24}.sidebar-user{margin-top:auto;margin-inline:8px;padding:10px;border-top:1px solid rgba(255,255,255,.16);display:flex;align-items:center;gap:10px}.avatar{width:30px;height:30px;border-radius:999px;background:#ffffff29;display:inline-flex;align-items:center;justify-content:center;font-weight:600;font-size:12px}.sidebar-user strong{display:block;font-size:13px}.sidebar-user p{margin:2px 0 0;opacity:.72;font-size:12px}.main-content{padding:0 16px 20px}.topbar{height:54px;margin:0 -16px 14px;padding:0 16px;display:flex;justify-content:space-between;align-items:center;background:#fff;border-bottom:1px solid var(--border);position:sticky;top:0;z-index:8}.topbar-left{width:min(440px,100%)}.global-search{width:100%;position:relative}.global-search input{background:#f2f4f7;border:1px solid #eaecf0;height:36px;padding-left:34px}.global-search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#98a2b3;font-size:13px}.topbar-right{display:flex;align-items:center;gap:8px}.notification-button{position:relative;color:#344054;background:#fff}.notification-count{position:absolute;top:-6px;right:-6px;min-width:18px;height:18px;border-radius:999px;background:#ef4444;color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;padding:0 4px}.page-heading{margin-bottom:14px}.page-heading h2{margin:0;font-size:36px;line-height:1.1}.page-heading p{margin:6px 0 0;color:var(--muted);font-size:15px}.view-content,.stack-layout{display:grid;gap:14px}.panel{background:var(--surface);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow-soft);overflow:hidden}.panel-header{padding:14px 18px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;gap:12px}.panel-header h2{margin:0;font-size:30px;line-height:1}.panel-header p{margin:5px 0 0;color:var(--muted);font-size:14px}.panel-content{padding:14px 18px;display:grid;gap:12px}.panel-actions-inline{display:flex;flex-wrap:wrap;gap:8px}.kpi-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.kpi-card{border:1px solid var(--border);border-radius:11px;background:#f9fbff;padding:11px}.kpi-card-head{display:flex;align-items:center;justify-content:space-between;gap:6px}.kpi-card h4{margin:0;color:var(--muted);font-size:13px;font-weight:600}.kpi-icon{width:26px;height:26px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;color:#2f66de;background:#e7efff}.kpi-card p{margin:7px 0 5px;font-size:35px;font-weight:700;line-height:1}.kpi-trend{font-size:12px;font-weight:600}.kpi-trend.up{color:#12b76a}.kpi-trend.down{color:#f04438}.kpi-trend.neutral{color:#667085}.dashboard-main-grid{display:grid;grid-template-columns:2.1fr 1fr;gap:12px}.dashboard-lower-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.funnel-list,.agent-status-list,.region-list,.activity-list{display:grid;gap:9px}.funnel-row{display:grid;grid-template-columns:minmax(155px,210px) 1fr 50px;gap:10px;align-items:center}.funnel-meta{display:flex;justify-content:space-between;gap:8px;font-size:13px}.funnel-track{height:11px;border-radius:999px;background:#edf0f4;overflow:hidden}.funnel-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,#2d67d8,#20b3c8)}.agent-row{display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid var(--border);padding-bottom:8px}.agent-row h4{margin:0;font-size:16px}.agent-row p{margin:2px 0 0;color:var(--muted);font-size:13px}.agent-row-right{display:grid;justify-items:end;align-content:start;gap:4px}.channel-chart{min-height:170px;display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:8px;align-items:end}.channel-group{border:1px solid var(--border);border-radius:10px;padding:8px;background:#f9fafc;display:grid;gap:8px}.channel-group strong{font-size:13px;text-align:center}.channel-bars{height:120px;display:grid;grid-template-columns:1fr 1fr;gap:7px;align-items:end}.channel-bar{border-radius:8px 8px 4px 4px;position:relative;min-height:8px;display:flex;align-items:flex-start;justify-content:center}.channel-bar small{position:absolute;top:-18px;font-size:10px;color:#475467;font-weight:600}.channel-bar.outbound{background:#2d67d8}.channel-bar.inbound{background:#24b8a5}.chart-legend{display:flex;gap:14px;align-items:center;color:#475467;font-size:12px}.legend-dot{width:9px;height:9px;border-radius:999px;display:inline-block;margin-right:6px;background:#94a3b8}.legend-dot.outbound{background:#2d67d8}.legend-dot.inbound{background:#24b8a5}.region-donut-wrap{display:grid;gap:10px;justify-items:center}.region-donut{width:110px;height:110px;border-radius:999px;position:relative}.region-donut:after{content:"";position:absolute;top:22px;right:22px;bottom:22px;left:22px;border-radius:inherit;background:#fff}.region-row{width:100%;display:flex;justify-content:space-between;border-bottom:1px solid var(--border);padding-bottom:7px;font-size:13px}.region-row span{display:inline-flex;align-items:center}.activity-row{display:flex;gap:10px}.activity-dot{width:8px;height:8px;border-radius:999px;margin-top:9px;background:#2d67d8}.activity-row h4{margin:0;font-size:14px}.activity-row p{margin:2px 0;color:#475467;font-size:13px}.split-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:10px}.toolbar-row{display:flex;gap:10px;align-items:center}.toolbar-row>*{flex:1}.summary-strip{display:flex;flex-wrap:wrap;gap:7px}.summary-strip span{border:1px solid var(--border);border-radius:999px;background:#f8fafc;padding:5px 10px;font-size:12px;color:#344054}.tabs{display:flex;gap:8px;flex-wrap:wrap}.tab-button.active{background:#e9f0ff;border-color:#c5d6ff;color:#123a8b}.inline-form{display:grid;gap:8px;background:var(--surface-alt);border:1px solid var(--border);border-radius:12px;padding:12px}.inline-form h3{margin:0;font-size:15px}.table-shell{border:1px solid var(--border);border-radius:12px;overflow:auto;background:#fff}table{width:100%;border-collapse:collapse;font-size:14px}th,td{text-align:left;border-bottom:1px solid var(--border);padding:10px 8px;vertical-align:top}th{background:#f8fafc;color:#344054;font-size:12px;text-transform:uppercase;letter-spacing:.03em}.table-compact td{font-size:13px}tbody tr:hover{background:#f9fbff}.badge{display:inline-flex;align-items:center;border-radius:999px;background:#e8efff;color:#224f98;font-size:11px;font-weight:600;padding:3px 8px}.badge-success{background:#e8faf0;color:#037847}.badge-warning{background:#fff5e5;color:#b54708}.error-box{border:1px solid #fecaca;background:#fff2f2;color:var(--danger);border-radius:12px;padding:10px;font-size:13px}.success-box{border:1px solid #b7ebd0;background:#f1fff7;color:var(--success);border-radius:12px;padding:10px;font-size:13px}.empty-state{border:1px dashed var(--border);border-radius:12px;padding:20px;text-align:center;color:var(--muted);background:#fcfdff}.empty-state h3{margin:0}.timeline-card,.inbox-item,.conversation-card{border:1px solid var(--border);border-radius:12px;background:#fff;padding:12px}.timeline-head{display:flex;justify-content:space-between;gap:8px;align-items:start}.timeline-head h3,.inbox-item h3,.conversation-card h3{margin:0;font-size:16px}.timeline-steps{display:grid;gap:8px}.timeline-step{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:8px;background:var(--surface-alt);border-radius:10px;padding:8px;font-size:13px}.inbox-item{display:flex;justify-content:space-between;gap:12px}.inbox-item p,.conversation-card p{margin:4px 0 0;color:#475467;font-size:13px}.inbox-meta{display:grid;gap:8px;align-content:start;justify-items:end}.conversation-layout{display:grid;grid-template-columns:300px 1fr;gap:12px}.conversation-list{border:1px solid var(--border);border-radius:12px;padding:8px;display:grid;gap:8px;align-content:start;max-height:620px;overflow:auto;background:#fbfcff}.conversation-list-item{border:1px solid var(--border);border-radius:10px;background:#fff;color:inherit;text-align:left;padding:10px;display:grid;gap:5px}.conversation-list-item.selected{border-color:#9ab5ef;background:#f2f7ff}.conversation-list-item h4{margin:0;font-size:14px}.conversation-list-item p{margin:0;color:var(--muted);font-size:12px}.conversation-detail{min-height:280px}.conversation-card header{display:flex;justify-content:space-between;align-items:center;gap:10px}.message-timeline{display:grid;gap:8px;margin-top:8px}.message{border-radius:10px;padding:8px;border:1px solid var(--border);display:grid;gap:6px}.message-meta{display:flex;justify-content:space-between;align-items:center;gap:10px}.message-meta small{color:#667085}.message.outbound{background:#eef4ff}.message.inbound{background:#effff6}@media (max-width: 1540px){.kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width: 1280px){.dashboard-lower-grid{grid-template-columns:1fr}}@media (max-width: 1140px){.dashboard-main-grid,.conversation-layout{grid-template-columns:1fr}.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 1024px){.app-shell{grid-template-columns:1fr}.sidebar{position:sticky;top:0;z-index:10}.sidebar nav{grid-template-columns:repeat(2,minmax(0,1fr))}.sidebar-user,.sidebar-collapse{display:none}.main-content{padding:0 12px 12px}.topbar{margin:0 -12px 14px;padding:0 12px}.topbar-right{gap:6px}.page-heading h2,.panel-header h2{font-size:28px}.toolbar-row{flex-direction:column;align-items:stretch}.funnel-row{grid-template-columns:1fr}}@media (max-width: 768px){.kpi-grid{grid-template-columns:1fr}.panel-header,.panel-content{padding:12px}.inbox-item{flex-direction:column}.inbox-meta{justify-items:start}}