.page-module__OBafZq__main{background:#f8fafc;min-height:80vh;padding:2rem 1rem 4rem}.page-module__OBafZq__container{max-width:1100px;margin:0 auto}.page-module__OBafZq__header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:2rem;display:flex}.page-module__OBafZq__title{color:#0f172a;margin:0;font-family:Outfit,sans-serif;font-size:1.8rem;font-weight:800}.page-module__OBafZq__subtitle{color:#64748b;margin:.25rem 0 0;font-size:.875rem}.page-module__OBafZq__newBtn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#3b82f6,#6366f1);border:none;border-radius:8px;padding:.6rem 1.25rem;font-size:.875rem;font-weight:700;transition:opacity .2s}.page-module__OBafZq__newBtn:hover{opacity:.9}.page-module__OBafZq__grid{grid-template-columns:300px 1fr;gap:1.5rem;min-height:600px;display:grid}@media (max-width:768px){.page-module__OBafZq__grid{grid-template-columns:1fr}}.page-module__OBafZq__sidebar{background:#fff;border:1px solid #e2e8f0;border-radius:14px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 4px 6px -1px #0000000d}.page-module__OBafZq__empty{text-align:center;color:#94a3b8;padding:3rem 1rem;font-size:.875rem}.page-module__OBafZq__ticketList{flex-direction:column;display:flex;overflow-y:auto}.page-module__OBafZq__ticketItem{cursor:pointer;border-bottom:1px solid #f1f5f9;padding:1rem 1.25rem;transition:background .15s}.page-module__OBafZq__ticketItem:hover{background:#f8fafc}.page-module__OBafZq__ticketActive{border-left:3px solid #3b82f6;background:#f0f9ff!important}.page-module__OBafZq__ticketItemHeader{justify-content:space-between;align-items:center;margin-bottom:.4rem;display:flex}.page-module__OBafZq__ticketCategory{color:#94a3b8;font-size:.7rem;font-weight:600}.page-module__OBafZq__ticketSubject{color:#0f172a;white-space:nowrap;text-overflow:ellipsis;margin:0 0 .3rem;font-size:.875rem;font-weight:600;overflow:hidden}.page-module__OBafZq__ticketDate{color:#94a3b8;margin:0;font-size:.7rem}.page-module__OBafZq__content{background:#fff;border:1px solid #e2e8f0;border-radius:14px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 4px 6px -1px #0000000d}.page-module__OBafZq__emptyContent{text-align:center;color:#94a3b8;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:3rem;display:flex}.page-module__OBafZq__emptyContent h3{color:#0f172a;margin:0}.page-module__OBafZq__newForm{padding:1.5rem;overflow-y:auto}.page-module__OBafZq__formGroup{margin-bottom:1.25rem}.page-module__OBafZq__label{color:#475569;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem;font-size:.75rem;font-weight:700;display:block}.page-module__OBafZq__input,.page-module__OBafZq__textarea,.page-module__OBafZq__select{color:#0f172a;box-sizing:border-box;background:#fff;border:1px solid #cbd5e1;border-radius:8px;outline:none;width:100%;padding:.625rem .875rem;font-family:inherit;font-size:.875rem;transition:border-color .2s}.page-module__OBafZq__input:focus,.page-module__OBafZq__textarea:focus,.page-module__OBafZq__select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.page-module__OBafZq__textarea{resize:vertical}.page-module__OBafZq__cancelBtn{color:#64748b;cursor:pointer;background:0 0;border:1px solid #cbd5e1;border-radius:8px;padding:.6rem 1.25rem;font-weight:600}.page-module__OBafZq__submitBtn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#3b82f6,#6366f1);border:none;border-radius:8px;padding:.6rem 1.5rem;font-weight:700;transition:opacity .2s}.page-module__OBafZq__submitBtn:disabled{opacity:.6;cursor:not-allowed}.page-module__OBafZq__chatArea{flex-direction:column;flex:1;height:600px;display:flex}.page-module__OBafZq__chatHeader{background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:1.25rem 1.5rem}.page-module__OBafZq__chatTitle{color:#0f172a;margin:0;font-family:Outfit,sans-serif;font-size:1.05rem;font-weight:700}.page-module__OBafZq__messages{background:#fafafa;flex-direction:column;flex:1;gap:1rem;padding:1.25rem;display:flex;overflow-y:auto}.page-module__OBafZq__message{display:flex}.page-module__OBafZq__messageCustomer{justify-content:flex-end}.page-module__OBafZq__messageAdmin{justify-content:flex-start}.page-module__OBafZq__messageBubble{max-width:75%}.page-module__OBafZq__messageCustomer .page-module__OBafZq__messageBubble{background:linear-gradient(135deg,#3b82f6,#6366f1);border-radius:14px 14px 4px;padding:.75rem 1rem}.page-module__OBafZq__messageAdmin .page-module__OBafZq__messageBubble{background:#fff;border:1px solid #e2e8f0;border-radius:14px 14px 14px 4px;padding:.75rem 1rem;box-shadow:0 1px 3px #0000000d}.page-module__OBafZq__messageText{color:#0f172a;white-space:pre-wrap;margin:0 0 .35rem;font-size:.875rem;line-height:1.5}.page-module__OBafZq__messageCustomer .page-module__OBafZq__messageText{color:#fff}.page-module__OBafZq__messageMeta{color:#94a3b8;margin:0;font-size:.7rem}.page-module__OBafZq__messageCustomer .page-module__OBafZq__messageMeta{color:#ffffffb3}.page-module__OBafZq__replyBox{background:#fff;border-top:1px solid #e2e8f0;align-items:flex-end;gap:.75rem;padding:1rem 1.25rem;display:flex}.page-module__OBafZq__replyInput{color:#0f172a;resize:none;background:#f8fafc;border:1px solid #cbd5e1;border-radius:8px;outline:none;flex:1;padding:.625rem .875rem;font-family:inherit;font-size:.875rem;transition:border-color .2s}.page-module__OBafZq__replyInput:focus{border-color:#3b82f6}.page-module__OBafZq__sendBtn{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#3b82f6,#6366f1);border:none;border-radius:8px;height:fit-content;padding:.6rem 1.25rem;font-weight:700;transition:opacity .2s}.page-module__OBafZq__sendBtn:disabled{opacity:.5;cursor:not-allowed}