.support-page{position:relative;display:grid;gap:1.1rem;padding:5.5rem 1.5rem 2.5rem}.support-page:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 88% 8%,rgba(157,255,0,.08),transparent 36%),radial-gradient(circle at 12% 62%,rgba(101,182,255,.07),transparent 31%)}.support-head{position:relative;display:flex;align-items:flex-start;justify-content:space-between;gap:.9rem;box-shadow:0 12px 26px #00000052;overflow:hidden}.support-head:after{content:"";position:absolute;left:-8%;top:0;width:40%;height:1px;background:linear-gradient(90deg,#9dff0000,#9dff00eb,#9dff0000);transform:rotate(-2deg)}.support-head-actions{display:flex;align-items:flex-start;gap:.65rem}.support-head h1,.support-card h2{margin:0;font-family:Teko,sans-serif;font-size:1.9rem;letter-spacing:.05em;text-shadow:0 0 18px rgba(157,255,0,.18)}.support-head p{margin:.35rem 0 0;color:var(--text-secondary)}.support-live-wrap{display:grid;gap:.5rem;justify-items:end}.support-modal{position:fixed;inset:0;z-index:1000;display:none}.support-modal.is-open{display:block}.support-modal-backdrop{position:absolute;inset:0;background:#030704b3;backdrop-filter:blur(3px)}.support-modal-card{position:relative;margin:min(16vh,7rem) auto 0;width:min(94vw,620px);background:radial-gradient(circle at 8% 10%,rgba(157,255,0,.14),transparent 38%),#0a110bfa;border:1px solid rgba(157,255,0,.26);border-radius:12px;padding:1rem 1.1rem;box-shadow:0 14px 42px #00000073;animation:supportModalIn .18s ease-out}.support-modal-head{display:flex;align-items:center;justify-content:space-between;gap:.7rem}.btn-close{width:34px;height:34px;border:1px solid rgba(157,255,0,.3);border-radius:8px;background:#9dff0017;color:#d8f99d;font-size:1rem;line-height:1;cursor:pointer}.support-modal-open{overflow:hidden}.live-badge{border:1px solid rgba(157,255,0,.28);border-radius:999px;padding:.28rem .76rem;font-size:.8rem;color:#d8f99d}.state-live{color:#9bf7b6;border-color:#91fab46b}.state-syncing{color:#ffd58f;border-color:#ffd07d6b}.state-paused{color:#d8dbe4;border-color:#cfd5df57}.state-error{color:#fecaca;border-color:#fca5a566}.support-grid{display:grid;gap:1rem;grid-template-columns:minmax(300px,370px) minmax(0,1fr)}.support-card{background:linear-gradient(165deg,#0b140df2,#080d0af0);border:1px solid rgba(157,255,0,.22);border-radius:12px;padding:1rem 1.25rem;box-shadow:0 10px 24px #00000040}.support-side{display:grid;gap:.9rem;align-content:start}.support-list-wrap{display:grid;gap:.55rem}.support-list-head{display:grid;gap:.45rem}.support-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.35rem}.support-stats span{font-size:.78rem;color:#dbe7cec7;border:1px solid rgba(157,255,0,.18);border-radius:7px;padding:.25rem .45rem;background:#080e08cc}.support-stats strong{color:#d8f99d}.ticket-controls{display:grid;gap:.5rem;grid-template-columns:1fr}.ticket-controls select,.ticket-controls input{width:100%;background:#0d170df2;border:1px solid rgba(157,255,0,.2);border-radius:8px;color:var(--text-color);padding:.6rem .7rem;font:inherit}.ticket-controls select:focus,.ticket-controls input:focus,.support-form input:focus,.support-form textarea:focus,.chat-form textarea:focus{outline:none;border-color:#beff6ab8;box-shadow:0 0 0 3px #9dff001f}.support-form,.chat-form{display:grid;gap:.65rem;margin-top:.65rem}.support-form label{color:var(--text-secondary);font-size:.92rem}.support-form input,.support-form textarea,.chat-form textarea{width:100%;background:#0d170df2;border:1px solid rgba(157,255,0,.2);border-radius:8px;color:var(--text-color);padding:.7rem .85rem;font:inherit;resize:vertical}.btn-main{border:1px solid rgba(157,255,0,.35);background:#9dff001f;color:#dbf6b5;padding:.65rem 1rem;border-radius:8px;font-family:Teko,sans-serif;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transition:background .2s ease,transform .2s ease}.btn-valorant{position:relative;border-radius:0;clip-path:polygon(8% 0,100% 0,100% 76%,92% 100%,0 100%,0 24%);background:linear-gradient(120deg,#9dff0042,#588c0047),#080d08f2;border:1px solid rgba(176,255,53,.68);box-shadow:0 7px 16px #00000059,inset 0 0 0 1px #beff673d;min-width:190px}.btn-valorant:before{content:"";position:absolute;left:10px;right:10px;bottom:7px;height:2px;background:linear-gradient(90deg,#dcff9c00,#dcff9cdb,#dcff9c00)}.btn-valorant:hover{background:linear-gradient(120deg,#aaff2c57,#5ea10557),#080d08f2}.btn-main:hover{background:#9dff0033;transform:translateY(-1px)}.btn-main:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-subtle{padding:.45rem .8rem;font-size:.86rem}.support-info{min-height:1.5rem;color:#f59e0b;margin:.35rem 0 .45rem;font-weight:600}.ticket-list{display:flex;flex-direction:column;gap:.5rem;max-height:380px;overflow-y:auto;padding:.5rem;border-radius:10px;background:#050906a6;border:1px solid rgba(157,255,0,.14);scrollbar-width:thin;scrollbar-color:rgba(157,255,0,.5) rgba(9,14,10,.7)}.ticket-item{position:relative;width:100%;box-sizing:border-box;border:1px solid rgba(157,255,0,.32);background:linear-gradient(145deg,#0c160efa,#090f0af5);color:var(--text-color);border-radius:10px;text-align:left;padding:.75rem .9rem .75rem 1.1rem;cursor:pointer;display:flex;flex-direction:column;gap:.35rem;overflow:hidden;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;box-shadow:0 3px 10px #0000004d}.ticket-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,#bfff68f2,#82c7237a);opacity:.72}.ticket-item:hover{transform:translateY(-1px);border-color:#acff4f85;box-shadow:0 8px 18px #00000054}.ticket-item.is-active{border-color:#b0ff54a8;box-shadow:0 0 0 1px #a4ff4257 inset,0 10px 20px #0000005c}.ticket-item-head{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.ticket-item strong{display:flex;align-items:center;gap:.36rem;font-size:.94rem;letter-spacing:.01em}.ticket-item-title{line-height:1.2}.ticket-item-meta{display:flex;align-items:center;justify-content:space-between;gap:.5rem;font-size:.82rem;color:#dcecd1b8}.ticket-unread-pill{display:inline-flex;align-items:center;justify-content:center;min-width:2.2rem;padding:.1rem .45rem;border-radius:999px;font-size:.68rem;text-transform:uppercase;letter-spacing:.06em;color:#daf9a5;border:1px solid rgba(157,255,0,.5);background:#69a80940}.ticket-item-preview{margin:0;color:#dff0d6e0;font-size:.84rem;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.status-mini{font-size:.7rem;color:#d8f99d;border:1px solid rgba(157,255,0,.26);border-radius:999px;padding:.18rem .55rem;text-transform:uppercase;letter-spacing:.04em}.unread-dot{width:8px;height:8px;border-radius:50%;background:#9dff00;box-shadow:0 0 0 4px #9dff0029}.chat-card{display:flex;flex-direction:column;gap:.7rem;min-height:640px}.chat-head{display:flex;align-items:center;justify-content:space-between;gap:.6rem}.status-pill{border:1px solid rgba(157,255,0,.28);border-radius:999px;padding:.2rem .7rem;font-size:.8rem;color:#d8f99d}.status-open{color:#8cc7ff;border-color:#78b8ff66}.status-in_progress{color:#ffd58f;border-color:#ffd07d66}.status-resolved{color:#9bf7b6;border-color:#91fab466}.chat-subject{margin:0;color:#dcecd1e0;font-weight:600}.chat-meta{margin:-.35rem 0 0;color:#d6e3cdad;font-size:.8rem}.chat-messages{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:.55rem;border:1px solid rgba(157,255,0,.18);border-radius:14px;background:linear-gradient(180deg,#050906eb,#070b08e6);padding:1rem .9rem;scrollbar-width:thin;scrollbar-color:rgba(157,255,0,.5) rgba(9,14,10,.7)}.chat-spacer{flex:1}.chat-bubble{max-width:min(76%,580px);width:fit-content;border-radius:16px;padding:.6rem .85rem;box-shadow:0 4px 14px #00000059}.chat-bubble.from-admin{align-self:flex-start;margin-right:auto;border-radius:4px 16px 16px;border:1px solid rgba(141,202,255,.28);background:linear-gradient(145deg,#0a1422f2,#08101aeb)}.chat-bubble.from-user{align-self:flex-end;margin-left:auto;border-radius:16px 4px 16px 16px;border:1px solid rgba(157,255,0,.3);background:linear-gradient(145deg,#0e220ff5,#0a1a0bed);text-align:right}.chat-bubble-meta{display:flex;align-items:center;gap:.5rem;margin-bottom:.28rem}.chat-bubble.from-user .chat-bubble-meta{justify-content:flex-end}.chat-bubble.from-admin .chat-bubble-meta{justify-content:flex-start}.chat-bubble-author{font-size:.8rem;font-weight:700;letter-spacing:.02em}.from-user .chat-bubble-author{color:#b2f080}.from-admin .chat-bubble-author{color:#7ec8ff}.chat-bubble-date{font-size:.7rem;color:#c9922a;opacity:.9;letter-spacing:.01em}.chat-bubble-text{margin:0;white-space:pre-wrap;font-size:.91rem;line-height:1.5;color:#e4f2dceb}.from-user .chat-bubble-text{color:#dcf5d2f0}.from-admin .chat-bubble-text{color:#d2e8faeb}.ticket-list::-webkit-scrollbar,.chat-messages::-webkit-scrollbar{width:8px}.ticket-list::-webkit-scrollbar-track,.chat-messages::-webkit-scrollbar-track{background:#090e0ab8;border-radius:999px}.ticket-list::-webkit-scrollbar-thumb,.chat-messages::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#a3ff40cc,#5d9508d6);border-radius:999px}@keyframes supportModalIn{0%{transform:translateY(8px) scale(.98);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.chat-actions{display:flex;align-items:center;justify-content:space-between;gap:.8rem}.chat-actions small{color:#d6e3cdad;font-size:.78rem}.empty-line{margin:0;color:#d6e3cdb3}@media (max-width: 1023px){.support-page{padding-top:5.3rem}.support-head{grid-template-columns:1fr;display:grid}.support-head-actions{justify-content:space-between;align-items:center;width:100%;flex-wrap:wrap}.support-live-wrap{justify-items:start}.support-grid{grid-template-columns:1fr}.ticket-list{max-height:260px}.chat-messages{min-height:260px}.chat-card{min-height:520px}.chat-actions{flex-direction:column;align-items:stretch}.chat-actions .btn-main{width:100%}.support-modal-card{margin-top:5.5rem;width:min(94vw,680px)}}