@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap";:root{--bg-main: #f8fafc;--bg-top-nav: #ffffff;--bg-table: #f8fafc;--bg-table-hover: #f8fafc;--bg-card: #ffffff;--bg-sidebar-footer: #ffffff;--bg-evaluate-box: #ffffff;--bg-chat-input-container: #ffffff;--bg-chat-input: #ffffff;--bg-active-item: #f0fdf4;--border-active-item: #10b981;--bg-textarea: #f9fafb;--text-dark: #0f172a;--text-primary: #1e293b;--text-secondary: #475569;--text-muted: #94a3b8;--border-light: #e2e8f0;--border-card: #f1f5f9;--accent-yellow: #facc15;--accent-orange: #f97316;--accent-green: #10b981;--accent-teal: #2dd4bf;--accent-blue: #3b82f6;--accent-purple: #a855f7;--accent-red: #ef4444;--font-family: "Inter", sans-serif}.dark{--bg-main: #0E1829;--bg-top-nav: #1B2939;--bg-filter: #1B2939;--bg-filter-hover: #263544;--bg-table: #111827;--bg-table-hover: #1f2937;--bg-card: #1B2939;--bg-sidebar-footer: #1B2939;--bg-evaluate-box: #ffffff;--bg-chat-input-container: #111827;--bg-chat-input: #1f2937;--bg-active-item: rgba(16, 185, 129, .1);--border-active-item: #10b981;--bg-textarea: #111827;--text-dark: #f8fafc;--text-primary: #f1f5f9;--text-secondary: #94a3b8;--text-muted: #64748b;--text-white: #f8fafc;--border-light: #2D3B4E;--border-card: #2D3B4E;--bg-disabled: #1B2939}.dark .q-title{color:var(--text-dark)!important}.dark .sidebar-footer,.dark .chat-input-container{background-color:var(--bg-table)!important;border-color:var(--border-light)!important}.dark button:disabled{background-color:#f1f5f9!important;color:#94a3b8!important;border-color:#e2e8f0!important;opacity:.7}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--bg-main);color:var(--text-primary);-webkit-font-smoothing:antialiased}a{text-decoration:none;color:inherit;cursor:pointer}button{cursor:pointer;border:none;background:none;font-family:inherit;outline:none}input{font-family:inherit}@media (max-width: 1200px){.dashboard-inner,.testui-content{max-width:100%}}@media (max-width: 1024px){.sidebar{width:300px}.metrics-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.app-container{height:auto;overflow-y:auto}.testui-content{flex-direction:column;padding:1rem;height:auto!important;overflow:visible!important}.sidebar{width:100%!important;position:relative!important;display:block!important;height:auto!important;min-height:850px!important;max-height:none!important;margin-bottom:2rem!important;border-right:none!important;border-bottom:1px solid var(--border-light)!important}.questions-list{height:600px!important;min-height:600px!important;display:block!important;overflow-y:auto!important;margin-top:1rem!important}.chat-area{height:700px}.metrics-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.charts-grid{grid-template-columns:1fr}.dashboard-content{padding:1rem}.top-nav{padding:.75rem 1rem;height:auto;flex-direction:column;gap:1rem}.top-nav-inner{flex-direction:column;align-items:center;gap:1rem;padding:0}.nav-main-group{width:100%;justify-content:space-between;gap:.5rem}.nav-logo img{height:36px}.nav-links-wrapper{height:38px;gap:2px}.nav-link{padding:0 .75rem;font-size:.75rem}.nav-controls{width:100%;justify-content:center;gap:.5rem;flex-wrap:wrap}.dropdown-btn{height:38px;padding:0 1rem;font-size:.8rem;justify-content:center}.toggle-group{height:38px}.toggle-btn{padding:0 .75rem}.btn-icon.theme-toggle{width:38px;height:38px}.page-header{flex-direction:column;align-items:flex-start;gap:1.5rem}.header-actions{width:100%;flex-wrap:wrap;gap:.75rem}.header-actions>div{flex:1;min-width:140px}.export-btn{width:100%;justify-content:center;height:44px}.card-header{flex-direction:column;align-items:flex-start;gap:1rem}.card-header .flex{width:100%;flex-direction:column;gap:.75rem}.search-input{width:100%!important}.data-table-container{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 -1rem;padding:0 1rem}.data-table{min-width:800px}.pagination{flex-direction:column;gap:1.5rem;align-items:center}}@media (max-width: 480px){.nav-main-group{flex-direction:column;align-items:center}.nav-controls{flex-direction:row;justify-content:space-between}.dropdown-btn span,.dropdown-btn div{display:none}.metrics-grid{grid-template-columns:1fr}.metric-value{font-size:2rem}.page-title{font-size:1.5rem}}.flex{display:flex}.flex-col{display:flex;flex-direction:column}.flex-1{flex:1}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.mt-2{margin-top:.5rem}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-base{font-size:1rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.text-4xl{font-size:2.25rem}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.font-black{font-weight:900}.text-muted{color:var(--text-muted)}.text-secondary{color:var(--text-secondary)}.question-item{color:var(--text-dark);transition:all .2s}.question-item.active{background-color:var(--bg-active-item)!important;border-color:var(--border-active-item)!important}.dark .question-item.active{color:#fff!important}.question-item.active{color:#166534!important}.text-primary{color:var(--text-primary)}.app-container{height:100vh;display:flex;flex-direction:column;overflow:hidden;background-color:var(--bg-main)}.top-nav{height:auto;min-height:80px;background-color:var(--bg-top-nav);border-bottom:1px solid var(--border-light);display:flex;align-items:center;justify-content:center;flex-shrink:0;z-index:1000}.top-nav-inner{max-width:1440px;margin:0 auto;width:100%;display:flex;justify-content:space-between;align-items:center;padding:0 1.5rem}.nav-main-group{display:flex;align-items:center;gap:1.5rem}.nav-logo img{height:48px;width:auto}.nav-links-wrapper{display:flex;gap:4px;background:var(--bg-table);padding:4px;border-radius:8px;border:1px solid var(--border-light);height:44px;align-items:center}.nav-link{display:flex;align-items:center;gap:8px;color:var(--text-secondary);font-size:.875rem;font-weight:700;padding:0 1.5rem;height:100%;border-radius:6px;transition:all .2s ease}.nav-link:hover{color:var(--text-dark)}.nav-link.active{color:var(--border-active-item);background-color:var(--bg-card);box-shadow:0 2px 4px rgba(0,0,0,.06)}.nav-controls{display:flex;align-items:center;gap:1rem}.dropdown-btn{display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 1.5rem;background-color:var(--bg-card);border:1px solid var(--border-light);border-radius:9999px;color:var(--text-primary);font-size:.9rem;font-weight:600;box-shadow:0 1px 3px rgba(0,0,0,.06);transition:all .2s;cursor:pointer;white-space:nowrap}.date-filter-btn{width:210px;justify-content:space-between;border-radius:10px}.dropdown-btn:hover{background-color:var(--bg-table-hover)}.toggle-group{display:flex;align-items:center;background-color:var(--bg-card);border:1px solid var(--border-light);padding:4px;border-radius:14px;height:44px;box-shadow:0 1px 3px rgba(0,0,0,.06)}.toggle-btn{padding:0 1rem;height:100%;border-radius:10px;font-size:.85rem;font-weight:600;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;transition:all .2s}.toggle-btn.active{color:#000;background-color:var(--accent-yellow);font-weight:800}.btn-icon.theme-toggle{width:44px;height:44px;border-radius:50%;background-color:var(--bg-card);border:1px solid var(--border-light);display:flex;align-items:center;justify-content:center;box-shadow:0 1px 3px rgba(0,0,0,.06);transition:all .2s;color:var(--text-secondary)}.btn-icon.theme-toggle:hover{background-color:var(--bg-table-hover);color:var(--text-dark)}.dark .nav-links-wrapper{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.2)}.dark .nav-link:not(.active){color:rgba(255,255,255,.7)}.dark .nav-link.active{background-color:rgba(255,255,255,.15);color:var(--accent-green)}.dark .dropdown-btn,.dark .toggle-group,.dark .btn-icon.theme-toggle{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.2);color:#fff}.dark .toggle-btn:not(.active){color:rgba(255,255,255,.7)}.dashboard-content{flex:1;overflow-y:auto;padding:2.5rem}.dashboard-inner{max-width:1440px;margin:0 auto;width:100%}.page-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:2rem}.page-title{font-size:2rem;font-weight:900;letter-spacing:-.03em;color:var(--text-white);margin-bottom:.25rem}.page-subtitle{font-size:.75rem;font-weight:700;letter-spacing:.05em;color:var(--text-muted);text-transform:uppercase}.header-actions{display:flex;align-items:center;gap:1rem;position:relative}.dropdown-menu{position:absolute;top:100%;left:0;margin-top:.5rem;background-color:#fff;border:1px solid #e2e8f0;border-radius:10px;box-shadow:0 10px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);overflow:hidden;z-index:999;min-width:180px;width:auto;padding:4px}.header-actions>div{position:relative}.header-actions>div:last-child .dropdown-menu{width:100%;min-width:unset}.header-actions>div:first-child .dropdown-menu{width:100%;min-width:unset}.dropdown-item{display:block;width:100%;text-align:left;padding:.65rem 1rem;font-size:.875rem;font-weight:500;color:#1e293b;border-radius:6px;transition:all .2s;margin-bottom:2px}.dropdown-item:last-child{margin-bottom:0}.dropdown-item:hover{background-color:#f8fafc;color:#0f172a}.export-btn{display:flex;align-items:center;justify-content:center;gap:.8rem;padding:.5rem 1.25rem;border-radius:9999px;background:#10b981;color:#fff;font-weight:600;font-size:.875rem;transition:filter .2s;width:160px;white-space:nowrap}.export-btn:hover{filter:brightness(1.1)}.card{background-color:var(--bg-card);border:1px solid var(--border-card);border-radius:12px;padding:1.5rem;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05)}.dark .card{box-shadow:0 10px 15px -3px rgba(0,0,0,.3),0 4px 6px -2px rgba(0,0,0,.3)}.card-title{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;font-weight:800;color:var(--text-secondary)}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.metric-value{font-size:2.5rem;font-weight:900;letter-spacing:-.02em;color:var(--text-dark)}.metric-icon{width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center}.metric-icon.blue{background:#eff6ff;color:#3b82f6}.metric-icon.green{background:#f0fdf4;color:#22c55e}.metric-icon.orange{background:#fff7ed;color:#f97316}.metric-icon.purple{background:#faf5ff;color:#a855f7}.metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;margin-bottom:2rem}.charts-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-bottom:2rem}.badge{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:9999px;font-size:.65rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.badge-text{background-color:#f1f5f9;color:var(--text-secondary)}.badge-voice{background-color:#f3e8ff;color:#9333ea}.badge-error{background-color:#fef2f2;color:#ef4444}.data-table-container{overflow-x:auto}.data-table{width:100%;border-collapse:collapse}.data-table th{text-align:left;padding:1rem .5rem;font-size:.65rem;text-transform:uppercase;font-weight:800;letter-spacing:.05em;color:var(--text-muted);border-bottom:1px solid var(--border-light)}.data-table td{padding:1rem .5rem;border-bottom:1px solid var(--border-card);font-size:.8125rem;color:var(--text-primary);vertical-align:middle}.data-table tr:hover td{background-color:var(--bg-table-hover)}.data-table tr:last-child td{border-bottom:none}.avatar{width:32px;height:32px;border-radius:50%;object-fit:cover;background-color:var(--border-light);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.75rem;color:var(--text-secondary)}.action-btn{color:var(--text-muted);transition:color .15s}.action-btn:hover{color:var(--accent-blue)}.pagination{display:flex;align-items:center;justify-content:space-between;margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--border-light)}.pagination-controls{display:flex;gap:.25rem}.page-btn{padding:.35rem .75rem;border-radius:4px;font-size:.875rem;font-weight:500;border:1px solid var(--border-light);background:#fff!important;color:#1e293b!important;transition:all .2s}.page-btn:hover:not(:disabled){border-color:var(--text-muted);background:var(--bg-table-hover)}.page-btn.active{background:var(--accent-green)!important;color:#fff!important;border-color:var(--accent-green)!important}.page-btn:disabled{opacity:.5;cursor:not-allowed}.text-english{color:var(--accent-blue);font-weight:600;font-size:.75rem}.text-amharic{color:var(--accent-orange);font-weight:600;font-size:.75rem}.testui-content{flex:1;display:flex;gap:1.5rem;padding:0 1.5rem 1.5rem;overflow:hidden;max-width:1440px;margin:0 auto;width:100%}.sidebar{width:380px;background-color:var(--bg-card);border:1px solid var(--border-light);border-radius:12px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 2px 4px rgba(0,0,0,.02)}.sidebar-header{padding:1.5rem 1.5rem 1rem}.sidebar-title{font-size:1.125rem;font-weight:800;color:var(--text-dark)}.search-bar{display:flex;align-items:center;gap:.5rem;background:var(--bg-table);border:1px solid var(--border-light);border-radius:8px;padding:.6rem 1rem;margin-top:1rem}.search-input{border:none;background:transparent;width:100%;font-size:.875rem;color:var(--text-primary)}.search-input:focus{outline:none}.search-input::placeholder{color:var(--text-muted);font-weight:500}.filters-scroll{display:flex;gap:.5rem;overflow-x:auto;padding:0 1.5rem 1rem}.filters-scroll::-webkit-scrollbar{height:5px}.filters-scroll::-webkit-scrollbar-track{background:transparent}.filters-scroll::-webkit-scrollbar-thumb{background-color:#cbd5e1;border-radius:10px}.filters-scroll::-webkit-scrollbar-thumb:hover{background-color:#94a3b8}.filter-chip{padding:.35rem .8rem;border-radius:9999px;font-size:.75rem;font-weight:600;color:var(--text-secondary);white-space:nowrap}.filter-chip.active{background-color:var(--bg-active-item);color:var(--accent-green);border:1px solid var(--border-active-item)}.questions-list{flex:1;overflow-y:auto;padding:0 1rem}.questions-list::-webkit-scrollbar,.chat-history::-webkit-scrollbar{width:6px}.questions-list::-webkit-scrollbar-track,.chat-history::-webkit-scrollbar-track{background:transparent}.questions-list::-webkit-scrollbar-thumb,.chat-history::-webkit-scrollbar-thumb{background-color:#475569;border-radius:10px}.questions-list::-webkit-scrollbar-thumb:hover,.chat-history::-webkit-scrollbar-thumb:hover{background-color:#64748b}.question-item{padding:1rem 1.25rem;border-radius:12px;display:flex;flex-direction:column;gap:.35rem;cursor:pointer;margin-bottom:.5rem;border:1px solid transparent;transition:all .2s;position:relative}.question-item:hover{background-color:var(--bg-table-hover)}.question-item.active{background-color:var(--bg-active-item);border-color:var(--border-active-item)}.question-item.active:before{content:"";position:absolute;left:-1px;top:10px;bottom:10px;width:4px;background-color:#22c55e;border-radius:0 4px 4px 0}.q-title{font-size:.8125rem;font-weight:700;color:inherit;line-height:1.4;padding-right:2rem}.q-meta{display:flex;justify-content:space-between;align-items:center}.q-subtitle{font-size:.65rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.q-time{font-size:.65rem;color:var(--text-muted);font-weight:600}.status-icon{position:absolute;right:1.25rem;top:1rem}.sidebar-footer{padding:1rem 1.5rem;border-top:1px solid var(--border-light);display:flex;justify-content:space-between;align-items:center;background-color:var(--bg-sidebar-footer)}.chat-area{flex:1;background-color:var(--bg-card);border:1px solid var(--border-light);border-radius:12px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 2px 4px rgba(0,0,0,.02);position:relative}.chat-history{flex:1;overflow-y:auto;padding:2.5rem;display:flex;flex-direction:column;gap:2rem}.chat-row{display:flex;flex-direction:column}.chat-row.user{align-items:flex-end}.chat-row.bot{align-items:flex-start}.chat-label{font-size:.65rem;font-weight:800;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem}.bubble{padding:1rem 1.5rem;font-size:.95rem;font-weight:600;line-height:1.5;color:var(--text-dark);max-width:80%}.bubble.user{background-color:var(--accent-yellow);color:#111827;border-radius:16px 16px 4px;box-shadow:0 4px 6px -1px rgba(251,191,36,.2)}.bubble.bot{background-color:var(--bg-textarea);border:1px solid var(--border-light);border-radius:4px 16px 16px;box-shadow:0 4px 6px -1px rgba(0,0,0,.05)}.bot-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.bot-avatar{width:20px;height:20px;border-radius:50%;background:#10b981;color:#fff;display:flex;align-items:center;justify-content:center;font-size:.5rem;font-weight:900}.bot-name{font-size:.65rem;font-weight:800;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.evaluate-box{margin-top:1rem;background-color:var(--bg-evaluate-box);border:1px solid var(--border-light);border-radius:12px;padding:1.25rem 1.5rem;width:100%;max-width:600px}.evaluate-header{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.eval-icon-box{width:24px;height:24px;border-radius:6px;background:#ecfdf5;color:#10b981;display:flex;align-items:center;justify-content:center}.eval-title{font-size:.8125rem;font-weight:800;color:var(--text-dark);text-transform:uppercase;letter-spacing:.02em}.star-rating{display:flex;align-items:center;gap:.5rem}.star-label{font-size:.75rem;font-weight:800;color:var(--text-secondary);margin-left:.5rem}.chat-input-container{padding:1.5rem 2.5rem;background-color:var(--bg-chat-input-container);border-top:1px solid var(--border-light)}.chat-input-box{display:flex;align-items:center;gap:1rem;background-color:var(--bg-chat-input);border:1px solid var(--border-light);border-radius:12px;padding:.5rem .5rem .5rem 1rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.02)}.chat-input{flex:1;border:none;background:transparent;font-size:.9375rem;color:var(--text-primary);font-weight:500}.chat-input:focus{outline:none}.chat-input::placeholder{color:var(--text-muted)}.send-btn{width:38px;height:38px;border-radius:10px;background-color:var(--accent-yellow);color:var(--text-dark);display:flex;align-items:center;justify-content:center;transition:transform .1s}.send-btn:hover{transform:scale(1.05)}.disclaimer{text-align:center;font-size:.6rem;font-weight:800;color:var(--accent-orange);text-transform:uppercase;letter-spacing:.05em;margin-top:1rem}@media (max-width: 1080px){.metrics-grid{grid-template-columns:repeat(2,1fr)}.charts-grid{grid-template-columns:1fr}.testui-content{flex-direction:column;overflow-y:auto!important;height:auto!important}.sidebar{width:100%!important;position:relative!important;display:block!important;height:auto!important;min-height:880px!important;max-height:none!important;margin-bottom:2rem!important;border-right:none!important;border-bottom:1px solid var(--border-light)!important}.questions-list{height:600px!important;min-height:600px!important;display:block!important;overflow-y:auto!important;margin-top:1rem!important}.chat-area{width:100%;min-height:600px;flex:none;margin-bottom:2rem}.data-table{min-width:700px}}@media (max-width: 768px){.top-nav{flex-wrap:wrap;height:auto;padding:1rem;gap:1rem;justify-content:center}.nav-controls{width:100%;justify-content:center;flex-wrap:wrap}.page-header{flex-direction:column;align-items:flex-start;gap:1.25rem}.header-actions{width:100%;justify-content:flex-start}.dashboard-content,.testui-content,.evaluate-box{padding:1rem}.star-label{display:none}.bubble{max-width:95%}.chat-input-container{padding:1rem}}@media (max-width: 500px){.metrics-grid{grid-template-columns:1fr}.nav-links{width:100%;justify-content:space-around}.dropdown-btn{font-size:.75rem;padding:.4rem .8rem}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.4);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:2000;animation:modalFadeIn .3s ease-out}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.chat-log-modal{background:#fff;width:90%;max-width:650px;border-radius:24px;box-shadow:0 25px 50px -12px rgba(0,0,0,.25);overflow:hidden;animation:modalScaleIn .3s cubic-bezier(.34,1.56,.64,1)}@keyframes modalScaleIn{0%{transform:scale(.9) translateY(20px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.modal-header{padding:1.5rem 2rem;border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;align-items:center}.modal-header-left{display:flex;align-items:center;gap:1rem}.modal-icon-circle{width:48px;height:48px;background-color:#f0fdf4;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#10b981}.modal-title-group h2{font-size:1.1rem;font-weight:800;letter-spacing:.02em;color:#0f172a;text-transform:uppercase;margin:0}.modal-title-group p{font-size:.75rem;font-weight:700;color:#94a3b8;text-transform:uppercase;margin:2px 0 0}.modal-close-btn{background:transparent;border:none;cursor:pointer;color:#94a3b8;transition:color .2s}.modal-close-btn:hover{color:#64748b}.modal-body{padding:2.5rem 2rem;background-color:#fff;max-height:400px;overflow-y:auto}.chat-log-bubble-user{max-width:80%;margin-left:auto;margin-bottom:2rem}.chat-log-user-info{display:flex;align-items:center;justify-content:flex-end;gap:.5rem;margin-bottom:.5rem}.chat-log-user-info span{font-size:.75rem;font-weight:800;color:#475569;text-transform:uppercase}.chat-log-user-avatar{width:24px;height:24px;border-radius:50%;object-fit:cover}.user-bubble-content{background-color:#f6c05a;color:#1e293b;padding:1.25rem 1.5rem;border-radius:20px 0 20px 20px;font-size:1rem;font-weight:600;line-height:1.5;box-shadow:0 4px 6px -1px rgba(0,0,0,.1)}.chat-log-bubble-ai{max-width:85%;margin-right:auto}.chat-log-ai-label{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem}.ai-icon-small{background-color:#10b981;color:#fff;width:28px;height:28px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:.6rem;font-weight:900}.ai-label-text{font-size:.7rem;font-weight:800;color:#64748b;text-transform:uppercase;letter-spacing:.05em}.ai-bubble-content{background-color:#fff;color:#1e293b;padding:1.25rem 1.5rem;border-radius:0 20px 20px;border:1px solid #f1f5f9;font-size:.95rem;font-weight:500;line-height:1.5;box-shadow:0 2px 4px rgba(0,0,0,.02)}.modal-footer{padding:1.25rem 2rem;border-top:1px solid var(--border-light);display:flex;justify-content:space-between;align-items:center;background-color:#fff}.modal-footer-rating{display:flex;flex-direction:column;gap:.5rem}.rating-label{font-size:.65rem;font-weight:800;color:#94a3b8;text-transform:uppercase;letter-spacing:.1em}.stars-group{display:flex;gap:4px}.meta-pill{background-color:#f1f5f9;color:#475569;padding:.5rem 1.25rem;border-radius:20px;font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.evaluate-box{background-color:#fff!important;border:1px solid #e2e8f0!important;border-radius:12px;padding:1.5rem;margin-top:1rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.05)}.evaluate-box .eval-title{color:#0f172a!important}.evaluate-box .star-label{color:#64748b!important}.evaluate-box .issue-label{color:#94a3b8!important}.evaluate-box .issue-tag:not(.active){background-color:#f8fafc!important;border-color:#e2e8f0!important;color:#64748b!important}.evaluate-box .notes-textarea{background-color:#f1f5f9!important;border-color:#e2e8f0!important;color:#1e293b!important}.evaluate-header{display:flex;align-items:center;gap:12px;margin-bottom:1.5rem}.eval-icon-box{width:28px;height:28px;background-color:var(--bg-active-item);color:var(--border-active-item);border-radius:6px;display:flex;align-items:center;justify-content:center}.eval-title{font-size:1rem;font-weight:900;color:var(--text-dark);letter-spacing:-.01em}.star-rating{display:flex;align-items:center;gap:8px;margin-bottom:0;flex-wrap:wrap;transition:margin .3s}.star-rating.active-rating{margin-bottom:1.5rem}.star-icon{cursor:pointer;transition:transform .2s;color:var(--border-light);fill:transparent}.star-icon.filled{color:var(--accent-yellow);fill:var(--accent-yellow)}.star-icon:hover{transform:scale(1.1)}.star-label{font-size:.875rem;margin-left:1rem;color:var(--text-secondary);font-weight:800}.evaluate-box .star-icon{color:#cbd5e1!important}.evaluate-box .star-icon.filled{color:var(--accent-yellow)!important;fill:var(--accent-yellow)!important}.issue-section{margin-bottom:1.5rem}.issue-label{font-size:.6875rem;font-weight:800;color:var(--text-muted);margin-bottom:.75rem;letter-spacing:.05em}.issue-tags{display:flex;flex-wrap:wrap;gap:8px}.issue-tag{padding:6px 14px;border-radius:9999px;border:1px solid var(--border-light);background-color:var(--bg-table);color:var(--text-secondary);font-size:.6875rem;font-weight:800;cursor:pointer;transition:all .2s;letter-spacing:.02em}.issue-tag:hover{border-color:var(--text-muted)}.issue-tag.active{border-color:var(--accent-blue);background-color:#eff6ff;color:#2563eb}.notes-textarea{width:100%;height:100px;padding:.75rem 1rem;border-radius:8px;border:1px solid var(--border-light);resize:none;font-size:.875rem;color:var(--text-primary);font-family:inherit;background-color:var(--bg-textarea);outline:none;transition:border-color .2s}.notes-textarea:focus{border-color:var(--border-active-item)}.submit-actions{display:flex;justify-content:flex-end;margin-top:1rem}.submit-next-btn{padding:10px 24px;background-color:var(--accent-green);color:#fff;font-weight:800;font-size:.8125rem;border-radius:8px;display:flex;align-items:center;gap:6px;transition:filter .2s}.submit-next-btn:hover{filter:brightness(1.1)}@media (max-width: 640px){.evaluate-box{padding:1rem}.star-label{width:100%;margin-left:0;margin-top:.5rem}}.modal-name{font-size:20px;font-weight:800;margin:0;color:#0f172a}.dark .chat-log-modal{background-color:var(--bg-card)}.dark .chat-log-modal .modal-body{background-color:var(--bg-main)}.dark .chat-log-modal .modal-name{color:var(--text-dark)!important}.dark .chat-log-modal .chat-log-user-info span{color:var(--text-secondary)!important}.dark .chat-log-modal .modal-header{border-bottom-color:var(--border-light)!important}.dark .chat-log-modal .modal-close-btn{background:var(--bg-filter)!important;border-color:var(--border-light)!important;color:var(--text-secondary)!important}.dark .chat-log-modal .user-bubble-content{color:#1e293b!important}.dark .chat-log-modal .ai-bubble-content{background-color:var(--bg-textarea)!important;border-color:var(--border-light)!important;color:var(--text-primary)!important}.dark .chat-log-modal .modal-footer{background-color:var(--bg-card)!important;border-top-color:var(--border-light)!important}.dark .chat-log-modal .meta-pill{color:var(--text-secondary)!important;background-color:var(--bg-main)!important;border:1px solid var(--border-light)!important;border-radius:999px;padding:.25rem .75rem}
