@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";
:root{--azul-eletrico:#1d4ed8;--azul-eletrico-hover:#1e40af;--ciano-digital:#06b6d4;--ciano-digital-hover:#0891b2;--preto-profundo:#0f172a;--verde-neon:#22c55e;--verde-neon-hover:#16a34a;--cinza-frio:#e5e7eb;--bg-card:#1e293b;--bg-card-hover:#334155;--bg-input:#1e293b;--bg-surface:#0f172a;--border-color:#334155;--border-focus:#1d4ed8;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--danger:#ef4444;--danger-hover:#dc2626;--warning:#f59e0b;--font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-size-5xl:3rem;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--radius-sm:.375rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px;--shadow-sm:0 1px 2px 0 #0000004d;--shadow-md:0 4px 6px -1px #0006,0 2px 4px -2px #0000004d;--shadow-lg:0 10px 15px -3px #0006,0 4px 6px -4px #0000004d;--shadow-xl:0 20px 25px -5px #00000080,0 8px 10px -6px #0006;--shadow-glow:0 0 20px #1d4ed84d;--transition-fast:.15s ease;--transition-base:.25s ease;--transition-slow:.35s ease}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-family);font-size:var(--font-size-base);color:var(--text-primary);background-color:var(--preto-profundo);min-height:100vh;line-height:1.6}a{color:var(--ciano-digital);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--ciano-digital-hover)}img{max-width:100%;height:auto}.btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-3)var(--space-6);font-family:var(--font-family);font-size:var(--font-size-sm);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base);white-space:nowrap;border:none;font-weight:600;line-height:1.5;text-decoration:none;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,var(--azul-eletrico),#2563eb);color:#fff;box-shadow:var(--shadow-md),0 0 20px #1d4ed833}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,var(--azul-eletrico-hover),#1d4ed8);box-shadow:var(--shadow-lg),0 0 30px #1d4ed859;transform:translateY(-1px)}.btn-secondary{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover:not(:disabled){background:var(--bg-card-hover);border-color:var(--ciano-digital)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover:not(:disabled){background:var(--danger-hover)}.btn-success{background:linear-gradient(135deg,var(--verde-neon),#16a34a);color:#fff;box-shadow:var(--shadow-md),0 0 15px #22c55e33}.btn-success:hover:not(:disabled){box-shadow:var(--shadow-lg),0 0 25px #22c55e59;transform:translateY(-1px)}.btn-ghost{color:var(--text-secondary);background:0 0}.btn-ghost:hover:not(:disabled){background:var(--bg-card);color:var(--text-primary)}.btn-lg{padding:var(--space-4)var(--space-8);font-size:var(--font-size-base)}.btn-sm{padding:var(--space-2)var(--space-4);font-size:var(--font-size-xs)}.btn-block{width:100%}.form-group{gap:var(--space-2);flex-direction:column;display:flex}.form-label{font-size:var(--font-size-sm);color:var(--text-secondary);font-weight:500}.form-input,.form-textarea{padding:var(--space-3)var(--space-4);background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-family);font-size:var(--font-size-sm);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);outline:none}.form-input:focus,.form-textarea:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px #1d4ed826}.form-input::placeholder,.form-textarea::placeholder{color:var(--text-muted)}.form-textarea{resize:vertical;min-height:120px}.form-error{font-size:var(--font-size-xs);color:var(--danger)}.form-success{font-size:var(--font-size-xs);color:var(--verde-neon)}.card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--space-6);transition:all var(--transition-base)}.card:hover{border-color:var(--ciano-digital);box-shadow:var(--shadow-lg)}.card-glass{-webkit-backdrop-filter:blur(12px);border-radius:var(--radius-xl);padding:var(--space-6);background:#1e293bb3;border:1px solid #33415580}.badge{padding:var(--space-1)var(--space-3);font-size:var(--font-size-xs);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.05em;align-items:center;font-weight:600;display:inline-flex}.badge-free{color:var(--text-secondary);border:1px solid var(--text-muted);background:#64748b33}.badge-pro{color:var(--ciano-digital);border:1px solid var(--azul-eletrico);background:#1d4ed833}.badge-aberto{color:var(--warning);background:#f59e0b26;border:1px solid #f59e0b66}.badge-atendimento{color:var(--ciano-digital);background:#06b6d426;border:1px solid #06b6d466}.badge-resolvido{color:var(--verde-neon);background:#22c55e26;border:1px solid #22c55e66}.container{width:100%;max-width:1200px;padding:0 var(--space-6);margin:0 auto}.container-sm{max-width:480px}.container-md{max-width:720px}.auth-page{min-height:100vh;padding:var(--space-6);background:var(--preto-profundo);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.auth-page:before{content:"";pointer-events:none;background:radial-gradient(at 30% 20%,#1d4ed814 0%,#0000 50%),radial-gradient(at 70% 80%,#06b6d40f 0%,#0000 50%);width:200%;height:200%;position:absolute;top:-50%;left:-50%}.auth-card{z-index:1;width:100%;max-width:440px;position:relative}.auth-card .card{padding:var(--space-8)}.auth-logo{text-align:center;margin-bottom:var(--space-8)}.auth-logo-icon{background:linear-gradient(135deg,var(--azul-eletrico),var(--ciano-digital));width:56px;height:56px;margin-bottom:var(--space-3);clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);border-radius:12px;justify-content:center;align-items:center;font-size:24px;display:inline-flex}.auth-logo-text{font-size:var(--font-size-xl);letter-spacing:-.02em;background:linear-gradient(135deg,var(--text-primary),var(--ciano-digital));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-weight:800}.auth-title{font-size:var(--font-size-2xl);text-align:center;margin-bottom:var(--space-6);font-weight:700}.auth-form{gap:var(--space-5);flex-direction:column;display:flex}.auth-links{align-items:center;gap:var(--space-3);margin-top:var(--space-4);font-size:var(--font-size-sm);color:var(--text-secondary);flex-direction:column;display:flex}.landing-hero{min-height:100vh;padding:var(--space-8);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.landing-hero:before{content:"";pointer-events:none;background:radial-gradient(circle,#1d4ed81f 0%,#06b6d40f 40%,#0000 70%);width:800px;height:800px;position:absolute;top:-30%;left:50%;transform:translate(-50%)}.landing-content{z-index:1;max-width:680px;position:relative}.landing-badge{align-items:center;gap:var(--space-2);padding:var(--space-2)var(--space-4);border-radius:var(--radius-full);font-size:var(--font-size-sm);color:var(--ciano-digital);margin-bottom:var(--space-8);background:#1d4ed81a;border:1px solid #1d4ed84d;display:inline-flex}.landing-title{font-size:clamp(var(--font-size-3xl),5vw,var(--font-size-5xl));letter-spacing:-.03em;margin-bottom:var(--space-6);font-weight:900;line-height:1.1}.landing-title span{background:linear-gradient(135deg,var(--azul-eletrico),var(--ciano-digital));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.landing-subtitle{font-size:var(--font-size-lg);color:var(--text-secondary);margin-bottom:var(--space-8);line-height:1.7}.landing-steps{gap:var(--space-6);margin-bottom:var(--space-10);flex-wrap:wrap;justify-content:center;display:flex}.landing-step{align-items:center;gap:var(--space-3);font-size:var(--font-size-sm);color:var(--text-secondary);display:flex}.landing-step-number{background:linear-gradient(135deg,var(--azul-eletrico),var(--ciano-digital));border-radius:var(--radius-full);width:32px;height:32px;font-size:var(--font-size-xs);color:#fff;flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:flex}.landing-actions{gap:var(--space-4);flex-wrap:wrap;justify-content:center;display:flex}.dashboard-layout{flex-direction:column;min-height:100vh;display:flex}.dashboard-header{padding:var(--space-4)var(--space-6);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-color);z-index:100;background:#0f172acc;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.dashboard-header-logo{align-items:center;gap:var(--space-3);font-weight:700;font-size:var(--font-size-lg);color:var(--text-primary);text-decoration:none;display:flex}.dashboard-header-logo .hex-icon{background:linear-gradient(135deg,var(--azul-eletrico),var(--ciano-digital));clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;display:flex}.dashboard-header-actions{align-items:center;gap:var(--space-4);display:flex}.dashboard-main{padding:var(--space-8)var(--space-6);flex:1;width:100%;max-width:1200px;margin:0 auto}.dashboard-title{font-size:var(--font-size-3xl);margin-bottom:var(--space-2);font-weight:800}.dashboard-subtitle{color:var(--text-secondary);margin-bottom:var(--space-8)}.stats-grid{gap:var(--space-4);margin-bottom:var(--space-8);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.stat-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--space-5)}.stat-card-label{font-size:var(--font-size-sm);color:var(--text-secondary);margin-bottom:var(--space-1)}.stat-card-value{font-size:var(--font-size-3xl);font-weight:800}.stat-card-value.highlight{background:linear-gradient(135deg,var(--azul-eletrico),var(--ciano-digital));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.section-header{margin-bottom:var(--space-4);justify-content:space-between;align-items:center;display:flex}.section-title{font-size:var(--font-size-xl);font-weight:700}.ticket-list{gap:var(--space-3);margin-bottom:var(--space-8);flex-direction:column;display:flex}.ticket-card{padding:var(--space-4)var(--space-5);background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base);color:inherit;justify-content:space-between;align-items:center;text-decoration:none;display:flex}.ticket-card:hover{border-color:var(--ciano-digital);background:var(--bg-card-hover);color:inherit;transform:translate(4px)}.ticket-card-info{gap:var(--space-1);flex-direction:column;display:flex}.ticket-card-number{font-size:var(--font-size-xs);color:var(--ciano-digital);font-family:monospace;font-weight:600}.ticket-card-desc{font-size:var(--font-size-sm);color:var(--text-primary)}.ticket-card-date{font-size:var(--font-size-xs);color:var(--text-muted)}.ticket-card-right{align-items:center;gap:var(--space-3);display:flex}.ticket-card-arrow{color:var(--text-muted);font-size:var(--font-size-lg)}.empty-state{text-align:center;padding:var(--space-12)var(--space-6);color:var(--text-secondary)}.empty-state-icon{margin-bottom:var(--space-4);opacity:.5;font-size:48px}.empty-state-text{font-size:var(--font-size-lg);margin-bottom:var(--space-4)}.limit-warning{border-radius:var(--radius-lg);padding:var(--space-4)var(--space-5);justify-content:space-between;align-items:center;gap:var(--space-4);margin-bottom:var(--space-6);background:#f59e0b1a;border:1px solid #f59e0b4d;flex-wrap:wrap;display:flex}.limit-warning-text{color:var(--warning);font-size:var(--font-size-sm);font-weight:500}.chat-layout{flex-direction:column;height:calc(100vh - 73px);display:flex}.chat-header{padding:var(--space-4)var(--space-6);border-bottom:1px solid var(--border-color);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.chat-header-info{align-items:center;gap:var(--space-4);display:flex}.chat-header-back{color:var(--text-secondary);font-size:var(--font-size-xl);align-items:center;text-decoration:none;display:flex}.chat-header-back:hover{color:var(--text-primary)}.chat-messages{padding:var(--space-6);gap:var(--space-4);flex-direction:column;flex:1;display:flex;overflow-y:auto}.chat-bubble{max-width:75%;padding:var(--space-3)var(--space-4);border-radius:var(--radius-lg);font-size:var(--font-size-sm);line-height:1.6}.chat-bubble-user{background:var(--azul-eletrico);color:#fff;border-bottom-right-radius:var(--space-1);align-self:flex-end}.chat-bubble-agent{background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-primary);border-bottom-left-radius:var(--space-1);align-self:flex-start}.chat-bubble-sender{font-size:var(--font-size-xs);margin-bottom:var(--space-1);opacity:.7;font-weight:600}.chat-bubble-time{opacity:.5;margin-top:var(--space-1);text-align:right;font-size:10px}.chat-input-area{padding:var(--space-4)var(--space-6);border-top:1px solid var(--border-color);background:var(--bg-card);flex-shrink:0}.chat-input-form{gap:var(--space-3);align-items:flex-end;display:flex}.chat-input-form .form-input{flex:1}.chat-message-content{word-break:break-word;line-height:1.5}.chat-message-content p{margin-bottom:var(--space-3)}.chat-message-content p:last-child{margin-bottom:0}.chat-message-content ul,.chat-message-content ol{margin-left:1.25rem;margin-bottom:var(--space-3)}.chat-message-content li{margin-bottom:var(--space-1)}.chat-message-content strong{color:var(--cyan)}.message-model .chat-message-content strong{color:#fff;font-weight:700}.typing-indicator{align-self:flex-start;align-items:center;gap:var(--space-3);padding:var(--space-3)var(--space-5);background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);border-bottom-left-radius:var(--space-1);animation:.3s fadeIn;display:flex}.typing-indicator-label{font-size:var(--font-size-xs);color:var(--text-muted);font-weight:500}.typing-dots{align-items:center;gap:4px;display:flex}.typing-dots span{background:var(--ciano-digital);border-radius:50%;width:7px;height:7px;animation:1.4s ease-in-out infinite typingBounce}.typing-dots span:first-child{animation-delay:0s}.typing-dots span:nth-child(2){animation-delay:.2s}.typing-dots span:nth-child(3){animation-delay:.4s}@keyframes typingBounce{0%,80%,to{opacity:.4;transform:scale(.6)}40%{opacity:1;transform:scale(1)}}.media-upload-bar{align-items:center;gap:var(--space-2);display:flex}.media-btn{border-radius:var(--radius-lg);border:1px solid var(--border-color);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;width:42px;height:42px;transition:all var(--transition-base);background:#1e293b99;justify-content:center;align-items:center;font-size:18px;display:flex;position:relative;overflow:hidden}.media-btn:hover{border-color:var(--ciano-digital);background:#06b6d41a;transform:translateY(-2px);box-shadow:0 4px 12px #06b6d426}.media-btn:active{transform:translateY(0)}.media-btn.uploading{pointer-events:none;opacity:.6}.media-btn.uploading:after{content:"";border:2px solid #0000;border-top-color:var(--ciano-digital);border-radius:inherit;animation:.8s linear infinite spinUpload;position:absolute;inset:0}@keyframes spinUpload{to{transform:rotate(360deg)}}.media-btn input[type=file]{display:none}.media-btn-tooltip{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-secondary);white-space:nowrap;pointer-events:none;opacity:0;padding:4px 10px;font-size:11px;transition:all .2s;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)scale(.9)}.media-btn:hover .media-btn-tooltip{opacity:1;transform:translate(-50%)scale(1)}.pro-media-hint{align-items:center;gap:var(--space-2);padding:var(--space-2)var(--space-3);border-radius:var(--radius-md);color:var(--warning);background:#f59e0b14;border:1px solid #f59e0b33;font-size:11px;display:flex}.chat-media{margin-top:var(--space-2);border-radius:var(--radius-md);overflow:hidden}.chat-media img{border-radius:var(--radius-md);object-fit:contain;cursor:pointer;border:1px solid #ffffff1a;max-width:100%;max-height:300px;transition:transform .2s}.chat-media img:hover{transform:scale(1.02)}.chat-media audio{border-radius:var(--radius-md);width:100%;max-width:300px;height:36px}.feedback-page{min-height:calc(100vh - 73px);padding:var(--space-6);justify-content:center;align-items:center;display:flex}.feedback-card{text-align:center;width:100%;max-width:480px}.feedback-icon{margin-bottom:var(--space-6);font-size:64px}.feedback-title{font-size:var(--font-size-2xl);margin-bottom:var(--space-3);font-weight:700}.feedback-question{font-size:var(--font-size-lg);color:var(--text-secondary);margin-bottom:var(--space-8)}.feedback-actions{gap:var(--space-4);flex-wrap:wrap;justify-content:center;display:flex}.plan-grid{gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));max-width:700px;margin:0 auto;display:grid}.plan-card{padding:var(--space-8);text-align:center;position:relative}.plan-card.featured{border-color:var(--azul-eletrico);box-shadow:var(--shadow-glow)}.plan-card.featured:before{content:"Recomendado";padding:var(--space-1)var(--space-4);background:linear-gradient(135deg,var(--azul-eletrico),var(--ciano-digital));border-radius:var(--radius-full);font-size:var(--font-size-xs);color:#fff;font-weight:600;position:absolute;top:-12px;left:50%;transform:translate(-50%)}.plan-name{font-size:var(--font-size-2xl);margin-bottom:var(--space-4);font-weight:800}.plan-features{gap:var(--space-3);margin-bottom:var(--space-6);text-align:left;flex-direction:column;list-style:none;display:flex}.plan-features li{align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--text-secondary);display:flex}.plan-features li:before{content:"✓";color:var(--verde-neon);flex-shrink:0;font-weight:700}.plan-info{font-size:var(--font-size-sm);color:var(--text-muted);margin-top:var(--space-4)}.text-center{text-align:center}.text-right{text-align:right}.text-muted{color:var(--text-muted)}.text-secondary{color:var(--text-secondary)}.text-sm{font-size:var(--font-size-sm)}.text-xs{font-size:var(--font-size-xs)}.font-mono{font-family:monospace}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.mb-8{margin-bottom:var(--space-8)}.flex{display:flex}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.items-center{align-items:center}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-in{animation:.4s forwards fadeIn}@media (max-width:768px){.landing-steps{flex-direction:column;align-items:center}.stats-grid{grid-template-columns:1fr 1fr}.plan-grid{grid-template-columns:1fr}.chat-bubble{max-width:90%}.dashboard-header{padding:var(--space-3)var(--space-4)}.dashboard-main{padding:var(--space-6)var(--space-4)}}