:root{--c-bg:#08090c;--c-bg-2:#0e0f14;--c-bg-3:#131418;--c-surface:#17181e;--c-surface-2:#1d1e26;--c-border:#ffffff12;--c-border-bright:#ffffff21;--c-indigo:#00a8ff;--c-indigo-light:#3bf;--c-indigo-dim:#00a8ff1f;--c-gold:#c9a84c;--c-gold-light:#e2c06a;--c-gold-dim:#c9a84c21;--c-cyan:#00a8ff;--c-cyan-dim:#00a8ff1f;--c-violet:#c9a84c;--c-violet-dim:#c9a84c21;--c-success:#10b981;--c-success-dim:#10b98126;--c-warning:#f59e0b;--c-warning-dim:#f59e0b26;--c-danger:#ef4444;--c-danger-dim:#ef444426;--c-text-1:#f1f2f6;--c-text-2:#9ca3af;--c-text-3:#6b7280;--c-text-inv:#0d0f18;--f-sans:"Inter", system-ui, sans-serif;--f-display:"Space Grotesk", system-ui, sans-serif;--f-mono:"JetBrains Mono", monospace;--r-sm:6px;--r-md:12px;--r-lg:16px;--r-xl:24px;--r-2xl:32px;--shadow-glow-indigo:0 0 32px #6366f140;--shadow-glow-cyan:0 0 32px #00d4ff33;--shadow-card:0 4px 32px #00000080}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--f-sans);background:var(--c-bg);color:var(--c-text-1);-webkit-font-smoothing:antialiased;min-height:100vh;line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font-family:var(--f-sans);cursor:pointer;border:none;outline:none}input,textarea,select{font-family:var(--f-sans)}img,svg{display:block}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--c-bg-2)}::-webkit-scrollbar-thumb{background:var(--c-surface-2);border-radius:99px}::-webkit-scrollbar-thumb:hover{background:var(--c-indigo)}.glass{-webkit-backdrop-filter:blur(20px);border:1px solid var(--c-border);border-radius:var(--r-xl);background:#181b2eb3}.glass-bright{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1px solid var(--c-border-bright);border-radius:var(--r-xl);background:#1e2237d9}.gradient-text{background:linear-gradient(135deg, var(--c-gold-light) 0%, var(--c-indigo-light) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.gradient-text-warm{background:linear-gradient(135deg, var(--c-gold) 0%, var(--c-gold-light) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.text-gold{color:var(--c-gold);font-style:italic}.btn{border-radius:var(--r-md);white-space:nowrap;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex}.btn-primary{background:var(--c-indigo);color:#fff;box-shadow:0 4px 20px #00a8ff4d}.btn-primary:hover{background:var(--c-indigo-light);transform:translateY(-1px);box-shadow:0 8px 28px #00a8ff73}.btn-secondary{background:var(--c-surface);color:var(--c-text-1);border:1px solid var(--c-border-bright)}.btn-secondary:hover{background:var(--c-surface-2)}.btn-ghost{color:var(--c-text-2);border:1px solid var(--c-border);background:0 0}.btn-ghost:hover{color:var(--c-text-1);border-color:var(--c-border-bright)}.btn-danger{background:var(--c-danger-dim);color:var(--c-danger);border:1px solid #ef444440}.btn-success{background:var(--c-success-dim);color:var(--c-success);border:1px solid #10b98140}.btn-sm{padding:7px 14px;font-size:13px}.btn-lg{border-radius:var(--r-lg);padding:14px 28px;font-size:15px}.badge{letter-spacing:.02em;border-radius:99px;align-items:center;gap:5px;padding:3px 10px;font-size:12px;font-weight:600;display:inline-flex}.badge-indigo{background:var(--c-indigo-dim);color:var(--c-indigo-light)}.badge-cyan{background:var(--c-cyan-dim);color:var(--c-cyan)}.badge-violet{background:var(--c-violet-dim);color:var(--c-violet)}.badge-success{background:var(--c-success-dim);color:var(--c-success)}.badge-warning{background:var(--c-warning-dim);color:var(--c-warning)}.badge-danger{background:var(--c-danger-dim);color:var(--c-danger)}.pulse-dot{background:var(--c-success);border-radius:50%;flex-shrink:0;width:8px;height:8px;position:relative}.pulse-dot:after{content:"";background:var(--c-success);opacity:.35;border-radius:50%;animation:1.8s ease-in-out infinite pulse;position:absolute;inset:-3px}.pulse-dot.indigo,.pulse-dot.indigo:after{background:var(--c-indigo)}.pulse-dot.cyan,.pulse-dot.cyan:after{background:var(--c-cyan)}@keyframes pulse{0%,to{opacity:.35;transform:scale(1)}50%{opacity:0;transform:scale(2.2)}}.shimmer{background:linear-gradient(90deg, var(--c-surface) 25%, var(--c-surface-2) 50%, var(--c-surface) 75%);border-radius:var(--r-sm);background-size:400% 100%;animation:1.5s infinite shimmer}@keyframes shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-16px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.anim-fade-up{animation:.5s both fadeInUp}.anim-fade{animation:.4s both fadeIn}.anim-slide-l{animation:.4s both slideInLeft}.anim-slide-r{animation:.4s both slideInRight}.anim-scale-in{animation:.4s both scaleIn}.delay-1{animation-delay:50ms}.delay-2{animation-delay:.1s}.delay-3{animation-delay:.15s}.delay-4{animation-delay:.2s}.delay-5{animation-delay:.25s}.delay-6{animation-delay:.3s}.grid-2{grid-template-columns:1fr 1fr;gap:20px;display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.grid-4{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.app-layout{min-height:100vh;display:flex}.main-content{background:var(--c-bg);flex:1;min-height:100vh;margin-left:260px}.page-inner{max-width:1400px;padding:32px}.divider{background:var(--c-border);width:100%;height:1px;margin:20px 0}.noise-bg{position:relative}.noise-bg:before{content:"";opacity:.03;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:128px;position:absolute;inset:0}.progress-bar{background:var(--c-surface-2);border-radius:99px;height:6px;overflow:hidden}.progress-fill{border-radius:99px;height:100%;transition:width .8s cubic-bezier(.16,1,.3,1)}.progress-fill.indigo{background:linear-gradient(90deg, var(--c-indigo), var(--c-indigo-light))}.progress-fill.cyan{background:linear-gradient(90deg, var(--c-cyan), #00bfff)}.progress-fill.success{background:linear-gradient(90deg, var(--c-success), #34d399)}.progress-fill.warning{background:linear-gradient(90deg, var(--c-warning), #fcd34d)}.agent-chip{background:var(--c-indigo-dim);color:var(--c-indigo-light);border:1px solid #6366f133;border-radius:99px;align-items:center;gap:6px;padding:4px 12px;font-size:12px;font-weight:600;display:inline-flex}.metric-card{border-radius:var(--r-xl);background:var(--c-surface);border:1px solid var(--c-border);padding:24px;transition:border-color .2s,transform .2s}.metric-card:hover{border-color:var(--c-border-bright);transform:translateY(-2px)}.tag{background:var(--c-bg-3);border:1px solid var(--c-border);border-radius:var(--r-sm);color:var(--c-text-2);align-items:center;padding:4px 10px;font-size:11px;font-weight:500;display:inline-flex}.glow-indigo{box-shadow:0 0 0 1px var(--c-indigo), var(--shadow-glow-indigo)}.glow-cyan{box-shadow:0 0 0 1px var(--c-cyan), var(--shadow-glow-cyan)}.score-ring-container{justify-content:center;align-items:center;display:inline-flex;position:relative}.score-ring-container .score-value{font-family:var(--f-display);color:var(--c-text-1);font-size:22px;font-weight:700;position:absolute}.score-ring-container .score-label{color:var(--c-text-3);text-transform:uppercase;letter-spacing:.08em;font-size:10px;font-weight:600;position:absolute;bottom:14px}.waveform{align-items:center;gap:3px;height:32px;display:flex}.waveform-bar{background:var(--c-indigo);transform-origin:bottom;border-radius:99px;width:3px;animation:1.2s ease-in-out infinite wave}@keyframes wave{0%,to{transform:scaleY(.3)}50%{transform:scaleY(1)}}.typing-dots{align-items:center;gap:4px;display:inline-flex}.typing-dots span{background:var(--c-indigo);border-radius:50%;width:6px;height:6px;animation:1.2s ease-in-out infinite typingBounce}.typing-dots span:nth-child(2){animation-delay:.2s}.typing-dots span:nth-child(3){animation-delay:.4s}@keyframes typingBounce{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-6px)}}.sidebar{background:var(--c-bg-2);border-right:1px solid var(--c-border);z-index:100;flex-direction:column;width:260px;height:100vh;display:flex;position:fixed;top:0;left:0;overflow-y:auto}.sidebar-logo{border-bottom:1px solid var(--c-border);padding:24px 20px 20px}.sidebar-section-title{text-transform:uppercase;letter-spacing:.12em;color:var(--c-text-3);padding:20px 20px 8px;font-size:10px;font-weight:700}.nav-item{color:var(--c-text-2);cursor:pointer;text-align:left;background:0 0;border-radius:0;align-items:center;gap:10px;width:100%;padding:10px 20px;font-size:14px;font-weight:500;transition:all .15s;display:flex;position:relative}.nav-item:hover{color:var(--c-text-1);background:#ffffff0a}.nav-item.active{color:var(--c-indigo-light);background:var(--c-indigo-dim)}.nav-item.active:before{content:"";background:var(--c-indigo);border-radius:0 99px 99px 0;width:3px;position:absolute;top:4px;bottom:4px;left:0}.nav-item .nav-icon{flex-shrink:0;width:18px;height:18px}.nav-badge{background:var(--c-indigo);color:#fff;border-radius:99px;margin-left:auto;padding:2px 7px;font-size:11px;font-weight:700}.topbar{border-bottom:1px solid var(--c-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:50;background:#07080dcc;align-items:center;gap:16px;height:64px;padding:0 32px;display:flex;position:sticky;top:0}.live-indicator{color:#ef4444;text-transform:uppercase;letter-spacing:.06em;background:#ef444426;border:1px solid #ef44444d;border-radius:99px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:700;display:inline-flex}.live-indicator .dot{background:#ef4444;border-radius:50%;width:6px;height:6px;animation:1s infinite pulse}.coaching-card{border-radius:var(--r-lg);border:1px solid var(--c-border);background:var(--c-surface);padding:16px;animation:.35s both slideInRight}.coaching-card.urgent{background:linear-gradient(135deg, #f59e0b0d, var(--c-surface));border-color:#f59e0b66}.coaching-card.success{background:linear-gradient(135deg, #10b9810d, var(--c-surface));border-color:#10b98166}.coaching-card.insight{background:linear-gradient(135deg, #6366f10d, var(--c-surface));border-color:#6366f166}.text-sm{font-size:13px}.text-xs{font-size:11px}.text-mono{font-family:var(--f-mono)}.text-dim{color:var(--c-text-2)}.text-dimmer{color:var(--c-text-3)}.font-display{font-family:var(--f-display)}.font-bold{font-weight:700}.font-semibold{font-weight:600}.mt-auto{margin-top:auto}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-1{gap:4px}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.gap-5{gap:20px}.gap-6{gap:24px}.p-4{padding:16px}.p-5{padding:20px}.p-6{padding:24px}.mb-1{margin-bottom:4px}.mb-2{margin-bottom:8px}.mb-3{margin-bottom:12px}.mb-4{margin-bottom:16px}.mb-6{margin-bottom:24px}.mb-8{margin-bottom:32px}.w-full{width:100%}.rounded-full{border-radius:99px}.two-col{grid-template-columns:1fr 360px;gap:20px;display:grid}.two-col-wide{grid-template-columns:1fr 380px;gap:20px;display:grid}.two-col-equal{grid-template-columns:1fr 1fr;gap:20px;display:grid}.mobile-nav{background:var(--c-bg-2);border-top:1px solid var(--c-border);z-index:200;-webkit-backdrop-filter:blur(16px);height:64px;display:none;position:fixed;bottom:0;left:0;right:0}.mobile-nav-inner{align-items:stretch;height:100%;display:flex}.mobile-nav-item{cursor:pointer;color:var(--c-text-3);font-size:10px;font-weight:600;font-family:var(--f-sans);text-transform:uppercase;letter-spacing:.04em;-webkit-tap-highlight-color:transparent;background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;text-decoration:none;transition:color .15s;display:flex}.mobile-nav-item:active{opacity:.7}.mobile-nav-item.active{color:var(--c-indigo)}.mobile-nav-item .mobile-nav-dot{background:var(--c-indigo);opacity:0;border-radius:50%;width:4px;height:4px;margin-top:2px}.mobile-nav-item.active .mobile-nav-dot{opacity:1}@media (width<=1024px){.grid-4{grid-template-columns:repeat(2,1fr)}.two-col,.two-col-wide{grid-template-columns:1fr}}@media (width<=768px){.sidebar{display:none}.mobile-nav{display:flex}.main-content{margin-left:0;padding-bottom:72px}.page-inner{padding:16px 16px 8px}.topbar{height:52px;padding:0 16px}.grid-2,.grid-3,.grid-4,.two-col,.two-col-wide,.two-col-equal{grid-template-columns:1fr}.grid-4.metric-grid{grid-template-columns:repeat(2,1fr);gap:12px}.metric-card{padding:16px}.page-h1{font-size:22px!important}.glass{border-radius:var(--r-lg)}.btn{min-height:44px}.btn-sm{min-height:36px}.mb-8{margin-bottom:20px}.mb-6{margin-bottom:16px}.h-scroll{-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:12px;padding-bottom:4px;display:flex;overflow-x:auto}.h-scroll::-webkit-scrollbar{display:none}.h-scroll>*{flex-shrink:0;min-width:240px}.coaching-card{animation:.35s both fadeInUp}.table-scroll{-webkit-overflow-scrolling:touch;overflow-x:auto}.table-scroll table{min-width:500px}.gauge-row{flex-wrap:wrap;gap:8px}.gauge-row>*{flex:calc(50% - 4px);min-width:120px}.call-header-actions{flex-wrap:wrap;gap:8px}.waveform{display:none}body{font-size:15px}}@media (width<=390px){.page-inner{padding:12px}.metric-card{padding:14px}.grid-4.metric-grid{gap:8px}}@supports (padding-bottom:env(safe-area-inset-bottom)){.mobile-nav{height:calc(64px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom)}.main-content{padding-bottom:calc(72px + env(safe-area-inset-bottom))}}