:root{--bg: #0f1720;--card: #0b1220;--muted: #94a3b8;--accent: #06b6d4;--user: #0ea5a4;--text-primary: #e6eef6;--text-secondary: #94a3b8;--border-color: rgba(255, 255, 255, .04);--border-radius: 12px;--border-radius-sm: 8px;--shadow: 0 6px 18px rgba(2, 6, 23, .6);--transition: all .2s ease}.app-wrapper{min-height:100vh;background:linear-gradient(180deg,#071029,#071a2b);padding:28px 20px;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;color:var(--text-primary)}.app-header{max-width:900px;margin:0 auto 18px;display:flex;align-items:center;gap:16px;flex-wrap:wrap}.app-title{font-weight:700;font-size:18px;margin:0;color:var(--text-primary)}.app-subtitle{font-size:13px;color:var(--muted);margin:0}.container{max-width:900px;margin:0 auto;display:flex;flex-direction:column;gap:12px}.card{background:#ffffff05;padding:16px;border-radius:var(--border-radius);box-shadow:var(--shadow);border:1px solid var(--border-color)}.card-header{margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.03)}.card-title{margin:0;font-size:16px;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:8px}.card-title .icon{font-size:18px}.card-body{padding:0}.field{margin-bottom:16px}.field:last-child{margin-bottom:0}.field-label{display:block;margin-bottom:8px;color:var(--text-secondary);font-weight:500;font-size:13px}.input-field,.textarea-field{width:100%;padding:10px 12px;border-radius:var(--border-radius-sm);border:1px solid var(--border-color);font-size:14px;font-family:inherit;transition:var(--transition);background:transparent;color:var(--text-primary)}.input-field:focus,.textarea-field:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px #06b6d41a}.input-field::placeholder,.textarea-field::placeholder{color:var(--muted)}.textarea-field{resize:vertical;min-height:100px;line-height:1.4}.btn{padding:10px 14px;border-radius:var(--border-radius-sm);font-weight:600;font-size:14px;border:none;cursor:pointer;transition:var(--transition);display:inline-flex;align-items:center;gap:6px;justify-content:center}.btn:hover{opacity:.9;transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-icon{font-size:14px}.btn-primary{background:var(--accent);color:#021728}.btn-secondary{background:transparent;border:1px solid var(--border-color);color:var(--muted);padding:8px 10px}.btn-secondary:hover{background:#ffffff05;border-color:#ffffff14}.btn-success{background:linear-gradient(90deg,#0ea5a433,#06b6d426);border:1px solid rgba(14,165,164,.2);color:var(--user)}.btn-info{background:linear-gradient(90deg,#06b6d433,#06b6d426);border:1px solid rgba(6,182,212,.2);color:var(--accent)}.btn-danger{background:#ef444426;border:1px solid rgba(239,68,68,.2);color:#f87171}.btn-group{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}.agent-status{margin-top:12px;animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.status-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:var(--border-radius-sm);font-size:13px;font-weight:500}.status-badge.success{background:linear-gradient(90deg,#0ea5a41f,#06b6d414);border:1px solid rgba(14,165,164,.12);color:var(--user)}.status-icon{font-size:14px}.messages-container{height:56vh;overflow-y:auto;padding:12px;border-radius:var(--border-radius-sm);background:#ffffff03;display:flex;flex-direction:column;gap:10px;margin-bottom:12px}.messages-container::-webkit-scrollbar{width:6px}.messages-container::-webkit-scrollbar-track{background:transparent;border-radius:3px}.messages-container::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.messages-container::-webkit-scrollbar-thumb:hover{background:#ffffff26}.empty-messages{display:flex;align-items:center;justify-content:center;height:100%;color:var(--muted);text-align:center}.chat-footer{display:flex;gap:8px;margin-top:12px}.chat-input{flex:1;min-height:56px;padding:10px;border-radius:var(--border-radius-sm);border:1px solid var(--border-color);background:transparent;color:inherit;resize:vertical;font-family:inherit;font-size:14px;line-height:1.4}.chat-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px #06b6d41a}.chat-input::placeholder{color:var(--muted)}.footer-buttons{display:flex;flex-direction:column;gap:8px}.footer-buttons .btn{min-width:80px}.top-row{display:flex;gap:12px;justify-content:space-between;align-items:center;flex-wrap:wrap;margin-bottom:12px}.small{font-size:13px;color:var(--muted)}hr{margin:12px 0;border:none;border-top:1px solid rgba(255,255,255,.03)}@media (max-width: 768px){.app-wrapper{padding:20px 16px}.app-header{flex-direction:column;align-items:flex-start;gap:8px}.app-title{font-size:16px}.card{padding:12px}.btn-group{flex-direction:column}.btn{width:100%}.top-row{flex-direction:column;align-items:flex-start}}@media (max-width: 480px){.app-title,.card-title{font-size:14px}}.msg{max-width:78%;padding:10px 12px;border-radius:10px;line-height:1.4;word-wrap:break-word}.msg.user{align-self:flex-end;background:linear-gradient(90deg,#0ea5a41f,#06b6d414);border:1px solid rgba(14,165,164,.12)}.msg.assistant{align-self:flex-start;background:#ffffff05;border:1px solid rgba(255,255,255,.02)}.meta{font-size:12px;color:var(--muted);margin-bottom:8px}.msg-text{white-space:pre-wrap;word-break:break-word}.auth-form{padding:20px}.error-message{color:#ef4444;font-size:13px;margin-top:8px}.modal-admin{max-width:900px;max-height:90vh;z-index:10000}.admin-content{padding:20px;min-height:200px}.admin-warning{text-align:center;padding:40px 20px;color:var(--muted)}.admin-actions{display:flex;flex-direction:column;gap:24px}.admin-section{padding:16px;background:#ffffff03;border-radius:8px;border:1px solid rgba(255,255,255,.03)}.admin-section h4{margin:0 0 12px;font-size:16px;font-weight:600;color:var(--text-primary)}.admin-section .btn{width:100%;margin-bottom:8px}.admin-description{font-size:13px;color:var(--muted);margin:0;line-height:1.5}.admin-tabs{display:flex;gap:8px;margin-bottom:20px;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:8px}.admin-tab{background:transparent;border:none;padding:10px 16px;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;color:var(--muted);transition:all .2s;position:relative}.admin-tab:hover{background:#ffffff0d;color:var(--text-primary)}.admin-tab.active{color:var(--accent);background:#06b6d41a}.admin-tab.active:after{content:"";position:absolute;bottom:-9px;left:0;right:0;height:2px;background:var(--accent)}.admin-tab-content{min-height:400px;max-height:60vh;overflow-y:auto}:root{--bg: #0f1720;--card: #0b1220;--muted: #94a3b8;--accent: #06b6d4;--user: #0ea5a4;--text-primary: #e6eef6;--text-secondary: #94a3b8;--border-color: rgba(255, 255, 255, .04);--shadow: 0 6px 18px rgba(2, 6, 23, .6)}.modal-bg{display:flex;position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);justify-content:center;align-items:center;z-index:9999;animation:fadeIn .2s ease-out;padding:20px}.modal-bg .modal-bg{z-index:10001}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal{background:var(--card);width:100%;max-width:500px;max-height:90vh;border-radius:12px;box-shadow:var(--shadow);animation:slideUp .3s ease-out;overflow:hidden;display:flex;flex-direction:column;border:1px solid var(--border-color)}.modal-large{max-width:700px}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal h3{margin:0;padding:20px;color:var(--text-primary);font-size:18px;font-weight:600;border-bottom:1px solid rgba(255,255,255,.03)}.modal .field{padding:20px;margin:0}.modal .field-label{display:block;margin-bottom:10px;color:var(--text-secondary);font-weight:500;font-size:13px}.modal textarea{width:100%;padding:10px 12px;border-radius:8px;border:1px solid var(--border-color);font-size:14px;font-family:inherit;transition:all .2s;background:transparent;color:var(--text-primary);resize:vertical;min-height:120px;line-height:1.4}.modal textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px #06b6d41a}.modal textarea::placeholder{color:var(--muted)}.modal .input-field{width:100%;padding:10px 12px;border-radius:8px;border:1px solid var(--border-color);font-size:14px;font-family:inherit;transition:all .2s;background:transparent;color:var(--text-primary)}.modal .input-field:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px #06b6d41a}.modal .input-field::placeholder{color:var(--muted)}.modal .input-field:disabled{opacity:.6;cursor:not-allowed}.insight-content{padding:20px;margin:0;flex:1;overflow-y:auto;min-height:200px}.insight-pre{background:#ffffff03;padding:12px;border-radius:8px;white-space:pre-wrap;word-wrap:break-word;font-family:Consolas,Monaco,Courier New,monospace;font-size:13px;line-height:1.4;max-height:450px;overflow-y:auto;border:1px solid var(--border-color);color:var(--text-secondary);margin:0}.insight-pre::-webkit-scrollbar{width:6px}.insight-pre::-webkit-scrollbar-track{background:transparent;border-radius:3px}.insight-pre::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.insight-pre::-webkit-scrollbar-thumb:hover{background:#ffffff26}.loading{text-align:center;padding:60px 20px;color:var(--text-secondary);font-size:14px;display:flex;flex-direction:column;align-items:center;gap:16px}.loading:before{content:"";width:32px;height:32px;border:3px solid rgba(255,255,255,.1);border-top-color:var(--accent);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error-message{text-align:center;padding:40px 20px;color:#ef4444;display:flex;flex-direction:column;align-items:center;gap:12px}.error-icon{font-size:48px}.error-message p{margin:0;font-size:14px}.empty-state{text-align:center;padding:60px 20px;color:var(--muted);font-size:14px}.modal-insight .insight-content{max-height:60vh;overflow-y:auto;padding:0}.modal .btn-row{padding:16px 20px;margin:0;border-top:1px solid rgba(255,255,255,.03);display:flex;gap:8px;justify-content:flex-end}.modal .btn{min-width:100px}.prompt-editor-section{margin-top:20px;padding:16px;background:#ffffff05;border-radius:8px;border:1px solid rgba(255,255,255,.05)}.prompt-editor-title{margin:0 0 8px;font-size:16px;font-weight:600;color:var(--text-primary)}.prompt-editor-description{font-size:13px;color:var(--muted);margin:0 0 12px}.prompt-editor-textarea{width:100%;padding:12px;border-radius:8px;border:1px solid var(--border-color);background:#ffffff08;color:var(--text-primary);font-family:inherit;font-size:13px;line-height:1.6;resize:vertical;min-height:200px;margin-bottom:12px}.prompt-editor-textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px #06b6d41a}@media (max-width: 768px){.modal{max-width:100%;max-height:95vh;border-radius:12px 12px 0 0;margin-top:auto}.modal-bg{align-items:flex-end;padding:0}.modal h3{padding:16px;font-size:16px}.modal .field,.insight-content{padding:16px}.modal .btn-row{padding:12px 16px;flex-direction:column-reverse}.modal .btn{width:100%;min-width:auto}.prompt-editor-actions{flex-direction:column}}.modal-auth{max-width:400px}.modal-validacao{z-index:10000!important;background:#000000d9!important;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-validacao .modal{animation:scaleIn .3s ease-out}@keyframes scaleIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.small-text{font-size:12px;color:var(--muted)}.insight-display{display:flex;flex-direction:column;gap:20px}.indicators-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-bottom:8px}.indicator-card{background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:8px;padding:16px;text-align:center;transition:all .2s}.indicator-card:hover{background:#ffffff08;border-color:#ffffff1a;transform:translateY(-2px)}.indicator-label{font-size:12px;color:var(--muted);margin-bottom:8px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.indicator-value{font-size:20px;font-weight:700;color:var(--text-primary)}.indicator-value.alto,.indicator-value.médio,.indicator-value.medio{color:#10b981}.indicator-value.baixo{color:#ef4444}.indicator-value.conversion{color:#06b6d4}.indicator-value.adherence{color:#8b5cf6}.indicator-value.success{color:#10b981}.indicator-value.warning{color:#f59e0b}.insight-section{background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:10px;padding:20px;transition:all .2s}.insight-section:hover{background:#ffffff08;border-color:#ffffff1a}.section-title{display:flex;align-items:center;gap:10px;margin:0 0 16px;font-size:18px;font-weight:600;color:var(--text-primary);padding-bottom:12px;border-bottom:2px solid rgba(255,255,255,.1)}.section-title.success-title{border-bottom-color:#10b9814d}.section-title.warning-title{border-bottom-color:#f59e0b4d}.section-title.danger-title{border-bottom-color:#ef44444d}.section-title.info-title{border-bottom-color:#06b6d44d}.section-icon{font-size:20px}.section-content{color:var(--text-secondary);line-height:1.7}.evaluation-text{margin:0;font-size:14px;line-height:1.8;color:var(--text-primary);background:#ffffff03;padding:16px;border-radius:8px;border-left:3px solid var(--accent)}.points-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.point-item{display:flex;align-items:flex-start;gap:12px;padding:12px;background:#ffffff03;border-radius:6px;transition:all .2s}.point-item:hover{background:#ffffff05;transform:translate(4px)}.point-bullet{font-size:16px;font-weight:700;flex-shrink:0;margin-top:2px}.points-list-success .point-bullet{color:#10b981}.points-list-warning .point-bullet{color:#f59e0b}.points-list-danger .point-bullet{color:#ef4444}.point-text{flex:1;font-size:14px;line-height:1.6;color:var(--text-primary)}.analysis-box{background:#06b6d41a;border:1px solid rgba(6,182,212,.2);border-radius:8px;padding:16px;margin-bottom:20px}.analysis-box strong{display:block;color:var(--accent);margin-bottom:8px;font-size:14px}.analysis-box p{margin:0;font-size:13px;line-height:1.7;color:var(--text-primary)}.prompt-recommendation{background:#ffffff05;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:16px}.prompt-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.prompt-header strong{color:var(--text-primary);font-size:14px}.prompt-badge{background:#f59e0b33;color:#f59e0b;padding:4px 10px;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.prompt-editor-textarea{width:100%;padding:12px;border-radius:8px;border:1px solid rgba(255,255,255,.1);background:#0003;color:var(--text-primary);font-family:Consolas,Monaco,Courier New,monospace;font-size:12px;line-height:1.6;resize:vertical;min-height:180px;margin-bottom:12px}.prompt-editor-textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px #06b6d433}.prompt-editor-actions{display:flex;gap:8px}.prompt-editor-actions .btn{flex:1}@media (max-width: 768px){.indicators-grid{grid-template-columns:1fr}.insight-section{padding:16px}.section-title{font-size:16px}}.conversas-container{display:flex;flex-direction:column;gap:16px;height:100%}.conversas-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.1)}.conversas-header h4{margin:0;font-size:16px;font-weight:600;color:var(--text-primary)}.conversas-loading,.conversas-error,.conversas-empty{text-align:center;padding:40px 20px;color:var(--muted);font-size:14px}.conversas-error{color:#ef4444}.conversas-content{display:grid;grid-template-columns:1fr 1fr;gap:16px;max-height:500px;overflow:hidden}.conversas-list{overflow-y:auto;display:flex;flex-direction:column;gap:8px;padding-right:8px}.conversas-list::-webkit-scrollbar{width:6px}.conversas-list::-webkit-scrollbar-track{background:transparent}.conversas-list::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.conversa-item{background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:8px;padding:12px;cursor:pointer;transition:all .2s}.conversa-item:hover{background:#ffffff0a;border-color:#ffffff1a}.conversa-item.active{background:#06b6d41a;border-color:var(--accent)}.conversa-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.conversa-id{font-weight:600;color:var(--accent);font-size:13px}.conversa-count{font-size:11px;color:var(--muted);background:#ffffff0d;padding:2px 8px;border-radius:10px}.conversa-preview p{margin:0;font-size:12px;color:var(--text-secondary);line-height:1.4;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.conversa-detail{background:#ffffff05;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:16px;overflow-y:auto;max-height:500px}.conversa-detail-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.1)}.conversa-detail-header h5{margin:0;font-size:14px;font-weight:600;color:var(--text-primary)}.btn-close{background:transparent;border:none;color:var(--muted);cursor:pointer;font-size:18px;padding:4px 8px;border-radius:4px;transition:all .2s}.btn-close:hover{background:#ffffff0d;color:var(--text-primary)}.conversa-messages{display:flex;flex-direction:column;gap:12px}.message-item{padding:12px;border-radius:8px;border-left:3px solid}.message-item.user{background:linear-gradient(90deg,#0ea5a41a,#06b6d40d);border-left-color:var(--user);align-self:flex-end;max-width:85%}.message-item.assistant{background:#ffffff05;border-left-color:var(--accent);align-self:flex-start;max-width:85%}.message-role{font-size:11px;font-weight:600;color:var(--muted);margin-bottom:6px;text-transform:uppercase;letter-spacing:.5px}.message-content{font-size:13px;line-height:1.6;color:var(--text-primary);white-space:pre-wrap;word-wrap:break-word}@media (max-width: 768px){.conversas-content{grid-template-columns:1fr}.conversa-detail{max-height:300px}}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;color:#e6eef6;background:linear-gradient(180deg,#071029,#071a2b);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6}#root{min-height:100vh}
