@charset "UTF-8";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--blue-900: #0d2d4e;--blue-700: #1a4a78;--blue-400: #4a86b8;--blue-100: #b8d1e5;--blue-50: #e8f0f7;--green: #1a7a3c;--green-bg: #e6f4ea;--red: #c5221f;--red-bg: #fce8e6;--grey: #6b7a8d;--border: #dde3ea;--surface: #f4f6f9}body{font-family:Segoe UI,Arial,sans-serif;background:var(--surface);color:#1a2b3c;font-size:14px;min-height:100vh}header{background:var(--blue-900);color:#fff;padding:0 28px;height:56px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:200;box-shadow:0 2px 8px #0000002e}.header-left{display:flex;align-items:center;gap:12px}.header-logo{width:32px;height:32px;background:#ffffff26;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:17px}.header-title{font-size:16px;font-weight:700;letter-spacing:-.2px}.header-sub{font-size:11px;color:#ffffff80;margin-top:1px}.header-right{display:flex;align-items:center;gap:14px}.header-right a{color:#fff9;font-size:12px;cursor:pointer;text-decoration:underline}.header-badge{background:#ffffff1f;color:#ffffffb3;font-size:11px;padding:3px 10px;border-radius:10px}.controls{background:#fff;border-bottom:1px solid var(--border);padding:10px 28px;display:flex;align-items:center;gap:8px;flex-wrap:wrap;position:sticky;top:56px;z-index:100}.btn-group{display:flex;gap:4px}.ctrl-btn{padding:6px 14px;border:1px solid var(--border);border-radius:6px;background:#fff;color:var(--blue-900);cursor:pointer;font-size:12px;font-weight:500;transition:all .15s}.ctrl-btn:hover{border-color:var(--blue-400);color:var(--blue-700)}.ctrl-btn.active{background:var(--blue-900);color:#fff;border-color:var(--blue-900)}.ctrl-sep{width:1px;background:var(--border);height:28px;margin:0 4px}.ctrl-input{border:1px solid var(--border);border-radius:6px;padding:6px 10px;font-size:12px;color:var(--blue-900)}.ctrl-select{border:1px solid var(--border);border-radius:6px;padding:6px 10px;font-size:12px;background:#fff;color:var(--blue-900);cursor:pointer}main{padding:22px 28px 60px;max-width:1400px;margin:0 auto}.stat-row{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px}.stat-card{background:#fff;border-radius:12px;padding:20px 22px;box-shadow:0 1px 4px #0000000f;border:2px solid transparent;cursor:pointer;transition:all .18s;position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--accent, var(--blue-400));border-radius:12px 12px 0 0}.stat-card:hover{border-color:var(--accent, var(--blue-400));box-shadow:0 4px 16px #0000001a;transform:translateY(-1px)}.stat-card.selected{border-color:var(--accent, var(--blue-400));box-shadow:0 4px 20px #0000001f}.stat-card[data-metric=total]{--accent: #4a86b8}.stat-card[data-metric=resolved]{--accent: #1a7a3c}.stat-card[data-metric=escalated]{--accent: #1a4a78}.stat-card[data-metric=unresolved]{--accent: #c5221f}.stat-icon{font-size:22px;margin-bottom:10px}.stat-label{font-size:11px;font-weight:600;color:var(--grey);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}.stat-value{font-size:32px;font-weight:800;color:var(--blue-900);line-height:1;margin-bottom:4px}.stat-pct{font-size:12px;color:var(--grey)}.stat-hint{font-size:10px;color:var(--blue-400);margin-top:6px;opacity:0;transition:opacity .18s}.stat-card:hover .stat-hint{opacity:1}.charts-row{display:grid;grid-template-columns:2fr 1fr;gap:14px;margin-bottom:20px}.card{background:#fff;border-radius:12px;padding:20px 22px;box-shadow:0 1px 4px #0000000f}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.card-title{font-size:14px;font-weight:700;color:var(--blue-900)}.card-meta{font-size:11px;color:var(--grey)}.chart-legend{display:flex;gap:16px;flex-wrap:wrap;margin-top:10px}.legend-item{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--grey);cursor:pointer;-webkit-user-select:none;user-select:none}.legend-dot{width:10px;height:10px;border-radius:2px;flex-shrink:0}.csat-avg{font-size:36px;font-weight:800;color:var(--blue-900)}.csat-slash{font-size:18px;color:var(--grey)}.csat-stars{color:#fbbc04;font-size:22px;margin:4px 0 16px;letter-spacing:2px}.csat-bar-row{display:flex;align-items:center;gap:8px;margin-bottom:7px;font-size:12px}.csat-bar-label{width:20px;text-align:right;color:var(--grey);font-weight:600}.csat-bar-track{flex:1;background:#eef1f5;border-radius:4px;height:10px;overflow:hidden}.csat-bar-fill{height:100%;border-radius:4px;transition:width .4s ease}.csat-bar-count{width:20px;text-align:right;color:var(--grey)}.table-card{background:#fff;border-radius:12px;box-shadow:0 1px 4px #0000000f;overflow:hidden;margin-bottom:20px}.table-toolbar{padding:16px 20px 12px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;border-bottom:1px solid #eef1f5}.table-title{font-size:14px;font-weight:700;color:var(--blue-900)}.export-group{display:flex;gap:8px}.export-btn{display:flex;align-items:center;gap:7px;padding:7px 14px;border-radius:7px;font-size:12px;font-weight:600;cursor:pointer;border:1px solid var(--border);background:#fff;color:var(--blue-900);transition:all .15s}.export-btn:hover{background:var(--blue-50);border-color:var(--blue-400)}.export-btn:disabled{opacity:.45;cursor:default}.export-btn svg{width:14px;height:14px}th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}th.sortable:hover{color:var(--blue-700)}th.sortable .sort-icon{display:inline-block;margin-left:4px;opacity:.4;font-style:normal;font-size:10px}th.sortable.asc .sort-icon:after{content:" \25b2";opacity:1}th.sortable.desc .sort-icon:after{content:" \25bc";opacity:1}th.sortable:not(.asc):not(.desc) .sort-icon:after{content:" \21c5"}.cb-cell{width:34px;padding:0 10px!important}input[type=checkbox]{width:15px;height:15px;cursor:pointer;accent-color:var(--blue-900)}.selection-bar{display:none;align-items:center;gap:10px;padding:7px 20px;background:var(--blue-50);border-bottom:1px solid var(--blue-100);font-size:12px;color:var(--blue-700);font-weight:600}.selection-bar.visible{display:flex}.sel-count{flex:1}tr.row-selected td{background:#ebf3fa!important}table{width:100%;border-collapse:collapse;font-size:13px}th{text-align:left;padding:9px 14px;background:var(--surface);color:var(--grey);font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.4px;border-bottom:1px solid var(--border);white-space:nowrap}td{padding:10px 14px;border-bottom:1px solid #eef1f5;vertical-align:middle;color:#374151}tr:last-child td{border-bottom:none}tbody tr:hover td{background:#fafbfd}.badge{display:inline-block;padding:3px 9px;border-radius:10px;font-size:11px;font-weight:600;white-space:nowrap}.badge.resolved{background:var(--green-bg);color:var(--green)}.badge.escalated{background:var(--blue-50);color:var(--blue-700)}.badge.unresolved{background:var(--red-bg);color:var(--red)}.stars-display{color:#fbbc04;font-size:13px;letter-spacing:1px}a.ticket-link{color:#1a73e8;text-decoration:none;font-weight:600}a.ticket-link:hover{text-decoration:underline}.pagination{display:flex;align-items:center;gap:8px;padding:12px 20px;justify-content:flex-end;border-top:1px solid #eef1f5}.pagination button{padding:5px 12px;border:1px solid var(--border);border-radius:6px;background:#fff;cursor:pointer;font-size:12px;color:var(--blue-900)}.pagination button:hover:not(:disabled){background:var(--blue-50)}.pagination button:disabled{opacity:.4;cursor:default}.pagination span{font-size:12px;color:var(--grey)}.unanswered-list{list-style:none}.unanswered-list li{display:flex;align-items:center;justify-content:space-between;padding:9px 0;border-bottom:1px solid #eef1f5;font-size:13px;gap:10px}.unanswered-list li:last-child{border-bottom:none}.q-count{background:var(--blue-50);color:var(--blue-700);font-weight:700;padding:2px 9px;border-radius:10px;font-size:12px;white-space:nowrap}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:20px}.modal-overlay{display:flex;position:fixed;inset:0;background:#00000080;z-index:500;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.modal{background:#fff;border-radius:16px;padding:32px 36px;width:380px;box-shadow:0 20px 60px #0003}.modal .modal-icon{font-size:32px;margin-bottom:12px}.modal h2{font-size:18px;margin-bottom:6px;color:var(--blue-900)}.modal p{font-size:13px;color:var(--grey);margin-bottom:20px}.modal input{width:100%;border:1px solid var(--border);border-radius:8px;padding:10px 14px;font-size:14px;margin-bottom:14px}.modal input:focus{outline:none;border-color:var(--blue-400);box-shadow:0 0 0 3px #4a86b826}.modal button{width:100%;padding:10px;background:var(--blue-900);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer}.modal button:hover{background:var(--blue-700)}.conv-overlay{display:flex;position:fixed;inset:0;background:#0000008c;z-index:600;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.conv-modal{background:#fff;border-radius:16px;width:min(680px,96vw);max-height:86vh;display:flex;flex-direction:column;box-shadow:0 24px 64px #00000038;overflow:hidden}.conv-modal-header{padding:18px 22px 14px;border-bottom:1px solid var(--border);display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-shrink:0}.conv-modal-header .conv-meta{font-size:12px;color:var(--grey);margin-top:3px}.conv-modal-header .conv-title{font-size:15px;font-weight:700;color:var(--blue-900)}.conv-modal-header button{border:none;background:none;font-size:20px;cursor:pointer;color:var(--grey);line-height:1;padding:2px 6px;border-radius:6px}.conv-modal-header button:hover{background:var(--surface)}.conv-modal-body{flex:1;overflow-y:auto;padding:18px 22px;display:flex;flex-direction:column;gap:10px}.conv-bubble-wrap{display:flex;flex-direction:column}.conv-bubble-wrap.user{align-items:flex-end}.conv-bubble-wrap.bot{align-items:flex-start}.conv-bubble{max-width:78%;padding:9px 14px;border-radius:14px;font-size:13px;line-height:1.5;white-space:pre-wrap;word-break:break-word}.conv-bubble.user{background:var(--blue-900);color:#fff;border-bottom-right-radius:4px}.conv-bubble.bot{background:#f0f2f5;color:#1a2b3c;border-bottom-left-radius:4px}.conv-bubble.satisfaction{background:#fff8e1;color:#7c5b00;font-style:italic;border:1px solid #ffe082}.conv-time{font-size:10px;color:var(--grey);margin-top:3px;padding:0 2px}.conv-options{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.conv-option-pill{background:var(--blue-50);color:var(--blue-700);border:1px solid var(--blue-100);border-radius:12px;padding:3px 10px;font-size:11px;font-weight:600}.view-btn{background:none;border:1px solid var(--blue-100);border-radius:6px;color:var(--blue-700);font-size:12px;padding:3px 9px;cursor:pointer;white-space:nowrap}.view-btn:hover{background:var(--blue-50);border-color:var(--blue-400)}.muted{color:var(--grey)}@media(max-width:900px){.stat-row{grid-template-columns:repeat(2,1fr)}.charts-row{grid-template-columns:1fr}.two-col{grid-template-columns:1fr!important}}