@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap";:root{color:#18201d;background:#f2f4ef;font-family:Manrope,ui-sans-serif,system-ui,sans-serif;font-synthesis:none;--ink: #18201d;--muted: #68726e;--line: #dbe0da;--paper: #fffefb;--green: #12654f;--green-dark: #0b4637;--mint: #daf3e8;--orange: #ef6b3d;--danger: #b33c35;--shadow: 0 16px 38px rgba(30, 44, 38, .07)}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{min-width:320px;background:radial-gradient(circle at 78% 0%,#e7f3eb 0,transparent 25rem),#f2f4ef}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.48}h1,h2,h3,p{margin-top:0}h1{font-size:1.75rem;letter-spacing:-.045em;margin-bottom:0}h2{font-size:1.45rem;letter-spacing:-.035em;margin-bottom:.35rem}h3{font-size:1rem;margin-bottom:.25rem}p{color:var(--muted)}small{display:block;color:var(--muted)}.appShell{min-height:100vh;display:grid;grid-template-columns:244px minmax(0,1fr)}.sidebar{position:sticky;top:0;height:100vh;padding:24px 18px;background:#10231d;color:#fff;display:flex;flex-direction:column;border-right:1px solid #234036}.brand{display:flex;align-items:center;gap:11px;border:0;background:transparent;color:#fff;text-align:left;padding:0 8px 26px}.brand>span:last-child{display:grid;line-height:1.05}.brand strong{font-size:1.15rem;letter-spacing:-.03em}.brand small{color:#a9bbb4;font-size:.67rem;letter-spacing:.18em;text-transform:uppercase;margin-top:4px}.brandMark{width:38px;height:38px;border-radius:12px;display:inline-grid;place-items:center;background:#dcf5e9;color:#0a4938;font-weight:800;box-shadow:inset 0 0 0 1px #fff9}.sidebar nav{display:grid;gap:4px}.navItem{width:100%;display:flex;align-items:center;gap:11px;padding:11px 12px;border:0;border-radius:10px;color:#b4c2bd;background:transparent;font-weight:600;text-align:left;transition:.18s ease}.navItem>span{width:26px;height:24px;display:grid;place-items:center;border:1px solid #365248;border-radius:7px;font:500 .58rem DM Mono,monospace;color:#8ba49b}.navItem:hover{background:#18342b;color:#fff}.navItem.active{background:#d9f2e7;color:#0d4b3a}.navItem.active>span{border-color:#97cbb9;color:#0d4b3a}.sidebarFoot{margin-top:auto;border-top:1px solid #2a4039;padding-top:18px;display:grid;gap:12px}.workspaceIdentity{min-width:0;display:flex;align-items:center;gap:10px}.workspaceIdentity>span:last-child{min-width:0}.workspaceIdentity strong,.workspaceIdentity small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.workspaceIdentity small{color:#91a49d;font-size:.72rem;text-transform:capitalize}.avatar{flex:0 0 auto;width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#2d5b4b;color:#dff6ed;font-size:.72rem;font-weight:800}.sidebar .textButton{color:#a9bbb4;justify-self:start}.main{min-width:0}.topbar{min-height:92px;padding:20px clamp(22px,3vw,48px);background:#fffefbc7;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid rgba(210,218,212,.8);display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:20}.eyebrow{margin-bottom:4px;color:var(--green);font:500 .65rem DM Mono,monospace;text-transform:uppercase;letter-spacing:.13em}.statusRail{display:flex;flex-wrap:wrap;justify-content:end;gap:8px}.statusDot{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border:1px solid var(--line);border-radius:999px;background:#ffffffb8;color:#56615d;font-size:.72rem;font-weight:700;white-space:nowrap}.statusDot i{width:7px;height:7px;border-radius:50%;background:#d44c43;box-shadow:0 0 0 3px #f7dfdd}.statusDot.ok i{background:#1c9870;box-shadow:0 0 0 3px #d9f1e8}.statusDot.neutral i{background:#8b9792;box-shadow:0 0 0 3px #e5e9e6}.pageBody{padding:30px clamp(22px,3vw,48px) 56px;max-width:1540px;margin:0 auto}.sectionHead{display:flex;align-items:end;justify-content:space-between;gap:22px;margin:0 0 22px}.sectionHead p{margin-bottom:0;font-size:.88rem}.panel{background:#fffefbf5;border:1px solid var(--line);border-radius:16px;padding:20px;box-shadow:var(--shadow);margin-bottom:20px}.panelHead{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:17px}.panelHead h3,.panelHead p{margin-bottom:0}.metricGrid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-bottom:20px}.metricCard{min-height:142px;padding:18px;background:var(--paper);border:1px solid var(--line);border-radius:15px;display:flex;flex-direction:column;box-shadow:0 8px 25px #22332b0d}.metricCard p{font-size:.76rem;font-weight:700;margin-bottom:17px}.metricCard strong{font-size:1.9rem;line-height:1;letter-spacing:-.05em}.metricCard small{margin-top:auto;font-size:.68rem}.countPill,.badge{display:inline-flex;align-items:center;width:fit-content;padding:5px 8px;border:1px solid #d2ddd7;border-radius:999px;background:#f4f8f5;color:#466157;font:500 .67rem DM Mono,monospace;white-space:nowrap}.badge.danger{color:var(--danger);border-color:#efcbc7;background:#fff0ef;margin-left:7px}.quiet{color:var(--muted);font-size:.76rem}.primary,.secondary,.callButton,.iconButton,.textButton,.callActions button{border:0;border-radius:10px;padding:10px 14px;font-weight:750;transition:transform .12s ease,background .15s ease}.primary{color:#fff;background:var(--green);box-shadow:0 7px 16px #12654f2e}.primary:hover:not(:disabled),.callButton:hover:not(:disabled){background:var(--green-dark);transform:translateY(-1px)}.secondary{color:#294c40;background:#eef4f0;border:1px solid #cbd9d2}.secondary:hover:not(:disabled){background:#e2eee8}.textButton{border:0;background:transparent;padding:2px;color:var(--green);font-size:.77rem;font-weight:750}.iconButton{padding:3px 9px;background:#eef2ef;font-size:1.35rem}.callButton{color:#fff;background:#ed6035;box-shadow:0 7px 16px #df512533}.callButton.compact{padding:9px 12px}.buttonGroup,.actionRow,.inlineStats{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.actionRow{justify-content:space-between;margin-top:18px}label>span{display:block;margin-bottom:6px;color:#53605b;font-size:.69rem;font-weight:750}input,select,textarea{width:100%;color:var(--ink);background:#fbfcfa;border:1px solid #cfd7d2;border-radius:9px;padding:10px 11px;outline:none}input:focus,select:focus,textarea:focus{border-color:#5d9b84;box-shadow:0 0 0 3px #3a8b6c1c}.formGrid{display:grid;gap:14px}.formGrid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.mappingGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.filters{display:flex;align-items:end;gap:14px}.search{min-width:min(460px,100%)}.search.compact{min-width:280px}.check{display:flex;align-items:center;gap:7px;padding-bottom:10px;color:var(--muted);font-size:.78rem}.check input{width:auto}.segment{display:flex;padding:3px;border:1px solid var(--line);background:#e9ede9;border-radius:11px}.segment button{border:0;background:transparent;color:#65706c;padding:7px 10px;border-radius:8px;font-size:.72rem;font-weight:750}.segment button.active{background:var(--paper);color:var(--green-dark);box-shadow:0 2px 8px #18201d14}.tablePanel{padding:0;overflow:hidden}.tableWrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:.77rem}th{padding:11px 14px;background:#f2f5f1;color:#76807c;text-align:left;font:500 .61rem DM Mono,monospace;text-transform:uppercase;letter-spacing:.08em}td{padding:13px 14px;border-top:1px solid #e5e9e5;color:#46514d;vertical-align:middle}td strong{display:block;color:var(--ink)}td small{font-size:.65rem;margin-top:2px}.mono{font-family:DM Mono,monospace;font-size:.72rem}.emptyRow{padding:42px 15px;text-align:center;color:var(--muted)}.dropField{flex:1;position:relative}.dropField input{position:absolute;inset:0;opacity:0;cursor:pointer}.dropField label{display:grid;padding:17px;border:1px dashed #9fb8ad;border-radius:12px;background:#f4f9f6}.dropField label span{margin:3px 0 0}.importPanel{display:flex;align-items:center;gap:15px}.warningList{padding:10px 14px;margin-top:15px;background:#fff7eb;border:1px solid #efd9b8;border-radius:10px}.warningList p{margin:4px 0;font-size:.72rem;color:#845922}.previewStrip{display:flex;flex-wrap:wrap;gap:14px;margin-top:15px;padding:12px 14px;background:#edf6f1;border-radius:10px;font-size:.74rem}.splitLayout{display:grid;grid-template-columns:minmax(250px,330px) minmax(0,1fr);gap:18px;align-items:start}.sessionList{padding:10px}.sessionList .panelHead{padding:8px 7px 0}.sessionRow{width:100%;border:1px solid transparent;background:transparent;padding:11px 10px;border-radius:12px;display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:left}.sessionRow:hover{background:#f3f6f3}.sessionRow.selected{border-color:#aed2c3;background:#eaf5ef}.sessionRow strong,.sessionRow small{display:block}.sessionRow small{margin-top:3px;font-size:.67rem}.ring{--progress: 0deg;width:42px;height:42px;flex:0 0 auto;display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle,white 56%,transparent 58%),conic-gradient(var(--green) var(--progress),#dce3df 0);color:var(--green);font:500 .6rem DM Mono,monospace}.workbench{min-height:500px}.preflight{display:grid;grid-template-columns:minmax(160px,.55fr) minmax(0,1.45fr);align-items:center;gap:20px;padding:14px;margin:12px 0 18px;background:#f3f5f2;border:1px solid #dfe4df;border-radius:12px}.preflight.passed{background:#eaf7f1;border-color:#b8dfcf}.preflight.failed{background:#fff0ef;border-color:#f1c7c2}.preflight strong,.preflight small{display:block}.preflight small{margin-top:4px;color:var(--danger)}.audioControls{display:grid;grid-template-columns:minmax(130px,1fr) 65px minmax(130px,1fr) auto auto;gap:8px;align-items:center}.audioControls select,.audioControls button{padding:8px 9px;font-size:.7rem}.meter{height:8px;background:#d5ddd8;border-radius:10px;overflow:hidden}.meter i{display:block;height:100%;background:linear-gradient(90deg,#3cb58a,#f0bb4d);border-radius:inherit;transition:width .08s linear}.leadFocus{border:1px solid #d8dfda;border-radius:15px;padding:clamp(18px,3vw,30px);background:linear-gradient(135deg,#fff 0,#fbfdfb 72%,#edf7f1)}.leadTitle{display:flex;justify-content:space-between;gap:20px}.leadTitle h2{font-size:2rem}.phoneNumber{align-self:start;padding:8px 10px;border-radius:9px;background:#edf3ef;font:500 .78rem DM Mono,monospace}.leadFacts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:18px 0;margin:16px 0;border-top:1px solid #e2e7e2;border-bottom:1px solid #e2e7e2}.leadFacts span{font-size:.78rem;font-weight:700}.leadFacts small,.notesBox small{margin-bottom:4px;font:500 .59rem DM Mono,monospace;text-transform:uppercase;letter-spacing:.08em}.notesBox{padding:13px;border-radius:10px;background:#f3f5f2}.notesBox p{margin:0;font-size:.78rem;white-space:pre-wrap}.callDock{position:sticky;top:92px;z-index:18;display:flex;align-items:center;gap:20px;min-height:76px;padding:12px clamp(22px,3vw,48px);color:#fff;background:#123329;box-shadow:0 12px 28px #10231d33}.callDock.complete{background:#263b34}.callPulse{display:flex;align-items:center;gap:11px;min-width:175px}.callPulse>span{width:11px;height:11px;border-radius:50%;background:#4fe0a9;box-shadow:0 0 #4fe0a98c;animation:pulse 1.7s infinite}.callDock.complete .callPulse>span{background:#9cac9f;animation:none}.callPulse small,.callPulse strong{display:block;color:#fff}.callPulse small{opacity:.6;font-size:.61rem;text-transform:uppercase;letter-spacing:.12em}.callPulse strong{font:500 .76rem DM Mono,monospace}.callState{display:flex;align-items:center;gap:9px}.callDock .badge{background:#ffffff1a;border-color:#ffffff2e;color:#fff}.callActions{margin-left:auto;display:flex;align-items:center;gap:7px}.callActions button{padding:8px 11px;color:#fff;background:#ffffff1f}.callActions .hangup{background:#d84a3e}.dtmf{position:relative}.dtmfPad{position:absolute;top:43px;right:0;width:150px;padding:8px;display:grid;grid-template-columns:repeat(3,1fr);gap:5px;border-radius:12px;background:#fff;box-shadow:0 15px 35px #00000040}.dtmfPad button{color:var(--ink);background:#eef2ef}.disposition{flex:1;display:grid;grid-template-columns:minmax(150px,.75fr) minmax(160px,.8fr) minmax(180px,1.3fr) auto;gap:8px;align-items:center}.disposition input,.disposition select{padding:8px 9px;font-size:.7rem}.inlineError{grid-column:1/-1;color:#ffd1cc;font-size:.7rem}.savedOutcome{margin-left:auto;text-align:right}.savedOutcome span,.savedOutcome strong{display:block}.savedOutcome span{font-size:.6rem;opacity:.6;text-transform:uppercase}.cardList{display:grid;gap:10px}.callbackCard{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px;border:1px solid #e0e5e1;border-radius:12px}.callbackCard p,.callbackCard h3{margin-bottom:4px}.callbackCard>div:first-child>small{max-width:720px;margin-top:7px}.settingsGrid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.stackList,.agentGrid{display:grid;gap:10px}.configRow{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:14px;padding:11px 0;border-bottom:1px solid #e6e9e6}.configRow:last-child{border:0}.configRow strong,.configRow small{display:block}.agentGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.agentCard{padding:15px;border:1px solid var(--line);border-radius:12px;display:grid;gap:12px}.agentCard .workspaceIdentity small{color:var(--muted)}.toggle{display:inline-flex;align-items:center;gap:7px;cursor:pointer}.toggle input{position:absolute;opacity:0;pointer-events:none}.toggle>span{width:34px;height:19px;position:relative;border-radius:999px;background:#c6ceca;transition:.18s ease}.toggle>span:after{content:"";position:absolute;width:15px;height:15px;top:2px;left:2px;border-radius:50%;background:#fff;transition:.18s ease;box-shadow:0 1px 3px #0003}.toggle input:checked+span{background:var(--green)}.toggle input:checked+span:after{transform:translate(15px)}.toggle em{color:#58645f;font-style:normal;font-size:.69rem;font-weight:700}.complianceNote{padding:10px 12px;margin:15px 0 0;background:#fff7e8;border-radius:9px;color:#765522;font-size:.68rem}.diagnosticGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:20px}.diagnostic{padding:17px;border:1px solid var(--line);border-radius:14px;background:var(--paper)}.diagnostic .statusDot{padding:0;border:0;background:transparent}.diagnostic h3{margin-top:22px}.diagnostic p{margin-bottom:0;font-size:.72rem}.modalBackdrop{position:fixed;inset:0;z-index:100;padding:30px;display:grid;place-items:center;background:#09151194;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.modal{width:min(840px,100%);max-height:calc(100vh - 60px);overflow:auto;padding:22px;border-radius:18px;background:var(--paper);box-shadow:0 30px 80px #00000047}.selectToolbar{display:flex;align-items:center;gap:14px;margin:20px 0 8px;font-size:.75rem}.selectToolbar span:last-child{margin-left:auto;color:var(--muted)}.selectionList{max-height:320px;overflow:auto;border:1px solid var(--line);border-radius:11px}.selectionList label{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;padding:10px 12px;border-bottom:1px solid #e8ebe8}.selectionList label:last-child{border:0}.selectionList input{width:auto}.selectionList strong,.selectionList small{display:block}.selectionList .disabled{opacity:.5;background:#f4f4f2}.banner{margin:12px clamp(22px,3vw,48px) 0;padding:11px 14px;border-radius:10px;font-size:.75rem;font-weight:650}.banner.danger{color:#8e2c26;background:#ffe8e5;border:1px solid #f2c6c1}.banner.warning{color:#75511b;background:#fff3dc;border:1px solid #eed6a8}.banner.success{color:#145c47;background:#e3f6ed;border:1px solid #b9e0d0}.pageBody>.banner{margin-left:0;margin-right:0}.errorCard{display:flex;gap:10px;padding:12px 14px;margin-bottom:16px;color:#9b342d;background:#fff0ee;border:1px solid #edc5c1;border-radius:10px;font-size:.75rem}.emptyState{min-height:220px;display:grid;place-content:center;justify-items:center;text-align:center;padding:30px}.emptyState>span{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:#edf2ee;color:#779086;font-size:1.25rem}.emptyState h3{margin:12px 0 4px}.emptyState p{max-width:350px;margin:0;font-size:.76rem}.center{min-height:100vh;display:grid;place-content:center;justify-items:center;text-align:center;padding:30px}.center.fatal p{max-width:540px}.center .brandMark{margin-bottom:16px}.loader{width:30px;height:30px;border:3px solid #cbd8d2;border-top-color:var(--green);border-radius:50%;animation:spin .8s linear infinite}.loaderLine{height:3px;border-radius:3px;background:linear-gradient(90deg,transparent,var(--green),transparent);background-size:200% 100%;animation:slide 1s infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes slide{to{background-position:-200% 0}}@keyframes pulse{70%{box-shadow:0 0 0 8px #4fe0a900}to{box-shadow:0 0 #4fe0a900}}@media(max-width:1180px){.metricGrid,.mappingGrid{grid-template-columns:repeat(3,1fr)}.audioControls{grid-template-columns:1fr 55px 1fr}.audioControls button{grid-row:2}.diagnosticGrid{grid-template-columns:repeat(2,1fr)}.disposition{grid-template-columns:1fr 1fr}}@media(max-width:860px){.appShell{grid-template-columns:74px minmax(0,1fr)}.sidebar{padding:18px 10px}.brand>span:last-child,.navItem:not(.active){font-size:0}.brand{justify-content:center;padding:0 0 22px}.navItem{justify-content:center;padding:10px;font-size:0}.navItem.active{font-size:0}.navItem>span{font-size:.58rem}.sidebarFoot .workspaceIdentity>span:last-child,.sidebarFoot .textButton{display:none}.sidebarFoot .workspaceIdentity{justify-content:center}.splitLayout,.settingsGrid{grid-template-columns:1fr}.sessionList{max-height:310px;overflow:auto}.callDock{flex-wrap:wrap}.disposition{flex-basis:100%}.agentGrid{grid-template-columns:1fr}}@media(max-width:620px){.appShell{display:block}.sidebar{position:fixed;z-index:50;top:auto;bottom:0;width:100%;height:68px;padding:8px;display:block;border:0}.brand,.sidebarFoot{display:none}.sidebar nav{height:100%;display:flex;overflow-x:auto}.navItem{flex:0 0 56px}.topbar{top:0;min-height:76px;padding:14px 16px}.topbar .statusRail .statusDot:nth-child(2){display:none}.pageBody{padding:22px 14px 95px}.sectionHead{align-items:flex-start;flex-direction:column}.metricGrid{grid-template-columns:repeat(2,1fr)}.mappingGrid,.formGrid.two,.leadFacts,.diagnosticGrid{grid-template-columns:1fr}.metricCard{min-height:125px}.filters,.importPanel{align-items:stretch;flex-direction:column}.preflight,.audioControls{grid-template-columns:1fr}.audioControls button{grid-row:auto}.leadTitle,.callbackCard{flex-direction:column}.callDock{top:76px;padding:10px 14px}.callState{display:none}.callActions{margin-left:auto}.disposition{grid-template-columns:1fr}.modalBackdrop{padding:12px}.configRow{grid-template-columns:1fr}}
