.support-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(240px,1fr);gap:24px}.support-compose h2{margin-bottom:24px}.support-compose textarea{resize:vertical;min-height:130px;max-height:400px;width:100%;font:inherit;padding:15px;border:1px solid var(--line,#303238);border-radius:12px;background:#101215;color:#fff;line-height:1.6}.support-compose textarea:focus{outline:2px solid #ff8b51;outline-offset:3px}.support-kinds{border:0;padding:0;margin:0 0 24px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.support-kinds label{position:relative;margin:0;padding:18px 12px;background:#101215;border:1px solid #303238;border-radius:13px;cursor:pointer;display:flex;flex-direction:column;align-items:flex-start;gap:14px;font-size:12px;line-height:1.5}.support-kinds input{position:absolute;opacity:0;width:1px;height:1px}.support-kinds label:has(input:checked){border-color:#ff8b51;background:#2b201b}.support-kinds label:has(input:focus-visible){outline:2px solid #ff8b51;outline-offset:3px}.support-kinds span{font-size:22px;color:#ff9a67}.support-aside{display:flex;flex-direction:column;align-items:flex-start;gap:16px;background:#191b1e}.support-emblem{font-family:Unbounded,Arial,sans-serif;font-size:54px;letter-spacing:-8px;line-height:1;padding:20px 0;color:#ff8b51}.support-aside h2{font-size:30px;line-height:1.2}.support-aside p{color:#a8abb3;line-height:1.75}.support-flow{display:grid;gap:13px;margin:10px 0 25px}.support-flow span{font-size:12px;color:#ff9a67;display:flex;gap:18px}.support-flow b{font-weight:500;color:#d9dadd}.support-aside .quiet-link{margin-top:auto}.support-request-list{display:grid;gap:14px}.support-ticket{background:#191c20;border:1px solid #303238;border-radius:17px;padding:24px;min-width:0}.support-ticket-top,.support-ticket-bottom{display:flex;align-items:center;justify-content:space-between;gap:16px}.support-ticket-top{margin-bottom:18px}.support-kind{font-size:11px;letter-spacing:1.1px;text-transform:uppercase;color:#aeb0b8}.support-state{display:inline-flex;align-items:center;font-size:11px;font-weight:700;border:1px solid #40454d;border-radius:999px;padding:6px 10px;background:#22262c;color:#c0c5ce;white-space:nowrap}.support-state.state-new{background:#32251c;border-color:#68492f;color:#ffc48c}.support-state.state-in_progress{background:#1c2c39;border-color:#314d61;color:#9bd3fa}.support-state.state-resolved{background:#1c2e26;border-color:#345443;color:#a6d6b9}.support-ticket h3{font-size:21px;margin:0 0 14px;line-height:1.5;overflow-wrap:anywhere}.support-ticket h3 small{font-size:13px;color:#a8abb3;font-weight:400;display:block;margin-top:3px}.support-message{white-space:pre-wrap;overflow-wrap:anywhere;color:#dedfe3;font-size:15px;line-height:1.7;margin:0 0 24px}.support-ticket-bottom{border-top:1px solid #303238;padding-top:16px}.support-ticket-bottom>div{display:grid;gap:5px;font-size:11px;color:#969ba5}.support-items{color:#b9bdc6;line-height:1.8;padding-left:20px}.support-empty{min-height:170px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px dashed #383b43;border-radius:16px;text-align:center;padding:28px;gap:12px;color:#a6aab4}.support-empty>span{color:#ff9a67;font-size:25px}.staff-login{max-width:580px}.staff-login h2{margin:12px 0}.staff-login form{margin-top:25px}.staff-identity{display:flex;align-items:center;justify-content:space-between;gap:20px}.staff-identity h2{font-size:27px;margin:8px 0}.staff-duty{display:flex;align-items:center;justify-content:space-between;gap:24px;border:1px solid #5a4030;background:#251e18;border-radius:16px;padding:22px;margin:20px 0}.staff-duty strong{display:block;margin-bottom:8px}.staff-duty p{font-size:12px;line-height:1.7;color:#c1b3a9;max-width:570px}.staff-duty .button-row{flex-shrink:0}.staff-tabs{display:flex;gap:6px;flex-wrap:wrap;border-bottom:1px solid #303238;margin:25px 0 26px;padding-bottom:9px}.staff-tabs button{border:1px solid transparent;background:transparent;color:#b9bcc4;padding:13px 18px;border-radius:10px;cursor:pointer;font:inherit;font-size:13px;font-weight:600}.staff-tabs button[aria-selected=true]{background:#ff8b51;color:#111418}.staff-tabs button span:not(:empty){margin-left:8px;background:#111418;color:#ffad83;padding:2px 6px;border-radius:7px;font-size:11px}.staff-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.staff-toolbar .filter-chips{margin:0}.staff-toolbar h2{font-size:24px;margin:0}.staff-search{display:flex;gap:12px;align-items:stretch;max-width:760px;margin-bottom:14px}.staff-search label{flex:1;margin:0;min-width:0}.staff-search input{height:100%;min-height:49px}.staff-client-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.staff-client{min-width:0}.staff-client>div:first-child{display:flex;gap:14px;align-items:center;margin-bottom:22px}.staff-client h3{font-size:19px;overflow-wrap:anywhere}.staff-client-avatar{display:flex;align-items:center;justify-content:center;flex:0 0 42px;height:42px;background:#32231c;color:#ffac80;border-radius:12px;font-size:18px}.staff-client dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.staff-client dt{font-size:10px;color:#9ca2ae;margin-bottom:7px}.staff-client dd{font-size:13px;margin:0;overflow-wrap:anywhere}.staff-pagination{display:flex;justify-content:center;gap:20px;align-items:center;margin:24px 0}.staff-pagination>span{font-size:12px;color:#aeb3bd}.staff-host-groups{display:grid;gap:28px}.staff-host-groups section>h3{font-size:18px;margin-bottom:15px}.staff-host-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.staff-host{position:relative;background:#191c20;border:1px solid #373d45;border-radius:13px;padding:21px 17px;min-width:0}.staff-host h4{font-size:20px;margin:0 0 18px}.staff-host strong{font-size:12px;font-weight:500;display:block}.staff-host p{font-size:11px;color:#a0a6b1;margin:7px 0}.staff-host small{font-size:10px;color:#8a929f}.staff-host-light{position:absolute;right:16px;top:22px;width:7px;height:7px;border-radius:50%;background:#929aa8}.host-free{border-color:#3b5d4b}.host-free .staff-host-light{background:#83c89b}.host-occupied .staff-host-light{background:#ff996a}.host-reserved .staff-host-light{background:#9b9df0}.host-unavailable{opacity:.65}.staff-host.host-unknown{border-style:dashed}body[data-page=staff] .page-heading{margin-bottom:20px}.staff-tabs button:focus-visible,.support-ticket button:focus-visible{outline:2px solid #ffb38c;outline-offset:3px}
@media(min-width:1500px){.staff-host-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.staff-client-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1100px){.support-layout{grid-template-columns:1fr}.support-aside{display:none}.staff-host-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.staff-duty{align-items:flex-start;flex-direction:column}}
@media(max-width:600px){.support-kinds{gap:7px}.support-kinds label{padding:13px 9px;font-size:10px;gap:10px}.support-kinds span{font-size:19px}.support-ticket{padding:18px}.support-ticket h3{font-size:19px}.support-ticket-top{gap:8px}.support-kind{font-size:9px;letter-spacing:.6px}.support-state{font-size:10px;padding:5px 8px}.support-ticket-bottom{align-items:flex-start;flex-direction:column;gap:17px}.support-ticket-bottom .button{width:100%}.staff-identity{align-items:flex-start}.staff-identity h2{font-size:21px}.staff-identity .button{padding:10px 13px;min-height:40px;font-size:11px}.staff-tabs{gap:3px}.staff-tabs button{padding:11px 12px;font-size:12px}.staff-toolbar{align-items:flex-start;flex-direction:column}.staff-client-grid{grid-template-columns:1fr}.staff-host-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.staff-host{padding:18px 14px}.staff-host h4{font-size:18px}.staff-search{gap:8px}.staff-search .button{padding:12px}.staff-duty{padding:18px}.staff-duty .button-row{flex-wrap:wrap;width:100%}.staff-pagination{gap:10px}.staff-pagination .button{padding:10px 12px;font-size:11px}.support-compose .button{width:100%}}