.metric-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr);padding-bottom:15px}.metric-card{align-items:center;background:#f8f8f8;border:1px solid #e5e5e5;border-radius:12px;box-shadow:0 2px 6px #0000000d;display:flex;gap:14px;padding:20px;transition:all .2s ease}.metric-card:hover{box-shadow:0 6px 14px #00000014;transform:translateY(-2px)}.metric-icon{align-items:center;background:#e7f1ff;border-radius:10px;display:flex;font-size:18px;height:40px;justify-content:center;width:40px}.metric-content{display:flex;flex-direction:column}.metric-title{color:#666;font-size:14px;font-weight:500}.metric-value{color:#111;display:flex;font-size:24px;font-weight:700}.nps-card{background:#f7f8fa;border-radius:16px;box-shadow:0 2px 10px #0000000f;font-family:sans-serif;padding:20px;width:320px}.nps-header{align-items:center;display:flex;font-weight:600;justify-content:space-between}.nps-circle{margin:20px 0}.circle,.nps-circle{display:flex;justify-content:center}.circle{align-items:center;background:conic-gradient(#1f8a5b 0 58%,#e6e6e6 58% 100%);border-radius:50%;height:120px;width:120px}.circle-inner{background:#fff;border-radius:50%;display:flex;flex-direction:column;height:90px;justify-content:center;text-align:center;width:90px}.circle-inner h2{color:#1f8a5b;margin:0}.circle-inner p{color:#777;font-size:12px;margin:0}.nps-status{margin-bottom:15px;text-align:center}.nps-breakdown{display:flex;gap:8px;justify-content:space-between;padding-bottom:10px}.box{background:#e9edf2;border-radius:10px;flex:1 1;padding:10px;text-align:center}.box p{color:#666;font-size:12px;margin:0}.box h3{margin:5px 0 0}.nps-bar{border-radius:6px;display:flex;height:8px;overflow:hidden;width:100%}.bar{height:100%}.nps-breakdown-summary{display:flex;gap:8px;justify-content:space-between;padding-bottom:10px;width:80%}.box-summary{background:#e9edf2;border-radius:10px;flex:1 1;padding:10px;text-align:center}.box-summary p{color:#666;font-size:12px;margin:0}.box-summary h3{margin:5px 0 0}.nps-bar-summary{border-radius:6px;display:flex;height:8px;overflow:hidden;width:80%}.bar-summary{height:80%}.chart-card{background:#f7f8fa;border-radius:16px;box-shadow:0 2px 10px #0000000f;margin-bottom:15px;padding:20px;width:95%}.chart-card :focus{outline:none}.feedback-card{background:#f7f8fa;border-radius:16px;box-shadow:0 4px 20px #0000000d;padding:20px 24px;width:95%}.feedback-title{margin-bottom:16px;padding-left:8px;text-align:left}.table-header th{border-bottom:1px solid #e5e7eb;color:#6b7280;font-size:13px;font-weight:600}.table-row{transition:all .2s ease}.MuiTableRow-root:hover{background-color:#0000!important}.MuiTableCell-root{border-bottom:1px solid #e5e7eb;font-size:14px;padding:12px 8px}.muted{color:#6b7280}.turn-badge{background:#eef1f5;border-radius:999px;color:#374151;font-size:12px;font-weight:500;padding:4px 10px}.feedback-box{align-items:center;display:flex;gap:14px}.like{color:#1f8a5b}.dislike,.like{align-items:center;display:flex;font-weight:500;gap:4px}.dislike{color:#dc2626}.loader-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#fff9;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:9999}.loader{animation:rotation 1s linear infinite;border:5px solid;border-color:#fff #fff #ff3d00;border-radius:50%;box-sizing:border-box;height:48px;width:48px}@keyframes rotation{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.login-container{background:#fff;display:flex;height:100vh}.login-right{align-items:center;display:flex;flex:1 1;justify-content:center}.login-form{background:#f5f5f7;border-radius:20px;box-shadow:0 20px 50px #0000001f;max-width:360px;padding:2.5rem;width:100%}.input-group{margin-bottom:1.25rem}.input-group .MuiTypography-root{color:#6e6e73;font-size:13px;font-weight:500;margin-bottom:4px}.input-group .MuiOutlinedInput-root{background:#fafafa;border-radius:12px}.input-group .MuiOutlinedInput-root fieldset{border-color:#e5e5ea}.input-group .MuiOutlinedInput-root:hover fieldset{border-color:#c7c7cc}.input-group .MuiOutlinedInput-root.Mui-focused fieldset{border-color:#0071e3}.btn{border-radius:12px;font-size:15px;font-weight:600;height:48px;transition:all .2s ease}.btn.primary{background:#0071e3;border:none;color:#fff}.btn.primary:hover{background:#0062c4}.btn.primary:active{transform:scale(.98)}.btn.secondary{background:#fff;border:none;color:#1d1d1f}.btn.secondary:hover{background:#eaeaee}.table-container{background:#fff;border-radius:14px;box-shadow:0 10px 30px #00000014}.table-header{background:#556353}.header-cell{border-bottom:1px solid #e5e5ea;color:#fff!important;font-size:12px;font-weight:600}.header-content{align-items:center;display:flex;gap:6px}.refresh-btn{opacity:.6;transition:opacity .2s ease}.refresh-btn:hover{opacity:1}.table-row{transition:all .25s ease}.table-row:hover{background-color:#fafafa;transform:translateY(-1px)}.table-row:hover .action-buttons{opacity:1;transform:translateX(0)}.primary-cell{color:#1d1d1f;font-weight:500}.primary-cell a{color:#0071e3;text-decoration:none}.primary-cell a:hover{text-decoration:underline}.action-cell{width:90px}.action-buttons{display:flex;gap:4px;opacity:0;transform:translateX(4px);transition:all .2s ease}.action-buttons button{color:#6e6e73}.action-buttons button:hover{color:#1d1d1f}.chat-wrapper{display:flex;font-size:14px;justify-content:center;outline:1px solid #556353;padding:10px;width:100%}.chat-container{gap:16px;max-width:900px;width:100%}.chat-container,.chat-row{display:flex;flex-direction:column}.chat-row{gap:6px}.chat-bubble{border-radius:12px;max-width:80%;padding:10px 14px;text-align:left}.chat-bubble.user{align-self:flex-start;background:#f1f1f1}.chat-bubble.llm{align-self:flex-end;background:#e6f4ea}.label{font-weight:600;margin-bottom:4px}.meta{font-size:12px;margin-top:6px;opacity:.7}.details{cursor:pointer;margin-top:8px}.details-box{background:#fafafa;border-radius:8px;display:flex;flex-direction:column;gap:4px;margin-top:6px;padding:8px}.chat-wrapper .MuiTypography-root{font-size:14px}.details-box pre{max-width:100%;overflow-x:auto}.details-box code,.details-box pre{white-space:pre-wrap;word-break:break-word}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root{min-height:100vh}