*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;background:linear-gradient(135deg,#1a1a2e,#16213e);color:#fff}.container,body{min-height:100vh}.container{max-width:900px;margin:0 auto;padding:20px;display:flex;flex-direction:column}.header{text-align:center;padding:30px 0;border-bottom:1px solid hsla(0,0%,100%,.1);margin-bottom:20px;position:relative}.header h1{font-size:2.5rem;background:linear-gradient(90deg,#00d4ff,#7b2cbf);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:10px}.header p{color:#888;font-size:1rem}.user-info{position:absolute;top:20px;right:0;display:flex;align-items:center;gap:15px}.user-info span{color:#888;font-size:.9rem}.logout-button{padding:8px 16px;border:1px solid hsla(0,0%,100%,.2);border-radius:20px;background:transparent;color:#fff;font-size:.85rem;cursor:pointer;transition:all .3s}.logout-button:hover{background:hsla(0,0%,100%,.1)}.login-screen{flex:1 1;display:flex;flex-direction:column;justify-content:center;align-items:center}.login-box{background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:20px;padding:50px;text-align:center;margin:40px 0}.login-box h2{font-size:1.8rem;margin-bottom:15px}.login-box p{color:#888;margin-bottom:30px}.login-button{padding:15px 50px;border:none;border-radius:30px;background:linear-gradient(135deg,#00d4ff,#7b2cbf);color:#fff;font-size:1.1rem;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s}.login-button:hover{transform:scale(1.05);box-shadow:0 10px 30px rgba(0,212,255,.3)}.loading-screen{flex:1 1;display:flex;justify-content:center;align-items:center}.chat-container{flex:1 1;overflow-y:auto;padding:20px 0;display:flex;flex-direction:column;gap:15px}.message{padding:15px 20px;border-radius:15px;max-width:80%;line-height:1.5}.message.user{background:linear-gradient(135deg,#7b2cbf,#5a189a);align-self:flex-end;border-bottom-right-radius:5px}.message.assistant{background:hsla(0,0%,100%,.1);align-self:flex-start;border-bottom-left-radius:5px}.message.assistant .actions{margin-top:10px;padding-top:10px;border-top:1px solid hsla(0,0%,100%,.2)}.message.assistant .action-tag{display:inline-block;background:rgba(0,212,255,.2);color:#00d4ff;padding:3px 10px;border-radius:20px;font-size:.8rem;margin-right:5px}.input-container{display:flex;gap:10px;padding:20px 0;border-top:1px solid hsla(0,0%,100%,.1)}.input-container input{flex:1 1;padding:15px 20px;border:none;border-radius:30px;background:hsla(0,0%,100%,.1);color:#fff;font-size:1rem;outline:none;transition:background .3s}.input-container input:focus{background:hsla(0,0%,100%,.15)}.input-container input::placeholder{color:#666}.input-container button{padding:15px 30px;border:none;border-radius:30px;background:linear-gradient(135deg,#00d4ff,#7b2cbf);color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .2s,opacity .2s}.input-container button:hover{transform:scale(1.05)}.input-container button:disabled{opacity:.5;cursor:not-allowed;transform:none}.loading{display:flex;gap:5px;padding:20px;justify-content:center}.loading span{width:10px;height:10px;background:#00d4ff;border-radius:50%;animation:bounce 1.4s ease-in-out infinite both}.loading span:first-child{animation-delay:-.32s}.loading span:nth-child(2){animation-delay:-.16s}@keyframes bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.powered-by{text-align:center;padding:20px;color:#555;font-size:.9rem}.powered-by a{color:#00d4ff;text-decoration:none}.ticket-form{background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.2);border-radius:15px;padding:25px;margin:15px 0;max-height:70vh;overflow-y:auto}.ticket-form h3{margin-bottom:20px;color:#00d4ff;font-size:1.3rem}.form-group{margin-bottom:15px;flex:1 1}.form-group label{display:block;margin-bottom:6px;color:#aaa;font-size:.85rem;font-weight:500}.form-row{display:flex;gap:15px}@media (max-width:600px){.form-row{flex-direction:column;gap:0}}.ticket-form input,.ticket-form select,.ticket-form textarea{width:100%;padding:12px 15px;border:1px solid hsla(0,0%,100%,.2);border-radius:10px;background:hsla(0,0%,100%,.1);color:#fff;font-size:.95rem;outline:none;transition:border-color .3s}.ticket-form input:focus,.ticket-form select:focus,.ticket-form textarea:focus{border-color:#00d4ff}.ticket-form textarea{min-height:80px;resize:vertical}.ticket-form select{cursor:pointer}.ticket-form select option{background:#1a1a2e;color:#fff}.attachment-area{display:flex;flex-direction:column;gap:10px}.attach-btn{padding:12px 20px;border:2px dashed hsla(0,0%,100%,.3);border-radius:10px;background:transparent;color:#888;font-size:.95rem;cursor:pointer;transition:all .3s}.attach-btn:hover{border-color:#00d4ff;color:#00d4ff}.attachment-list{display:flex;flex-wrap:wrap;gap:8px}.attachment-item{display:flex;align-items:center;gap:8px;padding:6px 12px;background:rgba(0,212,255,.2);border-radius:20px;font-size:.85rem}.attachment-item button{background:none;border:none;color:#ff6b6b;font-size:1.1rem;cursor:pointer;padding:0;line-height:1}.ticket-form-buttons{display:flex;gap:10px;margin-top:20px}.ticket-form-buttons button{flex:1 1;padding:14px 20px;border:none;border-radius:25px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s}.ticket-form-buttons button:first-child{background:linear-gradient(135deg,#00d4ff,#7b2cbf);color:#fff}.ticket-form-buttons button:first-child:hover:not(:disabled){transform:scale(1.02)}.ticket-form-buttons button:disabled{opacity:.5;cursor:not-allowed}.ticket-form-buttons .cancel-btn{background:transparent;border:1px solid hsla(0,0%,100%,.2);color:#888}.ticket-form-buttons .cancel-btn:hover{background:hsla(0,0%,100%,.1)}