:root{--bg-0: #07090d;--bg-1: #0c1117;--bg-card: #121a22;--bg-input: #18222c;--text: #eaf2f8;--muted: #8795a3;--accent: #22d3ee;--accent-2: #0891b2;--accent-soft: rgba(34, 211, 238, .13);--accent-line: rgba(34, 211, 238, .35);--green: #22c55e;--amber: #f59e0b;--border: #1d2834}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:radial-gradient(1000px 500px at 50% -10%,#101820,#0a0e13 60%,#06080c);color:var(--text);font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased}button{cursor:pointer;font-family:inherit;color:inherit}.shell{max-width:480px;margin:0 auto;min-height:100vh;display:flex;flex-direction:column;background:linear-gradient(180deg,var(--bg-1),var(--bg-0));border-left:1px solid var(--border);border-right:1px solid var(--border)}.topbar{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid var(--border);background:#0c1117cc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:sticky;top:0;z-index:10}.brand{font-weight:800;letter-spacing:1px;cursor:pointer;font-size:16px}.brand b{color:var(--accent)}.avatar{width:38px;height:38px;border-radius:50%;background:var(--accent-soft);border:1px solid var(--accent-line);color:var(--accent);font-weight:700;font-size:15px;display:grid;place-items:center}.top-actions{display:flex;align-items:center;gap:10px}.credits-badge{background:var(--accent-soft);border:1px solid var(--accent-line);color:var(--accent);padding:5px 11px;border-radius:999px;font-size:13px;font-weight:700}.content{flex:1;padding:20px 18px 90px}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:480px;display:flex;background:#0c1117eb;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid var(--border);padding:6px 8px calc(6px + env(safe-area-inset-bottom))}.nav-btn{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;background:transparent;border:none;color:var(--muted);padding:8px 0;border-radius:10px;font-size:11px}.nav-btn.active{color:var(--accent)}.login-wrap{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;background:radial-gradient(800px 400px at 50% 0%,#12212c,#07090d 70%)}.brand-logo{font-size:26px;font-weight:800;letter-spacing:2px}.brand-logo b{color:var(--accent)}.brand-img{object-fit:contain;display:block}.brand.brand-img{height:56px;width:auto}.brand-logo.brand-img{height:110px;width:auto;margin-bottom:0}.brand-tagline{color:var(--muted);margin:6px 0 22px;font-size:14px}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:18px;padding:26px;width:100%;max-width:400px;box-shadow:0 24px 70px #0000008c}.login-card{border-top:2px solid var(--accent)}.forgot-link{background:none;border:none;color:var(--accent);font-size:13px;margin-top:12px;padding:0;text-decoration:underline}.forgot-box{margin-top:12px;text-align:center}.forgot-box .whatsapp{margin-top:10px}.mfa-box{display:flex;flex-direction:column;gap:12px;text-align:center}.mfa-box .muted.small{font-size:12.5px}.mfa-box input{text-align:center;letter-spacing:6px;font-size:20px;font-weight:700}.twofa-box{margin-top:6px}.twofa-box .muted{margin:4px 0 10px;font-size:12.5px}.twofa-box .mini{align-self:flex-start}.twofa-setup{display:flex;flex-direction:column;gap:10px;margin-top:12px}.twofa-setup .muted{margin:0;font-size:12.5px}.twofa-secret{font-family:monospace;font-size:15px;letter-spacing:1.5px;color:var(--accent);word-break:break-all}.twofa-qr{width:180px;height:180px;background:#fff;border-radius:10px;padding:6px;align-self:flex-start}.twofa-setup input{text-align:center;letter-spacing:6px;font-size:20px;font-weight:700}.tabs{display:flex;gap:8px;margin-bottom:18px;background:var(--bg-input);padding:4px;border-radius:11px}.tabs button{flex:1;padding:10px;background:transparent;color:var(--muted);border:none;border-radius:8px;font-weight:600}.tabs button.active{background:var(--accent);color:#04151a}form{display:flex;flex-direction:column;gap:12px}input,select{background:var(--bg-input);color:var(--text);border:1px solid var(--border);padding:14px;border-radius:11px;font-size:15px;width:100%;-webkit-text-fill-color:var(--text);caret-color:var(--accent)}input::placeholder{color:#5f6d7a;opacity:1}input:focus,select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus{-webkit-text-fill-color:var(--text);-webkit-box-shadow:0 0 0 1000px var(--bg-input) inset;transition:background-color 9999s ease-in-out 0s}.primary{background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#04151a;border:none;padding:15px;border-radius:11px;font-weight:700;font-size:15px}.primary:disabled{opacity:.55;cursor:default}.ghost{background:transparent;color:var(--muted);border:1px solid var(--border);padding:12px;border-radius:11px}.ghost.full{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:16px;width:100%}.error{color:#f87171;margin:0;font-size:14px}.muted{color:var(--muted)}.greeting{color:var(--muted);margin:0 0 10px;font-size:14px}.login-hero{margin:24px auto 0;text-align:center;font-size:15px;font-weight:700;line-height:1.4;color:var(--muted);max-width:320px}.hero-accent{background:linear-gradient(120deg,var(--accent),var(--accent-2));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;text-shadow:0 0 22px rgba(34,211,238,.45)}h2{font-size:22px;margin:0 0 18px}.service-list{display:flex;flex-direction:column;gap:12px}.service-card{display:flex;align-items:center;gap:14px;background:linear-gradient(135deg,var(--bg-card),#101820);border:1px solid var(--border);border-radius:16px;padding:16px;text-align:left;transition:border-color .15s,transform .12s}.service-card:active{transform:scale(.99)}.service-icon{width:50px;height:50px;flex:none;display:grid;place-items:center;background:var(--accent-soft);border:1px solid var(--accent-line);border-radius:14px;color:var(--accent)}.service-card .text{flex:1;display:flex;flex-direction:column;gap:2px}.service-title{font-weight:700;font-size:16px}.service-sub{color:var(--muted);font-size:13px}.service-price{color:var(--accent);font-size:13px;font-weight:700;margin-top:3px}.service-price-note{color:var(--muted);font-style:normal;font-weight:500;font-size:12px}.chev{color:var(--muted);flex:none}.whatsapp{display:flex;align-items:center;justify-content:center;gap:9px;margin-top:22px;color:var(--green);text-decoration:none;padding:12px;font-weight:700;font-size:15px}.whatsapp svg{color:var(--green)}.chat{display:flex;flex-direction:column;height:100%}.chat-head{display:flex;align-items:center;gap:10px;padding:8px 0 14px}.chat-billing{margin:-6px 0 8px;padding:9px 12px;border-radius:10px;background:var(--accent-soft);border:1px solid var(--accent-line);color:var(--accent);font-size:12.5px;font-weight:600;line-height:1.4}.back{background:transparent;border:none;color:var(--muted);display:grid;place-items:center;padding:4px}.chat-title{font-weight:700;font-size:17px}.messages{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:10px;padding:8px 0 16px}.bubble{max-width:82%;padding:12px 15px;border-radius:16px;line-height:1.5;white-space:pre-wrap;font-size:15px}.bubble.user{align-self:flex-end;background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#04151a;border-bottom-right-radius:4px}.bubble.assistant{align-self:flex-start;background:var(--bg-card);border:1px solid var(--border);border-bottom-left-radius:4px}.bubble.typing{opacity:.9;display:flex;align-items:center;gap:8px}.typing-dots{display:inline-flex;gap:4px}.typing-dots i{width:7px;height:7px;border-radius:50%;background:var(--accent);animation:typing-bounce 1.2s infinite ease-in-out}.typing-dots i:nth-child(2){animation-delay:.15s}.typing-dots i:nth-child(3){animation-delay:.3s}.typing-label{color:var(--muted);font-size:13px}@keyframes typing-bounce{0%,60%,to{transform:translateY(0);opacity:.35}30%{transform:translateY(-5px);opacity:1}}.bubble p{margin:0 0 6px}.bubble p:last-child{margin-bottom:0}.bubble h4{margin:6px 0 4px;font-size:15px;line-height:1.3}.bubble ul,.bubble ol{margin:4px 0;padding-left:18px}.bubble li{margin:2px 0}.bubble hr{border:none;border-top:1px solid var(--border);margin:8px 0}.composer{display:flex;flex-direction:column;gap:8px;padding-top:12px;border-top:1px solid var(--border)}.composer-row{display:flex;gap:8px;align-items:center}.composer input{flex:1}.attach{width:46px;height:48px;flex:none;border-radius:12px;background:var(--bg-input);border:1px solid var(--border);color:var(--muted);display:grid;place-items:center}.attach:hover{color:var(--accent);border-color:var(--accent-line)}.attach.mic.active{color:#f87171;border-color:#f87171;animation:pulse-mic 1s infinite}.new-chat{display:flex;align-items:center;gap:5px;background:var(--bg-input);border:1px solid var(--border);color:var(--muted);padding:6px 10px;border-radius:9px;font-size:12.5px;font-weight:600;flex:none}.new-chat:hover{color:var(--accent);border-color:var(--accent-line)}@keyframes pulse-mic{0%,to{box-shadow:0 0 #f8717166}50%{box-shadow:0 0 0 6px #f8717100}}.composer-imgs{display:flex;flex-wrap:wrap;gap:8px}.attach-error{margin:0;font-size:12.5px;color:#f87171}.composer-thumb{position:relative;width:64px;height:64px}.composer-thumb img{width:64px;height:64px;object-fit:cover;border-radius:10px;border:1px solid var(--border)}.thumb-x{position:absolute;top:-6px;right:-6px;width:22px;height:22px;border-radius:50%;background:#0b0f14;color:#fff;border:1px solid var(--border);display:grid;place-items:center;padding:0}.bubble-imgs{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.bubble-imgs img{max-width:100%;max-height:240px;border-radius:10px;border:1px solid var(--border)}.send{width:48px;height:48px;flex:none;border-radius:12px;border:none;background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#04151a;display:grid;place-items:center}.send:disabled{opacity:.5}.list h2{margin-bottom:18px}.row{display:flex;justify-content:space-between;align-items:center;padding:15px;background:var(--bg-card);border:1px solid var(--border);border-radius:12px;margin-bottom:10px}.profile-head{display:flex;align-items:center;gap:14px;margin-bottom:16px}.avatar-lg{width:56px;height:56px;border-radius:50%;font-size:22px;font-weight:700;background:var(--accent-soft);border:1px solid var(--accent-line);color:var(--accent);display:grid;place-items:center}.avatar-img{object-fit:cover}.profile-head .name{margin:0;font-weight:700}.billing{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:14px;margin-bottom:14px}.billing-balance{margin:0 0 8px;color:var(--muted);font-size:14px}.billing-balance b{color:var(--text)}.billing-plan{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);margin-bottom:12px}.billing-plan-name{margin:0;font-weight:700;font-size:14.5px}.billing-plan .muted{margin:2px 0 0;font-size:12.5px}.vehicle-form{display:flex;flex-direction:column;gap:10px;margin-top:18px;padding-top:18px;border-top:1px solid var(--border)}.ok{color:var(--green);margin:0;font-size:14px}.finalize{margin-left:auto;display:flex;align-items:center;gap:6px;background:var(--accent-soft);border:1px solid var(--accent-line);color:var(--accent);padding:7px 12px;border-radius:10px;font-size:13px;font-weight:600}.feedback{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:14px;margin:4px 0 12px}.fb-msg{margin:0 0 10px;color:var(--text);font-size:14px}.fb-msg.done{color:var(--green);text-align:center;margin:4px 0 12px}.fb-btns{display:flex;gap:10px}.fb{width:44px;height:44px;border-radius:12px;border:1px solid var(--border);background:var(--bg-input);color:var(--muted);display:grid;place-items:center}.fb:hover{color:var(--accent);border-color:var(--accent-line)}.motivo{display:flex;flex-direction:column;gap:8px;margin-top:10px}.case-row{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:14px;margin-bottom:10px}.case-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.case-title{font-weight:700;font-size:15px}.badge{font-size:11px;padding:3px 9px;border-radius:999px;background:var(--accent-soft);color:var(--accent);border:1px solid var(--accent-line)}.case-snippet{margin:0;color:var(--muted);font-size:13.5px;line-height:1.45}.admin-actions{display:flex;gap:8px;margin-top:10px}.user-actions{display:flex;align-items:center;gap:8px}.mini{background:var(--bg-input);border:1px solid var(--border);color:var(--text);padding:6px 12px;border-radius:8px;font-size:12.5px}.mini:hover{border-color:var(--accent-line);color:var(--accent)}.shell,.login-wrap{position:relative}.shell:before,.login-wrap:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:url(/robot.svg) no-repeat center 72%;background-size:min(80%,500px) auto;opacity:.12;filter:blur(1px);pointer-events:none;z-index:0}.shell>*,.login-wrap>*{position:relative;z-index:1}.drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;z-index:40}.drawer{position:fixed;top:0;left:0;bottom:0;width:280px;max-width:85%;background:var(--bg-1);border-right:1px solid var(--border);z-index:50;transform:translate(-100%);transition:transform .25s ease;display:flex;flex-direction:column;padding:16px;overflow-y:auto}.drawer.open{transform:translate(0)}.drawer-new{display:flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#04151a;border:none;padding:13px;border-radius:12px;font-weight:700;margin-bottom:14px}.drawer-list{flex:1;display:flex;flex-direction:column;gap:6px;overflow-y:auto}.drawer-item{display:flex;align-items:center;gap:6px;border:1px solid var(--border);color:var(--text);border-radius:10px;overflow:hidden}.drawer-item.current{border-color:var(--accent-line);background:var(--accent-soft)}.drawer-item-main{flex:1;display:flex;align-items:center;gap:10px;background:transparent;border:none;color:inherit;padding:11px 12px;text-align:left;font-size:14px}.drawer-item-text{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.drawer-delete{background:transparent;border:none;color:var(--muted);padding:9px;margin-right:4px;border-radius:8px}.drawer-delete:hover{color:#f87171;background:#f871711f}.drawer-home{margin-top:12px;background:transparent;border:none;color:var(--muted);padding:10px;text-align:left}.bottom-new-chat{align-self:flex-start;display:inline-flex;align-items:center;gap:5px;background:var(--accent-soft);border:1px solid var(--accent-line);color:var(--accent);padding:7px 13px;border-radius:999px;font-size:12.5px;font-weight:700;margin-bottom:8px}.bottom-new-chat:hover{background:var(--accent);color:#04151a}.drawer-tools{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}.drawer-selectall{background:transparent;border:none;color:var(--accent);font-size:13px;font-weight:600;padding:4px 0}.drawer-bulk-delete{background:#f871711f;border:1px solid rgba(248,113,113,.4);color:#f87171;font-size:12.5px;font-weight:700;padding:6px 10px;border-radius:8px}.drawer-check{background:transparent;border:none;color:var(--accent);padding:6px;display:grid;place-items:center;flex:none}.drawer-check-empty{width:17px;height:17px;border:1.5px solid var(--border);border-radius:5px}.danger{background:#f871711a;color:#f87171;border:1px solid rgba(248,113,113,.4);padding:12px;border-radius:11px;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:16px;width:100%}.danger:hover{background:#f8717133}.chat-billing.ok{background:#22c55e1f;border-color:#22c55e66;color:var(--green)}.chat-billing.warn{background:#f59e0b1f;border-color:#f59e0b73;color:var(--amber)}.billing-alert{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.password-wrap{position:relative}.password-wrap input{padding-right:42px}.eye-btn{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:transparent;border:none;color:var(--muted);padding:4px;display:grid;place-items:center;cursor:pointer}.eye-btn:hover{color:var(--accent)}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.stat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:16px 14px;display:flex;flex-direction:column;gap:4px}.stat-num{font-size:22px;font-weight:800;color:var(--accent)}.stat-label{font-size:12px;color:var(--muted)}.export-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.export-row .ghost{flex:1;min-width:100px;text-align:center}.recharge-hint{margin:0 0 10px;font-size:12px}.recharge-row{display:flex;flex-wrap:wrap;gap:6px}.recharge-custom{display:flex;gap:6px}.recharge-custom input{width:96px;padding:6px 8px;font-size:12.5px}.legal-links{display:flex;gap:6px;justify-content:center;margin-top:18px;font-size:12px;color:var(--muted)}.legal-links button{background:none;border:none;color:var(--accent);font-size:12px;padding:0}.legal-text{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:16px;font-size:14px;line-height:1.6;color:var(--text)}.legal-text p{margin:0 0 10px}.coach,.coach-blocker{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100}.coach-spot{position:fixed;z-index:101;border-radius:14px;border:2px solid var(--accent);box-shadow:0 0 0 9999px #03090dc7;pointer-events:none;transition:all .25s ease}.coach-tip{position:fixed;z-index:102;width:calc(100vw - 32px);max-width:300px;background:var(--bg-card);border:1px solid var(--border);border-radius:14px;padding:16px;box-shadow:0 18px 50px #0009}.coach-step{margin:0 0 6px;font-size:11px;color:var(--accent);font-weight:700;text-transform:uppercase;letter-spacing:.5px}.coach-tip h4{margin:0 0 6px;font-size:16px;color:var(--text)}.coach-tip p{margin:0 0 14px;font-size:13.5px;color:var(--muted);line-height:1.5}.coach-actions{display:flex;gap:10px;align-items:center;justify-content:flex-end}.coach-skip{background:none;border:none;color:var(--muted);font-size:13px}.coach-tip.bottom:before{content:"";position:absolute;top:-7px;left:32px;width:12px;height:12px;background:var(--bg-card);border-left:1px solid var(--border);border-top:1px solid var(--border);transform:rotate(45deg)}.coach-tip.top:before{content:"";position:absolute;bottom:-7px;left:32px;width:12px;height:12px;background:var(--bg-card);border-right:1px solid var(--border);border-bottom:1px solid var(--border);transform:rotate(45deg)}