:root{--ink: #17132f;--muted: #6c6681;--line: #e9edf1;--canvas: #f7f9fb;--panel: #ffffff;--teal: #34bbb1;--teal-dark: #23a79e;--teal-soft: #dcf7f4;--coral: #ff6265;--amber: #f1aa3d;--blue: #6d8ff0;--green: #6fcf97;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--ink);background:var(--canvas)}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}.appShell{background:var(--canvas);display:grid;grid-template-columns:244px minmax(0,1fr);min-height:100vh}.sidebar{background:var(--panel);border-right:1px solid var(--line);display:flex;flex-direction:column;min-height:100vh;padding:20px 14px;position:sticky;top:0}.brand{align-items:center;display:flex;gap:10px;margin:0 2px 26px}.brand>span{align-items:center;background:linear-gradient(135deg,var(--teal),#54d6ce);border-radius:8px;color:#fff;display:grid;height:42px;place-items:center;width:42px}.brand strong,.userChip strong,.sideFooter strong{display:block;font-size:14px}.brand small,.userChip small,.sideFooter small{color:var(--muted);display:block;font-size:12px;margin-top:2px}.sidebar nav{display:grid;gap:6px}.sidebar nav button{align-items:center;background:transparent;border:0;border-radius:8px;color:var(--muted);display:flex;gap:12px;min-height:42px;padding:0 16px;text-align:left;width:100%}.sidebar nav button.active{background:linear-gradient(135deg,var(--teal),#3ec8c0);color:#fff;font-weight:700}.sideFooter{align-items:center;border:1px solid var(--line);border-radius:8px;display:flex;gap:10px;margin-top:auto;padding:12px}.content{min-width:0}.loginShell{align-items:center;background:radial-gradient(circle at 15% 20%,#dcf7f4 0,transparent 32%),var(--canvas);display:grid;min-height:100vh;padding:24px;place-items:center}.loginPanel{background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:0 22px 60px #17132f14;max-width:430px;padding:30px;width:100%}.loginBrand{margin-bottom:22px}.loginForm{display:grid;gap:14px;margin:22px 0 14px}.loginForm label{color:var(--muted);display:grid;font-size:12px;font-weight:700;gap:7px;text-transform:uppercase}.loginError{background:#ffe8e9;border:1px solid #ffc4c7;border-radius:8px;color:#c94247;font-size:13px;padding:10px 12px}.topbar{align-items:center;background:var(--panel);border-bottom:1px solid var(--line);display:flex;justify-content:space-between;min-height:104px;padding:24px 38px}h1,h2,p{margin:0}h1{font-size:20px;font-weight:760;letter-spacing:0}h2{font-size:16px;letter-spacing:0}.topbar p,.muted{color:var(--muted);font-size:13px;margin-top:6px}.topActions{align-items:center;display:flex;gap:14px}.iconButton{align-items:center;background:#fff;border:1px solid var(--line);border-radius:8px;color:var(--ink);display:grid;height:38px;place-items:center;position:relative;width:38px}.iconButton.alert span{background:var(--teal);border:2px solid #fff;border-radius:99px;height:10px;position:absolute;right:8px;top:8px;width:10px}.userChip{align-items:center;display:flex;gap:10px;padding-left:8px}.userButton{background:transparent;border:0;color:var(--ink);text-align:left}.userChip>span{align-items:center;background:#f0f3f7;border-radius:99px;color:var(--teal-dark);display:grid;font-weight:800;height:38px;place-items:center;width:38px}.statsGrid,.analysisGrid,.wideGrid,.bottomGrid{display:grid;gap:20px;padding-left:38px;padding-right:38px}.statsGrid{grid-template-columns:repeat(4,minmax(0,1fr));padding-top:32px}.statCard,.panel,.chartPanel{background:var(--panel);border:1px solid var(--line);border-radius:8px}.statCard{align-items:center;display:flex;justify-content:space-between;min-height:132px;padding:24px}.statCopy p{color:var(--muted);font-size:14px}.statCopy strong{display:block;font-size:26px;margin-top:6px}.statCopy small{display:block;font-size:13px;margin-top:10px}.statIcon{align-items:center;background:var(--teal-soft);border-radius:7px;color:var(--teal-dark);display:inline-grid;height:30px;margin-bottom:12px;place-items:center;width:30px}.positive{color:var(--teal-dark)}.negative{color:var(--coral)}.miniBars{align-items:end;display:flex;gap:7px;height:70px}.miniBars span{background:var(--teal);border-radius:5px;display:block;width:18px}.miniBars .dangerBar{background:var(--coral)}.analysisGrid{grid-template-columns:minmax(0,1fr) 320px;padding-top:24px}.chartPanel,.panel{padding:24px}.panelHeader{align-items:center;display:flex;justify-content:space-between;margin-bottom:18px}.legend{display:flex;flex-wrap:wrap;gap:18px;margin-top:12px}.legend span{align-items:center;color:var(--muted);display:inline-flex;font-size:13px;gap:7px}.legend i{border-radius:4px;height:12px;width:12px}.ghostButton{align-items:center;background:#fff;border:1px solid var(--line);border-radius:8px;color:var(--muted);display:inline-flex;gap:7px;min-height:36px;padding:0 12px}.gridLine{stroke:#dce3e8;stroke-dasharray:3 4}.axisText{fill:var(--muted);font-size:12px}.donutWrap{align-items:center;display:grid;gap:18px;grid-template-columns:150px 1fr}.donut{transform:rotate(-90deg)}.donut text{transform:rotate(90deg);transform-origin:60px 60px}.donutNumber{fill:var(--ink);font-size:22px;font-weight:800}.donutLabel{fill:var(--muted);font-size:11px}.stageList{display:grid;gap:11px}.stageList div{align-items:center;display:grid;gap:8px;grid-template-columns:10px 1fr auto}.stageList span{border-radius:99px;height:10px;width:10px}.stageList p{color:var(--muted);font-size:13px}.wideGrid{grid-template-columns:minmax(0,1fr) 360px;padding-top:20px}.tableScroll{overflow-x:auto}table{border-collapse:collapse;width:100%}th{color:var(--muted);font-size:12px;font-weight:700;padding:0 12px 12px;text-align:left;text-transform:uppercase}td{border-top:1px solid var(--line);color:#2b2744;font-size:13px;padding:14px 12px;vertical-align:middle}td strong{display:block;font-size:13px}td span{color:var(--muted);display:block;font-size:12px;margin-top:3px}.pill{border-radius:99px;display:inline-flex;font-size:12px;font-weight:700;margin:0;padding:5px 9px}.stage1{background:var(--teal-soft);color:var(--teal-dark)}.stage2{background:#fff2d8;color:#9d6616}.stage3{background:#eef1ff;color:#4d61c9}.stage4{background:#ffe8e9;color:#c94247}.timeline{display:grid;gap:0}.timeline article{display:grid;gap:12px;grid-template-columns:16px 1fr;padding-bottom:20px;position:relative}.timeline article:not(:last-child):before{background:var(--line);bottom:0;content:"";left:6px;position:absolute;top:17px;width:1px}.timelineDot{background:var(--teal);border:3px solid var(--teal-soft);border-radius:99px;height:13px;margin-top:3px;width:13px;z-index:1}.timeline strong{display:block;font-size:13px}.timeline p{color:var(--muted);font-size:13px;line-height:1.45;margin-top:4px}.timeline small{color:#9a95aa;display:block;font-size:12px;margin-top:6px}.bottomGrid{grid-template-columns:320px minmax(0,1fr) 320px;padding-bottom:34px;padding-top:20px}.pageGrid{display:grid;gap:20px;padding:32px 38px 34px}.fullPanel{min-width:0}.clickRow{cursor:pointer}.clickRow:hover td{background:#f7fbfb}.resultList{display:grid;gap:14px}.resultList div{display:grid;gap:7px}.resultList span{color:var(--muted);font-size:12px}.resultList strong{font-size:18px}.resultList i{background:linear-gradient(90deg,var(--teal),var(--coral));border-radius:99px;display:block;height:7px;max-width:100%}.traceSearch{display:flex;gap:8px}input{border:1px solid var(--line);border-radius:8px;flex:1;min-height:40px;padding:8px 12px}textarea{border:1px solid var(--line);border-radius:8px;color:var(--ink);min-height:92px;padding:10px 12px;resize:vertical;width:100%}select{background:#fff;border:1px solid var(--line);border-radius:8px;color:var(--ink);min-height:40px;padding:8px 12px;width:100%}.voiceHero{align-items:center;background:linear-gradient(135deg,var(--teal),#54d6ce);border-radius:8px;color:#fff;display:flex;justify-content:space-between;min-height:168px;padding:28px}.voiceHero h2{font-size:24px;margin-top:8px}.voiceHero p{color:#ffffffe0;font-size:14px;line-height:1.55;margin-top:10px;max-width:620px}.eyebrow{color:#ffffffd1;display:block;font-size:12px;font-weight:800;letter-spacing:0;text-transform:uppercase}.voiceStatus{background:#ffffff29;border:1px solid rgba(255,255,255,.32);border-radius:8px;min-width:230px;padding:18px}.voiceStatus strong,.voiceStatus span,.voiceStatus small{display:block}.voiceStatus span{font-size:22px;font-weight:800;margin-top:8px}.voiceStatus small{color:#ffffffd1;margin-top:8px}.voiceGrid{display:grid;gap:20px;grid-template-columns:repeat(2,minmax(0,1fr))}.settingsGrid.compact{grid-template-columns:repeat(2,minmax(0,1fr))}.voiceForm{grid-template-columns:1fr 2fr}.span2{grid-column:span 2}.providerStatus{border:1px solid var(--line);border-radius:8px;margin-bottom:14px;padding:12px}.providerStatus strong,.providerStatus span{display:block}.providerStatus span{color:var(--muted);font-size:12px;line-height:1.45;margin-top:5px}.providerStatus.ok{background:var(--teal-soft);border-color:#a8e8e2}.providerStatus.bad{background:#fff2d8;border-color:#ffd58a}.scriptPreview{background:#f6fbfb;border:1px solid #bfeee9;border-radius:8px;margin:14px 0;padding:14px}.scriptPreview div{align-items:center;display:flex;gap:10px;justify-content:space-between}.scriptPreview strong{color:var(--ink);font-size:13px}.scriptPreview span{color:var(--muted);font-size:12px}.scriptPreview p{color:var(--ink);font-size:14px;line-height:1.6;margin:10px 0 0}.formGrid{display:grid;gap:14px;grid-template-columns:1.3fr 1fr 1fr}.formGrid label{color:var(--muted);display:grid;font-size:12px;font-weight:700;gap:7px;text-transform:uppercase}.customerForm{background:#f9fbfc;border:1px solid var(--line);border-radius:8px;display:grid;gap:14px;grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:20px;padding:18px}.customerForm label{color:var(--muted);display:grid;font-size:12px;font-weight:700;gap:7px;text-transform:uppercase}.customerForm .checkLabel{align-items:center;align-self:end;background:#fff;border:1px solid var(--line);border-radius:8px;color:var(--ink);display:flex;gap:9px;min-height:40px;padding:0 12px;text-transform:none}.checkLabel input{flex:0 0 auto;min-height:auto;width:auto}.formActions{align-items:end;display:flex;gap:10px;grid-column:span 2;justify-content:flex-end}.formMessage{border-radius:8px;font-size:13px;margin:-4px 0 16px;padding:10px 12px}.formMessage.ok{background:var(--teal-soft);border:1px solid #a8e8e2;color:var(--teal-dark)}.formMessage.bad{background:#ffe8e9;border:1px solid #ffc4c7;color:#c94247}.primaryButton{align-items:center;background:var(--teal);border:0;border-radius:8px;color:#fff;display:inline-flex;font-weight:800;gap:8px;min-height:40px;padding:0 14px}.primaryButton:disabled{cursor:not-allowed;opacity:.55}.scenarioGrid{display:grid;gap:14px;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:18px}.scenarioGrid div{background:#f9fbfc;border:1px solid var(--line);border-radius:8px;padding:14px}.scenarioGrid strong{display:block;font-size:13px}.scenarioGrid span{color:var(--muted);display:block;font-size:13px;margin-top:6px}.rowActions{display:flex;flex-wrap:wrap;gap:6px}.rowActions button{align-items:center;background:#fff;border:1px solid var(--line);border-radius:7px;color:var(--muted);display:inline-flex;gap:5px;min-height:30px;padding:0 9px}.rowActions button:disabled{cursor:not-allowed;opacity:.48}.inlineResult{background:#f9fbfc;border:1px solid var(--line);border-radius:8px;margin-bottom:18px;padding:14px}.inlineResult .panelHeader{margin-bottom:8px}.traceSearch button{align-items:center;background:var(--teal);border:0;border-radius:8px;color:#fff;display:inline-flex;gap:8px;min-height:40px;padding:0 14px}pre{background:#17132f;border-radius:8px;color:#f8fafc;font-size:12px;margin:14px 0 0;max-height:260px;overflow:auto;padding:14px}.drawer{background:#fff;border-left:1px solid var(--line);bottom:0;box-shadow:-22px 0 50px #17132f1f;overflow:auto;padding:22px;position:fixed;right:0;top:0;width:min(520px,92vw);z-index:20}.drawerHeader{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.drawerHeader button{background:var(--teal);border:0;border-radius:8px;color:#fff;min-height:36px;padding:0 14px}.detailSummary{display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:16px}.detailSummary div,.detailBlock{background:#f9fbfc;border:1px solid var(--line);border-radius:8px;padding:12px}.detailSummary strong,.detailBlock h2{display:block;font-size:12px;margin:0;text-transform:uppercase}.detailSummary span,.detailBlock p{color:var(--muted);display:block;font-size:13px;line-height:1.45;margin-top:6px}.detailBlock{margin-bottom:12px}.settingsGrid{display:grid;gap:14px;grid-template-columns:repeat(3,minmax(0,1fr))}.settingsGrid div{background:#f9fbfc;border:1px solid var(--line);border-radius:8px;padding:14px}.settingsGrid strong{display:block;font-size:13px}.settingsGrid span{color:var(--muted);display:block;font-size:13px;margin-top:6px}.emptyState{background:#f7f9fb;border:1px dashed #d9e0e7;border-radius:8px;color:var(--muted);font-size:13px;margin-top:14px;padding:18px}.healthRows{display:grid;gap:13px}.healthRows div{align-items:center;border-bottom:1px solid var(--line);color:var(--muted);display:grid;font-size:13px;gap:9px;grid-template-columns:18px 1fr;padding-bottom:13px}.healthRows div:last-child{border-bottom:0;padding-bottom:0}.healthRows strong{color:var(--ink);display:block;font-size:13px;grid-column:2}@media (max-width: 1180px){.statsGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.analysisGrid,.wideGrid,.bottomGrid,.voiceGrid{grid-template-columns:1fr}}@media (max-width: 840px){.appShell{grid-template-columns:1fr}.sidebar{min-height:auto;position:static}.sidebar nav{grid-template-columns:repeat(2,minmax(0,1fr))}.sideFooter{display:none}.topbar,.statsGrid,.analysisGrid,.wideGrid,.bottomGrid,.pageGrid{padding-left:16px;padding-right:16px}.topbar,.topActions{align-items:flex-start;flex-direction:column}.statsGrid,.settingsGrid,.formGrid,.customerForm,.scenarioGrid,.voiceForm{grid-template-columns:1fr}.span2{grid-column:auto}.voiceHero{align-items:flex-start;flex-direction:column;gap:18px}}