:root{--primary:#4f46e5;--primary-hover:#4338ca;--secondary:#10b981;--bg-dark:#0f172a;--bg-panel:#1e293bb3;--text-main:#f8fafc;--text-muted:#94a3b8;--glass-border:#ffffff1a}*{box-sizing:border-box;margin:0;padding:0;font-family:Inter,system-ui,sans-serif}body{background:var(--bg-dark);color:var(--text-main);background-image:radial-gradient(at 0 0,#100f15 0,#0000 50%),radial-gradient(at 50% 0,#2f3e6a 0,#0000 50%),radial-gradient(at 100% 0,#722741 0,#0000 50%);background-size:cover;background-attachment:fixed;min-height:100vh}.glass{background:var(--bg-panel);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:16px;box-shadow:0 4px 30px #0000001a}.glass-header{border-bottom:1px solid var(--glass-border);padding:20px 30px}.dashboard-container{grid-template-columns:300px 1fr;gap:20px;height:100vh;padding:20px;display:grid}.sidebar{flex-direction:column;gap:15px;padding:20px;display:flex}.sidebar h2{background:-webkit-linear-gradient(45deg,#60a5fa,#a78bfa);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:20px;font-size:1.5rem}.ticket-item{cursor:pointer;background:#ffffff08;border:1px solid #0000;border-radius:12px;padding:15px;transition:all .2s}.ticket-item:hover,.ticket-item.active{border-color:var(--primary);background:#ffffff1a;transform:translateY(-2px)}.ticket-item strong{margin-bottom:5px;font-size:1.1rem;display:block}.ticket-item span{color:var(--text-muted);font-size:.85rem}.chat-area{flex-direction:column;display:flex;overflow:hidden}.messages-list{flex-direction:column;flex:1;gap:15px;padding:20px;display:flex;overflow-y:auto}.message{border-radius:18px;max-width:70%;padding:12px 18px;line-height:1.5;animation:.3s fadeIn}.message.user{background:#ffffff0d;border-bottom-left-radius:4px;align-self:flex-start}.message.agent,.message.ai{background:var(--primary);border-bottom-right-radius:4px;align-self:flex-end}.message.ai{background:-webkit-linear-gradient(45deg, var(--primary), var(--secondary))}.input-area{border-top:1px solid var(--glass-border);gap:10px;padding:20px;display:flex}.input-area input{border:1px solid var(--glass-border);color:#fff;background:#0003;border-radius:30px;outline:none;flex:1;padding:15px 20px;font-size:1rem;transition:border-color .3s}.input-area input:focus{border-color:var(--primary)}.input-area button{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:30px;padding:0 25px;font-weight:700;transition:background .3s,transform .1s}.input-area button:hover{background:var(--primary-hover)}.input-area button:active{transform:scale(.95)}.widget-container{background:0 0;flex-direction:column;width:100vw;height:100vh;display:flex}.widget-glass{-webkit-backdrop-filter:blur(20px);background:#141414d9;border:1px solid #ffffff26;border-radius:20px;flex-direction:column;flex:1;margin:10px;display:flex;overflow:hidden;box-shadow:0 10px 40px #00000080}.widget-header{text-align:center;background:linear-gradient(135deg,#3b82f6,#8b5cf6);padding:15px 20px;font-size:1.1rem;font-weight:600}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}