.analyzer-header{background:linear-gradient(135deg,#2a2a2a,#383838);color:#fff;display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:12px;margin-bottom:16px;box-shadow:0 2px 6px #0006;border:1px solid rgba(255,255,255,.1)}.analyzer-header .header-icon{width:40px;height:40px;background:linear-gradient(135deg,#00d26a,#059669);border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.analyzer-header .header-icon svg{width:24px;height:24px;color:#fff}.header-content{flex:1}.analyzer-header h1{font-size:18px;font-weight:600;margin:0;line-height:1.3}.analyzer-header p{font-size:12px;margin:2px 0 0;opacity:.7}.analyzer-container{max-width:1200px;margin:0 auto;padding:0 16px}.card{background:#2a2a2af2;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:16px;margin-bottom:12px;box-shadow:0 2px 6px #0006;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.card:hover{box-shadow:0 4px 12px #00000080;border-color:#00d26a4d}.card-header{font-size:14px;font-weight:600;color:#ffffffe6;margin:0 0 12px;display:flex;align-items:center;gap:8px}.header-icon-inline{width:20px;height:20px;color:#00d26a}.btn{padding:10px 16px;border:none;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn-with-icon{gap:8px}.btn-icon{width:18px;height:18px}.btn-primary{background:linear-gradient(135deg,#00d26a,#059669);color:#fff;box-shadow:0 2px 6px #0000004d}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #00d26a66}.btn-secondary{background:#2a2a2a99;border:1px solid rgba(255,255,255,.1);color:#ffffffe6}.btn-secondary:hover:not(:disabled){background:#2a2a2acc;border-color:#fff3;transform:translateY(-2px)}.btn-full{width:100%}.btn:disabled{opacity:.5;cursor:not-allowed}.form-group{margin-bottom:20px}.form-label{display:flex;align-items:center;gap:6px;font-weight:500;color:#ffffffe6;margin-bottom:6px;font-size:13px}.label-icon{width:16px;height:16px;color:#00d26a}.form-input,.form-textarea{width:100%;padding:10px 14px;background:#2a2a2af2;border:1px solid rgba(255,255,255,.1);border-radius:12px;font-size:14px;color:#ffffffe6;transition:all .3s ease;font-family:inherit;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.form-input:focus,.form-textarea:focus{outline:none;border-color:#00d26a;box-shadow:0 0 0 2px #00d26a33}.form-textarea{min-height:100px;resize:vertical}.form-textarea:disabled{background:#2a2a2a80;cursor:not-allowed;opacity:.6}.file-upload{border:2px dashed rgba(255,255,255,.2);border-radius:16px;padding:20px;text-align:center;cursor:pointer;transition:all .3s ease;background:#2a2a2a99;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.file-upload:hover{border-color:#00d26a;background:#00d26a1a}.file-upload.has-file{border-color:#00d26a;border-style:solid;background:#00d26a26}.file-icon{width:40px;height:40px;color:#00d26a;margin:0 auto 8px}.file-name{font-weight:600;color:#ffffffe6;margin-top:8px;word-break:break-word;font-size:13px}.file-size,.file-hint{font-size:11px;color:#fff9;margin-top:4px}.error-message{background:#fee;border:1px solid #fcc;border-radius:8px;padding:12px 16px;color:#c33;margin-bottom:16px;display:flex;align-items:center;gap:10px;animation:shake .5s ease}.error-icon{width:20px;height:20px;flex-shrink:0}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}.loader-container{text-align:center;padding:48px 24px}.loader-spinner{width:80px;height:80px;margin:0 auto 24px;position:relative}.spinner-icon{width:100%;height:100%;color:var(--primaria);animation:spin 2s linear infinite,pulse 1.5s ease-in-out infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}.loader-text{font-size:18px;font-weight:600;color:#333;margin-bottom:8px}.loader-subtext{font-size:14px;color:#667781;margin-bottom:24px}.progress-bar{width:100%;height:4px;background:#e4e6e9;border-radius:2px;overflow:hidden;margin-top:24px}.progress-bar-fill{height:100%;background:linear-gradient(90deg,var(--primaria) 0%,#3a9460 100%);animation:progressAnimation 2s ease-in-out infinite;border-radius:2px}@keyframes progressAnimation{0%{width:0%}50%{width:70%}to{width:100%}}.results-container{margin-top:24px}.score-card{text-align:center;background:#2a2a2af2!important;border:1px solid rgba(0,210,106,.3)!important}.score-title{font-size:18px;font-weight:600;color:#00d26a;margin-bottom:20px}.score-circle{display:flex;justify-content:center;align-items:center;margin:0 auto}.circular-progress{filter:drop-shadow(0 4px 8px rgba(0,0,0,.1))}.circular-progress-bar{transition:stroke-dashoffset 1.5s ease-in-out;animation:drawCircle 1.5s ease-in-out}@keyframes drawCircle{0%{stroke-dashoffset:1000}}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.metric-item{display:flex;align-items:center;gap:12px;padding:14px;background:#2a2a2a99;border:1px solid rgba(255,255,255,.1);border-radius:16px;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.metric-item:hover{background:#2a2a2acc;border-color:#00d26a4d;transform:translate(4px)}.metric-icon-wrapper{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:linear-gradient(135deg,#00d26a,#059669)}.metric-icon-wrapper.tone,.metric-icon-wrapper.empathy,.metric-icon-wrapper.clarity,.metric-icon-wrapper.persuasion{background:linear-gradient(135deg,#00d26a,#059669)}.metric-icon{width:20px;height:20px;color:#fff}.metric-content{flex:1;min-width:0}.metric-label{font-size:13px;font-weight:600;color:#ffffffe6;margin-bottom:6px}.metric-progress{display:flex;align-items:center;gap:10px}.progress-bar-horizontal{flex:1;height:6px;background:#ffffff1a;border-radius:4px;overflow:hidden}.progress-bar-horizontal-fill{height:100%;background:linear-gradient(90deg,#00d26a,#059669);border-radius:4px;transition:width 1.5s ease-in-out;animation:fillBar 1.5s ease-in-out}@keyframes fillBar{0%{width:0%}}.metric-percentage{font-size:14px;font-weight:700;color:#00d26a;min-width:42px;text-align:right}.insight-item{display:flex;align-items:flex-start;gap:12px;padding:16px;background:#f9fafb;border-radius:8px;margin-bottom:12px;transition:all .3s ease}.insight-item:hover{background:#f0f2f5;transform:translate(4px)}.insight-item:last-child{margin-bottom:0}.insight-icon{width:24px;height:24px;color:var(--primaria);flex-shrink:0;margin-top:2px}.insight-content{flex:1;min-width:0}.insight-title{font-weight:600;color:#ffffffe6;margin-bottom:6px;font-size:14px}.insight-text{color:#ffffffb3;line-height:1.6;font-size:13px}.sentiment-display{display:flex;justify-content:center;padding:16px}.sentiment-badge{padding:16px 32px;border-radius:24px;font-size:18px;font-weight:600;display:inline-flex;align-items:center;gap:8px;animation:fadeInScale .5s ease}@keyframes fadeInScale{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.sentiment-positive{background:#00d26a33;color:#00d26a;border:1px solid rgba(0,210,106,.4)}.sentiment-neutral{background:#ffc10733;color:#ffc107;border:1px solid rgba(255,193,7,.4)}.sentiment-negative{background:#ef444433;color:#ef4444;border:1px solid rgba(239,68,68,.4)}.closing-prediction{display:flex;flex-direction:column;align-items:center;gap:24px;padding:16px}.prediction-circle{margin:16px 0}.prediction-justification{width:100%;padding:16px;background:#2a2a2a99;border-radius:12px;border-left:4px solid rgb(0,210,106);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.prediction-justification strong{display:block;color:#00d26a;font-size:14px;margin-bottom:6px}.prediction-justification p{margin:0;color:#fffc;color:#667781;line-height:1.6}.training-section{margin-bottom:24px}.training-section:last-child{margin-bottom:0}.section-title{font-size:16px;font-weight:700;margin-bottom:16px;display:flex;align-items:center;gap:10px}.section-title.success{color:#28a745}.section-title.warning{color:#ffc107}.section-title.info{color:#17a2b8}.section-icon{width:20px;height:20px}.training-item{display:flex;align-items:flex-start;gap:10px;padding:10px 14px;background:#2a2a2a99;border-radius:12px;margin-bottom:8px;transition:all .3s ease;border:1px solid rgba(255,255,255,.05)}.training-item:hover{background:#2a2a2acc;border-color:#00d26a4d;transform:translate(4px)}.training-item:last-child{margin-bottom:0}.training-bullet{width:8px;height:8px;border-radius:50%;flex-shrink:0;margin-top:6px}.training-bullet.success{background:#28a745}.training-bullet.warning{background:#ffc107}.training-bullet.info{background:#17a2b8}.training-text{flex:1;color:#ffffffd9;line-height:1.6;font-size:13px}.grid{display:grid;gap:12px}.grid-2{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{background:#fff;border-radius:16px;padding:32px;max-width:500px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d}.modal-header{font-size:24px;font-weight:700;color:var(--primaria);margin:0 0 20px;display:flex;align-items:center;gap:12px}.modal-icon{width:28px;height:28px}.modal-body{margin-bottom:24px;color:#667781;line-height:1.6}.modal-link{display:inline-flex;align-items:center;gap:8px;color:var(--primaria);text-decoration:none;font-weight:600;padding:12px 16px;background:#f0f9f4;border-radius:8px;transition:all .3s ease}.modal-link:hover{background:#e0f2e9;transform:translateY(-2px)}.link-icon{width:18px;height:18px}.animate__animated{animation-duration:1s;animation-fill-mode:both}.animate__faster{animation-duration:.5s}.animate__fadeIn{animation-name:fadeIn}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate__zoomIn{animation-name:zoomIn}@keyframes zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}.transcript-simulator{background:#2a2a2af2;padding:0;overflow:hidden;border:1px solid rgba(255,255,255,.1)}.transcript-simulator .card-header{background:linear-gradient(135deg,#2a2a2a,#383838);padding:12px 16px;margin:0;border-bottom:1px solid rgba(255,255,255,.1);border-radius:12px 12px 0 0;color:#fff;font-size:14px;font-weight:600}.transcript-chat{padding:16px;max-height:500px;overflow-y:auto;background:#151615;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.transcript-message{margin-bottom:12px;display:flex;flex-direction:column;animation:messageSlide .3s ease}@keyframes messageSlide{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.transcript-message.vendedor{align-items:flex-end}.transcript-message.cliente{align-items:flex-start}.message-header{display:flex;gap:6px;align-items:center;margin-bottom:4px;padding:0 4px}.message-author{font-size:11px;font-weight:600;color:#ffffffb3}.message-time{font-size:10px;color:#ffffff80}.message-bubble{max-width:65%;padding:10px 14px;border-radius:16px;position:relative;box-shadow:0 2px 6px #0006;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.transcript-message.vendedor .message-bubble{background:linear-gradient(135deg,#00d26a,#059669);border-bottom-right-radius:4px}.transcript-message.cliente .message-bubble{background:#2a2a2af2;border:1px solid rgba(255,255,255,.1);border-bottom-left-radius:4px}.message-bubble p{margin:0;font-size:14px;line-height:1.5;color:#ffffffe6;word-wrap:break-word;white-space:pre-wrap}.message-bubble.audio-message{display:flex;align-items:center;gap:10px;padding:10px 14px}.message-bubble.audio-message svg{color:#ffffffe6;flex-shrink:0}.message-bubble.audio-message span{font-size:13px;color:#ffffffe6}.transcript-chat::-webkit-scrollbar{width:6px}.transcript-chat::-webkit-scrollbar-track{background:#ffffff0d;border-radius:10px}.transcript-chat::-webkit-scrollbar-thumb{background:#00d26a4d;border-radius:10px}.transcript-chat::-webkit-scrollbar-thumb:hover{background:#00d26a80}@media(max-width:768px){.analyzer-header h1{font-size:24px}.metrics-grid{grid-template-columns:1fr}.closing-prediction{flex-direction:column}.modal-content{padding:24px}.grid-2{grid-template-columns:1fr}}
