.support-page .top-nav { display:flex; justify-content:space-between; align-items:center; gap:20px; padding:20px 28px; }
.support-page .top-nav .nav-actions { display:flex; flex-wrap:wrap; gap:12px; }
.support-form { display:grid; gap:20px; margin:24px 0; }
.support-form label { display:grid; gap:10px; font-size:14px; }
.support-form input,.support-form textarea,.support-form select,.ticket-filters input,.ticket-filters select { width:100%; padding:13px 16px; border:1px solid #354356; border-radius:12px; background:#0b121c; color:#fff; font:inherit; }
.support-form textarea { resize:vertical; min-height:140px; }
.support-form button { justify-self:start; }
.support-form .field-pair { display:grid; grid-template-columns:1fr 1fr; gap:20px; }
.support-status { color:#b6cced; font-size:14px; line-height:1.7; min-height:24px; }
.support-status.error { color:#ffb9b9; }
.ticket-layout { display:grid; grid-template-columns:340px minmax(0,1fr); gap:24px; margin-top:28px; }
.staff-main { max-width:1480px; margin:auto; padding:40px 28px; }
.staff-main h1 { font-size:36px; margin:0 0 14px; letter-spacing:-.04em; }
.ticket-filters { display:grid; gap:12px; margin-bottom:20px; }
.ticket-list { display:grid; gap:12px; max-height:760px; overflow:auto; }
.ticket-list button { display:grid; gap:10px; text-align:left; padding:20px; border:1px solid #354356; border-radius:16px; background:#111924; color:#fff; cursor:pointer; }
.ticket-list button.active { border-color:#397bff; background:#152640; }
.ticket-list small { color:#9cafc8; }
.ticket-detail { background:#111924; border:1px solid #354356; border-radius:20px; padding:28px; min-width:0; }
.ticket-detail h2 { font-size:24px; margin:0 0 18px; overflow-wrap:anywhere; }
.ticket-meta { display:flex; flex-wrap:wrap; gap:14px; color:#b5c7df; font-size:14px; line-height:1.6; margin-bottom:24px; }
.ticket-actions { display:flex; flex-wrap:wrap; gap:12px; margin:24px 0; }
.ticket-actions select { padding:12px; background:#0b121c; color:#fff; border:1px solid #354356; border-radius:12px; }
.ticket-message { padding:20px; background:#0b121c; border:1px solid #263449; border-radius:14px; margin:16px 0; }
.ticket-message.internal { background:#292414; border-color:#665730; }
.ticket-message header { color:#adc0d9; font-size:12px; line-height:1.6; margin-bottom:14px; }
.ticket-message p { white-space:pre-wrap; overflow-wrap:anywhere; line-height:1.75; font-size:14px; }
.staff-tools { display:grid; gap:18px; margin-top:28px; border-top:1px solid #354356; padding-top:24px; }
.staff-tools pre { white-space:pre-wrap; overflow-wrap:anywhere; font:inherit; font-size:14px; line-height:1.7; }
.staff-login { max-width:640px; margin:70px auto; }
.staff-login h1 { margin:18px 0; }
.staff-login p { line-height:1.8; color:#b5c7df; margin:18px 0 28px; }
.staff-identity { display:flex; align-items:center; gap:12px; font-size:14px; }
.staff-identity img { width:36px; height:36px; border-radius:50%; }
@media(max-width:850px) { .ticket-layout { grid-template-columns:1fr; } .ticket-list { max-height:320px; } .staff-main { padding:28px 18px; } .support-page .top-nav { padding:18px; flex-wrap:wrap; } .ticket-detail { padding:20px; } .support-form .field-pair { grid-template-columns:1fr; } }