*{padding:0;margin:0;box-sizing:border-box}.body_container{margin:0px auto !important}body{overflow-x:hidden;background-color:var(--background-color)}.tickets_container{grid-column:1/10;height:auto;max-height:590px;height:100%;display:grid;grid-template-columns:repeat(12,1fr);gap:20px}.tickets_list{grid-column:1/5;border-radius:16px;background-color:var(--card-color);padding:24px 18px;display:flex;flex-direction:column;gap:16px;max-height:550px;min-height:550px}.tickets_conversation{grid-column:5/13;border-radius:16px;background-color:var(--card-color);padding:24px;display:flex;flex-direction:column;gap:16px;max-height:550px;min-height:550px}.tickets_list_head{display:flex;align-items:center;justify-content:space-between;gap:12px}.list_title{font-size:16px;font-weight:normal;color:var(--white-color)}.creat_ticket_btn{font-size:13px;font-weight:500;color:var(--dark-color);background-color:var(--color-primary);min-width:150px;height:36px;border:none;border-radius:10px;cursor:pointer;transition:transform 0.2s ease,box-shadow 0.2s ease;display:inline-flex;align-items:center;justify-content:center}.creat_ticket_btn:hover{transform:translateY(-1px);box-shadow:0 6px 16px var(--shadow-soft)}.creat_ticket_btn:focus{outline:2px solid var(--surface-tint-35);outline-offset:2px}.tickets_lists_container{display:flex;flex-direction:column;gap:10px;max-height:500px;margin-top:7px;width:100%;overflow-y:scroll;padding:10px}.tickets_lists_container::-webkit-scrollbar{width:6px}.tickets_lists_container::-webkit-scrollbar-thumb{background-color:var(--surface-tint-15);border-radius:999px}.tickets_lists_container::-webkit-scrollbar-track{background-color:transparent}.ticket_item{cursor:pointer;background-color:var(--background-overlay-45);border:1px solid var(--border-color);width:100%;padding:12px;border-radius:14px;display:grid;grid-template-columns:repeat(3,1fr);row-gap:5px;min-height:70px;transition:0.25s ease;position:relative}.ticket_item:hover{transform:translateX(-4px);background-color:var(--card-overlay-65)}.ticket_item.selected{border:1px solid var(--color-primary);box-shadow:0 0 0 1px var(--accent-secondary-35);background-color:var(--card-overlay-90)}.ticket_item::before{content:"";position:absolute;inset-inline-end:0;inset-block:16px;width:3px;border-radius:999px;background:transparent;transition:background 0.3s ease}.ticket_item.selected::before{background:var(--color-primary)}.ticket_item.status-new::before,.ticket_item.status-open::before{background:var(--color-primary)}.ticket_item.status-pending::before,.ticket_item.status-waiting::before{background:var(--yellow-color)}.ticket_item.status-answered::before{background:var(--surface-tint-35)}.ticket_item.status-resolved::before{background:var(--discord-bg)}.ticket_item.status-closed::before{background:var(--red-color)}.ticket_title{color:var(--white-color);font-size:16px;font-weight:300;grid-column:1/3;text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:97%}.ticket_status{grid-column:3/4;height:25px;max-width:100px;min-width:84px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:300;text-align:center;border-radius:100px;border:1px solid transparent}.ticket_status.status-new,.ticket_status.status-open,.conversation_ticket_status.status-new,.conversation_ticket_status.status-open{background-color:var(--color-primary);color:var(--dark-color);border-color:transparent}.ticket_status.status-pending,.ticket_status.status-waiting,.conversation_ticket_status.status-pending,.conversation_ticket_status.status-waiting{background-color:var(--yellow-color);color:var(--dark-color);border-color:transparent}.ticket_status.status-answered,.conversation_ticket_status.status-answered{background-color:var(--surface-tint-35);color:var(--white-color);border-color:transparent}.ticket_status.status-resolved,.conversation_ticket_status.status-resolved{background-color:var(--discord-bg);color:var(--white-color);border-color:transparent}.ticket_status.status-closed,.conversation_ticket_status.status-closed{background-color:var(--red-color);color:var(--white-color);border-color:transparent}.ticket_last_message{grid-column:1/4;text-align:right;color:var(--white-color);opacity:0.6;font-weight:300;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:320px}.ticket_add_date{grid-column:1/4;text-align:right;color:var(--white-color);opacity:0.4;font-weight:300;font-size:11px}.no-tickets-message{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center;color:var(--text-white-80);background:var(--background-overlay-70);padding:32px 16px;border-radius:16px;border:1px dashed var(--surface-tint-15)}.no-tickets-message p{font-size:14px;line-height:1.7}.no-tickets-message .creat_ticket_btn{min-width:180px}.no-open{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--white-color);position:relative}.no-open .conversation_head,.no-open .conversation_container,.no-open .show_message,.no-open .answer_form{visibility:hidden;opacity:0;pointer-events:none;max-height:0;overflow:hidden}.no-open .no-selection-text{display:block;font-size:12px;color:var(--white-color)}.C-open .no-selection-text{display:none}.C-open{display:flex;flex-direction:column;gap:16px}.C-open .conversation_head{width:100%;display:flex;gap:8px;color:var(--white-color);font-size:16px;text-align:right;direction:rtl;align-items:flex-start}.conversation_title{display:flex;align-items:center;gap:12px;justify-content:flex-start;width:100%}.conversation_actions{display:flex;align-items:center;gap:8px;margin-inline-start:auto}.delete_ticket_btn{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;background:var(--card-overlay-90-alt);color:var(--text-white-80);border:1px solid var(--surface-tint-12);border-radius:12px;cursor:pointer;transition:background-color 0.2s ease,transform 0.2s ease,color 0.2s ease;font-size:13px}.delete_ticket_btn img{width:18px;height:18px;filter:invert(0.8)}.delete_ticket_btn:hover{background:var(--background-overlay-80);color:var(--white-color);transform:translateY(-1px)}.delete_ticket_btn:disabled{cursor:not-allowed;opacity:0.6}.conversation_ticket_title{font-weight:500}.conversation_ticket_status{display:inline-flex;align-items:center;justify-content:center;padding:4px 16px;border-radius:999px;font-size:12px;font-weight:400;background-color:var(--background-overlay-65);color:var(--white-color);border:1px solid var(--surface-tint-15)}.conversation_meta{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-white-70);width:215px}.conversation_meta_divider{color:var(--surface-tint-25)}.conversation_ticket_date{font-size:12px;color:var(--white-color);opacity:0.7}.C-open .conversation_container{display:flex;flex-direction:column;align-items:start;gap:16px;max-height:100%;height:100%;overflow-y:hidden}.C-open .show_message{background-color:var(--dark-color);width:100%;height:100%;overflow-y:auto;display:flex;flex-direction:column;align-items:stretch;gap:12px;border-radius:16px;padding:20px;border:5px solid var(--background-color);max-height:450px;scroll-behavior:smooth}.conversation_hint{width:100%;background:linear-gradient(120deg,var(--card-overlay-85),var(--background-overlay-70));border:1px solid var(--surface-tint-12);color:var(--text-white-80);border-radius:16px;padding:12px 14px;line-height:1.8;display:flex;flex-direction:column;gap:4px}.conversation_hint .hint_title{font-weight:700;color:var(--white-color)}.show_message.loading{justify-content:center;align-items:center}.messages-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:var(--text-white-80);font-size:13px}.messages-loading_spinner{width:32px;height:32px;border-radius:50%;border:3px solid var(--surface-tint-15);border-top-color:var(--color-primary);animation:ticket-spinner 0.8s linear infinite}@keyframes ticket-spinner{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.messages-error{color:var(--red-color);font-size:13px;line-height:1.7}.show_message[data-empty="true"]{justify-content:center;align-items:center;text-align:center;color:var(--text-white-80)}.C-open .answer_form{background-color:var(--background-overlay-85);width:100%;border-radius:16px;padding:10px;justify-content:center;align-items:center;display:flex}.answer_form form{display:grid;grid-template-columns:repeat(5,1fr);width:100%;align-items:center;justify-content:center;gap:12px}.answer_form{height:80px;display:flex;align-items:center;justify-content:space-between;padding:0px;margin:0px}.answer_form.disabled form{opacity:0.6}.answer_input{align-items:center;justify-content:space-between;position:relative;grid-column:1/5}.answer_input textarea{width:100%;padding:12px 14px;font-size:14px;font-weight:300;background-color:var(--card-color);border:1px solid transparent;border-radius:12px;color:var(--white-color);resize:vertical;line-height:1.8}.answer_input textarea:focus{outline:none;border-color:var(--accent-secondary-45);box-shadow:0 0 0 3px var(--accent-secondary-15)}.answer_actions{display:flex;align-items:center;justify-content:flex-end;gap:12px}.file_button{cursor:pointer;width:42px;height:42px;background-color:var(--card-overlay-90-alt);border-radius:12px;display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;transition:background-color 0.2s ease,transform 0.2s ease}.file_button:hover{background-color:var(--file-button-hover);transform:translateY(-1px)}.file_button:focus{outline:2px solid var(--accent-secondary-40);outline-offset:2px}.send_button{cursor:pointer;background-color:var(--color-primary);border:none;height:42px;padding:0 24px;border-radius:12px;font-weight:500;font-size:14px;color:var(--dark-color);transition:background-color 0.2s ease,transform 0.2s ease}.send_button:hover{background-color:var(--accent-secondary);transform:translateY(-1px)}.send_button:disabled{cursor:not-allowed;background-color:var(--surface-tint-15);color:var(--disabled-button-text)}.answer_notice{font-size:12px;color:var(--yellow-color);text-align:right}.message{padding:14px 16px;font-size:16px;color:var(--white-color);font-weight:normal;display:inline-flex;align-items:flex-start;gap:12px;background:var(--surface-tint-05);border-radius:16px;border:1px solid var(--surface-tint-06);position:relative;box-shadow:0 12px 30px var(--shadow-strong);direction:rtl;text-align:right;max-width:92%}.user_message{background:linear-gradient(135deg,var(--accent-secondary-20),var(--accent-secondary-05));border:1px solid var(--accent-secondary-35);flex-direction:row-reverse;align-self:flex-start}.support_message{background:var(--card-overlay-95);border:1px solid var(--surface-tint-08);align-self:flex-end}.message_avatar{width:38px;height:38px;border-radius:12px;background:var(--card-overlay-90);border:1px solid var(--surface-tint-10);color:var(--white-color);display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:15px;flex-shrink:0}.user_message .message_avatar{background:var(--accent-secondary-20);color:var(--dark-color);border-color:var(--accent-secondary-35)}.message_content{display:flex;flex-direction:column;gap:6px;max-width:100%}.message_header{display:flex;align-items:center;justify-content:space-between;gap:12px}.message_sender{font-size:13px;font-weight:600;color:var(--text-white-85);display:inline-flex;align-items:center;gap:6px}.message_sender::before{content:'';width:6px;height:6px;border-radius:50%;background-color:currentColor}.user_message .message_sender{color:var(--text-secondary-accent)}.support_message .message_sender{color:var(--text-white-70)}.message_time,.message-time{font-size:11px;opacity:0.65;color:var(--text-white-80)}.message_body,.message p{font-size:14px;line-height:2;white-space:pre-wrap;color:var(--text-white-90);word-break:break-word}.message_attachments{display:flex;flex-wrap:wrap;gap:10px;margin-top:6px}.message_attachment{background:var(--card-overlay-92);border:1px solid var(--surface-tint-08);border-radius:12px;padding:10px;color:var(--text-white-85);font-size:13px;box-shadow:0 12px 28px rgba(0,0,0,0.18);transition:transform 0.2s ease,box-shadow 0.2s ease}.message_attachment:hover,.message_attachment:focus-visible{transform:translateY(-2px);box-shadow:0 16px 32px rgba(0,0,0,0.22)}.message_attachment a{color:inherit;text-decoration:none;display:inline-flex;gap:8px;align-items:center}.message_attachment--image{padding:8px;max-width:260px}.message_attachment--image img{width:100%;height:auto;border-radius:10px;object-fit:cover;display:block}.message_attachment--image figcaption{margin-top:6px;font-size:12px;color:var(--text-white-70);text-align:center;word-break:break-word}.creat_ticket_modal_container{position:fixed;inset:0;width:100%;height:100%;background:var(--background-overlay-70-deep);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:24px;z-index:999}.creat_ticket_modal{width:min(500px,100%);background-color:var(--card-overlay-98);border-radius:20px;padding:24px;box-shadow:0 24px 48px var(--shadow-elevated);border:1px solid var(--surface-tint-05)}.creat_ticket_modal .modal-content{display:flex;flex-direction:column;gap:20px;color:var(--white-color)}.creat_ticket_modal .modal-header{display:flex;align-items:center;justify-content:space-between}.creat_ticket_modal .modal-header h3{font-size:18px;font-weight:600}.creat_ticket_modal .close-modal{background:transparent;border:none;color:var(--text-white-70);font-size:24px;cursor:pointer;transition:color 0.2s ease}.creat_ticket_modal .close-modal:hover{color:var(--white-color)}.creat_ticket_modal form{display:flex;flex-direction:column;gap:16px}.creat_ticket_modal .form-group{display:flex;flex-direction:column;gap:8px}.creat_ticket_modal label{font-size:13px;color:var(--text-white-80)}.creat_ticket_modal input[type="text"],.creat_ticket_modal textarea{width:100%;border:1px solid transparent;border-radius:12px;background:var(--background-overlay-85-alt);padding:12px 14px;color:var(--white-color);font-size:14px;line-height:1.8}.creat_ticket_modal input[type="text"]:focus,.creat_ticket_modal textarea:focus{outline:none;border-color:var(--accent-secondary-45);box-shadow:0 0 0 3px var(--accent-secondary-15)}.creat_ticket_modal textarea{min-height:140px;resize:vertical}.creat_ticket_modal .form-actions{display:flex;align-items:center;justify-content:flex-end;gap:12px}.creat_ticket_modal .cancel-btn,.creat_ticket_modal .submit-btn{border:none;border-radius:12px;padding:10px 18px;font-size:14px;cursor:pointer;transition:transform 0.2s ease,background-color 0.2s ease}.creat_ticket_modal .cancel-btn{background:var(--surface-tint-12);color:var(--text-white-80)}.creat_ticket_modal .cancel-btn:hover{transform:translateY(-1px);background:var(--surface-tint-18)}.creat_ticket_modal .submit-btn{background:var(--color-primary);color:var(--dark-color);font-weight:600}.creat_ticket_modal .submit-btn:hover{transform:translateY(-1px);background:var(--accent-secondary)}.creat_ticket_modal .submit-btn:disabled{cursor:not-allowed;background:var(--surface-tint-20);color:var(--disabled-button-text)}.delete_ticket_modal_container{position:fixed;inset:0;background:rgba(0,0,0,0.7);display:flex;align-items:center;justify-content:center;padding:24px;z-index:1000}.delete_ticket_modal{background:var(--card-color);border-radius:16px;padding:24px;width:min(420px,90vw);box-shadow:0 24px 48px rgba(0,0,0,0.35);color:var(--white-color);display:flex;flex-direction:column;gap:16px;border:1px solid var(--surface-tint-08)}.delete_modal_header{display:flex;align-items:center;justify-content:space-between;gap:12px}.delete_modal_header h3{margin:0;font-size:16px}.delete_modal_body{color:var(--text-white-80);line-height:1.8;font-size:14px}.delete_modal_actions{display:flex;align-items:center;justify-content:flex-end;gap:10px}.delete_modal_actions button{border:none;border-radius:12px;padding:10px 16px;font-size:14px;cursor:pointer;transition:transform 0.2s ease,background-color 0.2s ease}.delete_modal_actions .cancel-delete{background:var(--surface-tint-12);color:var(--text-white-80)}.delete_modal_actions .confirm-delete{background:var(--red-color);color:var(--white-color)}.delete_modal_actions button:hover{transform:translateY(-1px)}.hidden{display:none !important}body.modal-open{overflow:hidden}@media screen and (max-width:1200px){.tickets_container{grid-template-columns:1fr}.tickets_list{grid-column:1/-1}.tickets_conversation{grid-column:1/-1}}@media screen and (max-width:768px){.tickets_container{gap:16px}.tickets_list{padding:20px 16px}.tickets_conversation{padding:20px 16px}.ticket_item{grid-template-columns:repeat(2,1fr);min-height:110px}.ticket_status{grid-column:1/3}.answer_actions{justify-content:space-between;width:100%}.conversation_head{flex-wrap:wrap;gap:10px}.conversation_meta{width:100%}.conversation_actions{width:100%;justify-content:flex-start}.send_button{flex:1}.answer_form form{align-items:stretch}}@media screen and (max-width:480px){.creat_ticket_modal{padding:18px}.creat_ticket_modal .modal-header h3{font-size:16px}}.file-preview-container{display:flex;flex-wrap:wrap;gap:10px;padding:10px;border-radius:12px;background-color:var(--background-overlay-85-alt);margin-bottom:10px}.file-preview-item{position:relative;display:flex;align-items:center;gap:8px;padding:8px;border-radius:8px;background-color:var(--card-overlay-90);border:1px solid var(--surface-tint-10)}.file-preview-thumbnail{width:40px;height:40px;border-radius:6px;object-fit:cover}.file-preview-name{font-size:12px;color:var(--text-white-80);max-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-preview-remove-btn{position:absolute;top:-5px;right:-5px;width:20px;height:20px;border-radius:50%;background-color:var(--red-color);color:var(--white-color);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:bold;opacity:0.8;transition:opacity 0.2s ease,transform 0.2s ease}.file-preview-remove-btn:hover{opacity:1;transform:scale(1.1)}