.admin-section{max-width:1200px;margin:0 auto}.section-header{margin-bottom:var(--space-3);text-align:center}.filter-options{display:flex;gap:var(--space-2);margin-bottom:var(--space-3);align-items:flex-end}.filter-options .form-group{margin-bottom:0;flex:1}.filter-options button{height:42px}.tickets-list{display:grid;gap:var(--space-3)}.tickets-empty{text-align:center;color:var(--color-text-secondary);padding:var(--space-4) 0}.tickets-more{display:flex;justify-content:center;margin-top:var(--space-3)}.ticket-card{background-color:var(--color-background);border-radius:var(--border-radius-md);padding:var(--space-3);box-shadow:var(--shadow-sm)}.ticket-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-2);flex-wrap:wrap;margin-bottom:var(--space-2)}.ticket-heading{display:flex;align-items:baseline;gap:var(--space-1);font-weight:600;color:var(--color-primary);font-size:var(--font-size-lg)}.ticket-number{unicode-bidi:isolate}.ticket-meta{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.ticket-status{font-weight:600}.ticket-status-new{color:var(--color-warning-dark)}.ticket-status-in_progress{color:var(--color-primary)}.ticket-status-resolved{color:var(--color-accent-dark)}.ticket-date{color:var(--color-text-secondary)}.ticket-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-2);margin-bottom:var(--space-2)}.ticket-detail{display:flex;flex-direction:column;gap:.25rem;min-width:0}.ticket-detail-label{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.ticket-detail-value{font-weight:500;overflow-wrap:anywhere}.ticket-message{background-color:var(--color-background-light);border-radius:var(--border-radius-md);padding:var(--space-2);margin-bottom:var(--space-2);white-space:pre-wrap;overflow-wrap:anywhere}.ticket-note{min-height:72px}.ticket-actions{display:flex;justify-content:flex-end;align-items:center;gap:var(--space-2);margin-top:var(--space-2)}.ticket-actions .status-select{min-width:150px;width:auto}@media (max-width: 768px){.filter-options{flex-direction:column;align-items:stretch;gap:var(--space-1)}.filter-options button{width:100%}.ticket-actions{flex-direction:column;align-items:stretch}.ticket-actions .status-select{width:100%}}
