*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{color:#111827;-webkit-font-smoothing:antialiased;background:#dbe3f5;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;line-height:1.5}button{cursor:pointer;background:0 0;border:none;font-family:inherit}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.app{background-color:#f2f5fc;background-image:radial-gradient(circle at 90% 0,#2563eb0f 0%,#0000 40%),url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0,0 Q300,100 600,0 T1200,0 T1800,0' fill='none' stroke='rgba(37,99,235,0.06)' stroke-width='1.5'/%3E%3Cpath d='M0,20 Q300,120 600,20 T1200,20 T1800,20' fill='none' stroke='rgba(37,99,235,0.04)' stroke-width='1.5'/%3E%3Cpath d='M0,40 Q300,140 600,40 T1200,40 T1800,40' fill='none' stroke='rgba(37,99,235,0.02)' stroke-width='1.5'/%3E%3C/svg%3E");background-position:100% 0,100% 0;background-repeat:no-repeat;background-size:100% 100%,120% 400px;height:100vh;display:flex;overflow:hidden}.main{flex:1;min-width:0;height:100vh;padding:24px 28px 32px;overflow:auto}.sidebar{background:#fff;border-right:1px solid #e5e7eb;flex-direction:column;flex-shrink:0;width:260px;height:100vh;padding:20px 14px 16px;display:flex;overflow:visible}.sidebar__top{flex-shrink:0}.sidebar__nav-scroll{flex:1;min-height:0;margin:0 -6px;padding:0 6px;overflow:hidden auto}.sidebar__nav-scroll::-webkit-scrollbar{width:4px}.sidebar__nav-scroll::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}.sidebar__bottom{flex-shrink:0;margin-top:12px}.sidebar__logo{align-items:center;gap:10px;padding:0 8px 20px;display:flex}.sidebar__logo-icon{width:100%;height:32px}.sidebar__logo-text{color:#111827;letter-spacing:-.02em;font-size:18px;font-weight:700}.sidebar__workspace{text-align:left;border:1px solid #e5e7eb;border-radius:10px;align-items:center;gap:10px;width:100%;margin-bottom:16px;padding:10px 12px;transition:background .15s;display:flex}.sidebar__workspace:hover{background:#f3f4f6}.sidebar__workspace-icon{color:#2563eb;background:#fff;border:1px solid #e5e7eb;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.sidebar__workspace-label{flex-direction:column;flex:1;min-width:0;display:flex}.sidebar__workspace-title{color:#111827;font-size:13px;font-weight:600;line-height:1.3}.sidebar__workspace-sub{color:#6b7280;white-space:nowrap;text-overflow:ellipsis;font-size:11px;line-height:1.3;overflow:hidden}.sidebar__workspace-chevron{color:#9ca3af;flex-shrink:0}.sidebar__nav{flex-direction:column;gap:2px;padding:8px 0 12px;display:flex}.sidebar__nav-item{color:#4b5563;border-radius:8px;align-items:center;gap:10px;padding:9px 12px;font-size:13px;font-weight:500;transition:background .15s,color .15s;display:flex}.sidebar__nav-item:hover{color:#111827;background:#f3f4f6}.sidebar__nav-item--active{color:#fff;background:#2563eb}.sidebar__nav-item--active:hover{color:#fff;background:#1d4ed8}.sidebar__badge{color:#374151;background:#e5e7eb;border-radius:999px;margin-left:auto;padding:2px 8px;font-size:11px;font-weight:600}.sidebar__nav-item--active .sidebar__badge{color:#fff;background:#ffffff40}.sidebar__badge--live{color:#2563eb;background:#dbeafe}.sidebar__nav-item--active .sidebar__badge--live{color:#fff;background:#ffffff40}.sidebar__plan{background:#f0f7ff;border:1px solid #dbeafe;border-radius:12px;margin-bottom:10px;padding:14px}.sidebar__plan-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.sidebar__plan-title{color:#111827;font-size:13px;font-weight:600}.sidebar__plan-manage{color:#2563eb;font-size:12px;font-weight:500}.sidebar__plan-manage:hover{text-decoration:underline}.sidebar__plan-row+.sidebar__plan-row{margin-top:12px}.sidebar__plan-label{color:#6b7280;justify-content:space-between;margin-bottom:6px;font-size:11px;display:flex}.sidebar__plan-label span:last-child{color:#374151;font-weight:500}.sidebar__progress{background:#dbeafe;border-radius:999px;height:6px;overflow:hidden}.sidebar__progress-fill{background:#2563eb;border-radius:999px;height:100%;transition:width .3s}.sidebar__footer{border-top:1px solid #e5e7eb;padding-top:14px}.sidebar__user{text-align:left;border-radius:10px;align-items:center;gap:10px;width:100%;padding:4px 4px 14px;transition:background .15s;display:flex}.sidebar__user:hover{background:#f9fafb}.sidebar__user-avatar{object-fit:cover;background:#e5e7eb;border-radius:50%;flex-shrink:0;width:40px;height:40px}.sidebar__user-info{text-align:left;flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.sidebar__user-name{color:#111827;font-size:14px;font-weight:600;line-height:1.2}.sidebar__user-role{color:#2563eb;font-size:12px;font-weight:500;line-height:1.2}.sidebar__user-chevron{color:#1e3a5f;flex-shrink:0}.sidebar__footer-brand{align-items:center;gap:8px;padding:0 4px 12px;display:flex}.sidebar__footer-logo-icon{flex-shrink:0;width:100%;height:28px}.sidebar__footer-logo-text{letter-spacing:-.02em;font-size:16px;font-weight:700;line-height:1}.sidebar__footer-logo-index{color:#111827}.sidebar__footer-logo-hub{color:#2563eb}.sidebar__footer-copy{color:#9ca3af;margin:0;padding:0 4px;font-size:11px;line-height:1.4}.header{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:24px;display:flex}.header__title{color:#111827;letter-spacing:-.02em;font-size:24px;font-weight:700;line-height:1.25}.header__subtitle{color:#6b7280;margin-top:4px;font-size:14px}.header__actions{flex-shrink:0;align-items:center;gap:12px;display:flex}.header__date-btn{color:#374151;background:#fff;border:1px solid #e5e7eb;border-radius:10px;align-items:center;gap:8px;padding:8px 14px;font-size:13px;font-weight:500;display:flex;box-shadow:0 1px 2px #0000000a}.header__date-btn:hover{background:#f9fafb}.header__icon-btn{color:#4b5563;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;display:flex;position:relative}.header__notif-dot{background:#ef4444;border:2px solid #fff;border-radius:50%;width:8px;height:8px;position:absolute;top:8px;right:8px}.header__avatar{object-fit:cover;border:2px solid #fff;border-radius:50%;width:40px;height:40px;box-shadow:0 1px 3px #0000001a}.metrics{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px;display:grid}.metric-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:18px;position:relative;overflow:hidden;box-shadow:0 12px 30px #0f172a0f}.metric-card__inner{align-items:center;gap:14px;margin-bottom:10px;display:flex}.metric-card__icon{border-radius:16px;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.metric-card__icon--purple{color:#4f46e5;background:radial-gradient(circle at 20% 10%,#f5f3ff 0,#ede9fe 40%,#e0e7ff 100%)}.metric-card__icon--green{color:#15803d;background:radial-gradient(circle at 20% 10%,#ecfdf5 0,#dcfce7 40%,#bbf7d0 100%)}.metric-card__icon--orange{color:#ea580c;background:radial-gradient(circle at 20% 10%,#fff7ed 0,#ffedd5 40%,#fed7aa 100%)}.metric-card__icon--blue{color:#2563eb;background:radial-gradient(circle at 20% 10%,#eff6ff 0,#dbeafe 40%,#bfdbfe 100%)}.metric-card__content{flex:1;min-width:0}.metric-card__title{color:#6b7280;font-size:13px;font-weight:500}.metric-card__value{color:#111827;letter-spacing:-.02em;font-size:28px;font-weight:700;line-height:1.15}.metric-card__change{align-items:center;gap:4px;margin-top:6px;font-size:12px;display:flex}.metric-card__arrow,.metric-card__percent{color:#16a34a;font-weight:600}.metric-card__label{color:#9ca3af}.metric-card__chart{pointer-events:none;height:32px;position:absolute;bottom:6px;left:10px;right:10px}.metric-card__chart .sparkline{opacity:.9;width:100%;height:32px;display:block}.card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;box-shadow:0 1px 3px #0000000a}.card__title{color:#111827;font-size:15px;font-weight:600}.grid-row{gap:16px;margin-bottom:20px;display:grid}.grid-row--middle,.grid-row--bottom{grid-template-columns:1fr 340px}.live-call{padding:20px 22px;position:relative}.live-call__header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.live-call__title-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.live-call__title{color:#111827;font-size:15px;font-weight:600}.live-call__live-dot{background:#22c55e;border-radius:50%;width:8px;height:8px;animation:2s ease-in-out infinite pulse-dot;box-shadow:0 0 0 3px #22c55e40}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.6}}.live-call__agent-label{color:#6b7280;font-size:13px}.live-call__agent-label strong{color:#374151;font-weight:600}.live-call__actions{gap:8px;display:flex}.btn{border-radius:8px;padding:7px 14px;font-size:13px;font-weight:500;transition:background .15s}.btn--outline-blue{color:#2563eb;background:#fff;border:1px solid #bfdbfe}.btn--outline-blue:hover{background:#eff6ff}.btn--outline-red{color:#ef4444;background:#fff;border:1px solid #fecaca}.btn--outline-red:hover{background:#fef2f2}.live-call__visual{justify-content:space-between;align-items:center;gap:12px;min-height:230px;padding:20px 8px 28px;display:flex}.live-call__participant{flex-direction:column;flex:0 0 120px;align-items:center;gap:8px;display:flex}.live-call__avatar{object-fit:cover;border:3px solid #fff;border-radius:50%;width:64px;height:64px;box-shadow:0 4px 12px #00000014}.live-call__name{color:#111827;font-size:13px;font-weight:600}.live-call__timer{color:#6b7280;font-variant-numeric:tabular-nums;font-size:12px;font-weight:500}.live-call__mini-wave{width:25px!important;height:20px!important}.live-call__timer-container{justify-content:space-between;align-items:center;gap:10px;display:flex}.live-call__center{flex:1;justify-content:center;align-items:center;min-width:200px;display:flex;position:relative}.live-call__wave-connect{opacity:.7;flex:1;max-width:150px;height:60px}.live-call__ai-ring{justify-content:center;align-items:center;width:88px;height:88px;display:flex;position:relative}.live-call__ai-ring--2,.live-call__ai-ring--3{border:2px solid #bfdbfe;border-radius:50%;animation:2.5s ease-out infinite ring-pulse;position:absolute}.live-call__ai-ring--2{width:100%;height:100%;animation-delay:0s}.live-call__ai-ring--3{opacity:.5;width:120%;height:120%;animation-delay:.8s}@keyframes ring-pulse{0%{opacity:.8;transform:scale(.85)}to{opacity:0;transform:scale(1.15)}}.live-call__ai-core{z-index:1;color:#fff;background:linear-gradient(135deg,#2563eb 0%,#3b82f6 100%);border-radius:50%;justify-content:center;align-items:center;width:70px;height:70px;font-size:20px;font-weight:700;display:flex;position:relative;box-shadow:0 8px 24px #2563eb59}.live-call__agent-logo{border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;display:flex;box-shadow:0 0 15px 1px #f3f5f9}.live-call__agent-logo img{object-fit:cover;width:100%;height:100%;transform:translate(-1px,3px)}.live-call__status{background:#fff;border:1px solid #e8eaed;border-radius:999px;align-items:center;gap:12px;width:auto;padding:12px 22px 12px 16px;display:flex;position:absolute;bottom:10px;left:16px;right:16px;box-shadow:0 1px 3px #0f172a0f}.live-call__status-icon{color:#1d4ed8;background:#eef2ff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.live-call__status-content{flex:1;min-width:0}.live-call__status-title{color:#1d4ed8;letter-spacing:-.01em;margin:0;font-size:14px;font-weight:700;line-height:1.25}.live-call__status-desc{color:#64748b;margin:3px 0 0;font-size:12.5px;font-weight:400;line-height:1.35}.live-call__status-wave{flex-shrink:0;margin-left:auto;width:150px!important;height:40px!important}.speaking-waveform{justify-content:flex-end;align-items:center;gap:3px;width:100%;height:100%;display:flex}.speaking-waveform__bar{width:4px;height:var(--bar-h,50%);background-color:rgba(29, 78, 216, var(--bar-opacity,.6));transform-origin:50%;will-change:transform;animation:speaking-wave-pulse var(--wave-duration,.7s) ease-in-out infinite;animation-delay:var(--wave-delay,0s);border-radius:999px;flex:0 0 4px}@keyframes speaking-wave-pulse{0%,to{transform:scaleY(var(--wave-scale-min,.45))}35%{transform:scaleY(.92)}55%{transform:scaleY(.62)}75%{transform:scaleY(1)}}@media (prefers-reduced-motion:reduce){.speaking-waveform__bar{animation:none}}.waveform{justify-content:center;align-items:center;gap:2px;width:100%;height:100%;display:flex}.waveform__bar{opacity:.85;border-radius:2px;flex:1;max-width:4px;min-height:4px}.waveform--animated .waveform__bar{animation:1.2s ease-in-out infinite alternate wave-bounce}@keyframes wave-bounce{0%{transform:scaleY(.4)}to{transform:scaleY(1)}}.activity-feed{flex-direction:column;padding:18px 18px 12px;display:flex}.activity-feed__header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.activity-feed__link{color:#2563eb;font-size:12px;font-weight:500}.activity-feed__link:hover{text-decoration:underline}.activity-feed__list{flex:1;list-style:none}.activity-feed__item{align-items:stretch;gap:16px;min-height:48px;margin-bottom:24px;padding:0;display:flex}.activity-feed__item:last-child{margin-bottom:0}.activity-feed__icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;margin-top:2px;display:flex}.activity-feed__timeline{flex-direction:column;flex-shrink:0;align-items:center;width:12px;display:flex;position:relative}.activity-feed__dot{z-index:1;background-color:#c4b5fd;border-radius:50%;width:8px;height:8px;margin-top:16px}.activity-feed__dot--active{background-color:#22c55e}.activity-feed__line{background-color:#e5e7eb;width:1.5px;position:absolute;top:24px;bottom:-40px}.activity-feed__content{flex-direction:column;flex:1;gap:4px;min-width:0;padding-top:2px;display:flex}.activity-feed__title{color:#111827;font-size:12px;font-weight:600}.activity-feed__desc{color:#6b7280;font-size:12px}.activity-feed__time{color:#6b7280;white-space:nowrap;flex-shrink:0;padding-top:2px;font-size:12px;font-weight:500}.recent-table{padding:20px 22px 16px;overflow:hidden}.recent-table__title{margin-bottom:16px}.recent-table__wrap{overflow-x:auto}.recent-table__table{border-collapse:collapse;width:100%;font-size:13px}.recent-table__table th{text-align:left;color:#9ca3af;text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid #f3f4f6;padding:10px 12px;font-size:11px;font-weight:600}.recent-table__table td{vertical-align:middle;border-bottom:1px solid #f9fafb;padding:14px 12px}.recent-table__table tbody tr:last-child td{border-bottom:none}.recent-table__customer,.recent-table__agent,.recent-table__channel{align-items:center;gap:10px;display:flex}.recent-table__avatar{color:#374151;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:11px;font-weight:600;display:flex}.agent-icon{color:#7c3aed;background:#ede9fe;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.channel-icon--phone{color:#2563eb}.recent-table__muted{color:#6b7280}.status-pill{border-radius:999px;padding:4px 10px;font-size:11px;font-weight:600;display:inline-block}.status-pill--completed{color:#16a34a;background:#dcfce7}.recent-table__more{color:#9ca3af;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.recent-table__more:hover{color:#4b5563;background:#f3f4f6}.ai-insights{padding:20px}.ai-insights__header{align-items:center;gap:8px;margin-bottom:20px;display:flex}.ai-insights__sparkle{color:#8b5cf6}.ai-insights__body{background:#f8fafc;border-radius:12px;padding:20px}.ai-insights__intent{justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.donut{flex-shrink:0;width:90px;height:90px;position:relative}.donut svg{width:100%;height:100%}.donut__value{color:#2563eb;justify-content:center;align-items:center;font-size:18px;font-weight:700;display:flex;position:absolute;inset:0}.ai-insights__intent-text{flex-direction:column;gap:4px;display:flex}.ai-insights__intent-label{color:#9ca3af;text-transform:uppercase;letter-spacing:.03em;font-size:11px}.ai-insights__intent-value{color:#111827;font-size:16px;font-weight:700}.ai-insights__intent-sub{color:#6b7280;font-size:12px}.ai-insights__list{flex-direction:column;gap:14px;list-style:none;display:flex}.ai-insights__item{align-items:flex-start;gap:12px;display:flex}.ai-insights__item-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.ai-insights__item-icon--blue{color:#2563eb;background:#dbeafe}.ai-insights__item-icon--green{background:#dcfce7}.ai-insights__item-title{color:#111827;font-size:13px;font-weight:600;line-height:1.4}.ai-insights__item-sub{color:#6b7280;margin-top:2px;font-size:12px;font-weight:500}.ai-insights__item-sub--green{color:#16a34a}.sidebar{transition:width .3s,transform .3s;position:relative}.sidebar--collapsed{width:80px}.sidebar--collapsed .sidebar__top{align-items:center;padding:10px 0}.sidebar--collapsed .sidebar__logo{justify-content:center;margin-bottom:20px}.sidebar__logo-collapsed{color:#2563eb;background:#eff6ff;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;font-weight:800;display:flex}.sidebar__collapse-btn{color:#6b7280;cursor:pointer;z-index:10;background:#fff;border:1px solid #e5e7eb;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;display:flex;position:absolute;top:28px;right:-12px;box-shadow:0 1px 2px #0000000d}.sidebar__collapse-btn:hover{color:#111827;background:#f9fafb}.sidebar--collapsed .sidebar__nav-item{justify-content:center;padding:12px}.sidebar--collapsed .sidebar__nav-item span{display:none}.sidebar--collapsed .sidebar__footer{align-items:center;padding:10px 0}.sidebar--collapsed .sidebar__user{background:0 0;justify-content:center;padding:8px 0}.sidebar--collapsed .sidebar__user:hover{background:0 0}.header__greeting-wrap{align-items:center;gap:16px;display:flex}.header__menu-btn{color:#4b5563;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;display:none}.sidebar-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:40;background:#11182766;display:none;position:fixed;inset:0}@media (width<=1400px){.metrics{grid-template-columns:repeat(2,1fr)}.grid-row--middle,.grid-row--bottom{grid-template-columns:1fr}}@media (width<=900px){.header__menu-btn{display:flex}.sidebar{z-index:50;background:#fff;border-right:1px solid #e5e7eb;width:280px;height:100vh;transition:transform .3s;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}.sidebar--mobile-open{transform:translate(0)}.sidebar-overlay{display:block}.metrics{grid-template-columns:1fr}.header{flex-direction:column;align-items:flex-start}.header__greeting-wrap{width:100%}.header__actions{justify-content:space-between;width:100%;margin-top:16px}}@media (width<=640px){.live-call{padding:16px 12px}.live-call__header{flex-wrap:wrap;gap:12px}.live-call__title-row{width:100%}.live-call__actions{justify-content:flex-start;width:100%}.live-call__visual{gap:4px;padding:16px 0 60px}.live-call__participant{flex:1 1 0;min-width:0}.live-call__center{flex:1;min-width:0}.live-call__wave-connect{width:100%;max-width:none}.live-call__ai-ring{width:60px;height:60px}.live-call__ai-core{width:44px;height:44px;font-size:14px}.live-call__avatar,.live-call__agent-logo{width:48px;height:48px}.live-call__name{text-align:center;font-size:11.5px}.live-call__timer{font-size:11px}.live-call__status{gap:8px;padding:8px 12px;left:8px;right:8px}.live-call__status-wave{width:50px!important}.live-call__status-icon{width:28px;height:28px}.live-call__status-title{font-size:12.5px}.live-call__status-desc{font-size:11.5px}.activity-feed{padding:16px 12px 12px}.activity-feed__item{gap:12px}}