:root{--cyan:#00f5d4;--cyan-dim:#00c4a8;--cyan-border:#00f5d452;--cyan-glow:#00f5d42e;--black:#04080f;--panel:#06121ce0;--panel2:#001e2899;--text:#e8f9f7;--muted:#b4e6e180;--red:#ff4d6d;--white:#fff;--font-main:"Exo 2",sans-serif;--font-mono:"Share Tech Mono",monospace}*,:after,:before{box-sizing:border-box;margin:0;padding:0}#root,body,html{height:100%;width:100%}body{-webkit-font-smoothing:antialiased;background:#04080f;background:var(--black);color:#e8f9f7;color:var(--text);font-family:Exo\ 2,sans-serif;font-family:var(--font-main);min-height:100vh;overflow-x:hidden}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#00f5d452;background:var(--cyan-border);border-radius:2px}.app-root{height:100vh;overflow:hidden;position:relative;width:100%}.bg-grid{background-image:linear-gradient(#00f5d40a 1px,#0000 0),linear-gradient(90deg,#00f5d40a 1px,#0000 0);background-size:48px 48px;inset:0}.bg-glow,.bg-grid{pointer-events:none;position:fixed;z-index:0}.bg-glow{background:radial-gradient(circle,#00f5d41a 0,#0000 70%);height:700px;right:-200px;top:-200px;width:700px}.scanline{animation:scanline 7s linear infinite;background:linear-gradient(90deg,#0000,#00f5d412,#0000);height:2px;left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:1}@keyframes scanline{0%{transform:translateY(-100%)}to{transform:translateY(100vh)}}.app-layout{display:flex;flex-direction:column;height:100vh;margin:0 auto;max-width:1280px;overflow:hidden;padding:0 28px 32px;position:relative;z-index:2}.main-grid{grid-gap:24px;display:grid;flex:1 1;gap:24px;grid-template-columns:340px 1fr;min-height:0;overflow:hidden}.glass-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:var(--panel);border:1px solid var(--cyan-border);border-radius:20px;box-shadow:0 4px 32px #00000080,inset 0 1px 0 #ffffff0a;overflow:hidden;padding:26px 22px;position:relative}.glass-card:before{background:linear-gradient(90deg,#0000,var(--cyan),#0000);content:"";height:1px;left:0;opacity:.5;position:absolute;right:0;top:0}.card-label{align-items:center;color:var(--cyan);display:flex;font-size:10px;font-weight:600;gap:8px;letter-spacing:3px;margin-bottom:20px;text-transform:uppercase}.card-label:after{background:var(--cyan-border);content:"";flex:1 1;height:1px}.connection-error{background:#ff3c3c1a;border:1px solid #ff3c3c4d;border-radius:10px;color:#ff8282e6;font-size:12px;letter-spacing:.5px;margin-bottom:16px;padding:10px 18px}@media (max-width:900px){.main-grid{grid-template-columns:1fr}}.site-header{border-bottom:1px solid var(--cyan-border);flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:24px;padding:22px 0 20px}.brand,.site-header{align-items:center;display:flex}.brand{gap:18px}.brand-logo{border-radius:8px;display:block;filter:drop-shadow(0 0 14px rgba(0,245,212,.45));height:58px;width:auto}.brand-text{display:flex;flex-direction:column;gap:2px}.brand-name{color:#e0f2f1;color:var(--fg,#e0f2f1);font-size:15px;font-weight:700;letter-spacing:1px}.brand-sub{color:var(--cyan);font-size:10px;font-weight:500;letter-spacing:3px;text-transform:uppercase}.header-center{display:flex;flex:1 1;justify-content:center}.phase-badge{align-items:center;background:#00f5d40f;border:1px solid var(--cyan-border);border-radius:20px;color:#00f5d4cc;display:flex;font-size:10px;font-weight:600;gap:7px;letter-spacing:1.5px;padding:6px 16px;text-transform:uppercase}.phase-dot{animation:blink 1.5s ease-in-out infinite;background:var(--cyan);border-radius:50%;box-shadow:0 0 5px var(--cyan);height:6px;width:6px}.header-right{gap:16px}.header-right,.status-pill{align-items:center;display:flex}.status-pill{border:1px solid var(--cyan-border);border-radius:20px;font-size:11px;font-weight:600;gap:8px;letter-spacing:1.5px;padding:7px 18px;text-transform:uppercase}.status-pill.connected{background:#00f5d412;color:var(--cyan)}.status-pill.disconnected{background:#ff505012;border-color:#ff505040;color:#ff7878cc}.status-dot{border-radius:50%;height:8px;width:8px}.connected .status-dot{animation:blink 2s ease-in-out infinite;background:var(--cyan);box-shadow:0 0 6px var(--cyan)}.disconnected .status-dot{background:#ff5050cc}@keyframes blink{0%,to{opacity:1}50%{opacity:.25}}.mode-toggle-wrap{align-items:center;display:flex;gap:10px;-webkit-user-select:none;user-select:none}.mode-label{color:#5a7a7a;color:var(--muted,#5a7a7a);font-size:10px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;transition:color .25s}.mode-label.active{color:#00f5d4;color:var(--cyan,#00f5d4)}.mode-switch{background:#00f5d41f;border:1px solid #00f5d440;border:1px solid var(--cyan-border,#00f5d440);border-radius:12px;cursor:pointer;height:24px;outline:none;padding:0;position:relative;transition:background .25s,border-color .25s;width:44px}.mode-switch.on{background:#00f5d438;border-color:#00f5d48c;box-shadow:0 0 10px #00f5d44d}.mode-knob{background:#5a7a7a;background:var(--muted,#5a7a7a);border-radius:50%;height:16px;left:3px;position:absolute;top:3px;transition:transform .25s cubic-bezier(.4,0,.2,1),background .25s;width:16px}.mode-switch.on .mode-knob{background:#00f5d4;background:var(--cyan,#00f5d4);box-shadow:0 0 6px #00f5d4;box-shadow:0 0 6px var(--cyan,#00f5d4);transform:translateX(20px)}.voice-panel{display:flex;flex-direction:column;gap:18px}.monitor-hint{background:#f5c4000f;border:1px solid #f5c40026;border-radius:8px;color:var(--muted);font-size:11px;line-height:1.5;margin-bottom:10px;padding:8px 10px}.text-input-wrap{position:relative}.text-input{background:#00141ebf;border:1px solid var(--cyan-border);border-radius:12px;color:var(--text);font-family:var(--font-main);font-size:14px;outline:none;padding:13px 50px 13px 16px;transition:border-color .2s,box-shadow .2s;width:100%}.text-input::placeholder{color:var(--muted)}.text-input:focus{border-color:var(--cyan);box-shadow:0 0 0 3px #00f5d41a}.send-btn{align-items:center;background:var(--cyan);border:none;border-radius:8px;color:var(--black);cursor:pointer;display:flex;height:32px;justify-content:center;position:absolute;right:10px;top:50%;transform:translateY(-50%);transition:background .2s,transform .2s;width:32px}.send-btn:hover:not(:disabled){background:var(--cyan-dim);transform:translateY(-50%) scale(1.1)}.send-btn:disabled{cursor:not-allowed;opacity:.35}.text-input:disabled{cursor:not-allowed;opacity:.5}.connect-btn{background:#00f5d41a;border:1px solid var(--cyan-border);border-radius:10px;color:var(--cyan);cursor:pointer;font-size:12px;font-weight:600;letter-spacing:1.5px;margin-top:12px;padding:10px 0;text-transform:uppercase;transition:background .2s,box-shadow .2s;width:100%}.connect-btn:hover{background:#00f5d42e;box-shadow:0 0 14px #00f5d433}.mic-area{align-items:center;display:flex;flex-direction:column;gap:18px;padding:4px 0;text-align:center}.mic-ring-outer{height:176px;position:relative;width:176px}.ring-svg{animation:spin-slow 8s linear infinite;height:100%;inset:0;position:absolute;width:100%}@keyframes spin-slow{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.mic-btn{align-items:center;background:radial-gradient(circle at 35% 35%,#00f5d438,#00141ef2 65%);border:none;border-radius:50%;box-shadow:0 0 0 2px #00f5d466,0 0 28px #00f5d438,0 8px 32px #000000b3,inset 0 2px 4px #ffffff0d;cursor:pointer;display:flex;height:124px;justify-content:center;left:50%;outline:none;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .25s cubic-bezier(.34,1.56,.64,1);width:124px}.mic-btn:hover:not(:disabled){box-shadow:0 0 0 3px var(--cyan),0 0 50px #00f5d466,0 12px 40px #000000b3;transform:translate(-50%,-50%) scale(1.07)}.mic-btn:active:not(:disabled){transform:translate(-50%,-50%) scale(.95)}.mic-btn.recording{animation:pulse-rec 1.2s ease-in-out infinite;background:radial-gradient(circle at 35% 35%,#ff4d6d47,#140008f2 65%);box-shadow:0 0 0 3px var(--red),0 0 50px #ff4d6d52,0 12px 40px #000000b3}.mic-btn.speaking{animation:pulse-speak 1s ease-in-out infinite;background:radial-gradient(circle at 35% 35%,#00f5d438,#00141ef2 65%);box-shadow:0 0 0 3px var(--cyan),0 0 50px #00f5d459,0 12px 40px #000000b3;cursor:default}.mic-btn.offline,.mic-btn:disabled{cursor:not-allowed;opacity:.4}@keyframes pulse-speak{0%,to{box-shadow:0 0 0 3px var(--cyan),0 0 28px #00f5d440,0 12px 40px #000000b3}50%{box-shadow:0 0 0 6px #00f5d473,0 0 60px #00f5d480,0 12px 40px #000000b3}}@keyframes pulse-rec{0%,to{box-shadow:0 0 0 3px var(--red),0 0 50px #ff4d6d52,0 12px 40px #000000b3}50%{box-shadow:0 0 0 7px #ff4d6d73,0 0 80px #ff4d6d80,0 12px 40px #000000b3}}.mic-icon{height:42px;width:42px}.waveform{align-items:center;display:flex;gap:4px;height:36px}.wave-bar{background:var(--cyan);border-radius:2px;height:6px;opacity:.35;transition:height .1s,opacity .1s;width:4px}.wave-bar.active{animation:wave-anim .6s ease-in-out infinite;background:#f44;background:var(--red,#f44);opacity:1}.wave-bar.speaking{animation:wave-anim .5s ease-in-out infinite;background:var(--cyan);opacity:1}@keyframes wave-anim{0%,to{height:6px}50%{height:28px}}.mic-label{color:var(--muted);font-size:12px;font-weight:500;letter-spacing:2px;text-transform:uppercase;transition:color .2s}.mic-label.active{color:var(--red)}.stats-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.stat-item{background:var(--panel2);border:1px solid #00f5d424;border-radius:12px;overflow:hidden;padding:14px 16px;position:relative}.stat-item:after{background:linear-gradient(90deg,#0000,var(--cyan),#0000);bottom:0;content:"";height:2px;left:0;opacity:.35;position:absolute;right:0}.stat-val{color:var(--cyan);font-family:var(--font-mono);font-size:22px;font-weight:700;line-height:1}.stat-lbl{color:var(--muted);font-size:10px;letter-spacing:1.5px;margin-top:4px;text-transform:uppercase}.dash-panel{flex-direction:column;gap:20px;height:100%}.dash-panel,.transcript-box{display:flex;min-height:0;overflow:hidden}.transcript-box{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:var(--panel);border:1px solid var(--cyan-border);border-radius:20px;box-shadow:0 4px 32px #00000080;flex:1 1;flex-direction:column;position:relative}.transcript-box:before{background:linear-gradient(90deg,#0000,var(--cyan),#0000);content:"";height:1px;left:0;opacity:.5;position:absolute;right:0;top:0}.transcript-header{align-items:center;border-bottom:1px solid var(--cyan-border);display:flex;justify-content:space-between;padding:18px 24px 14px}.clear-btn{background:none;border:1px solid #00f5d426;border-radius:8px;color:var(--muted);cursor:pointer;font-family:var(--font-main);font-size:11px;letter-spacing:1.5px;padding:5px 14px;text-transform:uppercase;transition:border-color .2s,color .2s}.clear-btn:hover{border-color:var(--cyan);color:var(--cyan)}.transcript-body{display:flex;flex:1 1;flex-direction:column;gap:16px;overflow-y:auto;padding:20px 24px}.empty-state{color:var(--muted);font-size:13px;letter-spacing:.5px;margin:auto;text-align:center}.msg{animation:msg-in .3s cubic-bezier(.34,1.56,.64,1);display:flex;flex-direction:column;max-width:88%}@keyframes msg-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.msg-user{align-items:flex-end;align-self:flex-end}.msg-agent{align-items:flex-start;align-self:flex-start}.msg-meta{color:var(--muted);font-size:10px;letter-spacing:1px;margin-bottom:5px;text-transform:uppercase}.msg-bubble{border-radius:16px;font-size:14px;line-height:1.55;padding:12px 18px;position:relative}.msg-user .msg-bubble{background:#00f5d41a;border:1px solid #00f5d447;border-bottom-right-radius:4px;color:var(--text)}.msg-agent .msg-bubble{background:#06121ceb;border:1px solid #00f5d424;border-bottom-left-radius:4px;color:var(--text)}.msg-agent .msg-bubble:before{background:var(--cyan);border-radius:3px 0 0 3px;bottom:0;content:"";left:0;position:absolute;top:0;width:3px}.msg-badge{align-items:center;border-radius:6px;display:inline-flex;font-size:9px;gap:4px;letter-spacing:1.5px;margin-top:5px;padding:2px 8px;text-transform:uppercase}.badge-voice{background:#00f5d417;border:1px solid #00f5d433;color:var(--cyan)}.badge-text{background:#b4e6e10f;border:1px solid #b4e6e11a;color:var(--muted)}.metrics-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr)}.metric-card{border-radius:16px!important;padding:18px 20px!important}.metric-title{color:var(--muted);font-size:10px;letter-spacing:2px;text-transform:uppercase}.metric-val{color:var(--cyan);font-family:var(--font-mono);font-size:26px;font-weight:700;margin-top:4px}.metric-sub{color:var(--muted);font-size:11px;margin-top:2px}.metric-bar-wrap{background:#00f5d414;border-radius:2px;height:4px;margin-top:10px;overflow:hidden}.metric-bar-fill{background:linear-gradient(90deg,var(--cyan-dim),var(--cyan));border-radius:2px;height:100%;transition:width 1.2s cubic-bezier(.4,0,.2,1)}.customer-card{border-radius:14px!important;margin-bottom:0;padding:14px 20px!important}.customer-badge{align-items:center;display:flex;gap:14px}.customer-icon{filter:grayscale(.3);font-size:22px}.customer-info{display:flex;flex:1 1;flex-direction:column;gap:2px}.customer-name{color:#e0f2f1;color:var(--fg,#e0f2f1);font-size:14px;font-weight:600}.customer-meta{color:var(--muted);font-size:10px;letter-spacing:1px}.customer-status{border-radius:8px;font-size:10px;font-weight:700;letter-spacing:1.5px;padding:4px 10px;text-transform:uppercase}.customer-status.existing_verified{background:#00f5d41a;border:1px solid #00f5d44d;color:var(--cyan)}.customer-status.existing_mismatch{background:#ffc8001a;border:1px solid #ffc8004d;color:#ffc800d9}.customer-status.new_customer{background:#64b4ff1a;border:1px solid #64b4ff4d;color:#64b4ffd9}@media (max-width:900px){.metrics-row{grid-template-columns:1fr}}:root{--score-good:#00f5d4;--score-warn:#f5c400;--score-bad:#ff4d4d}.comply-panel{display:flex;flex-direction:column;gap:14px;height:100%;min-height:0;overflow:hidden}.comply-header{border-radius:14px!important;flex-shrink:0;justify-content:space-between;padding:12px 20px!important}.comply-header,.comply-title{align-items:center;display:flex}.comply-title{gap:10px}.comply-indicator{animation:pulse-red 1.4s ease-in-out infinite;background:#ff4d4d;background:var(--score-bad);border-radius:50%;box-shadow:0 0 8px #ff4d4d;box-shadow:0 0 8px var(--score-bad);height:8px;width:8px}@keyframes pulse-red{0%,to{opacity:1}50%{opacity:.4}}.comply-meta{align-items:center;display:flex;gap:14px}.comply-scenario{border:1px solid #f5c4004d;border-radius:8px;color:#f5c400;color:var(--score-warn);font-size:10px;letter-spacing:1.5px;padding:3px 10px;text-transform:uppercase}.comply-body{grid-gap:14px;display:grid;flex:1 1;gap:14px;grid-template-columns:1fr 280px;min-height:0;overflow:hidden}.comply-transcript{border-radius:16px!important;display:flex;flex-direction:column;min-height:0;overflow:hidden;padding:18px 20px!important}.comply-section-label{color:var(--muted);font-size:9px;font-weight:700;letter-spacing:2.5px;margin-bottom:12px;text-transform:uppercase}.comply-transcript-body{display:flex;flex:1 1;flex-direction:column;gap:12px;overflow-y:auto;padding-right:4px}.comply-msg{display:flex;flex-direction:column;max-width:90%}.comply-msg-left{align-items:flex-start;align-self:flex-start}.comply-msg-right{align-items:flex-end;align-self:flex-end}.comply-msg-meta{color:var(--muted);font-size:9px;letter-spacing:1px;margin-bottom:4px;text-transform:uppercase}.comply-bubble{border-radius:14px;font-size:13px;line-height:1.5;padding:10px 16px}.bubble-sim{background:#64b4ff1a;border:1px solid #64b4ff40;border-bottom-left-radius:4px;color:var(--text)}.bubble-human{background:#f5c4001a;border:1px solid #f5c40040;border-bottom-right-radius:4px;color:var(--text)}.comply-voice-badge{color:var(--muted);font-size:9px;letter-spacing:1px;margin-top:3px}.comply-eval-col{display:flex;flex-direction:column;gap:14px;min-height:0;overflow-y:auto}.comply-score-card{border-radius:16px!important;flex-shrink:0;padding:18px!important}.score-row{align-items:center;border-bottom:1px solid #00f5d412;display:flex;justify-content:space-between;padding:8px 0}.score-row:last-of-type{border-bottom:none}.score-label{color:var(--muted);font-size:11px;letter-spacing:1px;text-transform:uppercase}.score-badge{border-radius:8px;font-size:10px;font-weight:700;letter-spacing:1.5px;padding:3px 10px;text-transform:uppercase}.score-good{background:#00f5d41f;border:1px solid #00f5d44d;color:#00f5d4;color:var(--score-good)}.score-warn{background:#f5c4001f;border:1px solid #f5c4004d;color:#f5c400;color:var(--score-warn)}.score-bad{background:#ff4d4d1f;border:1px solid #ff4d4d4d;color:#ff4d4d;color:var(--score-bad)}.discrepancy-alert{align-items:flex-start;animation:flash-alert .6s ease 3;background:#ff4d4d1a;border:1px solid #ff4d4d66;border-radius:10px;display:flex;gap:10px;margin-top:12px;padding:10px 14px}@keyframes flash-alert{0%,to{background:#ff4d4d1a}50%{background:#ff4d4d47}}.discrepancy-icon{flex-shrink:0;font-size:16px;margin-top:1px}.discrepancy-title{color:#ff4d4d;color:var(--score-bad);font-size:9px;font-weight:700;letter-spacing:1.5px;margin-bottom:4px;text-transform:uppercase}.discrepancy-body{color:#ffb4b4e6;font-size:11px;line-height:1.45}.comply-history{border-radius:14px!important;padding:14px 16px!important}.comply-history-list{display:flex;flex-direction:column;gap:6px}.history-row{align-items:center;border-radius:6px;color:var(--muted);display:flex;font-size:10px;gap:7px;padding:5px 6px;transition:background .2s}.history-row:hover{background:#00f5d40a}.history-row-alert{background:#ff4d4d0f}.history-time{color:var(--muted);flex-shrink:0;font-family:var(--font-mono);font-size:9px;letter-spacing:.5px;width:58px}.history-dot{border-radius:50%;flex-shrink:0;height:7px;width:7px}.dot-good{background:#00f5d4;background:var(--score-good)}.dot-warn{background:#f5c400;background:var(--score-warn)}.dot-bad{background:#ff4d4d;background:var(--score-bad)}.history-text{color:var(--muted);flex:1 1;font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width:900px){.comply-body{grid-template-columns:1fr}}
/*# sourceMappingURL=main.a92a4377.css.map*/