.online-staff-section{border-top:1px solid #ffffff15}.online-staff-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:16px}.online-staff-card{display:flex;align-items:flex-start;flex-direction:column;gap:12px;padding:24px;border:1px solid #344357;border-radius:14px;background:linear-gradient(135deg,#192638,#101925)}.online-staff-name{font-size:19px;color:#edf3fb;overflow-wrap:anywhere;max-width:100%}.online-staff-role{display:inline-block;padding:5px 10px;border-radius:6px;font-size:12px;font-weight:750}.online-staff-role.role-admin{background:#b82f43;color:#fff}.online-staff-role.role-cm{background:#e6952f;color:#172334}.online-staff-role.role-banker{background:#f0cf55;color:#172334}.online-staff-role.role-moderator{background:#207344;color:#fff}.online-staff-role.role-mechanic{background:#2867b6;color:#fff}.online-staff-state{font-size:13px;color:#91dfb0}.staff-empty{grid-column:1/-1;padding:24px;background:#131d2a;border:1px solid #293648;border-radius:14px;color:#a6b5c8;margin:0}

.sidebar-online-staff{margin:18px 0 8px;padding:16px 0 0;border-top:1px solid #293648}.sidebar-online-staff h2{margin:0 0 12px;padding:0 12px;color:#a6b5c8;font-size:12px;font-weight:750;letter-spacing:1px;text-transform:uppercase}.sidebar-online-staff .online-staff-list{display:flex;flex-direction:column;gap:8px}.sidebar-online-staff .online-staff-card{padding:12px;gap:7px;border-radius:10px;background:#152235}.sidebar-online-staff .online-staff-name{font-size:14px}.sidebar-online-staff .online-staff-role{font-size:11px;padding:3px 7px}.sidebar-online-staff .online-staff-state{font-size:11px}.sidebar-online-staff .staff-empty{padding:12px;font-size:12px;line-height:1.5}