body{padding:85px 1.5rem 2rem}header{display:none}.container{max-width:1280px;margin:0 auto}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-top:2rem;margin-bottom:1.75rem;display:flex}.page-title-wrap{flex-direction:column;gap:.3rem;display:flex}.page-badge{color:var(--primary);text-transform:uppercase;letter-spacing:1.2px;background:#4361ee1f;border:1px solid #4361ee40;border-radius:999px;align-items:center;gap:6px;width:fit-content;padding:4px 10px;font-size:.68rem;font-weight:800;display:inline-flex}.page-title{color:#fff;font-size:1.6rem;font-weight:800}.page-title span{color:var(--primary)}.compose-layout{grid-template-columns:320px 1fr;gap:1.25rem;min-height:78vh;display:grid}.ticket-list-panel{background:var(--card);border:1px solid var(--border);border-radius:1.25rem;flex-direction:column;display:flex;overflow:hidden}.panel-head{border-bottom:1px solid var(--border);flex-shrink:0;padding:1rem 1rem .75rem}.panel-head-title{text-transform:uppercase;letter-spacing:1px;color:var(--dim);margin-bottom:.6rem;font-size:.75rem;font-weight:800}.search-wrap{position:relative}.search-wrap i{color:var(--dim);font-size:.75rem;position:absolute;top:50%;left:.75rem;transform:translateY(-50%)}.search-input{border:1px solid var(--border);color:#fff;width:100%;transition:var(--transition);background:#ffffff0a;border-radius:.6rem;outline:none;padding:.45rem .75rem .45rem 2rem;font-family:inherit;font-size:.78rem}.search-input:focus{border-color:var(--primary)}.filter-tabs{border-bottom:1px solid var(--border);background:#0003;flex-shrink:0;gap:.25rem;padding:.6rem 1rem;display:flex}.filter-tab{color:var(--dim);text-transform:uppercase;letter-spacing:.8px;cursor:pointer;transition:var(--transition);background:0 0;border:none;border-radius:.4rem;padding:.3rem .65rem;font-family:inherit;font-size:.7rem;font-weight:700}.filter-tab.active,.filter-tab:hover{color:#fff;background:#ffffff0f}.filter-tab.active{color:var(--primary);background:#4361ee26}.ticket-list-scroll{flex:1;overflow-y:auto}.ticket-row{cursor:pointer;transition:var(--transition);border-bottom:1px solid #ffffff0a;align-items:flex-start;gap:.75rem;padding:.85rem 1rem;display:flex}.ticket-row:hover{background:#ffffff08}.ticket-row.active{border-left:3px solid var(--primary);background:#4361ee1a}.ticket-row-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:5px}.dot-active{background:var(--primary);box-shadow:0 0 6px var(--primary)}.dot-pending{background:var(--yellow);box-shadow:0 0 6px var(--yellow)}.dot-closed{background:#555}.ticket-row-body{flex:1;min-width:0}.ticket-row-id{color:var(--pink);margin-bottom:2px;font-family:monospace;font-size:.68rem;font-weight:800}.ticket-row-title{color:#fff;white-space:nowrap;text-overflow:ellipsis;margin-bottom:3px;font-size:.82rem;font-weight:700;overflow:hidden}.ticket-row-meta{color:var(--dim);font-size:.7rem}.compose-panel{background:var(--card);border:1px solid var(--border);border-radius:1.25rem;flex-direction:column;display:flex;overflow:hidden}.compose-ticket-header{border-bottom:1px solid var(--border);flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:flex-start;gap:1rem;padding:1.25rem 1.75rem;display:flex}.compose-ticket-id{color:var(--pink);margin-bottom:4px;font-family:monospace;font-size:.78rem;font-weight:800}.compose-ticket-title{color:#fff;font-size:1.2rem;font-weight:800;line-height:1.3}.compose-ticket-product{color:var(--dim);margin-top:4px;font-size:.75rem}.compose-header-actions{align-items:center;gap:.75rem;display:flex}.status-select-wrap{border:1px solid var(--border);background:#ffffff0a;border-radius:.6rem;align-items:center;gap:6px;padding:.35rem .75rem;display:flex}.status-label{text-transform:uppercase;letter-spacing:1px;color:var(--dim);font-size:.65rem;font-weight:800}.status-select{color:#fff;cursor:pointer;background:0 0;border:none;outline:none;font-family:inherit;font-size:.78rem;font-weight:700}.status-select option{background:var(--card);color:#fff}.thread-feed{flex-direction:column;flex:1;gap:1rem;padding:1.5rem 1.75rem;display:flex;overflow-y:auto}.msg-bubble{flex-direction:column;gap:.4rem;max-width:85%;display:flex}.msg-bubble.user{align-self:flex-start}.msg-bubble.staff{align-self:flex-end}.msg-bubble-meta{align-items:center;gap:8px;font-size:.68rem;display:flex}.msg-bubble.staff .msg-bubble-meta{justify-content:flex-end}.msg-bubble-sender{text-transform:uppercase;letter-spacing:.5px;font-weight:800}.msg-bubble.user .msg-bubble-sender{color:var(--pink)}.msg-bubble.staff .msg-bubble-sender{color:var(--primary)}.msg-bubble-time{color:var(--dim)}.msg-text{border:1px solid var(--border);color:#fff;background:#ffffff0a;border-radius:1rem;padding:.9rem 1.2rem;font-size:.88rem;line-height:1.6}.msg-bubble.staff .msg-text{background:#4361ee1f;border-color:#4361ee4d}.issue-block{border:1px solid var(--border);border-left:3px solid var(--pink);background:#ffffff08;border-radius:.75rem;margin-bottom:.5rem;padding:1rem 1.25rem}.issue-block-label{text-transform:uppercase;letter-spacing:1px;color:var(--pink);margin-bottom:.5rem;font-size:.65rem;font-weight:800}.issue-block-text{color:var(--text);white-space:pre-wrap;font-size:.88rem;line-height:1.6}.compose-footer{border-top:1px solid var(--border);flex-direction:column;flex-shrink:0;gap:.75rem;padding:1rem 1.75rem 1.25rem;display:flex}.compose-textarea-wrap{position:relative}.compose-textarea{border:1px solid var(--border);color:#fff;resize:none;width:100%;transition:var(--transition);background:#ffffff0a;border-radius:.85rem;outline:none;min-height:90px;padding:.9rem 1.1rem;font-family:inherit;font-size:.88rem;line-height:1.6}.compose-textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px #4361ee1a}.compose-textarea::placeholder{color:var(--dim)}.compose-actions{justify-content:space-between;align-items:center;display:flex}.char-count{color:var(--dim);font-size:.72rem;font-weight:600}.send-btn{background:linear-gradient(135deg, var(--primary), #2a47d4);color:#fff;text-transform:uppercase;letter-spacing:.8px;cursor:pointer;transition:var(--transition);border:none;border-radius:.75rem;align-items:center;gap:8px;padding:.65rem 1.75rem;font-family:inherit;font-size:.82rem;font-weight:800;display:inline-flex}.send-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 25px #4361ee73}.send-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.no-ticket-selected{text-align:center;color:var(--dim);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:1rem;padding:4rem;display:flex}.no-ticket-selected i{opacity:.2;font-size:2.5rem}.no-ticket-selected p{font-size:.9rem}.state-center{text-align:center;color:var(--dim);padding:3rem 2rem}.state-center i{color:var(--primary);margin-bottom:1rem;font-size:2rem}.toast{background:var(--card);border:1px solid var(--green);color:var(--green);z-index:9999;opacity:0;pointer-events:none;border-radius:.75rem;align-items:center;gap:8px;padding:.75rem 1.5rem;font-size:.85rem;font-weight:700;transition:opacity .3s;display:flex;position:fixed;bottom:2rem;left:50%;transform:translate(-50%);box-shadow:0 8px 30px #0006}.toast.show{opacity:1}@media (width<=1024px){.compose-layout{grid-template-columns:280px 1fr}}@media (width<=767px){body{padding-bottom:100px}.compose-layout{grid-template-columns:1fr}}