:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#14202b;font-synthesis:none;text-rendering:geometricprecision;background:#eef2f6;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:linear-gradient(#f4f7fafa,#e4ebf2fa),#eef2f6;min-width:320px;min-height:100vh;margin:0}button,input,textarea{font:inherit}button{border:0}.app{grid-template-columns:272px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{color:#edf5fb;background:#101923;border-right:1px solid #ffffff14;flex-direction:column;gap:24px;padding:22px 18px;display:flex}.brand{align-items:center;gap:12px;min-height:48px;display:flex}.brandMark{color:#fff;background:linear-gradient(135deg,#30d5c8,#2f7df6);border-radius:8px;place-items:center;width:42px;height:42px;font-weight:800;display:grid}.brand strong,.brand span{display:block}.brand span{color:#8ea2b5;margin-top:2px;font-size:13px}nav{gap:7px;display:grid}.navItem{color:#aebdcc;cursor:pointer;background:0 0;border-radius:8px;align-items:center;gap:10px;width:100%;min-height:42px;padding:0 12px;display:flex}.navItem.active,.navItem:hover{color:#fff;background:#1c2a38}.sidePanel{background:#182532;border:1px solid #263747;border-radius:8px;margin-top:auto;padding:16px}.sidePanelHeader{color:#55d8cf;align-items:center;gap:8px;font-size:13px;display:flex}.sidePanel strong{margin-top:10px;font-size:28px;display:block}.sidePanel p{color:#a9b8c6;margin:7px 0 0;font-size:13px;line-height:1.45}.main{padding:26px;overflow:hidden}.topbar{justify-content:space-between;align-items:center;gap:18px;margin-bottom:22px;display:flex}.eyebrow{color:#66798b;margin:0 0 4px;font-size:13px;font-weight:700}h1,h2{letter-spacing:0;margin:0}h1{font-size:30px;line-height:1.1}h2{font-size:15px}.topActions,.buttonRow,.filterRow{align-items:center;gap:10px;display:flex}.searchBox{color:#66798b;background:#fff;border:1px solid #d5dde6;border-radius:8px;align-items:center;gap:8px;min-width:310px;height:42px;padding:0 12px;display:flex}.searchBox input{color:#14202b;background:0 0;border:0;outline:0;width:100%}.primaryButton,.secondaryButton,.generateButton{cursor:pointer;white-space:nowrap;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:0 14px;display:inline-flex}.primaryButton{color:#fff;background:#1673f3;box-shadow:0 10px 20px #1673f32e}.secondaryButton{color:#1a2d3c;background:#edf3f8;border:1px solid #d6e1ea}.grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.dashboardGrid,.analyticsGrid{align-items:stretch}.panel,.metric{background:#ffffffeb;border:1px solid #d8e1ea;border-radius:8px;box-shadow:0 18px 45px #2a3e5414}.panel{padding:16px}.wide{grid-column:span 3}.metric{text-align:left;color:#14202b;cursor:pointer;gap:6px;min-height:118px;padding:16px;display:grid}.metric span,.metric small{color:#66798b}.metric strong{font-size:34px;line-height:1}.metric.warning strong{color:#c76a00}.metric.ai strong{color:#1673f3}.panelTitle{justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px;display:flex}.panelTitle div{align-items:center;gap:8px;display:flex}.panelTitle span{color:#66798b;font-size:12px;font-weight:700}.bars{grid-template-columns:repeat(24,minmax(0,1fr));align-items:end;gap:5px;height:190px;padding-top:12px;display:grid}.barItem{grid-template-rows:1fr auto;gap:8px;min-width:0;height:100%;display:grid}.barItem small{color:#66798b;text-align:center;min-height:12px;font-size:10px;font-weight:700}.barWrap{background:#eef4f8;border-radius:5px;align-items:end;height:100%;display:flex;overflow:hidden}.barWrap span{background:linear-gradient(#20c8bd,#1673f3);border-radius:5px 5px 0 0;width:100%}.integrationList,.topicList,.actionList,.sourceList{gap:9px;display:grid}.integration,.sourceList div{color:#263747;background:#f5f8fb;border-radius:8px;align-items:center;gap:9px;padding:11px;display:flex}.integration small{color:#287a58;margin-left:auto;font-weight:700}.topicList button,.actionList button{color:#263747;cursor:pointer;background:#f5f8fb;border-radius:8px;justify-content:space-between;align-items:center;min-height:40px;padding:0 12px;display:flex}.stack{gap:14px;display:grid}.filterRow{flex-wrap:wrap}.chip{color:#4f6477;cursor:pointer;background:#fff;border:1px solid #d8e1ea;border-radius:999px;min-height:36px;padding:0 12px}.chip.active{color:#fff;background:#102033;border-color:#102033}.tablePanel{overflow:hidden}.ticketTable{display:grid;overflow-x:auto}.tableHeader,.tableRow{grid-template-columns:minmax(230px,1.6fr) minmax(170px,1fr) minmax(120px,.8fr) minmax(150px,.9fr) minmax(80px,.5fr) minmax(60px,.4fr);align-items:center;gap:12px;min-width:850px;display:grid}.dashboardGrid .tableHeader,.dashboardGrid .tableRow{grid-template-columns:minmax(230px,1.7fr) minmax(170px,1fr) minmax(150px,.9fr) minmax(150px,.9fr) minmax(90px,.45fr);min-width:820px}.tableHeader{color:#66798b;padding:0 12px 10px;font-size:12px;font-weight:800}.tableRow{color:#14202b;text-align:left;cursor:pointer;background:0 0;border-top:1px solid #e8eef4;width:100%;padding:12px}.tableRow:hover{background:#f7fafc}.tableRow strong,.tableRow small{display:block}.tableRow small{color:#66798b;margin-top:3px;line-height:1.25}.channel{align-items:center;gap:6px;display:inline-flex}.status{white-space:nowrap;border-radius:999px;align-items:center;min-height:26px;padding:0 8px;font-size:12px;font-weight:800;display:inline-flex}.status-neu,.status-ki-analysiert{color:#355064;background:#edf3f8}.status-antwort-bereit,.status-wartet-auf-freigabe{color:#8a5500;background:#fff5df}.status-team-erforderlich{color:#a8352c;background:#ffe8e5}.status-gelöst{color:#1f7a4b;background:#def7e9}.decisionBadge{white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;max-width:100%;min-height:26px;padding:0 8px;font-size:12px;font-weight:800;display:inline-flex}.decision-auto-solve{color:#1f7a4b;background:#def7e9}.decision-approval-needed{color:#8a5500;background:#fff5df}.decision-escalate{color:#a8352c;background:#ffe8e5}.dangerText{color:#b5362d;font-weight:800}.ticketLayout{grid-template-columns:minmax(240px,.8fr) minmax(360px,1.2fr) minmax(280px,.9fr);gap:14px;display:grid}.ticketLayout.expanded{grid-template-columns:minmax(240px,.75fr) minmax(360px,1.05fr) minmax(300px,.9fr)}.customerCard,.decision,.successNote,.summary,.infoItem,.journeyHero,.alertItem{background:#f5f8fb;border-radius:8px;padding:13px}.customerCard{gap:5px;margin-bottom:14px;display:grid}.customerCard span,.decision span,.intentRow span,.systemGrid span{color:#66798b;font-size:13px}.messageBubble{border-radius:8px;padding:14px;line-height:1.5}.messageBubble.customer{color:#f8fbfd;background:#102033}.timeline{gap:10px;margin-top:16px;display:grid}.timeline div{color:#526779;align-items:center;gap:8px;font-size:13px;display:flex}.intentRow,.systemGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.intentRow{margin-bottom:12px}textarea{resize:vertical;color:#14202b;background:#fbfdff;border:1px solid #d7e1ea;border-radius:8px;outline-color:#1673f3;width:100%;min-height:230px;padding:14px;line-height:1.5}.generateButton{color:#1467d8;background:#eef7ff;border:1px dashed #82b7f6;width:100%;min-height:230px}.buttonRow{flex-wrap:wrap;justify-content:flex-end;margin-top:12px}.successNote{color:#1f7a4b;align-items:center;gap:8px;margin-top:12px;font-weight:700;display:flex}.sourceList{margin:12px 0}.decision{gap:8px;display:grid}.decision strong{line-height:1.3}.systemGrid{margin-top:12px}.systemGrid div{background:#f5f8fb;border-radius:8px;gap:4px;padding:12px;display:grid}.commercePanel{grid-column:span 2}.commerceGrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.infoItem{gap:5px;min-height:74px;display:grid}.infoItem span{color:#66798b;font-size:12px;font-weight:700}.infoItem strong{color:#14202b;font-size:14px;line-height:1.35}.actionPanel{min-width:0}.commerceActions button{gap:10px}.commerceActions button span{text-align:left}.actionLog{border-top:1px solid #e8eef4;gap:6px;margin-top:12px;padding-top:12px;display:grid}.actionLog span{color:#287a58;font-size:12px;font-weight:800}.alertList{gap:9px;display:grid}.alertItem{gap:4px;display:grid}.alertItem span{color:#526779;font-size:13px;line-height:1.35}.alertItem small{color:#1673f3;font-weight:800}.selfServiceGrid{grid-template-columns:minmax(260px,.8fr) minmax(420px,1.4fr) minmax(260px,.8fr);gap:14px;display:grid}.journeyList,.steps,.impactStats{gap:10px;display:grid}.journey{color:#14202b;text-align:left;cursor:pointer;background:#f5f8fb;border:1px solid #0000;border-radius:8px;gap:5px;width:100%;padding:13px;display:grid}.journey.active,.journey:hover{background:#eef7ff;border-color:#9cc8fb}.journey span,.journey small,.journeyHero span{color:#66798b;line-height:1.4}.journeyHero{gap:6px;margin-bottom:14px;display:grid}.journeyHero strong{font-size:24px}.steps div{background:#fbfdff;border:1px solid #e3ebf2;border-radius:8px;align-items:center;gap:10px;padding:12px;display:flex}.steps i{color:#fff;background:#102033;border-radius:50%;flex:none;place-items:center;width:26px;height:26px;font-size:12px;font-style:normal;font-weight:800;display:grid}.voiceGrid{grid-template-columns:minmax(320px,.9fr) minmax(360px,1.1fr) minmax(260px,.8fr);gap:14px;display:grid}.callHero{color:#fff;background:#102033;border-radius:8px;align-items:center;gap:14px;margin-bottom:18px;padding:16px;display:flex}.callHero span{color:#afc0cf;margin-top:4px;display:block}.pulse{background:#1fc7bd;border-radius:50%;place-items:center;width:56px;height:56px;display:grid}.summary{line-height:1.5}.transcriptPanel{min-height:430px}.transcriptLine{border-bottom:1px solid #e8eef4;padding:13px;line-height:1.5}.horizontalBars{gap:14px;display:grid}.horizontalBars>div{grid-template-columns:130px 1fr 48px;align-items:center;gap:10px;display:grid}.horizontalBars div div{background:#edf3f8;border-radius:999px;height:12px;overflow:hidden}.horizontalBars i{background:linear-gradient(90deg,#1673f3,#20c8bd);border-radius:999px;height:100%;display:block}.donut{background:conic-gradient(#1673f3 0 62%, #20c8bd 62% 82%, #e6edf3 82% 100%);border-radius:50%;place-items:center;width:170px;height:170px;margin:8px auto 18px;display:grid}.donut span{background:#fff;border-radius:50%;place-items:center;width:106px;height:106px;font-size:26px;font-weight:800;display:grid}@media (width<=1180px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.wide{grid-column:span 2}.ticketLayout,.ticketLayout.expanded,.voiceGrid,.selfServiceGrid{grid-template-columns:1fr}.commercePanel{grid-column:span 1}.commerceGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=820px){.app{grid-template-columns:1fr}.sidebar{padding:14px;position:static}nav{grid-template-columns:repeat(2,minmax(0,1fr))}.sidePanel{display:none}.main{padding:16px}.topbar,.topActions{flex-direction:column;align-items:stretch}.searchBox{min-width:0}.grid{grid-template-columns:1fr}.wide{grid-column:span 1}.horizontalBars>div,.commerceGrid{grid-template-columns:1fr}}