:root{font-family:Inter,system-ui,Arial;color:#e5eefc;background:#0b1020}*{box-sizing:border-box}body{margin:0}.app{display:grid;grid-template-columns:220px 330px 1fr 280px;height:100vh;background:#111827}.sidebar{background:#030712;padding:24px;border-right:1px solid #1f2937}.brand{display:flex;gap:10px;align-items:center;color:#60a5fa;font-weight:800;font-size:24px;margin-bottom:40px}.sidebar nav{display:grid;gap:16px}.sidebar span{display:flex;gap:10px;color:#cbd5e1}.queue{background:#1f2937;padding:22px;overflow:auto;border-right:1px solid #374151}.queue h2,.details h2{font-size:18px;color:#93c5fd}.ticket{width:100%;text-align:left;border:1px solid #374151;background:#111827;color:#e5e7eb;border-radius:16px;padding:14px;margin:8px 0;display:grid;gap:4px;cursor:pointer}.ticket.active{border-color:#3b82f6;background:#172554}.ticket small{color:#9ca3af}.ticket em{color:#60a5fa;font-style:normal;font-size:12px}.chat{display:grid;grid-template-rows:86px 1fr 74px;background:#e5e7eb;color:#111827}.chat header{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;background:#f8fafc;border-bottom:1px solid #d1d5db}.chat h1{margin:0;font-size:22px}.chat p{margin:4px 0;color:#4b5563}.chat header button,.chat footer button{border:0;background:#2563eb;color:#fff;border-radius:12px;padding:12px 18px;font-weight:700}.messages{padding:24px;overflow:auto;display:flex;flex-direction:column;gap:12px}.bubble{max-width:68%;padding:12px 14px;border-radius:18px;box-shadow:0 6px 20px #0001}.bubble span{display:block;text-transform:uppercase;font-size:10px;font-weight:800;opacity:.6;margin-bottom:4px}.bubble.in{align-self:flex-start;background:#fff}.bubble.out{align-self:flex-end;background:#dbeafe}.bubble.bot{background:#bfdbfe}.chat footer{display:flex;gap:12px;padding:14px 20px;background:#f8fafc;border-top:1px solid #d1d5db}.chat input{flex:1;border:1px solid #cbd5e1;border-radius:14px;padding:0 16px;font-size:15px}.simulator{display:grid;gap:8px;background:#111827;border:1px solid #374151;border-radius:16px;padding:12px;margin-bottom:14px}.simulator h3{margin:0;color:#bfdbfe;font-size:15px}.simulator input,.simulator textarea{width:100%;border:1px solid #374151;background:#030712;color:#e5e7eb;border-radius:10px;padding:9px;font:inherit}.simulator textarea{min-height:72px;resize:vertical}.simulator button{border:0;background:#16a34a;color:#fff;border-radius:10px;padding:10px;font-weight:800;cursor:pointer}.simulator small{color:#9ca3af}.details{background:#111827;border-left:1px solid #374151;padding:24px}.details p{color:#d1d5db}.note{background:#1e3a8a;padding:14px;border-radius:14px;color:#dbeafe!important}